create-lve 0.5.1 → 0.5.3

package/config.js

@@ -94,13 +94,17 @@ 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: vitePlusDeps },
+  react: { deps: reactDeps },
   vue: { deps: vitePlusDeps },
 }
 

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' : 'vp',
-    devCmd: project.framework === 'next' ? 'pnpm dev' : 'vp dev',
-    fmtCmd: project.framework === 'next' ? 'pnpm fmt' : 'vp fmt',
+    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',
   }
 
   const s = p.spinner()
 
-  if (!ctx.isNext) {
+  if (project.framework === 'vue') {
     try {
       execSync('vp --version', { stdio: 'ignore' })
     } catch {
       p.log.error(pc.red('未检测到 VitePlus (vp) 环境'))
       p.note(
-        pc.white(`React/Vue 模板依赖 vp 工具链:\n${pc.cyan('https://viteplus.dev/guide')}`),
+        pc.white(`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.1",
+  "version": "0.5.3",
   "bin": {
     "create-lve": "index.js"
   },

package/template-react/.oxfmtrc.json

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

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

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

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

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

package/template-react/oxlint.json

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

package/template-react/package.json

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

package/template-react/vite.config.ts

@@ -1,48 +1,32 @@
-import { defineConfig, loadEnv, lazyPlugins } from 'vite-plus'
+import { defineConfig, loadEnv, type Plugin } from 'vite'
 import react from '@vitejs/plugin-react'
 
 const mode = process.env.NODE_ENV || 'development'
 const env = loadEnv(mode, process.cwd(), '')
-// React Compiler: true = OXC (Rust native, experimental), false = Babel (official, stable)
-const USE_OXC = true
+
+// 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(async () => {
-      if (USE_OXC) {
-        const { transform } = await import('oxc-transform')
-        return [
-          {
-            name: 'oxc-react-compiler',
-            enforce: 'pre',
-            transform(code, id) {
-              if (!/\.[tj]sx$/.test(id)) return
-              const result = transform(id, code, {
-                jsx: { runtime: 'automatic' },
-                reactCompiler: { target: '19' },
-              })
-              return { code: result.code, map: result.map }
-            },
-          },
-        ]
-      } else {
-        const { reactCompilerPreset } = await import('@vitejs/plugin-react')
-        const { default: babel } = await import('@rolldown/plugin-babel')
-        return [
-          babel({
-            presets: [reactCompilerPreset()],
-          }),
-        ]
-      }
-    }),
   ],
   resolve: {
     tsconfigPaths: true,
@@ -52,7 +36,12 @@ export default defineConfig({
       output: {
         manualChunks(id) {
           if (!id.includes('node_modules')) return
-          const pkg = id.match(/node_modules\/(?:@[^/]+\/)?([^/]+)/)?.[1]
+          // 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'