@tanyueran/cli 0.0.2

package/README.md

@@ -0,0 +1,26 @@
+# @tanyueran/cli
+
+| 一个命令行工具
+
+## 安装
+| npm install -g @tanyueran/cli
+
+
+## 用法
+```text
+
+Options:
+  -V, --version                     output the version number
+  -m, --module-name <moduleName>    模块名称
+  -p, --project-name <projectName>  项目名称
+  -h, --help                        display help for command
+
+Commands:
+  create                            创建项目
+  add                               添加模块
+  help [command]                    display help for command
+
+tx-cli create <project-name>
+tx-cli add <module-name>
+
+```

package/bin/tx-cli

@@ -0,0 +1,4 @@
+#! /usr/bin/env node
+const { start } = require("../dist/index.js");
+
+start();

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e,t,a=require("commander"),s=require("prompts"),o=require("node:path"),l=require("fs-extra"),n=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 r=[{label:"vite + vue + ts项目",value:e.ViteVueTs,path:"../packages/template/project/vue/vite-vue-ts"},{label:"webpack + vue + ts项目",value:e.WebpackVueTs,path:"../packages/template/project/vue/webpack-vue-ts"}],c=[{label:"vue-ts的页面模板",value:t.VueTsPageTemplate,path:"../template/module/vue/vue-ts-page-template"},{label:"vue-ts的详情模板",value:t.VueTsDetailTemplate,path:"../template/module/vue/vue-ts-detail-template"},{label:"vue-ts的空模板",value:t.VueTsEmpty,path:"../template/module/vue/vue-ts-empty"}];const p=require("node:path");function i(e){const{targetPath:t,sourcePath:a,templateData:s}=e;if(l.statSync(a).isDirectory()){l.readdirSync(a).forEach(e=>{i({targetPath:p.join(t,e),sourcePath:p.join(a,e),templateData:s})})}else if(a.endsWith(".hbs")){const e=l.readFileSync(a),o=n.compile(e.toString())(s);l.writeFileSync(t.replace(".hbs",""),o)}else l.copyFileSync(a,t)}function m(e){const{targetPath:t,sourcePath:a}=e;if(!l.statSync(a).isDirectory())throw new Error("源文件路劲必须是一个目录");l.existsSync(t)&&l.removeSync(t),l.mkdirSync(t,{recursive:!0}),i(e)}n.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.1"),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:r.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:c.map(e=>({title:e.label,value:e.value}))}]);console.log(u.green("模板名称："+e)),console.log(u.green("选择模板："+t.template));const a=c.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)};

package/index.ts

@@ -0,0 +1,115 @@
+import { Command } from "commander";
+import prompts from "prompts";
+import * as pkg from "./package.json";
+const pico = require("picocolors");
+import path from "node:path";
+import { ProjectTemplateData, ModuleTemplateData } from "./constant/template";
+import { DefaultModuleName, DefaultProjectName } from "./constant/constant";
+import { processor } from "./processor/index";
+
+const program = new Command();
+
+program.name("tx cli").description("一个简单CLI 工具").version(pkg.version);
+
+// 定义命令后面的options
+program
+  .option("-m, --module-name <moduleName>", "模块名称")
+  .option("-p, --project-name <projectName>", "项目名称");
+
+/**
+ * 定义命令
+ * tx create <project-name> => 选择模板
+ * tx add <module-name> =》选择模板
+ */
+
+// -创建项目
+program
+  .command("create")
+  .description("创建项目")
+  .action(async () => {
+    let projectName = program.opts().projectName;
+    // option 中没有携带模块名称时，让用户自己在输入
+    if (!projectName) {
+      const result = await prompts([
+        {
+          type: "text",
+          name: "name",
+          message: "请输入模块名",
+        },
+      ]);
+      projectName = result.name ? result.name : DefaultProjectName;
+    }
+    // prompts
+    const response = await prompts([
+      {
+        type: "select",
+        name: "template",
+        message: "请选择模板",
+        choices: ProjectTemplateData.map((item) => {
+          return {
+            title: item.label,
+            value: item.value,
+          };
+        }),
+      },
+    ]);
+    console.log(pico.green());
+    console.log(pico.green(response.template));
+    // TODO
+    console.log(pico.red("项目模板正在建设中，请稍后"));
+  });
+
+// -添加模块
+program
+  .command("add")
+  .description("添加模块")
+  .action(async () => {
+    let moduleName = program.opts().moduleName;
+    // option 中没有携带模块名称时，让用户自己在输入
+    if (!moduleName) {
+      const result = await prompts([
+        {
+          type: "text",
+          name: "name",
+          message: "请输入模块名",
+        },
+      ]);
+      moduleName = result.name ? result.name : DefaultModuleName;
+    }
+    // 询问创建的 模板等
+    // prompts
+    const response = await prompts([
+      {
+        type: "select",
+        name: "template",
+        message: "请选择模板",
+        choices: ModuleTemplateData.map((item) => ({
+          title: item.label,
+          value: item.value,
+        })),
+      },
+    ]);
+    console.log(pico.green("模板名称：" + moduleName));
+    console.log(pico.green("选择模板：" + response.template));
+
+    const selectedTemplate = ModuleTemplateData.find(
+      (item) => item.value === response.template
+    );
+    const targetPath = path.resolve(process.cwd(), moduleName);
+    const sourcePath = path.resolve(__dirname, selectedTemplate!.path);
+
+    processor({
+      targetPath,
+      sourcePath,
+      templateData: {
+        name: moduleName,
+      },
+    });
+
+    // TODO
+    // 接入AI，通过AI去实现，你的描述表达的案例
+  });
+
+export function start() {
+  program.parse(process.argv);
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@tanyueran/cli",
+  "version": "0.0.2",
+  "description": "一个cli工具",
+  "main": "index.ts",
+  "bin": {
+    "tx-cli": "./bin/tx-cli"
+  },
+  "files": [
+    "bin",
+    "dist",
+    "template",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "pnpm run build && ./bin/tx-cli",
+    "build": "rollup --config rollup.config.js"
+  },
+  "keywords": [
+    "cli"
+  ],
+  "author": "tanyueran",
+  "license": "ISC",
+  "packageManager": "pnpm@10.5.2",
+  "peerDependencies": {
+    "commander": "12.1.0",
+    "fs-extra": "11.1.1",
+    "handlebars": "4.7.7",
+    "picocolors": "1.1.1",
+    "prompts": "2.4.2",
+    "table": "6.8.1"
+  },
+  "dependencies": {
+    "commander": "12.1.0",
+    "fs-extra": "11.1.1",
+    "handlebars": "4.7.7",
+    "picocolors": "1.1.1",
+    "prompts": "2.4.2",
+    "table": "6.8.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@types/fs-extra": "^11.0.4",
+    "@types/prompts": "2.4.2",
+    "rollup": "4.46.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "ts-node": "10.9.1",
+    "tslib": "^2.8.1",
+    "typescript": "5.2.2"
+  }
+}

package/template/module/vue/vue-ts-detail-template/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <div></div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+// #region  Prop
+//#endregion
+
+// #region 变量
+//#endregion
+
+// #region 计算属性
+//#endregion
+
+// #region 监听器
+//#endregion
+
+// #region 方法
+//#endregion
+
+// #region 生命周期
+//#endregion
+</script>

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/module/vue/vue-ts-page-template/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <div></div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+// #region  Prop
+//#endregion
+
+// #region 变量
+//#endregion
+
+// #region 计算属性
+//#endregion
+
+// #region 监听器
+//#endregion
+
+// #region 方法
+//#endregion
+
+// #region 生命周期
+//#endregion
+</script>