refactor(cli): use create-vite to impl vite new

Author: fengmk2

packages/global/package.json

@@ -23,13 +23,19 @@
   },
   "dependencies": {
     "@voidzero-dev/vite-plus": "workspace:*",
+    "create-vite": "catalog:",
+    "cross-spawn": "catalog:",
     "oxlint": "catalog:",
     "rolldown-vite": "catalog:",
     "vitest": "catalog:"
   },
   "devDependencies": {
+    "@clack/prompts": "catalog:",
+    "@types/cross-spawn": "catalog:",
     "@voidzero-dev/vite-plus-tools": "workspace:",
-    "rolldown": "catalog:"
+    "rolldown": "catalog:",
+    "picocolors": "catalog:",
+    "mri": "catalog:"
   },
   "engines": {
     "node": ">=20.11.0"

packages/global/rolldown.config.ts

@@ -2,7 +2,17 @@ import { defineConfig } from 'rolldown';
 
 export default defineConfig({
   input: './src/index.ts',
-  external: [/^node:/, 'oxfmt', 'oxlint', /rolldown-vite/],
+  external: [
+    /^node:/,
+    'oxfmt',
+    'oxlint',
+    /rolldown-vite/,
+    'create-vite',
+    // FIXME: Calling `require` for "child_process" in an environment that doesn't expose the `require` function
+    'cross-spawn',
+    // FIXME: will lost colors if not external
+    'picocolors',
+  ],
   output: {
     format: 'esm',
     dir: './dist',

packages/global/snap-tests/new-monorepo/snap.txt

@@ -1,79 +1,91 @@
 > vp new -h # show help
+Usage: vite new [OPTION]... [DIRECTORY]
 
-vite new - Create a new Vite+ project
-
-Usage:
-  vite new [project-name] [project-type] [options]
-  vite new --app <path>    Add an app to existing monorepo
-  vite new --lib <path>    Add a library to existing monorepo
-
-Arguments:
-  project-name    Name of the project to create
-  project-type    Type of project: monorepo, mono, singlerepo, single
+Create a new Vite+ project in TypeScript.
+With no arguments, start the CLI in interactive mode.
 
 Options:
-  --monorepo, -m      Create a monorepo project
-  --singlerepo, -s    Create a singlerepo project
-  --app <path>        Add an app package to existing monorepo
-  --lib <path>        Add a library package to existing monorepo
-  --help, -h          Show this help message
-
-Examples:
-  vite new                        Interactive mode (prompts for all options)
-  vite new my-project             Create project with prompts for type
-  vite new my-project monorepo   Create monorepo without prompts
-  vite new my-project -s          Create singlerepo using flag
-  vite new --app apps/my-app     Add app to current monorepo
-  vite new --lib packages/utils  Add library to current monorepo
-
-Notes:
-  - MonoRepo is the default when prompted (press Enter to select)
-  - Press Ctrl+C to exit during prompts
-
-
-> vp new my-project monorepo # create monorepo
-
-Creating monorepo project: my-project...
-✅ Successfully created monorepo project: my-project
-
-Next steps:
-  cd my-project
-  git init
+  --monorepo                 create a monorepo project
+  --app                      add an app to existing monorepo, e.g.: view new --app apps/website
+  --lib                      add a library to existing monorepo, e.g.: view new --lib packages/utils
+  -t, --template NAME        use a specific template
+  --pm NAME                  use a specific package manager, e.g.: view new --pm pnpm
+  --git                      init git repository
+  --overwrite                overwrite existing files
+
+Available templates:
+vanilla-ts
+vue-ts
+react-ts
+preact-ts (WIP)
+lit-ts (WIP)
+svelte-ts (WIP)
+solid-ts (WIP)
+qwik-ts (WIP)
+
+> vp new --template vanilla-ts --monorepo --pm pnpm --git false --overwrite hello-vite-plus # create monorepo
+│
+◇  Scaffolding project in hello-vite-plus/apps/website...
+│
+└  Done. Now run:
+
+  cd hello-vite-plus
   vite run ready
   vite run dev
 
-To add new packages to your monorepo:
+  To add new packages to your monorepo:
+
   vite new --app apps/my-app
   vite new --lib packages/my-lib
 
-> cd my-project && vp new --app apps/my-app # add app
-Creating new app at apps/my-app...
-✅ Successfully created app at apps/my-app
 
-Next steps:
+> cd hello-vite-plus && ls # check files
+README.md
+apps
+package.json
+pnpm-workspace.yaml
+tsconfig.json
+vite.config.ts
+
+> cd hello-vite-plus && vp new --app --template vanilla-ts apps/my-app # add app
+│
+◇  Scaffolding project in apps/my-app...
+│
+└  Done. Now run:
+
   cd apps/my-app
+  vite run ready
   vite run dev
 
-> cd my-project && ls apps
+
+> cd hello-vite-plus && ls apps
 my-app
 website
 
-> cd my-project && vp new --lib packages/my-lib # add lib
-Creating new library at packages/my-lib...
-✅ Successfully created library at packages/my-lib
+> cd hello-vite-plus && vp new --lib packages/my-lib # add lib
+│
+◇  Scaffolding project in packages/my-lib...
+│
+└  Done. Now run:
 
-Next steps:
+  cd packages/my-lib
   vite run ready
+  vite run dev
+
 
-> cd my-project && ls packages
+> cd hello-vite-plus && ls packages
 my-lib
 
-> cd my-project && vp new --lib tools/my-tool # add lib new not exists tools directory
-Creating new library at tools/my-tool...
-✅ Successfully created library at tools/my-tool
+> cd hello-vite-plus && vp new --lib tools/my-tool # add lib new not exists tools directory
+│
+◇  Scaffolding project in tools/my-tool...
+│
+└  Done. Now run:
 
-Next steps:
+  cd tools/my-tool
   vite run ready
+  vite run dev
+
 
-> cd my-project && ls tools
+> cd hello-vite-plus && ls tools
 my-tool

packages/global/snap-tests/new-monorepo/steps.json

@@ -1,12 +1,13 @@
 {
   "commands": [
     "vp new -h # show help",
-    "vp new my-project monorepo # create monorepo",
-    "cd my-project && vp new --app apps/my-app # add app",
-    "cd my-project && ls apps",
-    "cd my-project && vp new --lib packages/my-lib # add lib",
-    "cd my-project && ls packages",
-    "cd my-project && vp new --lib tools/my-tool # add lib new not exists tools directory",
-    "cd my-project && ls tools"
+    "vp new --template vanilla-ts --monorepo --pm pnpm --git false --overwrite hello-vite-plus # create monorepo",
+    "cd hello-vite-plus && ls # check files",
+    "cd hello-vite-plus && vp new --app --template vanilla-ts apps/my-app # add app",
+    "cd hello-vite-plus && ls apps",
+    "cd hello-vite-plus && vp new --lib packages/my-lib # add lib",
+    "cd hello-vite-plus && ls packages",
+    "cd hello-vite-plus && vp new --lib tools/my-tool # add lib new not exists tools directory",
+    "cd hello-vite-plus && ls tools"
   ]
 }

packages/global/snap-tests/new-singlerepo/snap.txt

@@ -1,10 +1,22 @@
-> vp new my-project singlerepo # create singlerepo
+> vp new --template vanilla-ts --monorepo false --pm pnpm --git false --overwrite hello-vite-plus # create singlerepo
+│
+◇  Scaffolding project in hello-vite-plus...
+│
+└  Done. Now run:
 
-Creating singlerepo project: my-project...
-✅ Successfully created singlerepo project: my-project
-
-Next steps:
-  cd my-project
-  git init
+  cd hello-vite-plus
   vite run ready
   vite run dev
+
+  To add new packages to your monorepo:
+
+  vite new --app apps/my-app
+  vite new --lib packages/my-lib
+
+
+> cd hello-vite-plus && ls # check files
+index.html
+package.json
+public
+src
+tsconfig.json

packages/global/snap-tests/new-singlerepo/steps.json

@@ -1,5 +1,6 @@
 {
   "commands": [
-    "vp new my-project singlerepo # create singlerepo"
+    "vp new --template vanilla-ts --monorepo false --pm pnpm --git false --overwrite hello-vite-plus # create singlerepo",
+    "cd hello-vite-plus && ls # check files"
   ]
 }

packages/global/src/index.ts

@@ -1,58 +1,8 @@
-import { scaffold, type ScaffoldOptions } from './scaffold.js';
-
 // Parse command line arguments to intercept 'new' command
 const args = process.argv.slice(2);
 
 if (args[0] === 'new') {
-  // Handle the 'new' command
-  const options: ScaffoldOptions = {};
-  const positionalArgs: string[] = [];
-
-  // Parse flags and collect positional arguments
-  for (let i = 1; i < args.length; i++) {
-    if (args[i] === '--help' || args[i] === '-h') {
-      options.help = true;
-      break;
-    } else if (args[i] === '--app' && args[i + 1]) {
-      options.app = args[i + 1];
-      i++;
-    } else if (args[i] === '--lib' && args[i + 1]) {
-      options.lib = args[i + 1];
-      i++;
-    } else if (args[i] === '--monorepo' || args[i] === '-m') {
-      options.projectType = 'monorepo';
-    } else if (args[i] === '--singlerepo' || args[i] === '-s') {
-      options.projectType = 'singlerepo';
-    } else if (!args[i].startsWith('-')) {
-      positionalArgs.push(args[i]);
-    }
-  }
-
-  // Handle positional arguments: first is project name, second is project type
-  // Skip if help is requested
-  if (!options.help) {
-    if (positionalArgs.length > 0) {
-      options.projectName = positionalArgs[0];
-    }
-    if (positionalArgs.length > 1) {
-      const type = positionalArgs[1].toLowerCase();
-      if (type === 'monorepo' || type === 'mono') {
-        options.projectType = 'monorepo';
-      } else if (type === 'singlerepo' || type === 'single') {
-        options.projectType = 'singlerepo';
-      }
-    }
-  }
-
-  // Run scaffolding
-  scaffold(options).catch((err) => {
-    // Handle SIGINT (Ctrl+C)
-    if (err.name === 'AbortError') {
-      process.exit(0);
-    }
-    console.error('[vite+] %s', err);
-    process.exit(1);
-  });
+  import('./new.ts');
 } else {
   // Delegate all other commands to vite-plus CLI
   // @ts-ignore no types for vite-plus/bin