emnj-tool 1.0.4 → 1.1.0

package/.eslintignore

@@ -0,0 +1,5 @@
+# 忽略build目录下类型为js的文件的语法检查
+public/*.js
+public/**/*.js
+dist/*.js
+dist/**/*.js

package/.eslintrc.cjs

@@ -0,0 +1,19 @@
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution");
+
+module.exports = {
+  root: true,
+  ignorePatterns: ["./public/*/**/*.js"],
+  extends: [
+    "plugin:vue/essential",
+    "eslint:recommended",
+    "@vue/eslint-config-typescript/recommended",
+    "@vue/eslint-config-prettier"
+  ],
+  rules: {
+    "prettier/prettier": "error",
+    "@typescript-eslint/no-empty-interface": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "comma-dangle": ["error", "never"]
+  }
+};

package/dist/constant.js

@@ -0,0 +1 @@
+export const version = "0.0.5";

package/dist/h5.js

@@ -9,16 +9,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import fse from "fs-extra";
 import path from "path";
-import * as unzipper from "unzipper";
 import { fileURLToPath } from "url";
-const log = console.log;
+import extract from "extract-zip";
+import Tip from "./tips.js";
+import { log } from "console";
+import chalk from "chalk";
 export default class CreateH5 {
     constructor(answerOptions) {
         this.answerOptions = answerOptions;
     }
     init() {
         return __awaiter(this, void 0, void 0, function* () {
-            console.log("init h5", this.answerOptions);
             const dirPath = yield this.mkdir();
             this.unzipH5Template(dirPath);
         });
@@ -35,20 +36,35 @@ export default class CreateH5 {
      * unzip h5 template to current workspace path
      */
     unzipH5Template(targetDirPath) {
-        // process.cwd() 获取当前执行node命令时候的文件夹（工作区）目录名
-        // 获取当前执行文件的目录，即CLI工具的目录
-        const __filename = fileURLToPath(import.meta.url);
-        const dirname = path.dirname(__filename);
-        const templatePath = path.join(dirname, "../templates/ts-h5.zip");
-        fse
-            .createReadStream(templatePath)
-            .pipe(unzipper.Extract({ path: targetDirPath }))
-            .on("close", () => {
-            const json = fse.readJSONSync(path.join(targetDirPath, "package.json"), {
-                encoding: "utf8",
-            });
-            const packageJson = Object.assign(Object.assign({}, json), { name: this.answerOptions.name, version: this.answerOptions.version, description: this.answerOptions.description });
-            fse.writeJSONSync(path.join(targetDirPath, "package.json"), packageJson, { encoding: "utf8", flag: "w", spaces: 2 });
+        return __awaiter(this, void 0, void 0, function* () {
+            // process.cwd() 获取当前执行node命令时候的文件夹（工作区）目录名
+            // 获取当前执行文件的目录，即CLI工具的目录
+            const __filename = fileURLToPath(import.meta.url);
+            const dirname = path.dirname(__filename);
+            let templatePath = path.join(dirname, "../templates/ts-h5.zip");
+            if (this.answerOptions.language === "typescript") {
+                templatePath = path.join(dirname, "../templates/ts-h5.zip");
+            }
+            else {
+                templatePath = path.join(dirname, "../templates/js-h5.zip");
+            }
+            try {
+                yield extract(templatePath, { dir: targetDirPath });
+                const json = fse.readJSONSync(path.join(targetDirPath, "package.json"), {
+                    encoding: "utf8"
+                });
+                const packageJson = Object.assign(Object.assign({}, json), { name: this.answerOptions.name, version: this.answerOptions.version, description: this.answerOptions.description });
+                fse.writeJSONSync(path.join(targetDirPath, "package.json"), packageJson, {
+                    encoding: "utf8",
+                    flag: "w",
+                    spaces: 2
+                });
+                const tip = new Tip(this.answerOptions);
+                tip.install();
+            }
+            catch (error) {
+                log(chalk.redBright("创建失败"));
+            }
         });
     }
 }

package/dist/index.js

@@ -11,21 +11,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Command } from "commander";
 import inquirer from "inquirer";
 import CreateH5 from "./h5.js";
+import CreateWeb from "./web.js";
 import chalk from "chalk";
+import { version } from "./constant.js";
 const program = new Command();
 const log = console.log;
-program.name("项目初始化").description("CLI to Initialize some project").version("0.0.1");
-// program
-//   .command("split")
-//   .description("Split a string into an array of strings using a separator.")
-//   .argument("<string>", "The string to split")
-//   .option("--first", "display just the first substring")
-//   .option("-s, --separator <char>", "separator character", ",")
-//   .action((str, options) => {
-//     console.log("---->> ", options);
-//     const limit = options.first ? 1 : undefined;
-//     console.log(str.split(options.separator, limit));
-//   });
+program.name("项目初始化").description("CLI to Initialize some project").version(version);
 program
     .command("init")
     .description("初始化项目，支持H5，Web等")
@@ -34,7 +25,11 @@ program
     .action((options) => __awaiter(void 0, void 0, void 0, function* () {
     // 如果没有配置argument，则第一个参数就是options
     if (options.h5 === false && options.web === false) {
-        log("请使用" + chalk.bgBlackBright.bold("emnj init --h5") + "或者" + chalk.bgBlackBright.bold("emnj init --web") + "来初始化项目");
+        log("请使用" +
+            chalk.redBright.bold("emnj-tool init --h5") +
+            "或者" +
+            chalk.redBright.bold("emnj-tool init --web") +
+            "来初始化项目");
         process.exit(1);
     }
     try {
@@ -43,8 +38,8 @@ program
                 type: "confirm",
                 name: "confirmAction",
                 message: `确认初始化一个${options.h5 ? "H5" : "Web"}工程项目`,
-                default: true,
-            },
+                default: true
+            }
         ]);
         if (!confirmAnswers.confirmAction) {
             const message = "取消初始化";
@@ -56,37 +51,41 @@ program
                 type: "input",
                 name: "name",
                 message: "请输入名称：",
-                default: "h5-project",
+                default: `${options.h5 ? "h5" : "web"}-project`,
                 validate: function (value) {
                     return true;
-                },
+                }
             },
             {
                 type: "input",
                 name: "version",
                 message: "请输入版本：",
-                default: "0.0.1",
+                default: "0.0.1"
             },
             {
                 type: "input",
                 name: "description",
                 message: "请输入项目描述：",
-                default: "这是一个H5项目",
+                default: `这是一个${options.h5 ? "H5" : "Web"}项目`
             },
             {
                 type: "list",
                 name: "language",
                 message: "是否使用typescript",
                 default: true,
-                choices: ["typescript", "javascript"],
-            },
+                choices: options.h5 ? ["typescript", "javascript"] : ["typescript"]
+            }
         ]);
         if (options.h5 === true) {
             const h5 = new CreateH5(actionAnswers);
             h5.init();
         }
         else if (options.web === true) {
-            log("初始化web项目");
+            const web = new CreateWeb(actionAnswers);
+            web.init();
+        }
+        else {
+            log(chalk.redBright("暂不支持创建H5和Web之外的项目"));
         }
     }
     catch (error) {

package/dist/tips.js

@@ -0,0 +1,14 @@
+import chalk from "chalk";
+const log = console.log;
+export default class Tip {
+    constructor(options) {
+        this.options = options;
+    }
+    install() {
+        const name = this.options.name;
+        log(chalk.greenBright(`🎉 项目 ${name} 创建成功，根据如下步骤初始化`));
+        log(chalk.greenBright(`1. cd ${name}`));
+        log(chalk.greenBright(`2. pnpm install`));
+        log(chalk.greenBright(`3. pnpm run dev`));
+    }
+}

package/dist/web.js

@@ -0,0 +1,59 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import fse from "fs-extra";
+import path from "path";
+import { fileURLToPath } from "url";
+import extract from "extract-zip";
+import Tip from "./tips.js";
+import { log } from "console";
+import chalk from "chalk";
+export default class CreateWeb {
+    constructor(answerOptions) {
+        this.answerOptions = answerOptions;
+    }
+    init() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const dirPath = yield this.mkdir();
+            this.unzipWebTemplate(dirPath);
+        });
+    }
+    mkdir() {
+        // create dir in current workspace use option name
+        const targetDirPath = path.join(process.cwd(), this.answerOptions.name);
+        fse.ensureDirSync(targetDirPath);
+        return targetDirPath;
+    }
+    unzipWebTemplate(targetDirPath) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // process.cwd() 获取当前执行node命令时候的文件夹（工作区）目录名
+            // 获取当前执行文件的目录，即CLI工具的目录
+            const __filename = fileURLToPath(import.meta.url);
+            const dirname = path.dirname(__filename);
+            const templatePath = path.join(dirname, "../templates/ts-web.zip");
+            try {
+                yield extract(templatePath, { dir: targetDirPath });
+                const json = fse.readJSONSync(path.join(targetDirPath, "package.json"), {
+                    encoding: "utf8"
+                });
+                const packageJson = Object.assign(Object.assign({}, json), { name: this.answerOptions.name, version: this.answerOptions.version, description: this.answerOptions.description });
+                fse.writeJSONSync(path.join(targetDirPath, "package.json"), packageJson, {
+                    encoding: "utf8",
+                    flag: "w",
+                    spaces: 2
+                });
+                const tip = new Tip(this.answerOptions);
+                tip.install();
+            }
+            catch (error) {
+                log(chalk.redBright("创建失败"));
+            }
+        });
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emnj-tool",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "一个工具，用来初始化项目",
   "type": "module",
   "exports": "./index.js",
