fix(cli): support create vite with custom command

Author: fengmk2

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

@@ -25,8 +25,9 @@ solid-ts       solid
 qwik-ts        qwik
 
 > vp new --template vanilla-ts --monorepo --pm pnpm --git false --overwrite hello-vite-plus # create monorepo
+┌  Vite+ The Unified Toolchain for the Web
 │
-◇  Scaffolding project in hello-vite-plus/apps/website...
+◇  Scaffolding project with vanilla-ts in hello-vite-plus/apps/website...
 │
 └  Done. Now run:
 
@@ -49,8 +50,9 @@ tsconfig.json
 vite.config.ts
 
 > cd hello-vite-plus && vp new --app --template vanilla-ts apps/my-app # add app
+┌  Vite+ The Unified Toolchain for the Web
 │
-◇  Scaffolding project in apps/my-app...
+◇  Scaffolding project with vanilla-ts in apps/my-app...
 │
 └  Done. Now run:
 
@@ -64,8 +66,9 @@ my-app
 website
 
 > cd hello-vite-plus && vp new --lib packages/my-lib # add lib
+┌  Vite+ The Unified Toolchain for the Web
 │
-◇  Scaffolding project in packages/my-lib...
+◇  Scaffolding library in packages/my-lib...
 │
 └  Done. Now run:
 
@@ -78,8 +81,9 @@ website
 my-lib
 
 > cd hello-vite-plus && vp new --lib tools/my-tool # add lib new not exists tools directory
+┌  Vite+ The Unified Toolchain for the Web
 │
-◇  Scaffolding project in tools/my-tool...
+◇  Scaffolding library in tools/my-tool...
 │
 └  Done. Now run:
 

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

@@ -1,6 +1,7 @@
 > vp new --template vanilla-ts --monorepo false --pm pnpm --git false --overwrite hello-vite-plus # create singlerepo
+┌  Vite+ The Unified Toolchain for the Web
 │
-◇  Scaffolding project in hello-vite-plus...
+◇  Scaffolding project with vanilla-ts in hello-vite-plus...
 │
 └  Done. Now run:
 

packages/global/src/new.ts

@@ -369,6 +369,8 @@ async function init() {
 
   const cancel = () => prompts.cancel('Operation cancelled');
 
+  prompts.intro(`${blueBright('Vite+')} The Unified Toolchain for the Web`);
+
   // --app and --lib should inside monorepo
   if (isCreateAppOrLib) {
     const monorepoRoot = findMonorepoRoot();
@@ -525,37 +527,63 @@ async function init() {
   const rawRoot = path.join(cwd, rawTargetDir);
   const cdProjectName = path.relative(cwd, rawRoot);
   const appOrLibName = path.relative(cwd, root);
-  prompts.log.step(`Scaffolding project in ${appOrLibName}...`);
+  const isMonorepo = argCreateMonorepo ?? isCreateAppOrLib;
 
   // 5. Create project
   if (argCreateLib) {
+    prompts.log.step(`Scaffolding library in ${appOrLibName}...`);
     // create a library project
     initMonorepoLib(root, packageName);
   } else {
+    prompts.log.step(`Scaffolding project with ${template} in ${appOrLibName}...`);
     // use create-vite to create a app project
     const createViteBin = fileURLToPath(import.meta.resolve('create-vite/index.js'));
-    const { status, stderr, stdout } = spawn.sync('node', [
-      createViteBin,
-      '--template',
-      template!,
-      targetDir,
-    ], {
-      // stdio: 'inherit',
-      stdio: 'pipe',
-    });
-    if (status && status > 0) {
-      console.error(stderr.toString());
-      console.error(stdout.toString());
-      process.exit(status);
+    const { customCommand } = FRAMEWORKS.flatMap((f) => f.variants).find((v) => v.name === template) ?? {};
+    if (customCommand) {
+      // print the custom command
+      prompts.log.info(customCommand.replace('TARGET_DIR', appOrLibName) + ' ...');
+      const cwd = path.dirname(root);
+      // fs.mkdirSync(cwd, { recursive: true });
+      const appName = isMonorepo ? path.basename(targetDir) : targetDir;
+      const createViteArgs = [
+        createViteBin,
+        '--overwrite',
+        '--template',
+        template!,
+        appName,
+      ];
+      const { status } = spawn.sync('node', createViteArgs, {
+        stdio: 'inherit',
+        cwd,
+      });
+      if (status && status > 0) {
+        process.exit(status);
+      }
+    } else {
+      const createViteArgs = [
+        createViteBin,
+        '--overwrite',
+        '--template',
+        template!,
+        targetDir,
+      ];
+      const { status, stderr, stdout } = spawn.sync('node', createViteArgs, {
+        stdio: 'pipe',
+      });
+      if (status && status > 0) {
+        prompts.log.error(stderr.toString());
+        prompts.log.error(stdout.toString());
+        process.exit(status);
+      }
     }
 
-    await fixPackageJsonForVitePlus(root, selectedPackageManager, argCreateMonorepo ?? isCreateAppOrLib);
+    await fixPackageJsonForVitePlus(root, selectedPackageManager, isMonorepo);
   }
 
   // first init, ask user to init git
   if (!isCreateAppOrLib) {
     const initGit = typeof argGit === 'boolean' ? argGit : await prompts.confirm({
-      message: `Init git? (git init ${cdProjectName})`,
+      message: `Initialize git repository? (git init ${cdProjectName})`,
       initialValue: true,
     });
     if (prompts.isCancel(initGit)) return cancel();
@@ -738,6 +766,10 @@ async function fixPackageJsonForVitePlus(projectDir: string, selectedPackageMana
     if (!pkg.scripts?.ready) {
       pkg.scripts.ready = 'vite lint --type-aware && vite run build && vite test --passWithNoTests';
     }
+    // fix empty pkg.name
+    if (!pkg.name) {
+      pkg.name = path.basename(projectDir);
+    }
     return JSON.stringify(pkg, null, 2) + '\n';
   });
 
@@ -750,6 +782,11 @@ async function fixPackageJsonForVitePlus(projectDir: string, selectedPackageMana
       copy(path.join(pkgRoot, 'templates/config/.npmrc'), path.join(projectDir, '.npmrc'));
     }
   }
+
+  // remove package-lock.json when package manager is not npm
+  if (selectedPackageManager !== 'npm') {
+    fs.rmSync(path.join(projectDir, 'package-lock.json'), { force: true });
+  }
 }
 
 async function setPackageManager(projectDir: string, packageManager: string) {