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.tsx
import * as React from "react"

type Food = 'meat' | 'cheese' | 'vegetable'
type Cuisine = string | Food

interface IHelloWorldProps {
  greeting: string;
  food: Food;
  cuisine: Cuisine;
  owner: Person;
}

interface IHelloWorldState {
}

class HelloWorld extends React.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>
    );
  }
}

export default HelloWorld

[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 :)