@@ -31,6 +31,7 @@
     "chalk": "^5.3.0",
     "commander": "^12.0.0",
     "download-git-repo": "^3.0.2",
+    "extract-zip": "^2.0.1",
     "fs-extra": "^11.2.0",
     "inquirer": "^9.2.16",
     "unzipper": "^0.10.14"

package/types/constant.d.ts

@@ -0,0 +1 @@
+export declare const version = "0.0.3";

package/types/h5.d.ts

@@ -0,0 +1,10 @@
+export default class CreateH5 {
+    private answerOptions;
+    constructor(answerOptions: InquirerPromptQuestions);
+    init(): Promise<void>;
+    mkdir(): Promise<string>;
+    /**
+     * unzip h5 template to current workspace path
+     */
+    unzipH5Template(targetDirPath: string): void;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+#! /usr/bin/env node
+export {};

package/types/util.d.ts

@@ -0,0 +1 @@
+export declare function sum(a: number, b: number): number;

package/README.md

@@ -1,36 +0,0 @@
-# 脚手架工具
-
-该脚手架工具的主要目的是为了在新建项目过程摈弃繁琐的的配置，可以直接使用模版进入开发阶段
-
-## H5项目
-
-目标：快速进入H5项目开发
-
-支持：
-
-1. 低版本系统支持：iOS系统 >= iOS8，Android系统 >= Android5.0
-2. 支持typescript开发
-3. 使用vue2.7.15版本，并支持Composition API
-4. 使用pinia作为状态库管理
-
-## 管理后台项目
-
-目标：快速进入管理系统的项目开发
-
-支持：
-
-1. 使用typescript + vue3.x + pinia + element plus开发
-2. 支持选择使用oa/账号密码进行登录
-
-## 如何使用
-
-```shell
-# 安装emnj-tool
-npm install emnj-tool -g
-
-# 初始化h5项目
-emnj-tool init --h5
-
-# 初始化web项目
-emnj-tool init --web
-```

package/dist/package.json

@@ -1,38 +0,0 @@
-{
-    "name": "emnj-tool",
-    "version": "1.0.4",
-    "description": "一个工具，用来初始化项目",
-    "type": "module",
-    "exports": "./index.js",
-    "engines": {
-        "node": ">=16.0.0"
-    },
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "build": "npx tsc"
-    },
-    "bin": {
-        "emnj-tool": "./dist/index.js"
-    },
-    "keywords": [
-        "emnj-tool"
-    ],
-    "author": "",
-    "license": "ISC",
-    "devDependencies": {
-        "@types/fs-extra": "^11.0.4",
-        "@types/inquirer": "^9.0.7",
-        "@types/node": "^20.11.28",
-        "ts-node": "^10.9.2",
-        "typescript": "^5.4.2"
-    },
-    "dependencies": {
-        "@types/unzipper": "^0.10.9",
-        "chalk": "^5.3.0",
-        "commander": "^12.0.0",
-        "download-git-repo": "^3.0.2",
-        "fs-extra": "^11.2.0",
-        "inquirer": "^9.2.16",
-        "unzipper": "^0.10.14"
-    }
-}

