create-lve 0.5.3 → 0.6.1

package/config.js

@@ -87,6 +87,7 @@ a:focus-visible {
 `
 
 const vitePlusDeps = (isUno) => ({
+  dependencies: isUno ? { '@unocss/reset': 'latest' } : undefined,
   devDependencies: isUno ? { unocss: 'latest' } : undefined,
   overrides: {
     vite: 'npm:@voidzero-dev/vite-plus-core@latest',
@@ -94,17 +95,13 @@ const vitePlusDeps = (isUno) => ({
   },
 })
 
-const reactDeps = (isUno) => ({
-  devDependencies: isUno ? { unocss: 'latest' } : undefined,
-})
-
 const FRAMEWORK_CONFIG = {
   next: {
     deps: (isUno) => ({
       devDependencies: isUno ? { unocss: 'latest' } : { tailwindcss: 'latest' },
     }),
   },
-  react: { deps: reactDeps },
+  react: { deps: vitePlusDeps },
   vue: { deps: vitePlusDeps },
 }
 
@@ -112,12 +109,12 @@ const CSS_STRATEGIES = {
   unocss: {
     pluginImport: "import UnoCSS from 'unocss/vite'\n",
     pluginCode: 'UnoCSS(), ',
-    entryImport: "import 'virtual:uno.css'\n",
+    entryImport: "import '@unocss/reset/tailwind.css'\nimport 'virtual:uno.css'\n",
     async setup(ctx) {
       const unoConfig = `
 import {
   defineConfig,
-  presetWind4,
+  presetWind3,
   transformerCompileClass,
   type SourceCodeTransformer,
 } from 'unocss'
@@ -127,7 +124,7 @@ declare const process: { env: { NODE_ENV: string } }
 const isBuild = process.env.NODE_ENV === 'production'
 
 export default defineConfig({
-  presets: [presetWind4()],
+  presets: [presetWind3()],
   transformers: (isBuild
     ? [
         {
@@ -177,8 +174,8 @@ export default defineConfig({
         } catch {}
       }
 
-      // UnoCSS 不需要 style.css，utilities 通过 virtual:uno.css 注入
-      // BASE_STYLE 已在 applyProjectTransform 中写入，此处保留
+      const stylePath = path.join(ctx.targetDir, 'src/style.css')
+      if (fs.existsSync(stylePath)) await fs.remove(stylePath)
     },
   },
   tailwind: {
@@ -288,8 +285,7 @@ async function applyProjectTransform(ctx) {
 
   const stylePath = path.join(targetDir, 'src/style.css')
   await fs.ensureDir(path.dirname(stylePath))
-  const styleContent = isUno ? `${BASE_STYLE}\n` : `@import 'tailwindcss';\n\n${BASE_STYLE}\n`
-  await fs.writeFile(stylePath, styleContent)
+  await fs.writeFile(stylePath, `@import 'tailwindcss';\n\n${BASE_STYLE}\n`)
 
   await strategy.setup(ctx)
 }

package/index.js

@@ -111,20 +111,20 @@ async function main() {
     templateDir: path.resolve(__dirname, `template-${project.framework}`),
     isNext: project.framework === 'next',
     isUno: project.cssEngine === 'unocss',
-    pkgManager: project.framework === 'next' ? 'pnpm' : project.framework === 'vue' ? 'vp' : 'pnpm',
-    devCmd: project.framework === 'next' ? 'pnpm dev' : project.framework === 'vue' ? 'vp dev' : 'pnpm dev',
-    fmtCmd: project.framework === 'next' ? 'pnpm fmt' : project.framework === 'vue' ? 'vp fmt' : 'pnpm fmt',
+    pkgManager: project.framework === 'next' ? 'pnpm' : 'vp',
+    devCmd: project.framework === 'next' ? 'pnpm dev' : 'vp dev',
+    fmtCmd: project.framework === 'next' ? 'pnpm fmt' : 'vp fmt',
   }
 
   const s = p.spinner()
 
-  if (project.framework === 'vue') {
+  if (!ctx.isNext) {
     try {
       execSync('vp --version', { stdio: 'ignore' })
     } catch {
       p.log.error(pc.red('未检测到 VitePlus (vp) 环境'))
       p.note(
-        pc.white(`Vue 模板依赖 vp 工具链:\n${pc.cyan('https://viteplus.dev/guide')}`),
+        pc.white(`React/Vue 模板依赖 vp 工具链:\n${pc.cyan('https://viteplus.dev/guide')}`),
         '环境缺失',
       )
       process.exit(1)

package/package.json

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

package/template-react/.vite-hooks/pre-commit

@@ -1,2 +1 @@
-npx oxlint --fix
-npx oxfmt
+vp staged

package/template-react/.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["oxc.oxc-vscode"]
+  "recommendations": ["VoidZero.vite-plus-extension-pack"]
 }

package/template-react/package.json

@@ -4,13 +4,10 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview",
-    "lint": "oxlint",
-    "lint:fix": "oxlint --fix",
-    "fmt": "oxfmt",
-    "fmt:check": "oxfmt --check"
+    "dev": "vp dev",
+    "build": "tsc -b && vp build",
+    "preview": "vp preview",
+    "prepare": "vp config"
   },
   "dependencies": {
     "@tanstack/react-query": "latest",
@@ -21,19 +18,18 @@
     "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",
     "@vitejs/plugin-react": "latest",
-    "oxc-transform": "latest",
-    "oxfmt": "latest",
-    "oxlint": "latest",
+    "babel-plugin-react-compiler": "latest",
     "tailwindcss": "latest",
     "typescript": "latest",
-    "vite": "latest"
-  },
-  "lint-staged": {
-    "*": "oxfmt --no-error-on-unmatched-pattern"
+    "vite": "latest",
+    "vite-plus": "latest"
   }
 }

package/template-react/vite.config.ts

@@ -1,32 +1,30 @@
-import { defineConfig, loadEnv, type Plugin } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig, loadEnv, lazyPlugins } from 'vite-plus'
+import react, { reactCompilerPreset } from '@vitejs/plugin-react'
 
 const mode = process.env.NODE_ENV || 'development'
 const env = loadEnv(mode, process.cwd(), '')
 
-// OXC — Rust native, experimental
-function oxcReactCompiler(): Plugin {
-  return {
-    name: 'oxc-react-compiler',
-    enforce: 'pre',
-    async transform(code, id) {
-      if (!/\.[tj]sx$/.test(id)) return
-      const { transform } = await import('oxc-transform')
-      const result = await transform(id, code, {
-        jsx: { runtime: 'automatic' },
-        reactCompiler: { target: '19' },
-      })
-      return { code: result.code, map: result.map }
-    },
-  }
-}
-
 // https://vite.dev/config/
 export default defineConfig({
+  fmt: { semi: false, singleQuote: true },
+  staged: {
+    '*': 'vp check --fix',
+  },
+  lint: { options: { typeAware: true, typeCheck: true } },
   plugins: [
     /* VITE_PLUS_PLUGINS */
-    oxcReactCompiler(),
     react(),
+    // lazyPlugins 返回类型与 Vite plugins 字段类型不兼容
+    // 上游 issue: vitejs/vite#22085，官方确认为已知问题
+    // see: https://github.com/voidzero-dev/vite-plus/pull/1215
+    lazyPlugins(async () => {
+      const { default: babel } = await import('@rolldown/plugin-babel')
+      return [
+        babel({
+          presets: [reactCompilerPreset()],
+        }),
+      ]
+    }) as any,
   ],
   resolve: {
     tsconfigPaths: true,
@@ -36,18 +34,12 @@ export default defineConfig({
       output: {
         manualChunks(id) {
           if (!id.includes('node_modules')) return
-          // pnpm: node_modules/.pnpm/pkg@ver/node_modules/real-pkg/...
-          // npm:  node_modules/real-pkg/...
-          const match = id.match(
-            /node_modules\/(?:\.pnpm\/[^/]+\/node_modules\/)?(@[^/]+\/[^/]+|[^/]+)/,
-          )
-          const pkg = match?.[1]
-          if (pkg === 'react') return 'vendor-react'
-          if (pkg === 'react-dom') return 'vendor-react-dom'
-          if (pkg === 'react-router') return 'vendor-router'
+          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'
           if (id.includes('@tanstack')) return 'vendor-query'
-          if (pkg === 'zustand') return 'vendor-state'
-          if (pkg === 'jotai') return 'vendor-atom'
+          if (id.includes('zustand')) return 'vendor-state'
+          if (id.includes('jotai')) return 'vendor-atom'
           return 'vendor'
         },
       },

package/template-react/.oxfmtrc.json

@@ -1,7 +0,0 @@
-{
-  "semi": false,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "sortImports": true,
-  "sortTailwindcss": true
-}

package/template-react/oxlint.json

@@ -1,8 +0,0 @@
-{
-  "rules": {
-    "typescript/no-unused-vars": "error",
-    "typescript/no-explicit-any": "warn",
-    "react/rules-of-hooks": "error",
-    "react/exhaustive-deps": "warn"
-  }
-}