Convert layout generator to TypeScript

[kimadeline]

For #523

🎩 Ported the layout generator to TypeScript:

Default (JS):

JS:

TS (any idea on what I need to do to make the squiggles under render disappear? #689?):

🚮 Cleaned up some of the unnecessary stuff I introduced when I ported the component generator.

[kimadeline]

Do we want to proactively type generated components, in case people want to use FC props like children?

[peterp]

I think that would be awesome

[thedavidprice]

@kimadeline Thanks again!

TS (any idea on what I need to do to make the squiggles under render disappear?):

^^ Looping in @peterp. See the TS gif example above. The import { render } from @redwoodjs/testing is throwing a lint error only for TS version.

Here's a screenshot of the error. Possibly a TS issue with the testing package itself?

[peterp]

@kimadeline Thanks for this!

[thedavidprice]

Confirming I checked the output and there's no change from previous. So Tutorial check == ✅

@peterp when you loop back to this, wanted to make sure you saw my question above (which was in response to @kimadeline's original question) ^^

[peterp]

@thedavidprice I could not see the original question? So I'm wondering if it's still relevant @kimadeline?

[thedavidprice]

@peterp Ah, that could be the case. If I recall correctly, is the testing package now supporting TS (and wasn't before)?

[kimadeline]

@peterp The original question was

any idea on what I need to do to make the squiggles under render disappear?

Later I saw that #689 turned packages/testing/src/index.ts into a TS file, which I thought might be related (not 100% sure) 😬

[peterp]

Sweet! Hopefully that solved it, we're going to release v0.11.0 soon, but I'll get this merged in time for v0.12.0

[peterp]

Works great!