create-lve 0.3.11 → 0.4.1

package/config.js

@@ -49,6 +49,7 @@ const FRAMEWORK_CONFIG = {
   },
   react: {
     deps: (isUno) => ({
+      dependencies: isUno ? { '@unocss/reset': 'latest' } : {},
       devDependencies: isUno
         ? { unocss: 'latest' }
         : { tailwindcss: 'latest', '@tailwindcss/vite': 'latest' },
@@ -70,7 +71,7 @@ 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, presetWind3, transformerCompileClass } from 'unocss'
@@ -81,7 +82,9 @@ export default defineConfig({
     {
       name: 'auto-uno-injector',
       enforce: 'pre',
-      idFilter(id) { return /\\.[tj]sx$|\\.vue$/.test(id) },
+      idFilter(id) {
+        return /\\.[tj]sx$|\\.vue$/.test(id)
+      },
       async transform(code) {
         const classRegex = /(?:class|className)=["']([^"']+)["']/g
         let match
@@ -94,9 +97,14 @@ export default defineConfig({
         }
       },
     },
-    transformerCompileClass({ classPrefix: 'kfc-' }),
+    transformerCompileClass({
+      classPrefix: '',
+      hashFn: (str) => btoa(str).slice(0, 6),
+      keepUnknown: false,
+    }),
   ],
-})`.trim()
+})
+`.trim()
       await fs.writeFile(path.join(ctx.targetDir, 'uno.config.ts'), unoConfig + '\n')
       const stylePath = path.join(ctx.targetDir, 'src/style.css')
       if (fs.existsSync(stylePath)) await fs.remove(stylePath)
@@ -139,6 +147,7 @@ async function applyProjectTransform(ctx) {
   const config = FRAMEWORK_CONFIG[framework]
   pkg.name = ctx.name
   const extraConfig = config.deps(isUno)
+  pkg.dependencies = { ...pkg.dependencies, ...extraConfig.dependencies }
   pkg.devDependencies = { ...pkg.devDependencies, ...extraConfig.devDependencies }
   if (extraConfig.pnpm) pkg.pnpm = { ...pkg.pnpm, ...extraConfig.pnpm }
   await fs.writeJson(pkgPath, pkg, { spaces: 2 })

package/index.js

@@ -23,7 +23,7 @@ async function main() {
       path: () =>
         p.text({
           message: '项目名称',
-          placeholder: 'my-app',
+          placeholder: 'react-app',
           defaultValue: 'react-app',
           validate: (value) => {
             if (!value || value.length === 0) return
@@ -58,8 +58,6 @@ async function main() {
                 { value: 'unocss', label: 'UnoCSS' },
               ],
             }),
-
-      install: () => p.confirm({ message: '是否现在自动安装依赖？', initialValue: true }),
     },
     {
       onCancel: () => {
@@ -73,7 +71,7 @@ async function main() {
     name: project.path,
     framework: project.framework,
     css: project.cssEngine,
-    shouldInstall: project.install,
+    shouldInstall: true,
     targetDir: path.resolve(process.cwd(), project.path),
     templateDir: path.resolve(__dirname, `template-${project.framework}`),
     isNext: project.framework === 'next',
@@ -98,31 +96,37 @@ async function main() {
     }
   }
 
-  s.start('🛠️  正在按需装配架构')
-
   try {
+    s.start('Creating project')
+    const startScaffold = Date.now()
+
     if (project.shouldOverwrite) await fs.emptyDir(ctx.targetDir)
     await fs.ensureDir(ctx.targetDir)
     await fs.copy(ctx.templateDir, ctx.targetDir)
-
     await cleanupTemplate(ctx)
-
     await applyProjectTransform(ctx)
 
-    if (ctx.shouldInstall) {
-      await installDependencies(ctx, s)
-    }
-
-    s.stop(pc.green('全套环境装配就绪'))
-
-    const nextSteps = ctx.shouldInstall
-      ? `cd ${ctx.name}\n${ctx.devCmd}`
-      : `cd ${ctx.name}\n${ctx.pkgManager} install\n${ctx.devCmd}`
-
-    p.note(pc.cyan(nextSteps), '下一步操作')
-    p.outro(pc.magenta('✨ 已经为你准备好了极致的开发环境!'))
+    const costScaffold = ((Date.now() - startScaffold) / 1000).toFixed(1)
+    s.stop(pc.green(`Creating project in ${costScaffold}s`))
+
+    s.start('Installing dependencies')
+    const startInstall = Date.now()
+    await installDependencies(ctx, s)
+
+    const costInstall = ((Date.now() - startInstall) / 1000).toFixed(1)
+    s.stop(pc.green(`Dependencies installed in ${costInstall}s`))
+
+    console.log(pc.gray(`◇ Scaffolded ${ctx.name} with Vite application`))
+    console.log(
+      pc.gray(
+        `• Node ${process.version.slice(1)}  ${ctx.pkgManager} ${execSync(ctx.pkgManager + ' -v')
+          .toString()
+          .trim()}`,
+      ),
+    )
+    console.log(pc.green(`→ Next: cd ${ctx.name} && ${ctx.devCmd.replace(' ', ' run ')}`))
   } catch (err) {
-    s.stop(pc.red('手术失败'))
+    s.stop(pc.red('Failed'))
 
     if (ctx && ctx.targetDir && fs.existsSync(ctx.targetDir)) {
       p.log.warn(pc.yellow(`正在清理残留文件: ${ctx.targetDir}...`))

package/package.json

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