Typescript component generator

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)

[delkopiso]

Summary

Allow the generation of typescript components by passing the --ts flag to the generator

resolves#965

Other information

Also handles all the special prop types like instanceOf, oneOf, and oneOfType:

• Treat instanceOf prop types as reference to predefined types.
• Treat oneOf prop types as union types, and define the union type.
• Treat oneOfType prop types as union of primitives and custom types, and define both custom type and union type

Example

$ bin/rails g react:component HelloWorld greeting:string \
'food:oneOf{meat,cheese,vegetable}' \
'cuisine:oneOfType{string,Food}' \
owner:instanceOf{Person} --ts
create app/javascript/components/HelloWorld.tsx

// app/javascript/components/HelloWorld.tsximport*asReactfrom"react"typeFood='meat'|'cheese'|'vegetable'typeCuisine=string|FoodinterfaceIHelloWorldProps{greeting: string;food: Food;cuisine: Cuisine;owner: Person;}interfaceIHelloWorldState{}classHelloWorldextendsReact.Component<IHelloWorldProps,IHelloWorldState>{render(){return(<React.Fragment>Greeting: {this.props.greeting}Food: {this.props.food}Cuisine: {this.props.cuisine}Owner: {this.props.owner}</React.Fragment>);}}exportdefaultHelloWorld

[BookOfGreg]

I've not completed the review yet but this looks very good and high quality so far! Thank you very much for this contribution. I'll review the rest through this weekend.

[BookOfGreg]

I was wondering how Rails manages to parse out it's command line generators with curly braces such as rails g migration add_thing_to_table thing:string{10}
Turns out it's very similar to what you've done here already:
https://github.com/rails/rails/blob/1a5381ff0cf04af68a50bd04f265b9b8199e37b4/railties/lib/rails/generators/generated_attribute.rb#L45
But yours is a little easier to read 👍

[BookOfGreg]

This is a really good PR.
Tested locally and this generator works as intended and no changes for the other generators.

Only thing missing would be a test in test/generators/typescript_component_generator_test.rb which I will add myself after merging.

Thank you for this contribution, hope to see you contributing again some day :)