feat: Add a new package for creating component template

hotdogc1017 · hotdogc1017 · commit 94b378a26fff · 2025-02-14T14:55:17.000+08:00
diff --git a/package.json b/package.json
@@ -12,12 +12,14 @@
     "lint": "eslint . --cache",
     "lint:fix": "eslint . --cache --fix",
     "bumpp": "bumpp -r",
+    "nvc": "nextui-vue-create",
     "pub:view": "pnpm publish -r --dry-run --registry=https://registry.npmjs.org/"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.24.1",
     "bumpp": "^9.10.0",
     "eslint": "9.5.0",
+    "nextui-vue-create": "workspace: *",
     "pnpm": "^9.8.0",
     "rimraf": "^6.0.1"
   }
diff --git a/packages/bin/create-component-template/index.js b/packages/bin/create-component-template/index.js
@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import './dist/index.mjs'
diff --git a/packages/bin/create-component-template/package.json b/packages/bin/create-component-template/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "nextui-vue-create",
+  "type": "module",
+  "private": true,
+  "exports": {
+    ".": "./dist/index.mjs"
+  },
+  "main": "./dist/index.mjs",
+  "bin": {
+    "nextui-vue-create": "index.js"
+  },
+  "files": ["template"],
+  "scripts": {
+    "dev": "unbuild --stub",
+    "build": "unbuild"
+  },
+  "devDependencies": {
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^22.10.5",
+    "@types/prompts": "^2.4.9",
+    "minimist": "^1.2.8",
+    "prompts": "^2.4.2",
+    "unbuild": "^3.3.1"
+  }
+}
diff --git a/packages/bin/create-component-template/src/index.ts b/packages/bin/create-component-template/src/index.ts
@@ -0,0 +1,82 @@
+import process from 'node:process'
+import fs from 'node:fs/promises'
+import fsSync from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import minimist from 'minimist'
+import prompts, { type PromptObject } from 'prompts'
+
+const cwd = process.cwd()
+
+const questions: PromptObject[] = [
+  {
+    type: 'text',
+    name: 'name',
+    message: '为哪个组件创建模版?',
+    validate: input => /^\w+$/.test(input) ? true : `至少输入一个字符, 且只能是字母、数字、下划线`,
+  },
+  {
+    type: (prev) => {
+      const targetDir = path.join(cwd, 'packages/components', prev)
+      return !isEmptyDir(targetDir) ? 'confirm' : false
+    },
+    name: 'override',
+    message: prev => `${prev}已存在, 要覆盖它吗?`,
+  },
+]
+
+const response = (await prompts(questions)) as { name: string, override?: boolean }
+
+// const arv = minimist<{
+//   name: string
+// }>(process.argv.splice(2), {
+//   alias: {
+//     name: 'n',
+//   },
+// })
+
+const templateDir = path.join(fileURLToPath(import.meta.url), '../..', 'template')
+const targetDir = path.join(cwd, 'packages/components', response.name)
+
+const renamedFiles = {
+  _gitignore: '.gitignore',
+}
+
+function isEmptyDir(path) {
+  if (!fsSync.existsSync(path)) {
+    return true
+  }
+
+  const files = fsSync.readdirSync(path)
+  return !files || files?.length === 0
+}
+
+async function copyDir(source: string, target: string) {
+  await fs.mkdir(target, { recursive: true })
+
+  const files = await fs.readdir(source)
+  for (const file of files) {
+    const sourcePath = path.join(source, file)
+    const targetPath = path.join(target, renamedFiles[file] || file)
+    const stat = await fs.stat(sourcePath)
+
+    if (stat.isDirectory()) {
+      copyDir(sourcePath, targetPath)
+    }
+    else {
+      await fs.copyFile(sourcePath, targetPath)
+    }
+  }
+}
+
+export async function main() {
+  if (!Object.hasOwn(response, 'override') || response.override) {
+    await copyDir(templateDir, targetDir)
+    console.log(`创建成功`)
+  }
+  else {
+    console.log('无事发生, 退出')
+  }
+}
+
+main()
diff --git a/packages/bin/create-component-template/template/_gitignore b/packages/bin/create-component-template/template/_gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+docs/.vitepress/dist
+docs/.vitepress/cache
diff --git a/packages/bin/create-component-template/template/src/index.ts b/packages/bin/create-component-template/template/src/index.ts
diff --git a/packages/bin/create-component-template/tsconfig.json b/packages/bin/create-component-template/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "rootDir": ".",
+    "module": "NodeNext",
+    "moduleResolution": "nodenext"
+  },
+  "include": ["**/*.ts"]
+}
diff --git a/packages/bin/create-component-template/unbuild.config.ts b/packages/bin/create-component-template/unbuild.config.ts
@@ -0,0 +1,7 @@
+import { defineBuildConfig } from 'unbuild'
+
+export default defineBuildConfig({
+  entries: ['./src/index.ts'],
+  outDir: 'dist',
+  failOnWarn: false,
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+#!/usr/bin/env node`
	`2`	`+`
	`3`	`+import './dist/index.mjs'`