@pavlos-samaras/react-cli 1.0.1 → 1.1.1

package/README.md

@@ -1,32 +1,62 @@
 # React CLI
 
-A simple command-line tool for generating React components.
+A simple command-line tool for generating React components and hooks.
 
-## Build and link
+## Install
 
 ```bash
-npm install
-npm run build
-npm link
+npm install -g @pavlos-samaras/react-cli
 ```
 
 ## Usage
 
-Generate a component in `src/components/<Name>`:
-
 ```bash
-ct generate component Button
+ct generate <type> <name> [options]
 ```
 
-You can also use the `g` shorthand, choose a different target directory, or
-create a TypeScript file:
+`g` is a shorthand for `generate`.
+
+### Types
+
+| Type        | Output                                                                                  |
+| ----------- | --------------------------------------------------------------------------------------- |
+| `component` | A folder with the component, a CSS/SCSS module, a hook and a test file                  |
+| `hook`      | A single hook file. The name must start with `use` followed by a capital (e.g. `useAuth`) |
+
+### Options
+
+| Option                    | Description                                                              |
+| ------------------------- | ------------------------------------------------------------------------ |
+| `-d, --dir <dir>`         | Target folder inside `src/` (or inside the feature). Default depends on the type: `components` or `hooks` |
+| `-f, --feature <feature>` | Put the output under `src/features/<feature>/`                           |
+| `--ts`                    | Use TypeScript without prompting                                         |
+| `-y, --yes`               | Use the defaults (TypeScript, SCSS) and skip all prompts                 |
+
+Without `--ts` or `-y`, the CLI asks whether to use TypeScript and (for
+components) which stylesheet to use.
+
+### Output locations
+
+| Command                                  | Output                                       |
+| ---------------------------------------- | -------------------------------------------- |
+| `ct g component Button`                  | `src/components/Button/`                     |
+| `ct g component Button -f auth`          | `src/features/auth/components/Button/`       |
+| `ct g component Button -d ui`            | `src/ui/Button/`                             |
+| `ct g hook useAuth`                      | `src/shared/hooks/useAuth.ts`                |
+| `ct g hook useAuth -f auth`              | `src/features/auth/hooks/useAuth.ts`         |
+
+### Examples
 
 ```bash
-ct g component Button --dir src/ui --ts
-```
+# Component with all defaults, no prompts
+ct g component Button -y
+
+# TypeScript component under a feature
+ct g component LoginForm --feature auth --ts
 
