feat: improve cli output with consola

.npmrc

@@ -0,0 +1 @@
+ignore-workspace-root-check=true

package.json

@@ -33,6 +33,7 @@
   },
   "dependencies": {
     "chokidar": "^3.5.3",
+    "consola": "2.15.3",
     "defu": "6.1.2",
     "fast-glob": "3.2.12",
     "jiti": "^1.17.1",

src/cli.ts

@@ -1,6 +1,7 @@
 #! /usr/bin/env node
 
 import sade from "sade";
+import consola from "consola";
 import { version } from "../package.json";
 import kleur from "kleur";
 import { autoDetectConfig } from "./config/detect";
@@ -40,7 +41,7 @@ prog
       };
 
       if (opts.watch) {
-        console.log(
+        consola.info(
           `Watching ${kleur.bold(
             kleur.green(
               (resolvedConfig.routeDir.endsWith("/")
@@ -55,18 +56,18 @@ prog
           cwd: resolvedConfig.routeDir,
         });
         watcher.on("all", async (event, path) => {
-          console.log(event, path);
+          consola.info(event, path);
           await run();
-          console.log(kleur.green("Regenerated path helper"));
+          consola.success(kleur.green("Regenerated path helper"));
         });
       } else {
         await run();
-        console.log(
+        consola.success(
           `Path helper has been generated to ${kleur.bold(kleur.green(resolvedConfig.output))}`,
         );
       }
     } catch (e) {
-      console.log(kleur.red((e as Error).message));
+      consola.error(e);
     }
   });
 

src/config/detect.ts

@@ -3,6 +3,7 @@ import fs from "fs";
 import kleur from "kleur";
 import { removePathExtension, removeSuffix } from "../utils";
 import { defaultFilePathToRoutePath } from "./default";
+import consola from "consola";
 
 export function autoDetectConfig(): Partial<Omit<Config, "output">> {
   if (fs.existsSync("next.config.js")) {
@@ -63,5 +64,5 @@ export function autoDetectConfig(): Partial<Omit<Config, "output">> {
 }
 
 function showDetectedResult(framework: string) {
-  console.log(`Detected framework: ${kleur.green(framework)}`);
+  consola.info(`Detected framework: ${kleur.green(framework)}`);
 }

src/generate.ts

@@ -65,36 +65,36 @@ export async function generate({
 // This file is auto generated. DO NOT EDIT
 
 type PathToParams = {
-${(
-  await Promise.all(
-    pathList.filter((p) => !ignorePathList.includes(p)).map((p) => createTypeDefinitionRow(p)),
-  )
-).join(",\n  ")}
+  ${(
+    await Promise.all(
+      pathList.filter((p) => !ignorePathList.includes(p)).map((p) => createTypeDefinitionRow(p)),
+    )
+  ).join(",\n  ")}
 }
 
 /**
-* @example
-* buildPath('/posts/[id]', { id: 1 }) // => '/posts/1'
-*/
+ * @example
+ * buildPath('/posts/[id]', { id: 1 }) // => '/posts/1'
+ */
 export function buildPath<Path extends keyof PathToParams>(
 path: Path,
 args: PathToParams[Path],
 ): string {
-return (
-  path.replace(${new RegExp(dynamicSegmentRegex, "g")}, (_, key) => ((args as any).params)[key]) +
-  (args.query
-    ? '?' + new URLSearchParams(args.query as any).toString()
-    : '') +
-  (args.hash ? '#' + args.hash : '')
-)
+  return (
+    path.replace(${new RegExp(dynamicSegmentRegex, "g")}, (_, key) => ((args as any).params)[key]) +
+    (args.query
+      ? '?' + new URLSearchParams(args.query as any).toString()
+      : '') +
+    (args.hash ? '#' + args.hash : '')
+  )
 }
 
 /**
-* @example
-* echoPath('/posts/[id]') // => '/posts/[id]'
-*/
+ * @example
+ * echoPath('/posts/[id]') // => '/posts/[id]'
+ */
 export function echoPath<Path extends keyof PathToParams>(path: Path): string {
-return path
+  return path
 }
 `;
 }