create-lve 0.4.29 → 0.4.31

package/index.js

@@ -7,6 +7,10 @@ import path from 'node:path'
 import { execSync } from 'node:child_process'
 import { __dirname, applyProjectTransform, cleanupTemplate, installDependencies } from './config.js'
 
+const version = JSON.parse(
+  fs.readFileSync(new URL('./package.json', import.meta.url), 'utf-8'),
+).version
+
 function parseArgs() {
   const args = process.argv.slice(2)
   const flags = {}
@@ -23,59 +27,70 @@ function randomName() {
   return `vite-app-${hash}`
 }
 
+function onCancel() {
+  p.cancel('操作取消')
+  process.exit(0)
+}
+
 async function main() {
   const { flags, positional } = parseArgs()
   process.stdout.write('\u001b[3J\u001b[2J\u001b[1J')
   console.clear()
   const logo = `
     ${pc.cyan('█    █  █ █▀▀▀')}
-    ${pc.cyan('█    █  █ █▀▀ ')} 
+    ${pc.cyan('█    █  █ █▀▀ ')}
     ${pc.cyan('█▄▄▄  ▀▄▀ █▄▄▄')}  ${pc.gray('THE ULTRA-FAST FRONTEND STACK')}
   `
   console.log(logo)
-  p.intro(`${pc.bgCyan(pc.black(' LVE-CLI '))}`)
-
-  const defaultName = positional[0] || randomName()
-
-  const project = await p.group(
-    {
-      path: () =>
-        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)
-        if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
-          return p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
-        }
-      },
-
-      framework: () =>
-        flags.default
-          ? 'react'
-          : 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
-            ? 'tailwind'
+  p.intro(`${pc.bgCyan(pc.black(` LVE-CLI v${version} `))}`)
+
+  let project
+
+  if (flags.default) {
+    // --default: React + Tailwind，跳过所有 prompt
+    const name = positional[0] || randomName()
+    const targetDir = path.resolve(process.cwd(), name)
+    let shouldOverwrite = false
+    if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
+      shouldOverwrite = await p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
+      if (p.isCancel(shouldOverwrite)) onCancel()
+    }
+    project = { path: name, framework: 'react', cssEngine: 'tailwind', shouldOverwrite }
+  } else {
+    // 交互模式
+    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 '路径包含非法字符'
+            },
+          }),
+
+        shouldOverwrite: ({ results }) => {
+          const targetDir = path.resolve(process.cwd(), results.path)
+          if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length > 0) {
+            return p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
+          }
+        },
+
+        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，无需选择')
             : p.select({
                 message: '选择 CSS',
                 options: [
@@ -83,14 +98,10 @@ async function main() {
                   { value: 'unocss', label: 'UnoCSS' },
                 ],
               }),
-    },
-    {
-      onCancel: () => {
-        p.cancel('操作取消')
-        process.exit(0)
       },
-    },
-  )
+      { onCancel },
+    )
+  }
 
   const ctx = {
     name: project.path,

package/package.json

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

package/template-react/vite.config.ts

@@ -31,12 +31,14 @@ export default defineConfig({
       output: {
         manualChunks(id) {
           if (!id.includes('node_modules')) return
-          if (id.includes('react') && !id.includes('react-router')) return 'vendor-react'
-          if (id.includes('react-dom')) return 'vendor-react-dom'
-          if (id.includes('react-router')) return 'vendor-router'
+          const pkg = id.match(/node_modules\/(?:@[^/]+\/)?([^/]+)/)?.[1]
+          if (pkg === 'react') return 'vendor-react'
+          if (pkg === 'react-dom') return 'vendor-react-dom'
+          if (pkg === 'react-router' || pkg === 'react-router-dom')
+            return 'vendor-router'
           if (id.includes('@tanstack')) return 'vendor-query'
-          if (id.includes('zustand')) return 'vendor-state'
-          if (id.includes('jotai')) return 'vendor-atom'
+          if (pkg === 'zustand') return 'vendor-state'
+          if (pkg === 'jotai') return 'vendor-atom'
           return 'vendor'
         },
       },