chinapopin-frontend-cli 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Wei xiaoru
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+# 三合力通脚手架
+
+## npm账号
+```
+账号：chinapopin
+密码：chinapopin123456
+```
+## npm发布
+```
+npm publish
+```
+
+## 如何使用

package/bin/index.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+
+const program = require('commander')
+
+const { version } = require('../package.json');
+
+const figlet = require('figlet');
+
+
+program
+  // 定义命令和参数
+  .command('create <app-name>')
+  .description('创建新的项目')
+  // -f or --force 为强制创建，如果创建的目录存在则直接覆盖
+  .option('-f, --force', '该目录下存在该文件夹，覆盖目标文件夹')
+  .action((name, options) => {
+    require('../lib/create.js')(name, options)
+    // 打印执行结果
+    // console.log('name:',name,'options:',options)
+  })
+
+program
+  // 配置版本号信息
+ .version(`v${version}`)
+ .usage('<command> [option]')
+
+
+ program
+  .on('--help', () => {
+    console.log('\r\n' + figlet.textSync('shlt', {
+      font: 'Ghost',
+      horizontalLayout: 'default',
+      verticalLayout: 'default',
+      width: 80,
+      whitespaceBreak: true
+    }));
+  })
+ 
+// 解析用户执行命令传入参数
+program.parse(process.argv);
+

package/lib/create.js

@@ -0,0 +1,51 @@
+const path = require("path");
+const fs = require("fs-extra");
+const inquirer = require("inquirer");
+const Generator = require("./generator");
+
+module.exports = async function (name, options) {
+  // 当前命令行选择的目录
+  const cwd = process.cwd();
+  // 需要创建的目录地址
+  const targetAir = path.join(cwd, name);
+  // 目录是否已经存在？
+  if (fs.existsSync(targetAir)) {
+    // 是否为强制创建？
+    if (options.force) {
+      await fs.remove(targetAir);
+    } else {
+      // 询问用户是否确定要覆盖
+      let { action } = await inquirer.prompt([
+        {
+          name: "action",
+          type: "list",
+          message: "在该目录下已存在相同的文件夹，是否覆盖原文件夹：",
+          choices: [
+            {
+              name: "覆盖",
+              value: "overwrite",
+            },
+            {
+              name: "取消",
+              value: false,
+            },
+          ],
+        },
+      ]);
+
+      if (!action) {
+        return;
+      } else if (action === "overwrite") {
+        // 移除已存在的目录
+        console.log(`\r\nRemoving...`);
+        await fs.remove(targetAir);
+      }
+    }
+  }
+
+  // 创建项目
+  const generator = new Generator(name, targetAir);
+
+  // 开始创建项目
+  generator.create();
+};

package/lib/generator.js

@@ -0,0 +1,98 @@
+const ora = require("ora");
+const inquirer = require("inquirer");
+const util = require("util");
+const downloadGitRepo = require("download-git-repo");
+// const http = require('./http');
+const Template = require("./template");
+
+class Generator {
+  constructor(name, targetDir) {
+    // 目录名称
+    this.name = name;
+    // 创建位置
+    this.targetDir = targetDir;
+  }
+
+  // 用户选择模板
+  async getRepo() {
+    const repos = [
+      { name: "PC管理端(vue3+antd)", value: "pc" },
+      { name: "H5(vue3+vant)", value: "h5" },
+    ];
+    const { repo } = await inquirer.prompt({
+      name: "repo",
+      type: "list",
+      choices: repos,
+      message: "请选择模板：",
+    });
+    return repo;
+  }
+  // 询问用户是否初始化git
+  async gitInit() {
+    return new Promise((resolve, reject) => {
+      inquirer
+        .prompt([
+          {
+            name: "init",
+            type: "confirm",
+            message: "是否初始化git仓库?",
+          },
+        ])
+        .then((answers) => {
+          resolve(answers.init);
+        });
+    });
+  }
+
+  // 下载远程模板
+  async download(type) {
+    const spinner = ora("下载模板中，请稍后").start();
+    const GITADDRESS = {
+      pc: "http://100.98.100.194/frontend/frontend-engineer/chinapopin-admin-pro.git#cli",
+      h5: "http://100.98.100.194/frontend/frontend-engineer/chinapopin-h5-demo-frontend.git#cli",
+    };
+    return new Promise((resolve, reject) => {
+      downloadGitRepo(
+        `direct:${GITADDRESS[type]}`,
+        this.targetDir,
+        { clone: true },
+        (error) => {
+          // 报错才有返回错误信息
+          if (error) {
+            spinner.fail("模板下载失败：" + error);
+            reject(error);
+          } else {
+            spinner.succeed("模板下载完成");
+            resolve("success");
+          }
+        }
+      );
+    });
+  }
+
+  async create() {
+    // 获取选择模板
+    const repo = await this.getRepo();
+    // 获取是否初始化git仓库
+    // const init = await this.gitInit();
+    // if (init) {
+
+    // }
+    // 下载项目模板
+    const download = await this.download(repo);
+    if (download !== "success") {
+      // 如果下载模板失败，退出执行进程
+      process.exit(1);
+    }
+    // const template = new Template(this.targetDir, this.name, repo);
+    // const res = await template.initTemplate();
+    // if(res === 'success') {
+    //     process.exit(0);
+    // } else {
+    //     console.log(res)
+    //     process.exit(1);
+    // }
+  }
+}
+
+module.exports = Generator;

