create-lve 0.2.3 → 0.2.4

package/index.js

@@ -11,151 +11,156 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 async function main() {
   console.clear();
   const logo = `
- ${pc.cyan("█    █  █ █▀▀▀")}
- ${pc.cyan("█    █  █ █▀▀ ")} 
- ${pc.cyan("█▄▄▄  ▀▄▀ █▄▄▄")}  ${pc.gray("THE ULTRA-FAST STACK")}
+    ${pc.cyan("█    █  █ █▀▀▀")}
+    ${pc.cyan("█    █  █ █▀▀ ")} 
+    ${pc.cyan("█▄▄▄  ▀▄▀ █▄▄▄")}  ${pc.gray("THE ULTRA-FAST FRONTEND STACK")}
   `;
 
   console.log(logo);
-  p.intro(
-    `${pc.bgCyan(pc.black(" LVE-CLI "))} ` +
-      pc.gray("The Ultra-Fast Frontend Stack (") +
-      pc.blue("Vite") +
-      pc.gray(" + ") +
-      pc.yellow("Oxc") +
-      pc.gray(" + ") +
-      pc.cyan("Tailwind") +
-      pc.gray(")"),
-  );
+  p.intro(`${pc.bgCyan(pc.black(" LVE-CLI "))}`);
 
   const project = await p.group(
     {
-      path: () =>
-        p.text({
-          message: "你的项目叫什么名字？",
-          placeholder: "react-app",
-          defaultValue: "react-app",
-          validate: (value) => {
-            if (!value || value.length === 0) return;
-            if (value.match(/[<>:"|?*]/)) return "路径包含非法字符";
-          },
-        }),
+      path: () => p.text({
+        message: "项目名称",
+        placeholder: "my-app",
+        defaultValue: "my-app",
+        validate: (value) => {
+          if (!value || value.length === 0) return;
+          if (value.match(/[<>:"|?*]/)) return "路径包含非法字符";
+        },
+      }),
       shouldOverwrite: ({ results }) => {
         const targetDir = path.resolve(process.cwd(), results.path);
         if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
-          return p.confirm({
-            message: `⚠️  目录 ${pc.yellow(results.path)} 已存在且不为空，是否清空？`,
-            initialValue: false,
-          });
+          return p.confirm({ message: `目录已存在，是否清空？`, initialValue: false });
         }
       },
-      framework: () =>
-        p.select({
-          message: "选择一个你喜欢的工具",
-          options: [
-            { value: "react", label: "React 19", hint: "VitePlus + Compiler" },
-            { value: "vue", label: "Vue 3", hint: "VitePlus + Optimized" },
-          ],
-        }),
-    },
-    {
-      onCancel: () => {
-        p.cancel("已取消操作");
-        process.exit(0);
-      },
+      framework: () => p.select({
+        message: "选择框架",
+        options: [
+          { value: "react", label: "React 19", hint: "VitePlus + Compiler" },
+          { value: "vue", label: "Vue 3", hint: "VitePlus + Optimized" },
+        ],
+      }),
+      cssEngine: () => p.select({
+        message: "选择 CSS 引擎",
+        options: [
+          { value: "unocss", label: "UnoCSS", hint: "⚡️ 战机级性能：动态代码注入，实现源码级‘无感’混淆" },
+          { value: "tailwind", label: "Tailwind v4", hint: "🛡️ 装甲级稳定：v4 引擎重构，完美适配所有主流 UI 库" },
+        ],
+      }),
     },
+    { onCancel: () => { p.cancel("操作取消"); process.exit(0); } }
   );
 
-  if (project.shouldOverwrite === false) {
-    p.cancel("操作终止：请更换目录名后再试");
-    process.exit(0);
-  }
-
   const targetDir = path.resolve(process.cwd(), project.path);
   const templateDir = path.resolve(__dirname, `template-${project.framework}`);
-  const frameworkName = project.framework === "react" ? "React" : "Vue 3";
+  const isUno = project.cssEngine === "unocss";
   const s = p.spinner();
-  s.start("🚀 正在搬运模板...");
+
+  s.start("🛠️  正在按需装配架构...");
 
   try {
-    if (project.shouldOverwrite) {
-      await fs.emptyDir(targetDir);
-    } else {
-      await fs.ensureDir(targetDir);
-    }
+    if (project.shouldOverwrite) await fs.emptyDir(targetDir);
+    else await fs.ensureDir(targetDir);
 
     await fs.copy(templateDir, targetDir);
 
-    const renameMap = {
-      _gitignore: ".gitignore",
-    };
+    const oldGit = path.join(targetDir, "_gitignore");
+    if (fs.existsSync(oldGit)) await fs.move(oldGit, path.join(targetDir, ".gitignore"));
 
-    for (const [oldFile, newFile] of Object.entries(renameMap)) {
-      const oldPath = path.join(targetDir, oldFile);
-      if (fs.existsSync(oldPath)) {
-        await fs.move(oldPath, path.join(targetDir, newFile), { overwrite: true });
-      }
+    const pkgPath = path.join(targetDir, "package.json");
+    const pkg = await fs.readJson(pkgPath);
+    pkg.name = path.basename(targetDir);
+
+    if (isUno) {
+      pkg.devDependencies["unocss"] = "latest";
+    } else {
+      pkg.devDependencies["tailwindcss"] = "latest";
+      pkg.devDependencies["@tailwindcss/vite"] = "latest";
     }
 
-    const pkgPath = path.join(targetDir, "package.json");
-    if (fs.existsSync(pkgPath)) {
-      const pkg = await fs.readJson(pkgPath);
-      pkg.name = path.basename(targetDir);
-      if (project.framework === "react") {
-        pkg.dependencies = {
-          ...pkg.dependencies,
-          react: "latest",
-          "react-dom": "latest",
-        };
-
-        pkg.devDependencies = {
-          ...pkg.devDependencies,
-          "vite-plus": "latest",
-          tailwindcss: "latest",
-          "@tailwindcss/vite": "latest",
-          "babel-plugin-react-compiler": "latest",
-        };
-      } else {
-        pkg.dependencies = {
-          ...pkg.dependencies,
-          vue: "latest",
-        };
-
-        pkg.devDependencies = {
-          ...pkg.devDependencies,
-          "vite-plus": "latest",
-          tailwindcss: "latest",
-          "@tailwindcss/vite": "latest",
-        };
-      }
-      pkg.pnpm = pkg.pnpm || {};
-      pkg.pnpm.overrides = {
-        ...pkg.pnpm.overrides,
+    pkg.pnpm = {
+      ...pkg.pnpm,
+      overrides: {
+        ...pkg.pnpm?.overrides,
         vite: "npm:@voidzero-dev/vite-plus-core@latest",
         vitest: "npm:@voidzero-dev/vite-plus-test@latest",
-      };
-      await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+      }
+    };
+    await fs.writeJson(pkgPath, pkg, { spaces: 2 });
+
+    const mainFile = project.framework === "vue" ? "src/main.ts" : "src/main.tsx";
+    const mainPath = path.join(targetDir, mainFile);
+    const viteConfigPath = path.join(targetDir, "vite.config.ts");
+    const stylePath = path.join(targetDir, "src/style.css");
+
+    let mainContent = await fs.readFile(mainPath, "utf-8");
+    let viteContent = await fs.readFile(viteConfigPath, "utf-8");
+
+    if (isUno) {
+      const unoConfig = `import { defineConfig, presetWind3, transformerCompileClass } from 'unocss'
+
+      export default defineConfig({
+        presets: [presetWind3()],
+        transformers: [
+          {
+            name: 'auto-uno-injector',
+            enforce: 'pre',
+            idFilter(id) {
+              return id.match(/\\.[tj]sx$|\\.vue$/)
+            },
+            async transform(code) {
+              const classRegex = /(?:class|className)=["']([^"']+)["']/g
+              let match
+              while ((match = classRegex.exec(code.original))) {
+                const content = match[1]
+                if (content.trim() && !content.includes(':uno:')) {
+                  const insertPos = match.index + match[0].indexOf(content)
+                  code.appendLeft(insertPos, ':uno: ')
+                }
+              }
+            },
+          },
+          transformerCompileClass({
+            classPrefix: 'kfc-',
+          }),
+        ],
+      })\n
+      `;
+
+      await fs.writeFile(path.join(targetDir, "uno.config.ts"), unoConfig);
+
+      mainContent = `import 'virtual:uno.css'\n` + mainContent;
+      viteContent = `import UnoCSS from 'unocss/vite'\n` + viteContent;
+      viteContent = viteContent.replace(/plugins:\s*\[/, "plugins: [UnoCSS(), ");
+
+      if (fs.existsSync(stylePath)) await fs.remove(stylePath);
+    } else {
+      await fs.writeFile(stylePath, `@import "tailwindcss";`);
+
+      mainContent = `import './style.css'\n` + mainContent;
+      viteContent = `import tailwindcss from '@tailwindcss/vite'\n` + viteContent;
+      viteContent = viteContent.replace(/plugins:\s*\[/, "plugins: [tailwindcss(), ");
     }
 
+    await fs.writeFile(mainPath, mainContent);
+    await fs.writeFile(viteConfigPath, viteContent);
+
     const toRemove = ["pnpm-lock.yaml", "node_modules", "dist"];
     await Promise.all(toRemove.map((file) => fs.remove(path.join(targetDir, file))));
 
-    s.stop(pc.green("项目准备就绪！"));
-
-    const relativePath = path.relative(process.cwd(), targetDir);
-    const cdCmd = relativePath === "" ? "" : `cd ${relativePath}\n`;
+    s.stop(pc.green("装配完成！"));
 
-    p.note(pc.cyan(`${cdCmd}vp install\nvp dev`), "快速开始指南");
+    p.note(pc.cyan(`cd ${project.path}\nvp install\nvp dev`), "快速开始");
+    p.outro(`${pc.magenta("✨ 已经为你准备好了极致的开发环境!")}\n${pc.gray(`==== ${project.framework} + ${project.cssEngine} ====`)}`);
 
-    p.outro(
-      `${pc.magenta("✨ Happy Coding!")}\n` +
-        `${pc.gray(` ==== VitePlus + OXC + ${frameworkName} ====`)}`,
-    );
   } catch (err) {
-    s.stop("失败");
-    console.error(pc.red(err));
+    s.stop(pc.red("手术失败"));
+    console.error(err);
     process.exit(1);
   }
 }
 
-main();
+main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lve",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "bin": {
     "create-lve": "index.js"

package/template-react/package.json

@@ -11,10 +11,8 @@
     "prepare": "vp config"
   },
   "dependencies": {
-    "@tailwindcss/vite": "^4.2.1",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "tailwindcss": "^4.2.1"
+    "react-dom": "^19.2.4"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",

package/template-react/src/main.tsx

@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-import './index.css'
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(

package/template-react/vite.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig } from "vite-plus"
 import react from "@vitejs/plugin-react"
-import tailwindcss from '@tailwindcss/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -16,7 +15,6 @@ export default defineConfig({
           ["babel-plugin-react-compiler", { target: "19" }]
         ],
       },
-    } as any), 
-    tailwindcss()
+    } as any),
   ],
 });

