create-lve 0.1.3 → 0.1.5

package/index.js

@@ -11,15 +11,25 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 async function main() {
   console.clear();
 
-  p.intro(`${pc.bgCyan(pc.black(' LVE-CLI '))}${pc.gray(' - 快速构建 React + Tailwind 项目')}`);
+  p.intro(
+    `${pc.bgCyan(pc.black(' LVE-CLI '))} ` +
+    pc.gray('The Ultra-Fast React Stack (') +
+    pc.blue('Vite') + pc.gray(' + ') +
+    pc.yellow('Oxc') + pc.gray(' + ') +
+    pc.cyan('Tailwind') + pc.gray(')')
+  );
 
   const project = await p.group(
     {
       path: () =>
         p.text({
-          message: '项目存储路径?',
-          placeholder: './lve-project',
-          defaultValue: 'lve-project',
+          message: '你的项目叫什么名字？',
+          placeholder: 'react-app',
+          defaultValue: 'react-app',
+          validate: (value) => {
+            if (!value || value.length === 0) return;
+            if (value.match(/[<>:"|?*]/)) return '路径包含非法字符';
+          }
         }),
       shouldOverwrite: ({ results }) => {
         const targetDir = path.resolve(process.cwd(), results.path);
@@ -62,6 +72,9 @@ async function main() {
     const renameMap = {
       '_package.json': 'package.json',
       '_gitignore': '.gitignore',
+      '_oxfmtrc.json': '.oxfmtrc.json',
+      '_oxlintrc.json': '.oxlintrc.json',
+      '_vscode': '.vscode',
     };
 
     for (const [oldFile, newFile] of Object.entries(renameMap)) {
@@ -78,7 +91,8 @@ async function main() {
       await fs.writeJson(pkgPath, pkg, { spaces: 2 });
     }
 
-    await fs.remove(path.join(targetDir, 'pnpm-lock.yaml'));
+    const toRemove = ['pnpm-lock.yaml', 'node_modules', 'dist'];
+    await Promise.all(toRemove.map(file => fs.remove(path.join(targetDir, file))));
 
     s.stop(pc.green('项目准备就绪！'));
 
@@ -90,7 +104,10 @@ async function main() {
       '快速开始指南'
     );
 
-    p.outro(pc.magenta('✨ Happy Coding with LVE + Tailwind!'));
+    p.outro(
+      `${pc.magenta('✨ Happy Coding!')}\n` +
+      `${pc.gray('已为你配置 OXC 规则：享受秒级校验与格式化。')}`
+    );
 
   } catch (err) {
     s.stop('失败');

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "create-lve",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "bin": {
     "create-lve": "index.js"
   },
   "files": [
     "index.js",
-    "template",
-    "dist"
+    "template"
   ],
   "dependencies": {
     "@clack/prompts": "^1.1.0",

package/template/_oxfmtrc.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "semi": false,
+  "singleQuote": true,
+  "bracketSpacing": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "ignorePatterns": ["node_modules/**", "dist/**", "public/**", "*.min.js"]
+}

package/template/_oxlintrc.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "categories": {
+    "correctness": "warn",
+    "perf": "warn",
+    "suspicious": "warn",
+    "pedantic": "allow"
+  },
+  "rules": {
+    "eslint/no-unused-vars": "error",
+    "react/jsx-no-target-blank": "error",
+    "react-hooks/rules-of-hooks": "error"
+  },
+  "ignorePatterns": ["dist/**", "coverage/**", "vendor/**", "test/snapshots/**"]
+}

package/template/{package.json → _package.json}

@@ -10,7 +10,7 @@
     "preview": "vite preview",
     "lint": "oxlint",
     "lint:fix": "oxlint --fix",
-    "format": "oxfmt src/",
+    "format": "oxfmt .",
     "format:check": "oxfmt --check"
   },
   "dependencies": {
@@ -24,7 +24,6 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
-    "globals": "^16.5.0",
     "oxfmt": "^0.36.0",
     "oxlint": "^1.52.0",
     "typescript": "~5.9.3",

package/template/_vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "[json]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  }
+}

package/template/src/App.tsx

@@ -1,5 +1,21 @@
+import { useState } from 'react'
+
 function App() {
-  return <div className="text-5xl font-semibold text-center">You did it!</div>
+  const [count, setCount] = useState(0)
+
+  console.log(`%cApp Comp re-render`, 'background-color:blue;color:white;padding:20px;')
+  return (
+    <div className="min-h-screen flex flex-col gap-6 justify-center items-center">
+      <p className="text-6xl">{count}</p>
+      <button
+        className="px-6 py-2 text-white bg-zinc-900 hover:bg-zinc-900/60 rounded-3xl"
+        disabled={count < 0}
+        onClick={() => setCount((pre) => pre + 1)}
+      >
+        increment
+      </button>
+    </div>
+  )
 }
 
 export default App

package/template/src/main.tsx

@@ -1,10 +1,10 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
-import App from "./App.tsx";
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
 
-createRoot(document.getElementById("root")!).render(
+createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
   </StrictMode>,
-);
+)

package/template/vite.config.ts

@@ -1,8 +1,8 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
-});
+})

package/template/.oxfmtrc.json

@@ -1,5 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "semi": false,
-  "singleQuote": true
-}