feat: coming soon

generators/component/Component.stories.tsx.hbs

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/react'
+
+import { {{ properCase name }} as Component, {{ properCase name }}Props } from './{{ properCase name }}'
+
+const Stories: Meta = {
+  title: '{{ properCase name }}',
+  component: Component
+}
+
+export default Stories
+
+export const {{ properCase name }}: Story<{{ properCase name }}Props> = (arguments_) => {
+  return <Component {...arguments_} />
+}
+{{ properCase name }}.args = { className: 'text-center' }

generators/component/Component.test.tsx.hbs

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import { {{ properCase name }} } from './{{ properCase name }}'
+
+describe('<{{ properCase name }} />', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<{{ properCase name }} />)
+    expect(baseElement).toBeTruthy()
+  })
+})

generators/component/Component.tsx.hbs

@@ -0,0 +1,11 @@
+import classNames from 'classnames'
+
+export interface {{ properCase name }}Props {
+  className?: string
+}
+
+export const {{ properCase name }}: React.FC<{{ properCase name }}Props> = (props) => {
+  const { children, className } = props
+
+  return <main className={classNames(className, '')}>{children}</main>
+}

generators/component/index.js

@@ -0,0 +1,43 @@
+/**
+ * @param {import('plop').NodePlopAPI} plop
+ * @returns {import('node-plop').PlopGeneratorConfig}
+ */
+exports.componentGenerator = () => {
+  return {
+    description: 'Component Generator',
+    prompts: [
+      {
+        type: 'input',
+        name: 'name',
+        message: 'component name'
+      },
+      {
+        type: 'input',
+        name: 'folder',
+        message: 'folder in components'
+      }
+    ],
+    actions: [
+      {
+        type: 'add',
+        path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.stories.tsx',
+        templateFile: 'generators/component/Component.stories.tsx.hbs'
+      },
+      {
+        type: 'add',
+        path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.test.tsx',
+        templateFile: 'generators/component/Component.test.tsx.hbs'
+      },
+      {
+        type: 'add',
+        path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.tsx',
+        templateFile: 'generators/component/Component.tsx.hbs'
+      },
+      {
+        type: 'add',
+        path: 'components/{{folder}}/{{properCase name}}/index.ts',
+        templateFile: 'generators/component/index.ts.hbs'
+      }
+    ]
+  }
+}

generators/component/index.ts.hbs

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