@tanyueran/cli 0.0.17 → 0.0.20

package/README.md

@@ -1,6 +1,6 @@
 # @tanyueran/cli
 
-| 一个命令行工具
+| 一个命令行工具，可以创建项目，添加模块
 
 ## 安装
 | npm install -g @tanyueran/cli
@@ -23,4 +23,8 @@ Commands:
 tx-cli create <project-name>
 tx-cli add <module-name>
 
-```
+```
+
+## TODO
+- [ ] 创建项目
+- [x] 创建模块

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:"../packages/template/project/vue/vite-vue-ts"},{label:"webpack + vue + ts项目",value:e.WebpackVueTs,path:"../packages/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.17"),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,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.20"),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)};

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@tanyueran/cli",
-  "version": "0.0.17",
+  "version": "0.0.20",
   "description": "一个cli工具",
-  "main": "index.ts",
+  "main": "./src/index.ts",
   "bin": {
     "tx-cli": "./bin/tx-cli"
   },
   "files": [
     "bin",
     "dist",
-    "template",
-    "README.md"
+    "template"
   ],
   "scripts": {
     "dev": "pnpm run build && ./bin/tx-cli",
     "build": "rollup --config rollup.config.js",
-    "publish-pkg": "node ./script/publish.cjs"
+    "publish-pkg": "node ./script/publish.cjs",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
   },
   "keywords": [
     "cli"
@@ -29,19 +29,20 @@
     "handlebars": "4.7.7",
     "picocolors": "1.1.1",
     "prompts": "2.4.2",
-    "table": "6.8.1"
+    "table": "6.8.2"
   },
   "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",
+    "@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",
+    "conventional-changelog-cli": "5.0.0",
     "rollup": "4.46.2",
-    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-terser": "7.0.2",
+    "simple-git": "3.28.0",
     "ts-node": "10.9.1",
-    "tslib": "^2.8.1",
-    "typescript": "5.2.2",
-    "simple-git": "3.28.0"
+    "tslib": "2.8.1",
+    "typescript": "5.9.2"
   }
-}
+}

package/index.ts

@@ -1,115 +0,0 @@
-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/template/module/vue/vue-ts-empty/index.module.scss.hbs

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

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

@@ -1,55 +0,0 @@
-<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>