Add initial vite-plus new command

packages/cli/src/getTasks.ts

@@ -11,7 +11,7 @@ type Task = { dir: string; script: string; manifest: BaseManifest };
 export async function getTaskList(taskNames: string[]): Promise<Task[][]> {
   const packages: Package[] = [];
 
-  for await (const filePath of glob("{apps,packages}/*/package.json", { cwd })) {
+  for await (const filePath of glob(["package.json", "{apps,packages}/*/package.json"], { cwd })) {
     const absPath = join(cwd, filePath);
     const { default: manifest } = await import(absPath, { with: { type: "json" } });
     packages.push({ rootDir: dirname(absPath), manifest });
@@ -29,7 +29,10 @@ export async function getTaskList(taskNames: string[]): Promise<Task[][]> {
     dirs.flatMap(dir =>
       taskNames.flatMap(task => {
         const manifest = graph[dir].package.manifest;
-        if (manifest?.scripts && task in manifest.scripts) return { dir, script: manifest.scripts[task], manifest };
+        if (manifest?.scripts && task in manifest.scripts) {
+          const script = manifest.scripts[task];
+          if (!script.includes("vite-plus")) return { dir, script, manifest };
+        }
         return [];
       })
     )

packages/cli/src/runTasks.ts

@@ -2,6 +2,7 @@ import { join } from "node:path";
 import { parseArgs } from "node:util";
 import { multiplex, type Command } from "multiplexer";
 import { getTaskList } from "./getTasks.ts";
+import { spawn } from "node:child_process";
 
 export async function runTasks(): Promise<void> {
   const { positionals } = parseArgs({ allowPositionals: true });
@@ -28,6 +29,9 @@ export async function runTasks(): Promise<void> {
       );
     }
 
-    multiplex(commands);
+    const all = commands.flat();
+    if (all.length > 1) multiplex(commands);
+    else if (all.length === 1) spawn(all[0].cmd, all[0].args, { stdio: "inherit" });
+    else console.error("404 Task Not Found");
   }
 }

packages/global/package.json

@@ -20,5 +20,9 @@
   },
   "engines": {
     "node": ">=20.11.0"
+  },
+  "dependencies": {
+    "@clack/core": "^0.5.0",
+    "@clack/prompts": "^0.11.0"
   }
 }

packages/global/src/command/new.ts

@@ -1,11 +1,17 @@
-import { cp } from "node:fs/promises";
+import { cp, readdir } from "node:fs/promises";
 import { join } from "node:path";
 
