feat(cli): case options for filenames

Author: Pyr33x

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rehooks-cli",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "description": "A CLI to scaffold your react custom hooks, with a focus on performance, reusability, and type-safety.",
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
     "tsup": "^8.3.0",
     "type-fest": "^4.26.1",
     "typescript": "^5.6.3",
-    "zod": "^3.23.8"
+    "zod": "^3.25.67"
   },
   "dependencies": {
     "axios": "^1.7.7",
@@ -64,4 +64,4 @@
     "package-json": "^10.0.1",
     "semver": "^7.6.3"
   }
-}
+}

packages/cli/src/commands/add.ts

@@ -17,6 +17,7 @@ import { join } from "path";
 import type { Hook } from "~/schema/config.schema";
 import { getConfig } from "~/utils/config";
 import { BASE_URL } from "~/utils/constants";
+import { splitter } from "~/utils/splitter";
 
 export const add = new Command()
   .name("add")
@@ -86,6 +87,7 @@ export const add = new Command()
             }
 
             const { content } = selectedHookResponse.data;
+            log.info("heyy");
             writeFileSync(hookFilePath, content);
             addedHooks.push(hook);
           } catch (error) {
@@ -138,7 +140,16 @@ export const add = new Command()
       const addSpinner = spinner();
 
       for (const hook of selectedHookArray) {
-        const hookFilePath = join(directory, `${hook}.ts`);
+        let currentHook: string = hook;
+
+        if (config.case === "kebab") {
+          const words = splitter(currentHook);
+          currentHook = words.join("_");
+        } else {
+          currentHook = hook;
+        }
+
+        const hookFilePath = join(directory, `${currentHook}.ts`);
 
         if (existsSync(hookFilePath) && !shouldForceOverwrite) {
           // Stop the spinner before showing the prompt
@@ -185,8 +196,6 @@ export const add = new Command()
         }
       }
 
-      addSpinner.stop(green("Hooks added successfully!"));
-
       if (addedHooks.length > 0) {
         outro(
           green(

packages/cli/src/commands/init.ts

@@ -5,6 +5,7 @@ import {
   isCancel,
   log,
   outro,
+  select,
   text,
 } from "@clack/prompts";
 import { bold, cyan, green, red, yellow } from "colorette";
@@ -19,6 +20,7 @@ import {
 } from "fs";
 import { resolve } from "path";
 
+import type { RehooksConfig } from "~/schema/config.schema";
 import { checkReactVersion } from "~/utils/checker";
 import { getConfig, getTsConfig } from "~/utils/config";
 import { DIR_PLACEHOLDER, SRC_DIR_PLACEHOLDER } from "~/utils/constants";
@@ -145,7 +147,34 @@ export const init = new Command()
 
     // Write rehooks.json file
     log.info(cyan("Creating rehooks.json configuration file..."));
-    const defaultConfig = { directory, forceOverwrite: false };
+
+    const defaultConfig: RehooksConfig = {
+      directory,
+      forceOverwrite: false,
+      case: "camel",
+    };
+
+    const chooseCase = await select({
+      message: "In what case do you want your hook file names to be written?",
+      options: [
+        {
+          label: "camelCase",
+          value: "camel",
+          hint: "Camel",
+        },
+        {
+          label: "kebab_case",
+          value: "kebab",
+          hint: "Kebab",
+        },
+      ],
+    });
+
+    if (chooseCase.toString() === "camel") {
+      defaultConfig.case = "camel";
+    } else {
+      defaultConfig.case = "kebab";
+    }
 
     try {
       writeFileSync(configPath, JSON.stringify(defaultConfig, null, 2));

packages/cli/src/commands/list.ts

@@ -4,7 +4,6 @@ import { bold, green, red } from "colorette";
 import { Command } from "commander";
 
 import type { Hook } from "~/schema/config.schema";
-import { getConfig } from "~/utils/config";
 import { BASE_URL } from "~/utils/constants";
 import { sleep } from "~/utils/sleep";
 import { trancute } from "~/utils/trancute";
@@ -15,18 +14,6 @@ export const list = new Command()
   .action(async () => {
     intro("Listing hooks...");
 
-    // Check if project has rehooks.json
-    const config = await getConfig(process.cwd());
-    if (!config) {
-      outro(red("Rehooks configuration not found or invalid."));
-      return;
-    }
-
-    if (isCancel(config)) {
-      cancel(red("Operation Cancelled."));
-      process.exit(0);
-    }
-
     try {
       const fetchSpinner = spinner();
       fetchSpinner.start("Fetching hooks...");

packages/cli/src/schema/config.schema.ts

@@ -1,8 +1,9 @@
-import { z } from "zod";
+import { z } from "zod/v4";
 
 const configSchema = z.object({
   directory: z.string(),
   forceOverwrite: z.boolean().default(false),
+  case: z.literal(["kebab", "camel"]),
 });
 
 type RehooksConfig = z.infer<typeof configSchema>;

packages/cli/src/schema/tsconfig.schema.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import { z } from "zod/v4";
 
 const tsConfigSchema = z.object({
   compilerOptions: z

packages/cli/src/utils/splitter.ts

@@ -0,0 +1,3 @@
+export function splitter(str: string): string[] {
+  return str.split(/(?=[A-Z])/).map((word) => word.toLowerCase());
+}