package/dist/src/h5.js

@@ -1,54 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import fse from "fs-extra";
-import path from "path";
-import * as unzipper from "unzipper";
-import { fileURLToPath } from "url";
-const log = console.log;
-export default class CreateH5 {
-    constructor(answerOptions) {
-        this.answerOptions = answerOptions;
-    }
-    init() {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.log("init h5", this.answerOptions);
-            const dirPath = yield this.mkdir();
-            this.unzipH5Template(dirPath);
-        });
-    }
-    mkdir() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // create dir in current workspace use option name
-            const targetDirPath = path.join(process.cwd(), this.answerOptions.name);
-            fse.ensureDirSync(targetDirPath);
-            return targetDirPath;
-        });
-    }
-    /**
-     * unzip h5 template to current workspace path
-     */
-    unzipH5Template(targetDirPath) {
-        // process.cwd() 获取当前执行node命令时候的文件夹（工作区）目录名
-        // 获取当前执行文件的目录，即CLI工具的目录
-        const __filename = fileURLToPath(import.meta.url);
-        const dirname = path.dirname(__filename);
-        const templatePath = path.join(dirname, "../templates/ts-h5.zip");
-        fse
-            .createReadStream(templatePath)
-            .pipe(unzipper.Extract({ path: targetDirPath }))
-            .on("close", () => {
-            const json = fse.readJSONSync(path.join(targetDirPath, "package.json"), {
-                encoding: "utf8",
-            });
-            const packageJson = Object.assign(Object.assign({}, json), { name: this.answerOptions.name, version: this.answerOptions.version, description: this.answerOptions.description });
-            fse.writeJSONSync(path.join(targetDirPath, "package.json"), packageJson, { encoding: "utf8", flag: "w", spaces: 2 });
-        });
-    }
-}

