createComponent.js

const fs = require('fs');

const componentName = process.argv[2];

console.log(`Creating Component: ${componentName}`);

const ComponentTemplate = 
`import React from 'react';
import styled from 'styled-components';

export const ${componentName}: React.FC = () => {
  return (
    <>
    </>
  );
}
`

const TestTemplate = 
`import React from 'react';
import { ${componentName} } from './${componentName}';
import { render } from '@testing-library/react';


test('A ${componentName}', () => {
  // const { getByText } = render(<${componentName} />);
  // const questionText = getByText(/foobar/i);
  // expect(questionText).toBeInTheDocument();
})
`

const HistoryBookTemplate = 
`import React from 'react';

import { ${componentName} } from './${componentName}';

export default {
  component: ${componentName},
  title: '${componentName}',
  excludeStories: /.*Data$/ 
};

export const ${componentName}Data = {
}

export const actionsData = {
};

export const Default = () => {
  return <${componentName} />
}

test('A ${componentName}', () => {
  // const { getByText } = render(<${componentName} />);
  // const questionText = getByText(/foobar/i);
  // expect(questionText).toBeInTheDocument();
})
`

fs.mkdirSync(`./src/Components/${componentName}`);
fs.writeFileSync(`./src/Components/${componentName}/${componentName}.tsx`, ComponentTemplate, 'utf-8');
fs.writeFileSync(`./src/Components/${componentName}/${componentName}.test.tsx`, TestTemplate, 'utf-8');
fs.writeFileSync(`./src/Components/${componentName}/${componentName}.stories.tsx`, HistoryBookTemplate, 'utf-8');