Meta: Improve code generator.

.changeset/cyan-gorillas-perform.md

@@ -0,0 +1,5 @@
+---
+'@nordcom/nordstar': patch
+---
+
+Improve internal tooling.

package.json

@@ -37,8 +37,8 @@
         "clean:packages": "turbo clean --filter=!@nordcom/nordstar-docs --filter=!@nordcom/nordstar-storybook",
         "clean:docs": "turbo clean --filter=@nordcom/nordstar-docs",
         "clean:storybook": "turbo clean --filter=@nordcom/nordstar-storybook",
-        "create:component": "plop component",
-        "create:package": "plop package",
+        "create": "plop --plopfile ./plop/plopfile.js",
+        "create:component": "plop --plopfile ./plop/plopfile.js component",
         "version": "changeset version",
         "postversion": "npm install",
         "version:unstable": "changeset version --snapshot unstable",
@@ -98,6 +98,7 @@
         "eslint-plugin-react-hooks": "4.6.0",
         "eslint-plugin-unused-imports": "3.0.0",
         "husky": "8.0.3",
+        "inquirer-directory": "2.2.0",
         "jsdom": "23.0.1",
         "lint-staged": "15.2.0",
         "plop": "4.0.0",
@@ -109,6 +110,7 @@
         "react-dom": "18.2.0",
         "rimraf": "5.0.5",
         "sass": "1.69.5",
+        "strip-ansi": "7.1.0",
         "turbo": "1.11.1",
         "typescript": "5.3.3",
         "vite": "5.0.6",

plop/component/src/{{componentName}}.test.tsx.hbs

@@ -1,3 +1,5 @@
+import '@testing-library/jest-dom';
+
 import { describe, expect, it } from 'vitest';
 
 import { {{capitalize componentName}} } from '../src';

plop/component/src/{{componentName}}.tsx.hbs

@@ -6,13 +6,11 @@ export type {{capitalize componentName}}Props = {
     as?: As;
 };
 
-const {{capitalize componentName}} = forwardRef<'div', {{capitalize componentName}}Props>(
-    ({ as: Tag = 'div', className, ...props }, ref) => {
-        const classes = `${styles.container}${className ? ` ${className}` : ''}`;
+const {{capitalize componentName}} = forwardRef<'div', {{capitalize componentName}}Props>(({ as: Tag = 'div', className, ...props }, ref) => {
+    const classes = `${styles.container}${className ? ` ${className}` : ''}`;
 
-        return <Tag ref={ref} {...props} className={classes} />;
-    }
-);
+    return <Tag ref={ref} {...props} className={classes} />;
+});
 
 {{capitalize componentName}}.displayName = 'Nordstar.{{capitalize componentName}}';
 

plop/component/tsconfig.json.hbs

@@ -5,7 +5,7 @@
         "rootDir": "./src",
         "outDir": "dist"
     },
-    "exclude": ["node_modules", "dist", "src/**/*.test.*", "src/**/*.stories.*"],
-    "extends": "../../../tsconfig.json",
-    "include": ["src", "index.ts", "../../../@types/declaration.d.ts"]
+    "exclude": ["node_modules", "dist", "**/*.test.*", "**/*.stories.*"],
+    "extends": "../../tsconfig.json",
+    "include": ["./src/**/*.ts", "./**/*.tsx", "../../../@types/declaration.d.ts"]
 }

plop/page/{{lowerCase name}}/page.tsx.hbs

@@ -0,0 +1,16 @@
+import { Heading, View } from '@nordcom/nordstar';
+import type { Metadata } from 'next';
+
+export type {{name}}PageProps = {};
+
+export const metadata: Metadata = {
+    title: '{{name}} Page'
+};
+
+export default async function {{name}}Page({}: {{name}}PageProps) {
+    return (
+        <View>
+            <Heading>TODO</Heading>
+        </View>
+    );
+}