create-lve 0.4.27 → 0.4.29

package/config.js

@@ -7,38 +7,102 @@ import { execSync, spawn } from 'node:child_process'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
+const BASE_STYLE = `@layer base {
+  /* Scrollbar */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+  }
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .dark * {
+    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
+  }
+  .dark ::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+  }
+
+  /* 文本渲染 */
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+
+  /* 选中色 */
+  ::selection {
+    background: rgba(59, 130, 246, 0.2);
+  }
+
+  /* 触摸优化 */
+  body {
+    -webkit-tap-highlight-color: transparent;
+  }
+}
+
+/* 链接和图片禁止拖拽 + 长按菜单 + 点击高亮 */
+a,
+img {
+  -webkit-user-drag: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+}
+
+/* input number 去掉上下箭头 */
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* textarea 禁止拖拽调整大小 */
+textarea {
+  resize: none;
+}
+
+/* details/summary 去掉默认三角 */
+summary {
+  list-style: none;
+}
+summary::marker {
+  display: none;
+  content: '';
+}
+
+/* focus 焦点环 */
+a:focus-visible {
+  outline: 2px solid var(--color-primary, #3b82f6);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+`
+
+const vitePlusDeps = (isUno) => ({
+  dependencies: isUno ? { '@unocss/reset': 'latest' } : undefined,
+  devDependencies: isUno ? { unocss: 'latest' } : undefined,
+  overrides: {
+    vite: 'npm:@voidzero-dev/vite-plus-core@latest',
+    vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
+  },
+})
+
 const FRAMEWORK_CONFIG = {
   next: {
     deps: (isUno) => ({
       devDependencies: isUno ? { unocss: 'latest' } : { tailwindcss: 'latest' },
     }),
   },
-  react: {
-    deps: (isUno) => ({
-      dependencies: isUno ? { '@unocss/reset': 'latest' } : {},
-      devDependencies: {
-        'vite-plus': 'latest',
-        '@vitejs/plugin-react': 'latest',
-        '@rolldown/plugin-babel': 'latest',
-        '@babel/core': 'latest',
-        'babel-plugin-react-compiler': 'latest',
-        '@types/babel__core': 'latest',
-        typescript: 'latest',
-
-        ...(isUno
-          ? { unocss: 'latest' }
-          : { tailwindcss: 'latest', '@tailwindcss/vite': 'latest' }),
-      },
-
-      overrides: {
-        vite: 'npm:@voidzero-dev/vite-plus-core@latest',
-        vitest: 'npm:@voidzero-dev/vite-plus-test@latest',
-      },
-    }),
-  },
-  vue: {
-    deps: (isUno) => FRAMEWORK_CONFIG.react.deps(isUno),
-  },
+  react: { deps: vitePlusDeps },
+  vue: { deps: vitePlusDeps },
 }
 
 const CSS_STRATEGIES = {
@@ -119,8 +183,7 @@ export default defineConfig({
     pluginCode: 'tailwindcss(), ',
     entryImport: "import './style.css'\n",
     async setup(ctx) {
-      // 模板自带 style.css（含 @import 'tailwindcss' + base UX），不覆盖
-      // 仅确保文件存在
+      // style.css 已由 applyProjectTransform 写入，此处仅兜底
       const stylePath = path.join(ctx.targetDir, 'src/style.css')
       if (!fs.existsSync(stylePath)) {
         await fs.ensureDir(path.dirname(stylePath))
@@ -183,6 +246,10 @@ async function applyProjectTransform(ctx) {
   const extraConfig = config.deps(isUno)
   pkg.dependencies = { ...pkg.dependencies, ...extraConfig.dependencies }
   pkg.devDependencies = { ...pkg.devDependencies, ...extraConfig.devDependencies }
+  if (isUno) {
+    delete pkg.devDependencies?.['tailwindcss']
+    delete pkg.devDependencies?.['@tailwindcss/vite']
+  }
   if (extraConfig.overrides) pkg.overrides = { ...pkg.overrides, ...extraConfig.overrides }
   try {
     const version = execSync('pnpm --version', { encoding: 'utf-8', timeout: 5000 }).trim()
@@ -192,6 +259,13 @@ async function applyProjectTransform(ctx) {
 
   await resolveLatestVersions(pkgPath)
 
+  const indexPath = path.join(targetDir, 'index.html')
+  if (fs.existsSync(indexPath)) {
+    let indexContent = await fs.readFile(indexPath, 'utf-8')
+    indexContent = indexContent.replace(/<title>.*?<\/title>/, `<title>${ctx.name}</title>`)
+    await fs.writeFile(indexPath, indexContent)
+  }
+
   if (isNext) return
 
   const strategy = CSS_STRATEGIES[css]
@@ -209,6 +283,10 @@ async function applyProjectTransform(ctx) {
   let mainContent = await fs.readFile(paths.main, 'utf-8')
   await fs.writeFile(paths.main, strategy.entryImport + mainContent)
 
+  const stylePath = path.join(targetDir, 'src/style.css')
+  await fs.ensureDir(path.dirname(stylePath))
+  await fs.writeFile(stylePath, `@import 'tailwindcss';\n\n${BASE_STYLE}\n`)
+
   await strategy.setup(ctx)
 }
 

package/index.js

@@ -7,12 +7,24 @@ import path from 'node:path'
 import { execSync } from 'node:child_process'
 import { __dirname, applyProjectTransform, cleanupTemplate, installDependencies } from './config.js'
 
+function parseArgs() {
+  const args = process.argv.slice(2)
+  const flags = {}
+  const positional = []
+  for (const arg of args) {
+    if (arg === '--default') flags.default = true
+    else if (!arg.startsWith('-')) positional.push(arg)
+  }
+  return { flags, positional }
+}
+
 function randomName() {
   const hash = Math.random().toString(36).slice(2, 6)
   return `vite-app-${hash}`
 }
 
 async function main() {
+  const { flags, positional } = parseArgs()
   process.stdout.write('\u001b[3J\u001b[2J\u001b[1J')
   console.clear()
   const logo = `
@@ -23,18 +35,22 @@ async function main() {
   console.log(logo)
   p.intro(`${pc.bgCyan(pc.black(' LVE-CLI '))}`)
 
+  const defaultName = positional[0] || randomName()
+
   const project = await p.group(
     {
       path: () =>
-        p.text({
-          message: '项目名称',
-          placeholder: 'your-project-name',
-          defaultValue: randomName(),
-          validate: (value) => {
-            if (!value || value.length === 0) return
-            if (value.match(/[<>:"|?*]/)) return '路径包含非法字符'
-          },
-        }),
+        flags.default
+          ? defaultName
+          : p.text({
+              message: '项目名称',
+              placeholder: 'your-project-name',
+              defaultValue: randomName(),
+              validate: (value) => {
+                if (!value || value.length === 0) return
+                if (value.match(/[<>:"|?*]/)) return '路径包含非法字符'
+              },
+            }),
 
       shouldOverwrite: ({ results }) => {
         const targetDir = path.resolve(process.cwd(), results.path)
@@ -44,25 +60,29 @@ async function main() {
       },
 
       framework: () =>
-        p.select({
-          message: '选择框架',
-          options: [
-            { value: 'react', label: 'React 19', hint: '' },
-            { value: 'vue', label: 'Vue 3', hint: '' },
-            { value: 'next', label: 'Next.js 16', hint: '' },
-          ],
-        }),
-
-      cssEngine: ({ results }) =>
-        results.framework === 'next'
-          ? p.note('Next.js 已内置 Tailwind，无需选择')
+        flags.default
+          ? 'react'
           : p.select({
-              message: '选择 CSS',
+              message: '选择框架',
               options: [
-                { value: 'tailwind', label: 'Tailwind v4' },
-                { value: 'unocss', label: 'UnoCSS' },
+                { value: 'react', label: 'React 19', hint: '' },
+                { value: 'vue', label: 'Vue 3', hint: '' },
+                { value: 'next', label: 'Next.js 16', hint: '' },
               ],
             }),
+
+      cssEngine: ({ results }) =>
+        results.framework === 'next'
+          ? p.note('Next.js 已内置 Tailwind，无需选择')
+          : flags.default
+            ? 'tailwind'
+            : p.select({
+                message: '选择 CSS',
+                options: [
+                  { value: 'tailwind', label: 'Tailwind v4' },
+                  { value: 'unocss', label: 'UnoCSS' },
+                ],
+              }),
     },
     {
       onCancel: () => {
@@ -76,7 +96,6 @@ async function main() {
     name: project.path,
     framework: project.framework,
     css: project.cssEngine,
-    shouldInstall: true,
     targetDir: path.resolve(process.cwd(), project.path),
     templateDir: path.resolve(__dirname, `template-${project.framework}`),
     isNext: project.framework === 'next',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lve",
-  "version": "0.4.27",
+  "version": "0.4.29",
   "bin": {
     "create-lve": "index.js"
   },

package/template-react/package.json

@@ -18,7 +18,10 @@
     "zustand": "latest"
   },
   "devDependencies": {
+    "@babel/core": "latest",
+    "@rolldown/plugin-babel": "latest",
     "@tailwindcss/vite": "latest",
+    "@types/babel__core": "latest",
     "@types/node": "latest",
     "@types/react": "latest",
     "@types/react-dom": "latest",

package/template-vue/tsconfig.app.json

@@ -10,10 +10,12 @@
     },
 
     /* Linting */
+    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
 }

package/template-vue/tsconfig.node.json

@@ -15,10 +15,12 @@
     "noEmit": true,
 
     /* Linting */
+    "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
   },
   "include": [
     "vite.config.ts"

package/template-vue/vite.config.ts

@@ -23,8 +23,7 @@ export default defineConfig({
       output: {
         manualChunks(id) {
           if (!id.includes('node_modules')) return
-          if (id.includes('vue') && !id.includes('vue-router'))
-            return 'vendor-vue'
+          if (id.includes('vue') && !id.includes('vue-router')) return 'vendor-vue'
           if (id.includes('vue-router')) return 'vendor-router'
           if (id.includes('pinia')) return 'vendor-pinia'
           if (id.includes('@vueuse')) return 'vendor-vueuse'

package/template-react/src/style.css

@@ -1,81 +0,0 @@
-@import 'tailwindcss';
-
-/* Scrollbar */
-@layer base {
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-  }
-
-  ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-  }
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  .dark * {
-    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
-  }
-  .dark ::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.15);
-  }
-}
-
-/* 链接和图片禁止拖拽 + 长按菜单 + 点击高亮 */
-a,
-img {
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-}
-
-/* input number 去掉上下箭头 */
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* textarea 禁止拖拽调整大小 */
-textarea {
-  resize: none;
-}
-
-/* details/summary 去掉默认三角 */
-summary {
-  list-style: none;
-}
-summary::marker {
-  display: none;
-  content: '';
-}
-
-/* focus 焦点环 */
-a:focus-visible {
-  outline: 2px solid var(--color-primary, #3b82f6);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-/* 文本渲染 */
-html {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-}
-
-/* 选中色 */
-::selection {
-  background: rgba(59, 130, 246, 0.2);
-}
-
-/* 触摸优化 */
-body {
-  -webkit-tap-highlight-color: transparent;
-}

package/template-vue/src/style.css

@@ -1,79 +0,0 @@
-@import 'tailwindcss';
-
-@layer base {
-  /* Scrollbar */
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
-  }
-  ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-  }
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .dark * {
-    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
-  }
-  .dark ::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.15);
-  }
-
-  /* 文本渲染 */
-  html {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-  }
-
-  /* 选中色 */
-  ::selection {
-    background: rgba(59, 130, 246, 0.2);
-  }
-
-  /* 触摸优化 */
-  body {
-    -webkit-tap-highlight-color: transparent;
-  }
-}
-
-/* 链接和图片禁止拖拽 + 长按菜单 + 点击高亮 */
-a,
-img {
-  -webkit-user-drag: none;
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-}
-
-/* input number 去掉上下箭头 */
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* textarea 禁止拖拽调整大小 */
-textarea {
-  resize: none;
-}
-
-/* details/summary 去掉默认三角 */
-summary {
-  list-style: none;
-}
-summary::marker {
-  display: none;
-  content: '';
-}
-
-/* focus 焦点环 */
-a:focus-visible {
-  outline: 2px solid var(--color-primary, #3b82f6);
-  outline-offset: 2px;
-  border-radius: 2px;
-}