-export default async function copyTemplateFiles(targetDir: string) {
-  await copyFiles(targetDir);
+const templatesDir = join(import.meta.dirname, "../../templates");
+
+export async function getAvailableTemplates(): Promise<string[]> {
+  const dirs = await readdir(templatesDir);
+  return dirs;
+}
+
+export async function copyTemplateFiles(templateDir: string, targetDir: string): Promise<void> {
+  await copyFiles(templateDir, targetDir);
 }
 
-async function copyFiles(targetDir: string) {
-  const templateDir = join(import.meta.dirname, "../../template");
+async function copyFiles(templateDir: string, targetDir: string): Promise<void> {
   await cp(templateDir, targetDir, { force: true, recursive: true });
 }

packages/global/src/command/tasks.ts

@@ -0,0 +1,70 @@
+import { join } from "node:path";
+import { spawn } from "node:child_process";
+import { intro, select, outro, text, confirm, tasks } from "@clack/prompts";
+import { getAvailableTemplates, copyTemplateFiles } from "./new.ts";
+
+export const questionnaire = async (): Promise<void> => {
+  intro("Let's create a new Vite+ project");
+
+  const availableTemplates = await getAvailableTemplates();
+
+  const targetDir = await text({
+    message: "Where should we create your project?",
+    placeholder: "./",
+    initialValue: "./",
+    validate(value) {
+      if (!value || value.startsWith("..") || !value.startsWith(".")) return "Please enter a relative path";
+    }
+  });
+
+  const isUseTypeScript = await select({
+    message: "Do you plan to use TypeScript?",
+    options: [
+      { value: "ts", label: "TypeScript" },
+      { value: "js", label: "JavaScript with JSDoc" }
+    ]
+  });
+
+  const templateDir = await select({
+    message: "Please choose a project template",
+    options: availableTemplates.map(template => ({
+      value: template,
+      label: template
+    }))
+  });
+
+  const isInstallDependencies = await confirm({
+    message: "Do you want to install dependencies?",
+    initialValue: true
+  });
+
+  const t = [
+    {
+      title: "Copying template files",
+      task: async () => {
+        const sourceTemplateDir = join(import.meta.dirname, "../../templates", templateDir);
+        const targetDirPath = join(process.cwd(), targetDir);
+        await copyTemplateFiles(sourceTemplateDir, targetDirPath);
+        return "Copied template files";
+      }
+    }
+  ];
+
+  if (isInstallDependencies) {
+    t.push({
+      title: "Installing dependencies",
+      task: async () => {
+        await new Promise(resolve => {
+          const targetDirPath = join(process.cwd(), targetDir);
+          const p = spawn("pnpm", ["install"], { cwd: targetDirPath });
+          p.on("exit", resolve);
+        });
+        return "Installed dependencies using pnpm";
+      }
+    });
+  }
+
+  await tasks(t);
+
+  outro("Enjoy Vite+");
+};

packages/global/src/index.ts

@@ -1,17 +1,14 @@
-import { execFileSync } from "node:child_process";
 import { parseArgs } from "node:util";
-import copyTemplateFiles from "./command/new.ts";
 import { join } from "node:path";
+import { questionnaire } from "./command/tasks.ts";
 
 try {
   const { positionals } = parseArgs({ allowPositionals: true });
 
-  const [command, dir] = positionals;
+  const [command] = positionals;
 
   if (command === "new") {
-    const targetDir = dir ?? process.cwd();
-    await copyTemplateFiles(targetDir);
-    execFileSync("pnpm", ["install"], { stdio: "inherit" });
+    await questionnaire();
   } else {
     const { default: main } = await import(join(process.cwd(), "node_modules/vite-plus/dist/index.js"));
     main();

packages/global/templates/minimal-js/.oxlintrc.json

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "no-eval": "error"
+  }
+}

packages/global/templates/minimal-js/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "vite-plus-template-minimal-js",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "main": "src/index.js",
+  ".": {
+    "types": "dist/index.d.ts",
+    "default": "src/index.js"
+  },
+  "scripts": {
+    "build": "tsc --build --verbose",
+    "dev": "vite",
+    "lint": "oxlint",
+    "all": "vite-plus task build lint"
+  },
+  "dependencies": {
+    "vite": "^7.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.4",
+    "multiplexer": "^0.0.0",
+    "oxlint": "^1.3.0",
+    "tsdown": "^0.12.8",
+    "typescript": "^5.8.3",
+    "vite-plus": "^0.0.0"
+  },
+  "packageManager": "pnpm@10.12.1"
+}

packages/global/templates/minimal-js/src/index.js

@@ -0,0 +1,11 @@
+/**
+ * Greetings earthlings, we have not taken over your radiooooo 🎶
+ *
+ * @param {string} name
+ * @returns {string}
+ */
+export const greet = name => {
+  return `Hello, ${name}!`;
+};
+
+console.log(greet("World"));

packages/global/templates/minimal-js/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "checkJs": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "lib": ["esnext", "dom", "dom.iterable"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "noEmitOnError": true,
+    "noErrorTruncation": true,
+    "outDir": "dist",
+    "resolveJsonModule": true,
+    "strict": true,
+    "target": "esnext",
+    "types": ["node"],
+    "verbatimModuleSyntax": true
+  },
+  "include": ["src"]
+}

packages/global/templates/minimal/.npmrc

@@ -0,0 +1,2 @@
+registry=http://localhost:4873
+//localhost:4873/:_authToken=fake

packages/global/templates/minimal/index.html

@@ -0,0 +1 @@
+<script type="module" src="./src/index.ts"></script>

packages/global/templates/minimal/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "vite-plus-template-minimal-js",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  ".": {
+    "types": "dist/index.d.ts",
+    "default": "dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc --build --verbose",
+    "dev": "vite",
+    "lint": "oxlint",
+    "all": "vite-plus task build lint"
+  },
+  "dependencies": {
+    "vite": "^7.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.4",
+    "multiplexer": "^0.0.0",
+    "oxlint": "^1.3.0",
+    "tsdown": "^0.12.8",
+    "typescript": "^5.8.3",
+    "vite-plus": "^0.0.0"
+  },
+  "packageManager": "pnpm@10.12.1"
+}

packages/global/templates/minimal/src/index.ts

@@ -0,0 +1 @@
+console.log("Hello, world!");

packages/global/templates/minimal/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "lib": ["esnext", "dom", "dom.iterable"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "noEmitOnError": true,
+    "noErrorTruncation": true,
+    "outDir": "dist",
+    "resolveJsonModule": true,
+    "strict": true,
+    "target": "esnext",
+    "types": ["node"],
+    "verbatimModuleSyntax": true
+  },
+  "include": ["src"]
+}

packages/global/templates/monorepo/.npmrc

@@ -0,0 +1,2 @@
+registry=http://localhost:4873
+//localhost:4873/:_authToken=fake

packages/global/templates/monorepo/apps/spa/index.html

@@ -0,0 +1 @@
+<script type="module" src="./src/index.js"></script>

packages/global/template/package.json → packages/global/templates/monorepo/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "my-vite-plus-monorepo",
+  "name": "vite-plus-template-monorepo",
   "private": true,
   "version": "0.0.0",
   "type": "module",