package/template-vue/package.json

@@ -10,16 +10,12 @@
     "prepare": "vp config"
   },
   "dependencies": {
-    "@tailwindcss/vite": "^4.2.1",
-    "tailwindcss": "^4.2.1",
     "vue": "latest"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "latest",
     "@types/node": "^24.12.2",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vue/tsconfig": "^0.9.1",
-    "tailwindcss": "latest",
     "typescript": "~6.0.2",
     "vite": "npm:@voidzero-dev/vite-plus-core@latest",
     "vite-plus": "latest",

package/template-vue/src/main.ts

@@ -1,5 +1,4 @@
 import { createApp } from 'vue'
-import './style.css'
 import App from './App.vue'
 
 createApp(App).mount('#app')

package/template-vue/src/style.css

@@ -1 +0,0 @@
-@import 'tailwindcss';

package/template-vue/vite.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite-plus'
 import vue from '@vitejs/plugin-vue'
-import tailwindcss from '@tailwindcss/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -9,5 +8,5 @@ export default defineConfig({
     '*': 'vp check --fix',
   },
   lint: { options: { typeAware: true, typeCheck: true } },
-  plugins: [vue(), tailwindcss()],
+  plugins: [vue()],
 })

package/template-react/src/index.css

@@ -1 +0,0 @@
-@import 'tailwindcss';