citty demo

Author: AmirSa12

citty.ts

@@ -10,91 +10,6 @@ import {
 import path from "path";
 import tab from "./cac";
 
-// const cli = cac("cac");
-
-// cli.option("--type [type]", "Choose a project type", {
-//   default: "node",
-// });
-// cli.option("--name <name>", "Provide your name");
-// cli.option("--name23 <name>", "Provide your name23");
-
-// cli.command("start").option("--port <port>", "your port");
-
-// cli.command("help");
-
-// cli.command("help config").option("--foo", "foo option");
-
-// cli.command("test dev").option("--foo", "foo option");
-
-// cli.command("deploy <environment> [version] [...files]");
-
-// cli.version("0.0.0");
-// cli.help();
-
-// for (const c of [cli.globalCommand, ...cli.commands]) {
-//   for (const o of [...cli.globalCommand.options, ...c.options]) {
-//     if (o.rawName === "--type [type]") {
-//       flagMap.set(`${c.name} ${o.name}`, () => {
-//         return [
-//           {
-//             action: "standalone",
-//             description: "Standalone type",
-//           },
-//           {
-//             action: "complex",
-//             description: "Complex type",
-//           },
-//         ];
-//       });
-//     }
-//   }
-
-//   // console.log(c.args);
-//   if (c.name === "deploy") {
-//     const positionals: Positional[] = [];
-//     positionalMap.set(c.name, positionals);
-//     for (const arg of c.args) {
-//       const completion: Callback = async () => {
-//         if (arg.value === "environment") {
-//           return [
-//             {
-//               action: "node",
-//             },
-//             {
-//               action: "deno",
-//             },
-//           ];
-//         }
-//         if (arg.value === "version") {
-//           return [
-//             {
-//               action: "0.0.0",
-//             },
-//             {
-//               action: "0.0.1",
-//             },
-//           ];
-//         }
-//         if (arg.value === "files") {
-//           const currentDir = process.cwd();
-//           const files = await fs.readdir(currentDir);
-//           const jsonFiles = files.filter(
-//             (file) => path.extname(file).toLowerCase() === ".json",
-//           );
-//           return jsonFiles.map((file) => ({ action: file }));
-//         }
-//         return [];
-//       };
-
-//       positionals.push({
-//         required: arg.required,
-//         variadic: arg.variadic,
-//         completion,
-//       });
-//     }
-//   }
-// }
-
 const cli = cac("vite"); // Using 'vite' as the CLI tool name
 
 // Custom converters (placeholders)

demo.ts demo.cac.tsdemo.ts renamed to demo.cac.ts

@@ -0,0 +1,125 @@
+import { defineCommand, createMain } from "citty";
+// import { tab } from "./citty";
+const main = defineCommand({
+  meta: {
+    name: "vite",
+    description: "Vite CLI tool",
+  },
+  args: {
+    config: {
+      type: "string",
+      description: "Use specified config file",
+      alias: "c",
+    },
+    base: {
+      type: "string",
+      description: "Public base path (default: /)",
+    },
+    logLevel: {
+      type: "string",
+      description: "info | warn | error | silent",
+      alias: "l",
+    },
+    clearScreen: {
+      type: "boolean",
+      description: "Allow/disable clear screen when logging",
+    },
+    debug: {
+      type: "string",
+      description: "Show debug logs",
+      alias: "d",
+    },
+    filter: {
+      type: "string",
+      description: "Filter debug logs",
+      alias: "f",
+    },
+    mode: {
+      type: "string",
+      description: "Set env mode",
+      alias: "m",
+    },
+  },
+  run(ctx) {
+    if (ctx.args._?.[0] !== "complete" && devCommand.run) {
+      devCommand.run(ctx);
+    } else if (!devCommand.run) {
+      console.error("Error: dev command is not defined.");
+    }
+  },
+});
+
+const devCommand = defineCommand({
+  meta: {
+    name: "dev",
+    description: "Start dev server",
+  },
+  args: {
+    root: {
+      type: "positional",
+      description: "Root directory",
+      required: false,
+      default: ".",
+    },
+    host: {
+      type: "string",
+      description: "Specify hostname",
+    },
+    port: {
+      type: "string",
+      description: "Specify port",
+    },
+    open: {
+      type: "boolean",
+      description: "Open browser on startup",
+    },
+    cors: {
+      type: "boolean",
+      description: "Enable CORS",
+    },
+    strictPort: {
+      type: "boolean",
+      description: "Exit if specified port is already in use",
+    },
+    force: {
+      type: "boolean",
+      description: "Force the optimizer to ignore the cache and re-bundle",
+    },
+  },
+  run({ args }) {
+    const { root, port, ...options } = args;
+    const parsedPort = port ? parseInt(port, 10) : undefined;
+
+    if (args._?.[0] !== "complete") {
+      if (!root || root === ".") {
+        console.log("Suggested root directories:");
+        console.log("- src/");
+        console.log("- ./");
+      }
+
+      const formattedOptions = { ...options, port: parsedPort };
+      if (formattedOptions._) {
+        formattedOptions["--"] = formattedOptions._;
+        delete formattedOptions._;
+      }
+
+      const cleanedOptions = Object.fromEntries(
+        Object.entries(formattedOptions).filter(([_, v]) => v !== undefined)
+      );
+
+      console.log(
+        `Starting dev server at ${root || "."} with options:`,
+        cleanedOptions
+      );
+    }
+  },
+});
+
+main.subCommands = {
+  dev: devCommand,
+};
+
+// tab(main);
+
+const cli = createMain(main);
+cli();

demo.citty.ts

@@ -13,6 +13,7 @@
   "devDependencies": {
     "@types/node": "^22.7.4",
     "cac": "^6.7.14",
+    "citty": "^0.1.6",
     "tsx": "^4.19.1",
     "vitest": "^2.1.3"
   },

package.json

@@ -1,5 +1,7 @@
 import { ShellCompDirective } from "./shared";
 
+// TODO: issue with -- -- completions
+
 export function generate(
   name: string,
   exec: string,