-Without `--ts`, the CLI asks whether to use TypeScript and creates either a
-`.tsx` or `.jsx` file.
+# Hook under a feature
+ct g hook useSession -f auth -y
+```
 
 ## Development
 
@@ -35,3 +65,11 @@ Run the CLI directly from the TypeScript source:
 ```bash
 npm run dev -- generate component Button
 ```
+
+To link the local build globally instead:
+
+```bash
+npm install
+npm run build
+npm link
+```

package/dist/bin/ct.js

@@ -1,35 +1,81 @@
 #!/usr/bin/env node
 import fs from "fs";
 import path from "path";
+import chalk from "chalk";
 import { createRequire } from "module";
 import { Command } from "commander";
 import { generateComponent } from "../utils/generateComponent.js";
+import { applySpinner } from "../utils/applySpinner.js";
+import { DEFAULT_DIRS, TYPES } from "../constants/generator.js";
+import { generateHook } from "../utils/generateHook.js";
+import { isReactProject } from "../utils/validators.js";
+import { loadConfig } from "../utils/loadConfig.js";
 const require = createRequire(import.meta.url);
 const { version } = require("../../package.json");
 const program = new Command();
-const TYPES = ["component"];
 program.name("ct").description("My React CLI").version(version);
 program
     .command("generate <type> <name>")
     .alias("g")
-    .description("Generate a component, e.g. ct g component Button")
-    .option("-d, --dir <div>", "target folder", "components")
-    .option("-f, --feature <feature>", "put component under a feature")
-    .option("--ts", "create a .tsx file")
-    .action(async (type, name, options) => {
-    if (!TYPES.includes(type))
-        return console.log(`Unknown type: ${type}`);
+    .description("Generate a <type>, e.g. ct g component Button")
+    .option("-d, --dir <dir>", "target folder")
+    .option("-f, --feature <feature>", "put <type> under a feature")
+    .option("--ts", "use Typescript")
+    .option("--force", "skip safety checks and overwrite")
+    .action((type, name, options) => {
+    if (!isReactProject() && !options.force) {
+        console.log(chalk.yellow("This doesn't look like a React project (no react in package.json)."));
+        console.log(chalk.gray("Run ct from your project root, or use --force."));
+        process.exitCode = 1;
+        return;
+    }
+    const config = loadConfig() ?? {};
+    if (!TYPES.includes(type)) {
+        console.log(chalk.red(`Unknown type: ${type}`));
+        process.exitCode = 1;
+        return;
+    }
     if (type === "component") {
+        const dir = options.dir ?? config.dir?.component ?? "components";
         const pathToComponent = options.feature
-            ? `src/features/${options.feature}/${options.dir}`
-            : `src/${options.dir}`;
+            ? `src/features/${options.feature}/${dir}`
+            : `src/${dir}`;
         const folder = path.join(process.cwd(), pathToComponent, name);
-        fs.mkdirSync(folder, { recursive: true });
-        const { JSX, stylesheet, hook, test } = await generateComponent(name, options);
-        fs.writeFileSync(path.join(folder, JSX.file), JSX.content);
-        fs.writeFileSync(path.join(folder, stylesheet.file), stylesheet.content);
-        fs.writeFileSync(path.join(folder, hook.file), hook.content);
-        fs.writeFileSync(path.join(folder, test.file), test.content);
+        if (fs.existsSync(folder) && !options.force) {
+            console.log(chalk.yellow(`${name} already exists. Use --force to overwrite it.`));
+            process.exitCode = 1;
+            return;
+        }
+        applySpinner({ name, folder }, async () => {
+            fs.mkdirSync(folder, { recursive: true });
+            const { JSX, stylesheet, hook, test } = await generateComponent(folder, name, options, config);
+            fs.writeFileSync(JSX.pathToFile, JSX.content);
+            fs.writeFileSync(stylesheet.pathToFile, stylesheet.content);
+            fs.writeFileSync(hook.pathToFile, hook.content);
+            fs.writeFileSync(test.pathToFile, test.content);
+        });
+    }
+    if (type === "hook") {
+        if (!/^use[A-Z]\w+$/.test(name)) {
+            console.log(chalk.red("Hook must start with 'use' followed by a capital letter"));
+            process.exitCode = 1;
+            return;
+        }
+        const dir = options.dir ?? config.dir?.hook ?? "hooks";
+        const pathToHook = options.feature
+            ? `src/features/${options.feature}/${dir}`
+            : `src/shared/${dir}`;
+        const folder = path.join(process.cwd(), pathToHook);
+        if (fs.existsSync(folder) && !options.force) {
+            console.log(chalk.yellow(`${name} already exists. Use --force to overwrite it.`));
+            process.exitCode = 1;
+            return;
+        }
+        applySpinner({ name, folder }, async () => {
+            fs.mkdirSync(folder, { recursive: true });
+            const hook = await generateHook(folder, name, options, config);
+            fs.writeFileSync(hook.pathToFile, hook.content);
+        });
     }
 });
 program.parse();

package/dist/bin/ct.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct.js","sourceRoot":"","sources":["../../src/bin/ct.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;AAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,oBAAoB,CAAwB,CAAC;AAEzE,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,CAAC;AAE5B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAEhE,OAAO;KACJ,OAAO,CAAC,wBAAwB,CAAC;KACjC,KAAK,CAAC,GAAG,CAAC;KACV,WAAW,CAAC,kDAAkD,CAAC;KAC/D,MAAM,CAAC,iBAAiB,EAAE,eAAe,EAAE,YAAY,CAAC;KACxD,MAAM,CAAC,yBAAyB,EAAE,+BAA+B,CAAC;KAClE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC;KACpC,MAAM,CAAC,KAAK,EAAE,IAAY,EAAE,IAAY,EAAE,OAAyB,EAAE,EAAE;IACtE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,OAAO,CAAC,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IAEvE,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO;YACrC,CAAC,CAAC,gBAAgB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE;YAClD,CAAC,CAAC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAC/D,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1C,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,iBAAiB,CAC7D,IAAI,EACJ,OAAO,CACR,CAAC;QAEF,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAC3D,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;QACzE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7D,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,EAAE,CAAC"}
+{"version":3,"file":"ct.js","sourceRoot":"","sources":["../../src/bin/ct.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;AAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,oBAAoB,CAAwB,CAAC;AAEzE,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAEhE,OAAO;KACJ,OAAO,CAAC,wBAAwB,CAAC;KACjC,KAAK,CAAC,GAAG,CAAC;KACV,WAAW,CAAC,+CAA+C,CAAC;KAC5D,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC;KAC1C,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC;KAC/D,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC;KAChC,MAAM,CAAC,SAAS,EAAE,kCAAkC,CAAC;KACrD,MAAM,CAAC,CAAC,IAAY,EAAE,IAAY,EAAE,OAAyB,EAAE,EAAE;IAChE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACxC,OAAO,CAAC,GAAG,CACT,KAAK,CAAC,MAAM,CACV,oEAAoE,CACrE,CACF,CAAC;QACF,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,gDAAgD,CAAC,CAAC,CAAC;QAC1E,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;QACrB,OAAO;IACT,CAAC;IAED,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,EAAE,CAAC;IAElC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,CAAC;QAChD,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;QACrB,OAAO;IACT,CAAC;IAED,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,SAAS,IAAI,YAAY,CAAC;QACjE,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO;YACrC,CAAC,CAAC,gBAAgB,OAAO,CAAC,OAAO,IAAI,GAAG,EAAE;YAC1C,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAE/D,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5C,OAAO,CAAC,GAAG,CACT,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,+CAA+C,CAAC,CACrE,CAAC;YACF,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,EAAE;YACxC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAE1C,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,iBAAiB,CAC7D,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,CACP,CAAC;YAEF,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9C,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;YAC5D,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YAChD,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,GAAG,CACT,KAAK,CAAC,GAAG,CAAC,yDAAyD,CAAC,CACrE,CAAC;YACF,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,IAAI,IAAI,OAAO,CAAC;QACvD,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO;YAChC,CAAC,CAAC,gBAAgB,OAAO,CAAC,OAAO,IAAI,GAAG,EAAE;YAC1C,CAAC,CAAC,cAAc,GAAG,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,CAAC,CAAC;QAEpD,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5C,OAAO,CAAC,GAAG,CACT,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,+CAA+C,CAAC,CACrE,CAAC;YACF,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,EAAE;YACxC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1C,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;YAC/D,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/constants/generator.d.ts

@@ -0,0 +1,3 @@
+export declare const TYPES: string[];
+export declare const DEFAULT_DIRS: Record<string, string>;
+//# sourceMappingURL=generator.d.ts.map

package/dist/constants/generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/constants/generator.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAwB,CAAC;AAE3C,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAG/C,CAAC"}

package/dist/constants/generator.js

@@ -0,0 +1,6 @@
+export const TYPES = ["component", "hook"];
+export const DEFAULT_DIRS = {
+    component: "components",
+    hook: "hooks",
+};
+//# sourceMappingURL=generator.js.map

package/dist/constants/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../src/constants/generator.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAA2B;IAClD,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,OAAO;CACd,CAAC"}

package/dist/types/generator.d.ts

@@ -0,0 +1,7 @@
+export type GeneratorOptions = {
+    dir?: string;
+    feature?: string;
+    ts?: boolean;
+    force?: boolean;
+};
+//# sourceMappingURL=generator.d.ts.map

package/dist/types/generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/types/generator.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAA"}

package/dist/types/generator.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generator.js.map

package/dist/types/generator.js.map

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

package/dist/utils/applySpinner.d.ts

@@ -0,0 +1,5 @@
+export declare const applySpinner: (options: {
+    name: string;
+    folder: string;
+}, callback: () => void) => void;
+//# sourceMappingURL=applySpinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applySpinner.d.ts","sourceRoot":"","sources":["../../src/utils/applySpinner.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,YACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,YAC/B,MAAM,IAAI,SAarB,CAAC"}

package/dist/utils/applySpinner.js

@@ -0,0 +1,16 @@
+import chalk from "chalk";
+import ora from "ora";
+export const applySpinner = (options, callback) => {
+    const { name, folder } = options;
+    const spinner = ora(`Creating ${name}...`).start();
+    try {
+        callback();
+        spinner.succeed(`Created ${chalk.cyan(name)} in ${chalk.gray(folder)}`);
+    }
+    catch (error) {
+        spinner.fail(chalk.red(`Could not create ${name}`));
+        console.error(error);
+        process.exitCode = 1;
+    }
+};
+//# sourceMappingURL=applySpinner.js.map

package/dist/utils/applySpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applySpinner.js","sourceRoot":"","sources":["../../src/utils/applySpinner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,OAAyC,EACzC,QAAoB,EACpB,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAEnD,IAAI,CAAC;QACH,QAAQ,EAAE,CAAC;QACX,OAAO,CAAC,OAAO,CAAC,WAAW,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC1E,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,oBAAoB,IAAI,EAAE,CAAC,CAAC,CAAC;QACpD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;IACvB,CAAC;AACH,CAAC,CAAC"}

package/dist/utils/generateComponent.d.ts

@@ -1,19 +1,20 @@
-import type { ComponentOptions } from "../types/component.js";
-export declare const generateComponent: (name: string, options: ComponentOptions) => Promise<{
+import type { GeneratorOptions } from "../types/generator.js";
+import type { CtConfig } from "./loadConfig.js";
+export declare const generateComponent: (folder: string, name: string, options: GeneratorOptions, config: CtConfig) => Promise<{
     JSX: {
-        file: string;
+        pathToFile: string;
         content: string;
     };
     stylesheet: {
-        file: string;
+        pathToFile: string;
         content: string;
     };
     hook: {
-        file: string;
+        pathToFile: string;
         content: string;
     };
     test: {
-        file: string;
+        pathToFile: string;
         content: string;
     };
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"generateComponent.d.ts","sourceRoot":"","sources":["../../src/utils/generateComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,eAAO,MAAM,iBAAiB,SACtB,MAAM,WACH,gBAAgB;;QAiCrB,IAAI;QACJ,OAAO;;;QAOP,IAAI;QACJ,OAAO;;;QAGP,IAAI;QACJ,OAAO;;;QAGP,IAAI;QACJ,OAAO;;EAGZ,CAAC"}
+{"version":3,"file":"generateComponent.d.ts","sourceRoot":"","sources":["../../src/utils/generateComponent.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,iBAAiB,WACpB,MAAM,QACR,MAAM,WACH,gBAAgB,UACjB,QAAQ;;QAqBZ,UAAU;QACV,OAAO;;;QAGP,UAAU;QACV,OAAO;;;QAGP,UAAU;QACV,OAAO;;;QAGP,UAAU;QACV,OAAO;;EAGZ,CAAC"}

package/dist/utils/generateComponent.js

@@ -1,48 +1,40 @@
+import path from "path";
 import prompts from "prompts";
 import buildComponentTemplate from "../templates/component.js";
 import buildStylesheetTemplate from "../templates/stylesheet.js";
 import buildHookTemplate from "../templates/hook.js";
-export const generateComponent = async (name, options) => {
-    let componentExt;
-    if (options.ts === undefined) {
-        const answer = await prompts({
+import { isTypescriptUsed } from "./validators.js";
+export const generateComponent = async (folder, name, options, config) => {
+    const stylesheetExt = config.stylesheet
+        ? { style: config.stylesheet }
+        : await prompts({
             type: "select",
-            name: "ts",
-            message: "Use TypeScript?",
+            name: "style",
+            message: "What stylesheet to use",
             choices: [
-                { title: "Yes", value: "tsx" },
-                { title: "No", value: "jsx" },
+                { title: "CSS", value: "css" },
+                { title: "SCSS", value: "scss" },
             ],
-            initial: 0,
+            initial: 1,
         });
-        componentExt = answer.ts;
-    }
-    const stylesheetExt = await prompts({
-        type: "select",
-        name: "style",
-        message: "What stylesheet to use",
-        choices: [
-            { title: "CSS", value: "css" },
-            { title: "SCSS", value: "scss" },
-        ],
-        initial: 1,
-    });
-    const componentLanguage = componentExt?.replace("x", "");
+    const useTs = options.ts ?? config.typescript ?? isTypescriptUsed();
+    const JsxExt = useTs ? "tsx" : "jsx";
+    const languageExt = useTs ? "ts" : "js";
     return {
         JSX: {
-            file: `${name}.${componentExt}`,
-            content: buildComponentTemplate(name, stylesheetExt.style, componentLanguage),
+            pathToFile: path.join(folder, `${name}.${JsxExt}`),
+            content: buildComponentTemplate(name, stylesheetExt.style, languageExt),
         },
         stylesheet: {
-            file: `${name}.module.${stylesheetExt.style}`,
+            pathToFile: path.join(folder, `${name}.module.${stylesheetExt.style}`),
             content: buildStylesheetTemplate(name),
         },
         hook: {
-            file: `use${name}.${componentLanguage}`,
+            pathToFile: path.join(folder, `use${name}.${languageExt}`),
             content: buildHookTemplate(name),
         },
         test: {
-            file: `${name}.test.${componentLanguage}`,
+            pathToFile: path.join(folder, `${name}.test.${languageExt}`),
             content: "",
         },
     };

package/dist/utils/generateComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateComponent.js","sourceRoot":"","sources":["../../src/utils/generateComponent.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAE/D,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,EACpC,IAAY,EACZ,OAAyB,EACzB,EAAE;IACF,IAAI,YAAY,CAAC;IAEjB,IAAI,OAAO,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC;YAC3B,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;aAC9B;YACD,OAAO,EAAE,CAAC;SACX,CAAC,CAAC;QACH,YAAY,GAAG,MAAM,CAAC,EAAY,CAAC;IACrC,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC;QAClC,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,wBAAwB;QACjC,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;YAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,YAAY,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAE,CAAC;IAE1D,OAAO;QACL,GAAG,EAAE;YACH,IAAI,EAAE,GAAG,IAAI,IAAI,YAAY,EAAE;YAC/B,OAAO,EAAE,sBAAsB,CAC7B,IAAI,EACJ,aAAa,CAAC,KAAK,EACnB,iBAAiB,CAClB;SACF;QACD,UAAU,EAAE;YACV,IAAI,EAAE,GAAG,IAAI,WAAW,aAAa,CAAC,KAAK,EAAE;YAC7C,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC;SACvC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM,IAAI,IAAI,iBAAiB,EAAE;YACvC,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;SACjC;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,IAAI,SAAS,iBAAiB,EAAE;YACzC,OAAO,EAAE,EAAE;SACZ;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"generateComponent.js","sourceRoot":"","sources":["../../src/utils/generateComponent.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,EACpC,MAAc,EACd,IAAY,EACZ,OAAyB,EACzB,MAAgB,EAChB,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU;QACrC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE;QAC9B,CAAC,CAAC,MAAM,OAAO,CAAC;YACZ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,wBAAwB;YACjC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;aACjC;YACD,OAAO,EAAE,CAAC;SACX,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,OAAO,CAAC,EAAE,IAAI,MAAM,CAAC,UAAU,IAAI,gBAAgB,EAAE,CAAC;IACpE,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAExC,OAAO;QACL,GAAG,EAAE;YACH,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,CAAC;YAClD,OAAO,EAAE,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC;SACxE;QACD,UAAU,EAAE;YACV,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,WAAW,aAAa,CAAC,KAAK,EAAE,CAAC;YACtE,OAAO,EAAE,uBAAuB,CAAC,IAAI,CAAC;SACvC;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;YAC1D,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;SACjC;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,SAAS,WAAW,EAAE,CAAC;YAC5D,OAAO,EAAE,EAAE;SACZ;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/utils/generateHook.d.ts

@@ -0,0 +1,7 @@
+import type { GeneratorOptions } from "../types/generator.js";
+import type { CtConfig } from "./loadConfig.js";
+export declare const generateHook: (folder: string, name: string, options: GeneratorOptions, config: CtConfig) => Promise<{
+    pathToFile: string;
+    content: string;
+}>;
+//# sourceMappingURL=generateHook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateHook.d.ts","sourceRoot":"","sources":["../../src/utils/generateHook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,YAAY,WACf,MAAM,QACR,MAAM,WACH,gBAAgB,UACjB,QAAQ;;;EASjB,CAAC"}

package/dist/utils/generateHook.js

@@ -0,0 +1,12 @@
+import path from "path";
+import buildHookTemplate from "../templates/hook.js";
+import { isTypescriptUsed } from "./validators.js";
+export const generateHook = async (folder, name, options, config) => {
+    const useTs = options.ts ?? config.typescript ?? isTypescriptUsed();
+    const languageExt = useTs ? "ts" : "js";
+    return {
+        pathToFile: path.join(folder, `${name}.${languageExt}`),
+        content: buildHookTemplate(name),
+    };
+};
+//# sourceMappingURL=generateHook.js.map

package/dist/utils/generateHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHook.js","sourceRoot":"","sources":["../../src/utils/generateHook.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAC/B,MAAc,EACd,IAAY,EACZ,OAAyB,EACzB,MAAgB,EAChB,EAAE;IACF,MAAM,KAAK,GAAG,OAAO,CAAC,EAAE,IAAI,MAAM,CAAC,UAAU,IAAI,gBAAgB,EAAE,CAAC;IACpE,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAExC,OAAO;QACL,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI,WAAW,EAAE,CAAC;QACvD,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;KACjC,CAAC;AACJ,CAAC,CAAC"}

package/dist/utils/loadConfig.d.ts

@@ -0,0 +1,10 @@
+export interface CtConfig {
+    dir?: {
+        component: "components";
+        hook: "hooks";
+    };
+    typescript?: boolean;
+    stylesheet?: string;
+}
+export declare const loadConfig: () => CtConfig | undefined;
+//# sourceMappingURL=loadConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loadConfig.d.ts","sourceRoot":"","sources":["../../src/utils/loadConfig.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE;QACJ,SAAS,EAAE,YAAY,CAAC;QACxB,IAAI,EAAE,OAAO,CAAC;KACf,CAAC;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,QAAO,QAAQ,GAAG,SAUxC,CAAC"}

package/dist/utils/loadConfig.js

@@ -0,0 +1,16 @@
+import path from "path";
+import fs from "fs";
+import chalk from "chalk";
+export const loadConfig = () => {
+    const configPath = path.join(process.cwd(), "ct.config.json");
+    if (!fs.existsSync(configPath))
+        return;
+    try {
+        return JSON.parse(fs.readFileSync(configPath, "utf-8"));
+    }
+    catch {
+        console.log(chalk.yellow("ct.config.json is not valid JSON, ignoring it."));
+        return;
+    }
+};
+//# sourceMappingURL=loadConfig.js.map

package/dist/utils/loadConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadConfig.js","sourceRoot":"","sources":["../../src/utils/loadConfig.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAyB,EAAE;IACnD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,gBAAgB,CAAC,CAAC;IAC9D,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC;QAAE,OAAO;IAEvC,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,gDAAgD,CAAC,CAAC,CAAC;QAC5E,OAAO;IACT,CAAC;AACH,CAAC,CAAC"}

package/dist/utils/validators.d.ts

@@ -0,0 +1,3 @@
+export declare const isReactProject: () => boolean;
+export declare const isTypescriptUsed: () => boolean;
+//# sourceMappingURL=validators.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,eAM1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAE5B,CAAC"}

package/dist/utils/validators.js

@@ -0,0 +1,13 @@
+import path from "path";
+import fs from "fs";
+export const isReactProject = () => {
+    const pkgPath = path.join(process.cwd(), "package.json");
+    if (!fs.existsSync(pkgPath))
+        return false;
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+    return Boolean(pkg.dependencies?.react || pkg.devDependencies?.react);
+};
+export const isTypescriptUsed = () => {
+    return fs.existsSync(path.join(process.cwd(), "tsconfig.json"));
+};
+//# sourceMappingURL=validators.js.map

package/dist/utils/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,cAAc,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,OAAO,KAAK,CAAC;IAE1C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1D,OAAO,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,IAAI,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pavlos-samaras/react-cli",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "author": "sammern-stack",
   "description": "A CLI to generate React code",
   "keywords": [
@@ -20,7 +20,9 @@
     "build:link": "npm run build && npm link"
   },
   "dependencies": {
+    "chalk": "^6.0.1",
     "commander": "^15.0.0",
+    "ora": "^10.0.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {

package/dist/types/component.d.ts

@@ -1,6 +0,0 @@
-export type ComponentOptions = {
-    dir: string;
-    feature?: string;
-    ts?: boolean;
-};
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/types/component.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAA"}

package/dist/types/component.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=component.js.map

package/dist/types/component.js.map

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