@tanyueran/cli 0.0.22-beta.0 → 0.2.0

package/README.md

@@ -16,15 +16,14 @@ Options:
   -h, --help                        display help for command
 
 Commands:
-  create                            创建项目
-  add                               添加模块
+  create <project-name>             创建项目
+  add <module-name>                 添加模块
   help [command]                    display help for command
 
-tx-cli create <project-name>
-tx-cli add <module-name>
-
 ```
 
 ## TODO
-- [ ] 创建项目
-- [x] 创建模块
+- [x] 创建项目
+- [x] 创建模块
+- [x] server 命令（启用一个本地服务器）
+- [ ] copy 命令（复制文件，支持过滤某些文件）tx-cli copy <src> <dest> --filter <filter>

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e,t,a=require("commander"),s=require("prompts"),o=require("node:path"),n=require("fs-extra"),r=require("handlebars");!function(e){e.ViteVueTs="vite-vue-ts",e.WebpackVueTs="webpack-vue-ts"}(e||(e={})),function(e){e.VueTsPageTemplate="vue-ts-page-template",e.VueTsDetailTemplate="vue-ts-detail-template",e.VueTsEmpty="vue-ts-empty"}(t||(t={}));const c=[{label:"vite + vue + ts项目",value:e.ViteVueTs,path:"./src/template/project/vue/vite-vue-ts"},{label:"webpack + vue + ts项目",value:e.WebpackVueTs,path:"./src/template/project/vue/webpack-vue-ts"}],i=[{label:"vue-ts的空模板",value:t.VueTsEmpty,path:"./template/module/vue/vue-ts-empty"}];const l=require("node:path");function p(e){const{targetPath:t,sourcePath:a,templateData:s}=e;if(n.statSync(a).isDirectory()){n.readdirSync(a).forEach(e=>{p({targetPath:l.join(t,e),sourcePath:l.join(a,e),templateData:s})})}else if(a.endsWith(".hbs")){const e=n.readFileSync(a),o=r.compile(e.toString())(s);n.writeFileSync(t.replace(".hbs",""),o)}else n.copyFileSync(a,t)}function m(e){const{targetPath:t,sourcePath:a}=e;if(!n.statSync(a).isDirectory())throw new Error("源文件路劲必须是一个目录");n.existsSync(t)&&n.removeSync(t),n.mkdirSync(t,{recursive:!0}),p(e)}r.registerHelper("toPascalCase",function(e){return function(e){return e&&"string"==typeof e?e.split(/[\s-_]/).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(""):e}(e)});const u=require("picocolors"),v=new a.Command;v.name("tx cli").description("一个简单CLI 工具").version("0.0.22-beta.0"),v.option("-m, --module-name <moduleName>","模块名称").option("-p, --project-name <projectName>","项目名称"),v.command("create").description("创建项目").action(async()=>{let e=v.opts().projectName;if(!e){const t=await s([{type:"text",name:"name",message:"请输入模块名"}]);e=t.name?t.name:"test-project-name"}const t=await s([{type:"select",name:"template",message:"请选择模板",choices:c.map(e=>({title:e.label,value:e.value}))}]);console.log(u.green()),console.log(u.green(t.template)),console.log(u.red("项目模板正在建设中，请稍后"))}),v.command("add").description("添加模块").action(async()=>{let e=v.opts().moduleName;if(!e){const t=await s([{type:"text",name:"name",message:"请输入模块名"}]);e=t.name?t.name:"test-module-name"}const t=await s([{type:"select",name:"template",message:"请选择模板",choices:i.map(e=>({title:e.label,value:e.value}))}]);console.log(u.green("模板名称："+e)),console.log(u.green("选择模板："+t.template));const a=i.find(e=>e.value===t.template);m({targetPath:o.resolve(process.cwd(),e),sourcePath:o.resolve(__dirname,a.path),templateData:{name:e}})}),exports.start=function(){v.parse(process.argv)};
+"use strict";var e=require("prompts"),t=require("node:path"),o=require("fs-extra"),s=require("handlebars"),a=require("commander"),n=require("node:http"),r=require("connect"),c=require("serve-static"),l=require("open");var i,p;!function(e){e.ViteVueTs="vite-vue-ts",e.WebpackVueTs="webpack-vue-ts"}(i||(i={})),function(e){e.VueTsPageTemplate="vue-ts-page-template",e.VueTsDetailTemplate="vue-ts-detail-template",e.VueTsEmpty="vue-ts-empty"}(p||(p={}));const m=[{label:"vite + vue + ts项目",value:i.ViteVueTs,path:"../template/project/vue/vite-vue-ts"}],u=[{label:"vue-ts的空模板",value:p.VueTsEmpty,path:"../template/module/vue/vue-ts-empty"}];const d=require("node:path");function v(e){const{targetPath:t,sourcePath:a,templateData:n}=e;if(o.statSync(a).isDirectory()){o.mkdirSync(t,{recursive:!0}),o.readdirSync(a).forEach(e=>{v({targetPath:d.join(t,e),sourcePath:d.join(a,e),templateData:n})})}else if(a.endsWith(".hbs")){const e=o.readFileSync(a),r=s.compile(e.toString())(n);o.writeFileSync(t.replace(".hbs",""),r)}else o.copyFileSync(a,t)}function g(e){const{targetPath:t,sourcePath:s}=e;if(!o.statSync(s).isDirectory())throw new Error("源文件路劲必须是一个目录");o.existsSync(t)&&o.removeSync(t),o.mkdirSync(t,{recursive:!0}),v(e)}s.registerHelper("toPascalCase",function(e){return function(e){return e&&"string"==typeof e?e.split(/[\s-_]/).map(e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(""):e}(e)});const h=new a.Command;h.name("tx cli").description("一个简单CLI 工具").version("0.2.0");const y=require("picocolors");h.command("add <module-name>").description("添加模块").option("-m, --module-name <moduleName>","模块名称").action(async o=>{console.log("模块名称：",o);let s=o||h.opts().moduleName;if(!s){const t=await e([{type:"text",name:"name",message:"请输入模块名"}]);s=t.name?t.name:"test-module-name"}const a=await e([{type:"select",name:"template",message:"请选择模板",choices:u.map(e=>({title:e.label,value:e.value}))}]);console.log(y.green("模板名称："+s)),console.log(y.green("选择模板："+a.template));const n=u.find(e=>e.value===a.template);g({targetPath:t.resolve(process.cwd(),s),sourcePath:t.resolve(__dirname,n.path),templateData:{name:s}})});const f=require("picocolors");h.command("create <project-name>").description("创建项目").option("-p, --project-name <projectName>","项目名称").action(async o=>{let s=o||h.opts().projectName;if(console.log("项目名称：",s),!s){const t=await e([{type:"text",name:"name",message:"请输入项目名称"}]);s=t.name?t.name:"test-project-name"}const a=await e([{type:"select",name:"template",message:"请选择模板",choices:m.map(e=>({title:e.label,value:e.value}))}]);console.log(f.green("项目名称："+a.template)),console.log(f.green("选择模板："+s));const n=m.find(e=>e.value===a.template);g({targetPath:t.resolve(process.cwd(),s),sourcePath:t.resolve(__dirname,n.path),templateData:{name:s}}),console.log(f.green("创建成功")),console.log(f.green(`cd ./${s} && pnpm install`))}),h.command("server").description("启动一个本地HTTP服务器").option("-p, --port <number>","端口号","8080").option("-h, --host <host>","主机地址","localhost").option("-d, --directory <path>","服务的目录",".").option("-o, --open","启动后自动打开浏览器").option("-s, --silent","静默模式，不输出信息").action(e=>{!function(e={}){const{port:o=8080,host:s="localhost",directory:a=process.cwd(),openBrowser:i=!1,silent:p=!1}=e,m=r();m.use(c(t.resolve(a))),m.use((e,t)=>{t.statusCode=404,t.end("Not Found")});const u=n.createServer(m);u.listen(o,s,()=>{const e=`http://${s}:${o}`;p||(console.log("> 本地开发服务器已启动"),console.log(`> 访问地址: ${e}`),console.log(`> 服务目录: ${a}`),console.log("> 按 Ctrl+C 停止服务器")),i&&l(e).catch(e=>{console.warn(`无法自动打开浏览器: ${e.message}`)})}),process.on("SIGINT",()=>{console.log("\n> 正在关闭服务器..."),u.close(()=>{console.log("> 服务器已停止。"),process.exit(0)})})}({...e,port:parseInt(e.port,10),openBrowser:!!e.open,silent:!!e.silent})}),exports.start=function(){h.parse(process.argv)};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanyueran/cli",
-  "version": "0.0.22-beta.0",
+  "version": "0.2.0",
   "description": "一个cli工具，支持创建项目，添加模版",
   "main": "./src/index.ts",
   "bin": {
@@ -25,18 +25,23 @@
   "packageManager": "pnpm@10.5.2",
   "dependencies": {
     "commander": "12.1.0",
+    "connect": "^3.7.0",
     "fs-extra": "11.1.1",
     "handlebars": "4.7.7",
+    "open": "^10.2.0",
     "picocolors": "1.1.1",
     "prompts": "2.4.2",
+    "serve-static": "^2.2.0",
     "table": "6.8.2"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "28.0.6",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-typescript": "12.1.4",
+    "@types/connect": "^3.4.38",
     "@types/fs-extra": "11.0.4",
     "@types/prompts": "2.4.2",
+    "@types/serve-static": "^1.15.8",
     "conventional-changelog-cli": "5.0.0",
     "rollup": "4.46.2",
     "rollup-plugin-terser": "7.0.2",

package/template/module/vue/vue-ts-empty/index.module.scss.hbs

@@ -0,0 +1,6 @@
+.{{ name }}-wrapper {
+  width: 100%;
+  height: 100%;
+  :global {
+  }
+}

package/template/module/vue/vue-ts-empty/index.vue.hbs

@@ -0,0 +1,55 @@
+<template>
+  <div :class="style['{{name}}-wrapper']">{{ name }}</div>
+</template>
+
+<script setup lang="ts">
+import { defineOptions } from "vue";
+import style from "./index.module.scss";
+
+defineOptions({
+  name: "{{ toPascalCase name}}",
+});
+
+// #region Props
+// default
+// const props = withDefaults(defineProps<{}>(), {});
+// props
+// const props = defineProps<{}>();
+// #endregion
+
+// #region Emits
+// const emits = defineEmits<{
+//   // (e: 'eventName', 参数1: '', 参数2: '', ...): void;
+// }>();
+// #endregion
+
+// #region Hooks
+// #endregion
+
+// #region Vars
+// #endregion
+
+// #region Computed
+// #endregion
+
+// #region Methods
+// #endregion
+
+// #region Public
+// #endregion
+
+// #region Event Handler
+// #endregion
+
+// #region Watch
+// #endregion
+
+// #region Life Cycle
+// onBeforeMount(() => {});
+// onMounted(() => {});
+// onBeforeUpdate(() => {});
+// onUpdated(() => {});
+// onBeforeUnmount(() => {});
+// onUnmounted(() => {});
+// #endregion
+</script>

package/template/project/vue/vite-vue-ts/.editorconfig

@@ -0,0 +1,8 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+max_line_length = 100

package/template/project/vue/vite-vue-ts/.env.dev

@@ -0,0 +1 @@
+MODE=dev

package/template/project/vue/vite-vue-ts/.env.qa

@@ -0,0 +1 @@
+MODE=qa

package/template/project/vue/vite-vue-ts/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/template/project/vue/vite-vue-ts/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/template/project/vue/vite-vue-ts/.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}

package/template/project/vue/vite-vue-ts/README.md

@@ -0,0 +1,39 @@
+# vite-vue-ts
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+pnpm lint
+```

package/template/project/vue/vite-vue-ts/build/plugins/vite-plugin-html-replace-flag.js

@@ -0,0 +1,13 @@
+import pkg from '../../package.json'
+
+export function VitePluginHtmlReplaceFlag() {
+  return {
+    name: 'vite-plugin-html-replace-flag',
+    transformIndexHtml(html) {
+      // 添加版本号
+      return html
+        .replace(`version="%version%"`, `version="${pkg.version}"`)
+        .replace(`build-time="%buildTime%"`, `build-time="${new Date().toLocaleString()}"`)
+    },
+  }
+}

package/template/project/vue/vite-vue-ts/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/project/vue/vite-vue-ts/eslint.config.ts

@@ -0,0 +1,22 @@
+import { globalIgnores } from 'eslint/config'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVue from 'eslint-plugin-vue'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+// import { configureVueProject } from '@vue/eslint-config-typescript'
+// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+
+export default defineConfigWithVueTs(
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  skipFormatting,
+)

package/template/project/vue/vite-vue-ts/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="zh_CN" version="%version%" build-time="%buildTime%">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/project/vue/vite-vue-ts/package.json.hbs

@@ -0,0 +1,40 @@
+{
+  "name": "{{name}}",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite --mode dev",
+    "preview": "vite preview",
+    "build": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "pinia": "^3.0.3",
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@tsconfig/node22": "^22.0.2",
+    "@types/node": "^22.16.5",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint": "^9.31.0",
+    "eslint-plugin-vue": "~10.3.0",
+    "jiti": "^2.4.2",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.6.2",
+    "typescript": "~5.8.0",
+    "vite": "^7.0.6",
+    "vite-plugin-vue-devtools": "^8.0.0",
+    "vue-tsc": "^3.0.4"
+  }
+}