@tomyddddd10102929/react-component-generator 1.0.0

package/README.md

@@ -0,0 +1,153 @@
+# @tomyddddd10102929/react-component-generator
+
+[![npm version](https://img.shields.io/npm/v/@tomyddddd10102929/react-component-generator.svg)](https://www.npmjs.com/package/@tomyddddd10102929/react-component-generator)
+[![License: ISC](https://img.shields.io/badge/License-ISC-blue.svg)](https://opensource.org/licenses/ISC)
+
+React コンポーネントのスキャフォールディング CLI ツール。  
+コマンド一つで、コンポーネントに必要なファイル一式を自動生成します。
+
+## ✨ 特徴
+
+- 🚀 **ワンコマンド** - `rcg create Button` だけでファイル一式を生成
+- 📁 **必要なファイルを自動生成** - コンポーネント、CSS Modules、Storybook、テストファイル
+- ⚙️ **柔軟なオプション** - 不要なファイルはスキップ可能
+- 📦 **TypeScript 対応** - 型定義付きのコンポーネントを生成
+
+## 📦 インストール
+
+### グローバルインストール
+
+```bash
+# npm
+npm install -g @tomyddddd10102929/react-component-generator
+
+# pnpm
+pnpm add -g @tomyddddd10102929/react-component-generator
+
+# yarn
+yarn global add @tomyddddd10102929/react-component-generator
+```
+
+### プロジェクトにインストール（推奨）
+
+```bash
+# npm
+npm install -D @tomyddddd10102929/react-component-generator
+
+# pnpm
+pnpm add -D @tomyddddd10102929/react-component-generator
+
+# yarn
+yarn add -D @tomyddddd10102929/react-component-generator
+```
+
+## 🚀 使い方
+
+### グローバルインストールの場合
+
+```bash
+# カレントディレクトリにButtonコンポーネントを作成
+rcg create Button
+
+# 指定したパスに作成
+rcg create Button --path ./src/components
+```
+
+### プロジェクトにインストールした場合
+
+```bash
+# npx経由で実行
+npx rcg create Button --path ./src/components
+
+# pnpm
+pnpm rcg create Button --path ./src/components
+
+# package.jsonのscriptsに追加して使用
+# "scripts": { "gen": "rcg create" }
+pnpm gen Button --path ./src/components
+```
+
+### オプション
+
+| オプション | 短縮形 | 説明 | デフォルト |
+|-----------|--------|------|-----------|
+| `--path <path>` | `-p` | コンポーネントを作成するパス | カレントディレクトリ |
+| `--no-stories` | - | Storybook ファイルを作成しない | `false` |
+| `--no-test` | - | テストファイルを作成しない | `false` |
+| `--no-styles` | - | CSS モジュールファイルを作成しない | `false` |
+
+### 使用例
+
+```bash
+# すべてのファイルを作成
+rcg create Button --path ./src/components
+
+# Storybookとテストなしで作成
+rcg create Button --no-stories --no-test
+
+# CSSなしで作成
+rcg create Card --no-styles
+
+# ヘルプを表示
+rcg --help
+rcg create --help
+```
+
+## 📂 生成されるファイル
+
+```
+Button/
+├── index.tsx           # メインコンポーネント
+├── Button.module.css   # CSS モジュール
+├── Button.stories.tsx  # Storybook ストーリー
+└── Button.test.tsx     # テストファイル
+```
+
+### 生成されるコード例
+
+#### index.tsx
+
+```tsx
+import styles from './Button.module.css';
+
+type ButtonProps = {
+  // props
+};
+
+export function Button(props: ButtonProps) {
+  return null;
+}
+```
+
+#### Button.stories.tsx
+
+```tsx
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from './';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+};
+export default meta;
+
+type Story = StoryObj<typeof Button>;
+
+export const Default: Story = {};
+```
+
+#### Button.test.tsx
+
+```tsx
+import { render, screen } from '@testing-library/react';
+import { Button } from './';
+
+describe('Button', () => {
+  it('renders without crashing', () => {
+    render(<Button />);
+  });
+});
+```
+
+## 📄 ライセンス
+
+ISC

package/dist/commands/create.d.ts

@@ -0,0 +1,8 @@
+export type CreateCommandOptions = {
+    path?: string;
+    stories?: boolean;
+    test?: boolean;
+    styles?: boolean;
+};
+export declare function createCommand(componentName: string, options: CreateCommandOptions): Promise<void>;
+//# sourceMappingURL=create.d.ts.map

package/dist/commands/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAsB,aAAa,CACjC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,IAAI,CAAC,CAiCf"}

package/dist/commands/create.js

@@ -0,0 +1,29 @@
+import path from "node:path";
+import chalk from "chalk";
+import { generateComponent, } from "../utils/fileGenerator.js";
+export async function createCommand(componentName, options) {
+    // コンポーネント名の先頭を大文字に
+    const pascalCaseName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
+    const generatorOptions = {
+        path: options.path ?? process.cwd(),
+        stories: options.stories ?? true,
+        test: options.test ?? true,
+        styles: options.styles ?? true,
+    };
+    console.log(chalk.blue(`\n📦 Creating component: ${pascalCaseName}\n`));
+    try {
+        const createdFiles = await generateComponent(pascalCaseName, generatorOptions);
+        console.log(chalk.green("✅ Component created successfully!\n"));
+        console.log(chalk.white("Created files:"));
+        const componentDir = path.join(generatorOptions.path, pascalCaseName);
+        createdFiles.forEach((file) => {
+            console.log(chalk.gray(`   ${componentDir}/${file}`));
+        });
+        console.log("");
+    }
+    catch (error) {
+        console.error(chalk.red("❌ Failed to create component:"), error);
+        process.exit(1);
+    }
+}
+//# sourceMappingURL=create.js.map

package/dist/commands/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/commands/create.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AASnC,MAAM,CAAC,KAAK,UAAU,aAAa,CACjC,aAAqB,EACrB,OAA6B;IAE7B,mBAAmB;IACnB,MAAM,cAAc,GAClB,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GAAqB;QACzC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,IAAI;QAChC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI;QAC1B,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,IAAI;KAC/B,CAAC;IAEF,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,4BAA4B,cAAc,IAAI,CAAC,CAAC,CAAC;IAExE,IAAI,CAAC;QACH,MAAM,YAAY,GAAG,MAAM,iBAAiB,CAC1C,cAAc,EACd,gBAAgB,CACjB,CAAC;QAEF,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAE3C,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACtE,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC5B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,+BAA+B,CAAC,EAAE,KAAK,CAAC,CAAC;QACjE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+import { Command } from "commander";
+import { createCommand } from "./commands/create.js";
+const program = new Command();
+program
+    .name("rcg")
+    .description("React component scaffolding CLI")
+    .version("1.0.0");
+program
+    .command("create <componentName>")
+    .description("Create a new React component with all necessary files")
+    .option("-p, --path <path>", "Path where the component will be created", process.cwd())
+    .option("--no-stories", "Skip creating Storybook file")
+    .option("--no-test", "Skip creating test file")
+    .option("--no-styles", "Skip creating CSS module file")
+    .action(createCommand);
+program.parse();
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,KAAK,CAAC;KACX,WAAW,CAAC,iCAAiC,CAAC;KAC9C,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,wBAAwB,CAAC;KACjC,WAAW,CAAC,uDAAuD,CAAC;KACpE,MAAM,CACL,mBAAmB,EACnB,0CAA0C,EAC1C,OAAO,CAAC,GAAG,EAAE,CACd;KACA,MAAM,CAAC,cAAc,EAAE,8BAA8B,CAAC;KACtD,MAAM,CAAC,WAAW,EAAE,yBAAyB,CAAC;KAC9C,MAAM,CAAC,aAAa,EAAE,+BAA+B,CAAC;KACtD,MAAM,CAAC,aAAa,CAAC,CAAC;AAEzB,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/templates/component.d.ts

@@ -0,0 +1,2 @@
+export declare function componentTemplate(componentName: string): string;
+//# sourceMappingURL=component.d.ts.map

package/dist/templates/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/templates/component.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAW/D"}

package/dist/templates/component.js

@@ -0,0 +1,13 @@
+export function componentTemplate(componentName) {
+    return `import styles from './${componentName}.module.css';
+
+type ${componentName}Props = {
+  // props
+};
+
+export function ${componentName}(props: ${componentName}Props) {
+  return null;
+}
+`;
+}
+//# sourceMappingURL=component.js.map

package/dist/templates/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/templates/component.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,aAAqB;IACrD,OAAO,yBAAyB,aAAa;;OAExC,aAAa;;;;kBAIF,aAAa,WAAW,aAAa;;;CAGtD,CAAC;AACF,CAAC"}

package/dist/templates/index.d.ts

@@ -0,0 +1,5 @@
+export { componentTemplate } from "./component.js";
+export { storiesTemplate } from "./stories.js";
+export { stylesTemplate } from "./styles.js";
+export { testTemplate } from "./test.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/templates/index.js

@@ -0,0 +1,5 @@
+export { componentTemplate } from "./component.js";
+export { storiesTemplate } from "./stories.js";
+export { stylesTemplate } from "./styles.js";
+export { testTemplate } from "./test.js";
+//# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/templates/stories.d.ts

@@ -0,0 +1,2 @@
+export declare function storiesTemplate(componentName: string): string;
+//# sourceMappingURL=stories.d.ts.map

package/dist/templates/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../src/templates/stories.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAa7D"}

package/dist/templates/stories.js

@@ -0,0 +1,15 @@
+export function storiesTemplate(componentName) {
+    return `import type { Meta, StoryObj } from '@storybook/react';
+import { ${componentName} } from './';
+
+const meta: Meta<typeof ${componentName}> = {
+  component: ${componentName},
+};
+export default meta;
+
+type Story = StoryObj<typeof ${componentName}>;
+
+export const Default: Story = {};
+`;
+}
+//# sourceMappingURL=stories.js.map

package/dist/templates/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../src/templates/stories.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,eAAe,CAAC,aAAqB;IACnD,OAAO;WACE,aAAa;;0BAEE,aAAa;eACxB,aAAa;;;;+BAIG,aAAa;;;CAG3C,CAAC;AACF,CAAC"}

package/dist/templates/styles.d.ts

@@ -0,0 +1,2 @@
+export declare function stylesTemplate(componentName: string): string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/templates/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/templates/styles.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAK5D"}

package/dist/templates/styles.js

@@ -0,0 +1,7 @@
+export function stylesTemplate(componentName) {
+    return `.root {
+  /* ${componentName} styles */
+}
+`;
+}
+//# sourceMappingURL=styles.js.map

package/dist/templates/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/templates/styles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,cAAc,CAAC,aAAqB;IAClD,OAAO;OACF,aAAa;;CAEnB,CAAC;AACF,CAAC"}

package/dist/templates/test.d.ts

@@ -0,0 +1,2 @@
+export declare function testTemplate(componentName: string): string;
+//# sourceMappingURL=test.d.ts.map

package/dist/templates/test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../src/templates/test.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAU1D"}

package/dist/templates/test.js

@@ -0,0 +1,12 @@
+export function testTemplate(componentName) {
+    return `import { render, screen } from '@testing-library/react';
+import { ${componentName} } from './';
+
+describe('${componentName}', () => {
+  it('renders without crashing', () => {
+    render(<${componentName} />);
+  });
+});
+`;
+}
+//# sourceMappingURL=test.js.map

package/dist/templates/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/templates/test.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,OAAO;WACE,aAAa;;YAEZ,aAAa;;cAEX,aAAa;;;CAG1B,CAAC;AACF,CAAC"}

package/dist/utils/fileGenerator.d.ts

@@ -0,0 +1,8 @@
+export type GeneratorOptions = {
+    path: string;
+    stories: boolean;
+    test: boolean;
+    styles: boolean;
+};
+export declare function generateComponent(componentName: string, options: GeneratorOptions): Promise<string[]>;
+//# sourceMappingURL=fileGenerator.d.ts.map

package/dist/utils/fileGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileGenerator.d.ts","sourceRoot":"","sources":["../../src/utils/fileGenerator.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAsB,iBAAiB,CACrC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,gBAAgB,GACxB,OAAO,CAAC,MAAM,EAAE,CAAC,CAkCnB"}

package/dist/utils/fileGenerator.js

@@ -0,0 +1,33 @@
+import path from "node:path";
+import fs from "fs-extra";
+import { componentTemplate, storiesTemplate, stylesTemplate, testTemplate, } from "../templates/index.js";
+export async function generateComponent(componentName, options) {
+    const componentDir = path.join(options.path, componentName);
+    const createdFiles = [];
+    // コンポーネントディレクトリを作成
+    await fs.ensureDir(componentDir);
+    // index.tsx（メインコンポーネント）
+    const componentPath = path.join(componentDir, "index.tsx");
+    await fs.writeFile(componentPath, componentTemplate(componentName));
+    createdFiles.push("index.tsx");
+    // スタイルファイル
+    if (options.styles) {
+        const stylesPath = path.join(componentDir, `${componentName}.module.css`);
+        await fs.writeFile(stylesPath, stylesTemplate(componentName));
+        createdFiles.push(`${componentName}.module.css`);
+    }
+    // Storybookファイル
+    if (options.stories) {
+        const storiesPath = path.join(componentDir, `${componentName}.stories.tsx`);
+        await fs.writeFile(storiesPath, storiesTemplate(componentName));
+        createdFiles.push(`${componentName}.stories.tsx`);
+    }
+    // テストファイル
+    if (options.test) {
+        const testPath = path.join(componentDir, `${componentName}.test.tsx`);
+        await fs.writeFile(testPath, testTemplate(componentName));
+        createdFiles.push(`${componentName}.test.tsx`);
+    }
+    return createdFiles;
+}
+//# sourceMappingURL=fileGenerator.js.map

package/dist/utils/fileGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileGenerator.js","sourceRoot":"","sources":["../../src/utils/fileGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,MAAM,UAAU,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,YAAY,GACb,MAAM,uBAAuB,CAAC;AAS/B,MAAM,CAAC,KAAK,UAAU,iBAAiB,CACrC,aAAqB,EACrB,OAAyB;IAEzB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAa,EAAE,CAAC;IAElC,mBAAmB;IACnB,MAAM,EAAE,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAEjC,wBAAwB;IACxB,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;IACpE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAE/B,WAAW;IACX,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,aAAa,aAAa,CAAC,CAAC;QAC1E,MAAM,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;QAC9D,YAAY,CAAC,IAAI,CAAC,GAAG,aAAa,aAAa,CAAC,CAAC;IACnD,CAAC;IAED,gBAAgB;IAChB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,aAAa,cAAc,CAAC,CAAC;QAC5E,MAAM,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;QAChE,YAAY,CAAC,IAAI,CAAC,GAAG,aAAa,cAAc,CAAC,CAAC;IACpD,CAAC;IAED,UAAU;IACV,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;QACjB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,aAAa,WAAW,CAAC,CAAC;QACtE,MAAM,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;QAC1D,YAAY,CAAC,IAAI,CAAC,GAAG,aAAa,WAAW,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@tomyddddd10102929/react-component-generator",
+  "version": "1.0.0",
+  "description": "React component scaffolding CLI - Generate component files with one command",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": {
+    "rcg": "dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js",
+    "lint": "biome check src",
+    "lint:fix": "biome check --write src",
+    "format": "biome format --write src"
+  },
+  "engines": {
+    "node": ">=24.13.0"
+  },
+  "keywords": [
+    "react",
+    "component",
+    "generator",
+    "scaffold",
+    "cli"
+  ],
+  "author": "",
+  "license": "ISC",
+  "packageManager": "pnpm@10.28.1",
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.12",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^25.0.10",
+    "chalk": "^5.6.2",
+    "commander": "^14.0.2",
+    "fs-extra": "^11.3.3",
+    "typescript": "^5.9.3"
+  }
+}