refact: SDS 템플릿 생성 자동화 도구 구축

depromeet · Sep 6, 2024 · 01d261b · 01d261b
1 parent c6396bb
commit 01d261b
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 20 deletions.
diff --git a/packages/core/sds/turbo/generators/config.ts b/packages/core/sds/turbo/generators/config.ts
@@ -32,23 +32,50 @@ export default function generator(plop: PlopTypes.NodePlopAPI): void {
       },
     ],
     actions: (answers) => {
-      if (!answers) {
-        return [];
-      }
+      if (!answers) return [];
 
-      return [
-        {
-          type: 'add',
-          path: `src/{{ type }}/{{ name }}.${answers.type === 'components' ? 'tsx' : 'ts'}`,
-          templateFile: `templates/${answers.type === 'components' ? 'component' : 'theme'}.hbs`,
-        },
-        {
-          type: 'append',
-          path: 'src/{{ type }}/index.ts',
-          pattern: /(export {[^]*} from '[^]*';)/g,
-          template: "export { {{ name }} } from './{{ name }}'",
-        },
-      ];
+      switch (answers.type) {
+        case 'components':
+          return componentsActions;
+        case 'theme':
+          return themeActions;
+        default:
+          return [];
+      }
     },
   });
 }
+
+const componentsActions = [
+  {
+    type: 'add',
+    path: `src/{{ type }}/{{ name }}/{{ name }}.tsx`,
+    templateFile: `templates/component.hbs`,
+  },
+  {
+    type: 'add',
+    path: `src/{{ type }}/{{ name }}/index.ts`,
+    template: "export { {{ pascalCase name }} } from './{{ name }}'",
+  },
+  { type: 'add', path: `src/{{ type }}/{{ name }}/styles.ts` },
+  {
+    type: 'modify',
+    path: 'src/{{ type }}/index.ts',
+    pattern: /$(?![\s\S])/g,
+    template: "$&export * from './{{ name }}';\n",
+  },
+];
+
+const themeActions = [
+  {
+    type: 'add',
+    path: `src/{{ type }}/{{ name }}.ts`,
+    templateFile: `templates/theme.hbs`,
+  },
+  {
+    type: 'modify',
+    path: 'src/{{ type }}/index.ts',
+    pattern: /$(?![\s\S])/g,
+    template: "export { {{ name }} } from './{{ name }}';\n",
+  },
+];
diff --git a/packages/core/sds/turbo/generators/templates/component.hbs b/packages/core/sds/turbo/generators/templates/component.hbs
@@ -1,7 +1,3 @@
-'use client';
-
-import { css } from '@emotion/react';
-
 interface {{ pascalCase name }}Props {
   children: React.ReactNode
 }