Nx reactfc generator

__fileName__.spec.tsx__tmpl__

import React from 'react';
import { render } from '@testing-library/react';

import { <%= className %> } from './<%= fileName %>';

describe('<<%= className %>/>', () => {
  it('should render successfully', () => {
    const { baseElement } = render(<<%= className %> />);
    expect(baseElement).toBeTruthy();
  });
});

__fileName__.stories.tsx__tmpl__

import { Story, Meta } from '@storybook/react';
import { <%= className %>, <%= className %>Props } from './<%= fileName %>';

export default {
  component: <%= className %>,
  title: '<%= className %>',
} as Meta;

const Template: Story<<%= className %>Props> = (args) => <<%= className %> {...args} />;

export const Primary = Template.bind({});
Primary.args = {};

__fileName__.styled.tsx__tmpl__

import styled from 'styled-components';

export const <%= className %>Container = styled.div`
  color: pink;
`;

__fileName__.tsx__tmpl__

import React from 'react';

import { <%= className %>Container } from './<%= fileName %>.styled';

/* eslint-disable-next-line */
export interface <%= className %>Props {}

export const <%= className %> = (props: <%= className %>Props) => {
  return (
    <<%= className %>Container> 
      <h1>Welcome to <%= className %>!</h1>
    </<%= className %>Container>
  );
};

index.ts

import {
  formatFiles,
  generateFiles,
  joinPathFragments,
  Tree,
  readProjectConfiguration,
  names,
} from '@nrwl/devkit';

interface ReactFCSchemaOptions {
  name: string;
  project: string;
  path: string;
}

export default async function (tree: Tree, schema: ReactFCSchemaOptions) {
  const projectConfig = readProjectConfiguration(tree, schema.project);
  const namesFromSchema = names(schema.name);

  generateFiles(
    tree,
    joinPathFragments(__dirname, './templates'),
    `${projectConfig.root}/${schema.path}/${namesFromSchema.fileName}`,
    {
      tmpl: '',
      ...namesFromSchema,
    },
  );

  await formatFiles(tree);
}

// TODO: Add docs to the geberators section on README.md file
// npx nx workspace-generator reactfc --name=NewComponent  --project=checkout --path=/components

index.ts__tmpl__

export * from './<%= fileName %>';