refactor(insert-emit-option): migrate to citty and consola (#61)

* chore(deps): add citty and consola

* refactor: migrate to citty

* refactor(insert-emit-option): migrate to consola

packages/insert-emits-option/build.config.ts

@@ -0,0 +1,5 @@
+import { defineBuildConfig } from "unbuild";
+
+export default defineBuildConfig({
+  entries: ["./src/cli.ts"],
+});

packages/insert-emits-option/package.json

@@ -2,16 +2,16 @@
   "name": "@wattanx/insert-emits-option",
   "version": "0.0.17",
   "description": "Insert emits option into defineComponent.",
-  "main": "index.js",
   "bin": {
-    "insert-emits-option": "dist/cli.js"
+    "insert-emits-option": "dist/cli.mjs"
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
-    "test:cli": "node dist/cli.js",
+    "build": "unbuild",
+    "build:stub": "unbuild --stub",
+    "test:cli": "node dist/cli.mjs",
     "test": "vitest run",
     "test:watch": "vitest"
   },
@@ -31,15 +31,16 @@
   "devDependencies": {
     "@types/cli-progress": "^3.11.0",
     "@types/node": "^18.11.9",
-    "@types/yargs": "^17.0.13",
     "typescript": "^4.9.3",
+    "unbuild": "^2.0.0",
     "vitest": "1.5.3"
   },
   "dependencies": {
     "@vue/compiler-sfc": "^3.2.45",
+    "citty": "^0.1.6",
     "cli-progress": "^3.11.2",
-    "colorette": "^2.0.19",
-    "ts-morph": "^16.0.0",
-    "yargs": "^17.6.2"
+    "consola": "^3.2.3",
+    "globby": "^14.0.2",
+    "ts-morph": "^16.0.0"
   }
 }

packages/insert-emits-option/src/cli.ts

@@ -1,9 +1,6 @@
 #!/usr/bin/env node
 
-import yargs from "yargs";
-import { hideBin } from "yargs/helpers";
+import { runMain } from "citty";
+import main from "./main";
 
-yargs(hideBin(process.argv))
-  .commandDir("commands")
-  .strict()
-  .alias({ h: "help", v: "version" }).argv;
+runMain(main);

packages/insert-emits-option/src/handlers/index.ts

@@ -1,6 +1,5 @@
 import { parse } from "@vue/compiler-sfc";
-import { green } from "colorette";
-import { readFile, writeFile } from "fs/promises";
+import { readFile, writeFile } from "node:fs/promises";
 import { Project } from "ts-morph";
 import { generateProgressBar } from "../lib/generateProgressBar";
 import { insertEmitsOption } from "../lib/insertEmitsOption";
@@ -26,7 +25,7 @@ export const handleCommand = async (
 
   const targetFiles = allFiles.filter((file) => file.script !== "");
 
-  const progressBar = generateProgressBar(green);
+  const progressBar = generateProgressBar();
   progressBar.start(targetFiles.length, 0);
 
   const project = new Project({ tsConfigFilePath: tsconfigPath });

packages/insert-emits-option/src/lib/generateProgressBar.ts

@@ -1,8 +1,11 @@
 import cliProgress from "cli-progress";
-import { blue, Color } from "colorette";
+import type { ColorFunction } from "consola/utils";
+import { getColor } from "consola/utils";
+
+const defaultColorFunc = getColor("green");
 
 export const generateProgressBar = (
-  colorFunc: Color = blue
+  colorFunc: ColorFunction = defaultColorFunc
 ): cliProgress.SingleBar =>
   new cliProgress.SingleBar(
     {

packages/insert-emits-option/src/main.ts

@@ -0,0 +1,33 @@
+import { handleCommand } from "./handlers";
+import { colorize } from "consola/utils";
+import { defineCommand } from "citty";
+import pkgJson from "../package.json";
+import { globby } from "globby";
+
+export default defineCommand({
+  meta: {
+    name: pkgJson.name,
+    version: pkgJson.version,
+    description: pkgJson.description,
+  },
+  args: {
+    targetFilePaths: {
+      type: "positional",
+      required: true,
+      description:
+        "Path to the target vue file, which can be set with the glob pattern. eg: 'src/**/*.vue'",
+    },
+    tsconfigPath: {
+      type: "string",
+      required: false,
+      alias: "t",
+    },
+  },
+  async run({ args }) {
+    const { targetFilePaths } = args;
+    const files = await globby(targetFilePaths);
+    const { insertedCount } = await handleCommand(files, args.tsconfigPath);
+    console.log("\nCompleted 🎉");
+    console.log(`${colorize("green", insertedCount)} files changed.`);
+  },
+});

packages/insert-emits-option/tsconfig.json

@@ -35,7 +35,7 @@
     // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
     // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
     // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
-    // "resolveJsonModule": true,                        /* Enable importing .json files. */
+    "resolveJsonModule": true,
     // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
 
     /* JavaScript Support */