create-lve 0.4.32 → 0.5.2

package/index.js

@@ -55,7 +55,7 @@ async function main() {
       shouldOverwrite = await p.confirm({ message: `目录已存在，是否清空？`, initialValue: false })
       if (p.isCancel(shouldOverwrite)) onCancel()
     }
-    project = { path: name, framework: 'vue', cssEngine: 'unocss', shouldOverwrite }
+    project = { path: name, framework: 'react', cssEngine: 'tailwind', shouldOverwrite }
   } else {
     // 交互模式
     project = await p.group(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lve",
-  "version": "0.4.32",
+  "version": "0.5.2",
   "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",
-    "@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",
-    "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,27 +1,32 @@
-import { defineConfig, loadEnv, lazyPlugins } from 'vite-plus'
-import react, { reactCompilerPreset } from '@vitejs/plugin-react'
+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(), '')
 
+// 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 () => {
-      const { default: babel } = await import('@rolldown/plugin-babel')
-      return [
-        babel({
-          presets: [reactCompilerPreset()],
-        }),
-      ]
-    }),
   ],
   resolve: {
     tsconfigPaths: true,
@@ -31,11 +36,15 @@ 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' || pkg === 'react-router-dom')
-            return 'vendor-router'
+          if (pkg === 'react-router') return 'vendor-router'
           if (id.includes('@tanstack')) return 'vendor-query'
           if (pkg === 'zustand') return 'vendor-state'
           if (pkg === 'jotai') return 'vendor-atom'