Merge pull request #40 from selemondev/feat/migrate-chalk-to-picocolors

feat: migrate from chalk to pico-colors

Author: selemondev

package.json

@@ -52,13 +52,13 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "chalk": "^5.3.0",
     "commander": "^12.0.0",
     "ejs": "^3.1.9",
     "fs-extra": "^11.2.0",
-    "prompts": "^2.4.2",
-    "prettier": "^3.2.5",
     "ora": "^8.0.1",
+    "picocolors": "^1.1.1",
+    "prettier": "^3.2.5",
+    "prompts": "^2.4.2",
     "validate-npm-package-name": "^5.0.0"
   }
 }

pnpm-lock.yaml

@@ -1,61 +1,62 @@
-import fs from 'fs-extra'
-import path from 'node:path'
-import options from '../../../core/utils/vue/options'
-import { ejsRender } from '../../../utils/ejsRender'
-import chalk from "chalk"
-import { templateFilesMap } from '../../../core/utils/vue/templateFile'
-import { getFilterFile } from '../../../filter/filterFiles'
-import { fileURLToPath } from 'node:url';
-import { dirname } from 'node:path';
-import ora from 'ora'
+import fs from "fs-extra";
+import path from "node:path";
+import options from "../../../core/utils/vue/options";
+import { ejsRender } from "../../../utils/ejsRender";
+import pc from "picocolors";
+import { templateFilesMap } from "../../../core/utils/vue/templateFile";
+import { getFilterFile } from "../../../filter/filterFiles";
+import { fileURLToPath } from "node:url";
+import { dirname } from "node:path";
+import ora from "ora";
 
 async function copyTemplate() {
-    const __filename = fileURLToPath(import.meta.url);
+  const __filename = fileURLToPath(import.meta.url);
 
-    const __dirname = dirname(__filename);
+  const __dirname = dirname(__filename);
 
-    const spinner = ora('Copying template...').start();
+  const spinner = ora("Copying template...").start();
 
-    const language = options.useTypeScript ? 'vue-ts' : 'vue-js';
+  const language = options.useTypeScript ? "vue-ts" : "vue-js";
 
-    options.src = path.resolve(__dirname, `../template/${language}`);
+  options.src = path.resolve(__dirname, `../template/${language}`);
 
-    const dest = options.name && path.resolve(process.cwd(), options.name)
-    
-    options.dest = dest
+  const dest = options.name && path.resolve(process.cwd(), options.name);
 
-    const templatePath = path.resolve(
-        __dirname,
-        `../../../../template/${language}`
-    );
-    options.templatePath = templatePath
+  options.dest = dest;
 
-    const filterFileFn = getFilterFile()
+  const templatePath = path.resolve(
+    __dirname,
+    `../../../../template/${language}`,
+  );
+  options.templatePath = templatePath;
 
-    async function copy() {
-        const targetDirectory = path.resolve(__dirname, '../');
-        if(!dest) {
-            return;
-        };
-        await fs.copy(`${targetDirectory}/template/${language}`, dest)
+  const filterFileFn = getFilterFile();
+
+  async function copy() {
+    const targetDirectory = path.resolve(__dirname, "../");
+    if (!dest) {
+      return;
     }
-    await copy();
-
-    filterFileFn && await filterFileFn();
-
-    options.dest && await fs.move(
-        path.resolve(options.dest, '.gitignore.ejs'),
-        path.resolve(options.dest, '.gitignore'),
-        { overwrite: true }
-    );
-
-   await Promise.all(
-        templateFilesMap
-            .get('vue')()
-            .map((file: string) => options.name && ejsRender(file, options.name))
-    )
-    spinner.text = chalk.green('Template successfully copied!');
-    
-    spinner.succeed()
+    await fs.copy(`${targetDirectory}/template/${language}`, dest);
+  }
+  await copy();
+
+  filterFileFn && (await filterFileFn());
+
+  options.dest &&
+    (await fs.move(
+      path.resolve(options.dest, ".gitignore.ejs"),
+      path.resolve(options.dest, ".gitignore"),
+      { overwrite: true },
+    ));
+
+  await Promise.all(
+    templateFilesMap
+      .get("vue")()
+      .map((file: string) => options.name && ejsRender(file, options.name)),
+  );
+  spinner.text = pc.green("Template successfully copied!");
+
+  spinner.succeed();
 }
-export default copyTemplate
+export default copyTemplate;

src/core/command/create-vue-next/copyTemplate.ts

@@ -2,7 +2,7 @@ import options from "../../../core/utils/vue/options";
 import { logger } from "../../../utils/logger";
 import { createSpawnCmd } from "../../../utils/createSpawnCmd";
 import ora from "ora";
-import chalk from "chalk";
+import pc from "picocolors";
 import { packageManagerExecutable } from "../../../utils/package-manager-executable";
 async function installDeps() {
   // No output will be shown in the console
@@ -24,19 +24,19 @@ async function installDeps() {
     await cmdIgnore(packageManagerExecutable(options.package), [
       "npm-check-updates",
     ]);
-    spinner.text = chalk.green(
+    spinner.text = pc.green(
       `Checking for dependency updates with ${options.package}.`,
     );
     spinner.succeed();
     spinner.start(`Updating dependencies.`);
     await cmdIgnore(packageManagerExecutable(options.package), [
       "npm-check-updates -u",
     ]);
-    spinner.text = chalk.green(`Updating dependencies.`);
+    spinner.text = pc.green(`Updating dependencies.`);
     spinner.succeed();
     spinner.start(`Installing the latest dependencies.`);
     await cmdIgnore(options.package, ["install"]);
-    spinner.text = chalk.green(`Installing the latest dependencies.`);
+    spinner.text = pc.green(`Installing the latest dependencies.`);
     spinner.succeed();
   }
 

src/core/command/create-vue-next/install.ts

@@ -1,19 +1,19 @@
-import chalk from "chalk";
+import pc from "picocolors";
 
 export const logger = {
-    info: (...args: any[]) => {
-        console.log(chalk.cyan(...args))
-    },
+  info: (...args: string[]) => {
+    console.log(pc.cyan(args.map(String).join(" ")));
+  },
 
-    error: (...args: any[]) => { 
-        console.log(chalk.red(...args))
-    },
+  error: (...args: string[]) => {
+    console.log(pc.red(args.map(String).join(" ")));
+  },
 
-    warning: (...args: any[]) => {
-        console.log(chalk.yellow(...args))
-    },
+  warning: (...args: string[]) => {
+    console.log(pc.yellow(args.map(String).join(" ")));
+  },
 
-    success: (...args: any[]) => {
-        console.log(chalk.green(...args))
-    }
-};
+  success: (...args: string[]) => {
+    console.log(pc.green(args.map(String).join(" ")));
+  },
+};