create-lve 0.1.2 → 0.1.5

package/index.js

@@ -10,20 +10,36 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 async function main() {
   console.clear();
-  
-  p.intro(`${pc.bgCyan(pc.black(' LVE-CLI '))}`);
 
-  // 1. 交互收集信息
+  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: () => 
+      path: () =>
         p.text({
-          message: '项目名称（或路径）?',
-          placeholder: './lve-app',
+          message: '你的项目叫什么名字？',
+          placeholder: 'react-app',
+          defaultValue: 'react-app',
           validate: (value) => {
-            if (value.length === 0) return '路径不能为空';
+            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: `⚠️  目录 ${pc.yellow(results.path)} 已存在且不为空，是否清空？`,
+            initialValue: false,
+          });
+        }
+      },
     },
     {
       onCancel: () => {
@@ -33,29 +49,38 @@ async function main() {
     }
   );
 
+  if (project.shouldOverwrite === false) {
+    p.cancel('操作终止：请更换目录名后再试');
+    process.exit(0);
+  }
+
   const targetDir = path.resolve(process.cwd(), project.path);
   const templateDir = path.resolve(__dirname, 'template');
 
   const s = p.spinner();
-  s.start('🚀 正在初始化项目模板...');
+  s.start('🚀 正在搬运模板...');
 
   try {
-    if (!fs.existsSync(targetDir)) {
+    if (project.shouldOverwrite) {
+      await fs.emptyDir(targetDir);
+    } else {
       await fs.ensureDir(targetDir);
     }
 
     await fs.copy(templateDir, targetDir);
 
-    const renameList = [
-      ['_package.json', 'package.json'],
-      ['_gitignore', '.gitignore']
-    ];
+    const renameMap = {
+      '_package.json': 'package.json',
+      '_gitignore': '.gitignore',
+      '_oxfmtrc.json': '.oxfmtrc.json',
+      '_oxlintrc.json': '.oxlintrc.json',
+      '_vscode': '.vscode',
+    };
 
-    for (const [oldName, newName] of renameList) {
-      const oldPath = path.join(targetDir, oldName);
-      const newPath = path.join(targetDir, newName);
+    for (const [oldFile, newFile] of Object.entries(renameMap)) {
+      const oldPath = path.join(targetDir, oldFile);
       if (fs.existsSync(oldPath)) {
-        await fs.move(oldPath, newPath, { overwrite: true });
+        await fs.move(oldPath, path.join(targetDir, newFile), { overwrite: true });
       }
     }
 
@@ -66,24 +91,26 @@ async function main() {
       await fs.writeJson(pkgPath, pkg, { spaces: 2 });
     }
 
-    const lockFile = path.join(targetDir, 'pnpm-lock.yaml');
-    if (fs.existsSync(lockFile)) {
-      await fs.remove(lockFile);
-    }
+    const toRemove = ['pnpm-lock.yaml', 'node_modules', 'dist'];
+    await Promise.all(toRemove.map(file => fs.remove(path.join(targetDir, file))));
 
-    s.stop('项目初始化成功！');
+    s.stop(pc.green('项目准备就绪！'));
+
+    const relativePath = path.relative(process.cwd(), targetDir);
+    const cdCmd = relativePath === '' ? '' : `cd ${relativePath}\n`;
 
-    const cdPath = path.relative(process.cwd(), targetDir);
-    
     p.note(
-      pc.cyan(`cd ${cdPath}\npnpm install\npnpm dev`),
-      '快速开始'
+      pc.cyan(`${cdCmd}pnpm install\npnpm dev`),
+      '快速开始指南'
     );
 
-    p.outro(`✨ 祝你开发愉快！如有问题请反馈。`);
+    p.outro(
+      `${pc.magenta('✨ Happy Coding!')}\n` +
+      `${pc.gray('已为你配置 OXC 规则：享受秒级校验与格式化。')}`
+    );
 
   } catch (err) {
-    s.stop('初始化失败');
+    s.stop('失败');
     console.error(pc.red(err));
     process.exit(1);
   }

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "create-lve",
-  "version": "0.1.2",
+  "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}

@@ -7,9 +7,10 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "build-only": "vite build",
-    "lint": "eslint .",
     "preview": "vite preview",
-    "format": "oxfmt src/",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "format": "oxfmt .",
     "format:check": "oxfmt --check"
   },
   "dependencies": {
@@ -23,10 +24,9 @@
     "@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",
     "vite": "^8.0.0-beta.18"
   }
-}
+}

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
-}