[WIP][INTERNAL] Config options RFG-546

.gitignore

@@ -1,4 +1,4 @@
 node_modules
 .eslintcache
-dist
+# dist
 localTest

dist/templates/component_class_based.hbs

@@ -0,0 +1,26 @@
+{{> withClassNameImport }};
+import { Component } from 'react';
+
+{{#if styledComponents}}
+{{> styleImport }};
+
+{{/if}}
+interface State {}
+
+{{ withClassNameProps }} {}
+
+export class {{pascalCase name }} extends Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {};
+  }
+
+  render() {
+    return (
+      <{{ templateBaseComponent }} {{> withClassNameClassName }} {{> testId }}={"{{kebabCase name }}-root"}>
+        {{ name }}
+      </{{ templateBaseComponent }}>
+    );
+  }
+}

dist/templates/component_functional.hbs

@@ -0,0 +1,18 @@
+{{> withClassNameImport }};
+import React, { PropsWithChildren } from 'react';
+
+{{#if styledComponents}}
+{{> styleImport }};
+
+{{/if}}
+{{ withClassNameProps }} {}
+
+const {{ pascalCase name }}: React.FC<Props> = (props: PropsWithChildren<Props>): React.ReactElement => {
+  return (
+    <{{ templateBaseComponent }} {{> withClassNameClassName }} {{> testId }}={"{{kebabCase name }}-root"}>
+      {{ name }}
+    </{{ templateBaseComponent }}>
+  );
+}
+
+export { {{ pascalCase name }} }

dist/templates/index.hbs

@@ -0,0 +1,3 @@
+import { {{pascalCase name}} } from './{{pascalCase name}}';
+
+export default {{pascalCase name }};

dist/templates/story.hbs

@@ -0,0 +1,9 @@
+import { {{ pascalCase name }} } from './{{ pascalCase name }}';
+
+const StorybookSettings = {
+  title: 'Design System/{{ type }}s/{{ name }}'
+};
+
+export default StorybookSettings;
+
+export const Basic{{ pascalCase name }} = () => <{{ pascalCase name }} />;

dist/templates/styles.hbs

@@ -0,0 +1,3 @@
+import styled from '{{ styledComponentsType }}';
+
+export const Root = styled.{{ baseComponent }}``;

dist/templates/test.hbs

@@ -0,0 +1,12 @@
+import {render, screen} from '@testing-library/react';
+{{ componentImport }}
+
+const elementName = '{{kebabCase name }}';
+const basicElement = <{{pascalCase name }}>{{ name }}</{{pascalCase name }}>;
+
+test('element exists', () => {
+  render(basicElement);
+
+  const root = screen.getByTestId(elementName + '-root');
+  expect(root).toBeInTheDocument();
+});

dist/types/atomicComponent.d.ts

@@ -0,0 +1,29 @@
+import { NodePlopAPI } from "node-plop";
+import { GeneratorConfig } from "./index";
+declare const atomicComponent: (
+	config: Partial<GeneratorConfig>,
+	plop: NodePlopAPI
+) => {
+	description: string;
+	prompts: (
+		| {
+				type: string;
+				name: string;
+				message: string;
+				choices: string[];
+		  }
+		| {
+				type: string;
+				name: string;
+				message: string;
+				choices?: undefined;
+		  }
+	)[];
+	actions: {
+		type: string;
+		path: string;
+		templateFile: string;
+		data: {};
+	}[];
+};
+export default atomicComponent;