package/lib/http.js

@@ -0,0 +1,37 @@
+// 通过 axios 处理请求
+const axios = require("axios");
+
+// 添加请求拦截器
+axios.interceptors.request.use(
+  function (config) {
+    config.headers["PRIVATE-TOKEN"] = "bkBGFNSpvf92a5gDszHQ";
+    return config;
+  },
+  function (error) {
+    return Promise.reject(error);
+  }
+);
+
+axios.interceptors.response.use((res) => {
+  return res.data;
+});
+
+/**
+ * 获取git分组信息
+ * @returns Promise
+ */
+async function getGroupsList() {
+  return new Promise((resolve, reject) => {
+    axios.get("http://100.98.100.194/api/v4/groups").then(
+      (res) => {
+        resolve(res);
+      },
+      (error) => {
+        reject(error);
+      }
+    );
+  });
+}
+module.exports = {
+  getGroupsList,
+};

package/lib/template.js

@@ -0,0 +1,86 @@
+const fs = require("fs");
+const ora = require("ora");
+
+class Template {
+  constructor(path, name, repo) {
+    this.path = path;
+    this.name = name;
+    this.repo = repo;
+  }
+  async initTemplate() {
+    const spinner = ora("初始化模板中，请稍后").start();
+    return new Promise((resolve, reject) => {
+      const html = this.initFile("index.html"); // 初始化index.html
+      const packageJ = this.initFile("package.json"); // 初始化package.json文件
+      const testenv = this.initFile(".env.test"); // 初始化测试环境环境变量文件
+      const prodenv = this.initFile(".env.production"); // 初始化正式环境环境变量文件
+      const testDoc = this.initFile("docker-test/Dockerfile"); // 初始化测试环境dockerfile文件
+      const testNginx = this.initFile("docker-test/nginx.conf"); // 初始化测试环境Nginx配置
+      const prodDoc = this.initFile("docker-prod/Dockerfile"); // 初始化正式环境dockerfile文件
+      const prodNginx = this.initFile("docker-prod/nginx.conf"); // 初始化正式环境的Nginx配置文件
+      Promise.all([
+        html,
+        packageJ,
+        testenv,
+        prodenv,
+        testDoc,
+        testNginx,
+        prodDoc,
+        prodNginx,
+      ])
+        .then((result) => {
+          spinner.succeed("初始化模板完成");
+          resolve("success");
+        })
+        .catch((error) => {
+          spinner.fail("初始化模板失败：" + error);
+          reject(error);
+        });
+    });
+  }
+
+  // 初始化文件
+  async initFile(path) {
+    if (path === "index.html" && this.repo !== "H5") {
+      return new Promise((resolve, reject) => {
+        resolve("success");
+      });
+    } else {
+      return this.writeFile(path, this.replaceReg(await this.readFile(path)));
+    }
+  }
+
+  // 替换
+  replaceReg(data) {
+    return data.replace(new RegExp("<%= app-name =%>", "g"), this.name);
+  }
+
+  // 写入文件
+  writeFile(path, data) {
+    return new Promise((resolve, reject) => {
+      fs.writeFile(`${this.path}/${path}`, data, "utf8", (err) => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve("success");
+        }
+      });
+    });
+  }
+
+  // 读取文件
+  readFile(path) {
+    return new Promise((resolve, reject) => {
+      fs.readFile(`${this.path}/${path}`, "utf8", (err, data) => {
+        if (err) {
+          console.log("读取文件错误");
+          reject(err);
+        } else {
+          resolve(data);
+        }
+      });
+    });
+  }
+}
+
+module.exports = Template;

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "chinapopin-frontend-cli",
+  "private": false,
+  "version": "0.0.1",
+  "description": "前端脚手架",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "bin": {
+    "shlt": "./bin/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://100.98.100.194/frontend/frontend-engineer/chinapopin-frontend-cli"
+  },
+  "keywords": [
+    "chinapopin-frontend-cli"
+  ],
+  "author": "weixiaoru (514753680@qq.com)",
+  "license": "ISC",
+  "devDependencies": {
+    "commander": "^8.3.0"
+  },
+  "dependencies": {
+    "axios": "^0.24.0",
+    "download-git-repo": "^3.0.2",
+    "figlet": "^1.5.2",
+    "fs-extra": "^10.0.0",
+    "inquirer": "^8.2.0",
+    "ora": "^5.4.1"
+  }
+}