chore: move copy templates to root of the package

component/javascript/class/index.js.template

@@ -0,0 +1 @@
+export { {{name}} } from './{{name}}';

component/javascript/class/style.{{style}}.template

@@ -0,0 +1 @@
+.{{name}} {}

component/javascript/class/{{name}}.js.template

@@ -0,0 +1,19 @@
+import React from 'react';
+{{#propTypes}}
+import PropTypes from 'prop-types';
+{{/propTypes}}
+{{#style}}
+import {{#cssModules}}classes from {{/cssModules}}'./style.{{style}}';
+{{/style}}
+
+export class {{name}} extends React.Component {
+  render() {
+    return <div className={{#cssModules}}{classes.{{name}}}{{/cssModules}}{{^cssModules}}"{{name}}"{{/cssModules}}>{{name}} works!</div>;
+  }
+}
+{{#propTypes}}
+
+{{name}}.propTypes = {
+  className: PropTypes.string,
+};
+{{/propTypes}}

component/javascript/class/{{name}}.test.js.template

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+import { {{name}} } from './{{name}}';
+
+describe('{{name}}', () => {
+  it('should match snapshot', () => {
+    const { getByText } = render(<{{name}} />);
+    const linkElement = getByText(/{{name}} works!/i);
+    expect(linkElement).toBeInTheDocument();
+  });
+});

component/javascript/function/index.js.template

@@ -0,0 +1 @@
+export { {{name}} } from './{{name}}';

component/javascript/function/style.{{style}}.template

@@ -0,0 +1 @@
+.{{name}} {}

component/javascript/function/{{name}}.js.template

@@ -0,0 +1,16 @@
+{{#propTypes}}
+import PropTypes from 'prop-types';
+{{/propTypes}}
+{{#style}}
+import {{#cssModules}}classes from {{/cssModules}}'./style.{{style}}';
+{{/style}}
+
+export const {{name}} = () => {
+  return <div className={{#cssModules}}{classes.{{name}}}{{/cssModules}}{{^cssModules}}"{{name}}"{{/cssModules}}>{{name}} works!</div>;
+};
+{{#propTypes}}
+
+{{name}}.propTypes = {
+  className: PropTypes.string,
+};
+{{/propTypes}}

component/javascript/function/{{name}}.test.js.template

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+import { {{name}} } from './{{name}}';
+
+describe('{{name}}', () => {
+  it('should match snapshot', () => {
+    const { getByText } = render(<{{name}} />);
+    const linkElement = getByText(/{{name}} works!/i);
+    expect(linkElement).toBeInTheDocument();
+  });
+});

component/typescript/class/index.tsx.template

@@ -0,0 +1 @@
+export { {{name}} } from './{{name}}';

component/typescript/class/style.{{style}}.template

@@ -0,0 +1 @@
+.{{name}} {}

component/typescript/class/{{name}}.test.tsx.template

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+import { {{name}} } from './{{name}}';
+
+describe('{{name}}', () => {
+  it('should match snapshot', () => {
+    const { getByText } = render(<{{name}} />);
+    const linkElement = getByText(/{{name}} works!/i);
+    expect(linkElement).toBeInTheDocument();
+  });
+});

component/typescript/class/{{name}}.tsx.template

@@ -0,0 +1,12 @@
+import React from 'react';
+{{#style}}
+import {{#cssModules}}classes from {{/cssModules}}'./style.{{style}}';
+{{/style}}
+
+interface {{name}}Props {}
+
+export class {{name}} extends React.Component<{{name}}Props> {
+  render() {
+    return <div className={{#cssModules}}{classes.{{name}}}{{/cssModules}}{{^cssModules}}"{{name}}"{{/cssModules}}>{{name}} works!</div>;
+  }
+}

component/typescript/function/index.tsx.template

@@ -0,0 +1 @@
+export { {{name}} } from './{{name}}';

component/typescript/function/style.{{style}}.template

@@ -0,0 +1 @@
+.{{name}} {}

component/typescript/function/{{name}}.test.tsx.template

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+import { {{name}} } from './{{name}}';
+
+describe('{{name}}', () => {
+  it('should match snapshot', () => {
+    const { getByText } = render(<{{name}} />);
+    const linkElement = getByText(/{{name}} works!/i);
+    expect(linkElement).toBeInTheDocument();
+  });
+});

component/typescript/function/{{name}}.tsx.template

@@ -0,0 +1,10 @@
+import type React from 'react';
+{{#style}}
+import {{#cssModules}}classes from {{/cssModules}}'./style.{{style}}';
+{{/style}}
+
+interface {{name}}Props {}
+
+export const {{name}}: React.FC<{{name}}Props> = () => {
+  return <div className={{#cssModules}}{classes.{{name}}}{{/cssModules}}{{^cssModules}}"{{name}}"{{/cssModules}}>{{name}} works!</div>;
+};