package/dist/src/index.js

@@ -1,97 +0,0 @@
-#! /usr/bin/env node
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Command } from "commander";
-import inquirer from "inquirer";
-import CreateH5 from "./h5.js";
-import chalk from "chalk";
-import pkg from "../package.json";
-const program = new Command();
-const log = console.log;
-program.name("项目初始化").description("CLI to Initialize some project").version(pkg.version);
-// program
-//   .command("split")
-//   .description("Split a string into an array of strings using a separator.")
-//   .argument("<string>", "The string to split")
-//   .option("--first", "display just the first substring")
-//   .option("-s, --separator <char>", "separator character", ",")
-//   .action((str, options) => {
-//     console.log("---->> ", options);
-//     const limit = options.first ? 1 : undefined;
-//     console.log(str.split(options.separator, limit));
-//   });
-program
-    .command("init")
-    .description("初始化项目，支持H5，Web等")
-    .option("-h5, --h5", "Initialize an H5 project.", false)
-    .option("-w, --web", "Initialize a Web project.", false)
-    .action((options) => __awaiter(void 0, void 0, void 0, function* () {
-    // 如果没有配置argument，则第一个参数就是options
-    if (options.h5 === false && options.web === false) {
-        log("请使用" + chalk.bgBlackBright.bold("emnj init --h5") + "或者" + chalk.bgBlackBright.bold("emnj init --web") + "来初始化项目");
-        process.exit(1);
-    }
-    try {
-        const confirmAnswers = yield inquirer.prompt([
-            {
-                type: "confirm",
-                name: "confirmAction",
-                message: `确认初始化一个${options.h5 ? "H5" : "Web"}工程项目`,
-                default: true,
-            },
-        ]);
-        if (!confirmAnswers.confirmAction) {
-            const message = "取消初始化";
-            log(chalk.redBright(message));
-            throw new Error(message);
-        }
-        const actionAnswers = yield inquirer.prompt([
-            {
-                type: "input",
-                name: "name",
-                message: "请输入名称：",
-                default: "h5-project",
-                validate: function (value) {
-                    return true;
-                },
-            },
-            {
-                type: "input",
-                name: "version",
-                message: "请输入版本：",
-                default: "0.0.1",
-            },
-            {
-                type: "input",
-                name: "description",
-                message: "请输入项目描述：",
-                default: "这是一个H5项目",
-            },
-            {
-                type: "list",
-                name: "language",
-                message: "是否使用typescript",
-                default: true,
-                choices: ["typescript", "javascript"],
-            },
-        ]);
-        if (options.h5 === true) {
-            const h5 = new CreateH5(actionAnswers);
-            h5.init();
-        }
-        else if (options.web === true) {
-            log("初始化web项目");
-        }
-    }
-    catch (error) {
-        process.exit(1);
-    }
-}));
-program.parse(process.argv);

package/dist/src/util.js

@@ -1,3 +0,0 @@
-export function sum(a, b) {
-    return a + b;
-}