cloudcc-cli 1.0.1 → 1.0.4

package/bin/buildccsdk.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+
+const BuilderCCSDK = require("../src/builderSDK.js");
+
+const builder = new BuilderCCSDK();
+
+builder.init();

package/bin/create.js

@@ -1,7 +1,7 @@
-#!/usr/bin/env node
-
-const Creator = require("../src/creator.js");
-
-const project = new Creator();
-
+#!/usr/bin/env node
+
+const Creator = require("../src/creatorTemProject.js");
+
+const project = new Creator();
+
 project.init();

package/bin/publish.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+
+const Publish = require("../src/publishProject.js");
+
+const publish = new Publish();
+
+publish.init();

package/package.json

@@ -1,22 +1,36 @@
-{
-  "name": "cloudcc-cli",
-  "version": "1.0.1",
-  "description": "",
-  "keywords": [],
-  "main": "./bin/build",
-  "author": "",
-  "license": "ISC",
-  "bin": {
-    "cloudccCreate": "bin/create.js",
-    "cloudccServe": "bin/serve.js",
-    "cloudccBuild": "bin/build.js"
-  },
-  "dependencies": {
-    "axios": "^0.21.1",
-    "boxen": "^4.0.0",
-    "chalk": "^2.4.2",
-    "inquirer": "^8.1.0",
-    "mem-fs": "^2.2.1",
-    "mem-fs-editor": "^9.0.1"
-  }
+{
+  "name": "cloudcc-cli",
+  "version": "1.0.4",
+  "description": "cloudcc-cli",
+  "keywords": [
+    "cloudcc",
+    "cloudcc-cli"
+  ],
+  "main": "./bin",
+  "author": "cloudcc",
+  "license": "ISC",
+  "bin": {
+    "cloudccCreate": "bin/create.js",
+    "cloudccBuild": "bin/build.js",
+    "cloudccPublic": "bin/publish.js",
+    "cloudccBuildCCSDK": "bin/buildccsdk.js",
+    "cloudccBuildCCBaseSDK": "bin/buildccbasesdk.js"
+  },
+  "scripts": {
+    "publish-lib": "npm publish --registry https://registry.npmjs.org"
+  },
+  "dependencies": {
+    "axios": "^0.21.4",
+    "boxen": "^4.0.0",
+    "chalk": "^2.4.2",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.10.7",
+    "inquirer": "^8.1.0",
+    "marked": "^3.0.7",
+    "md-to-html": "^1.0.2",
+    "mem-fs": "^2.2.1",
+    "mem-fs-editor": "^9.0.1",
+    "vue-custom-element": "^3.3.0",
+    "vue-template-compiler": "^2.6.14"
+  }
 }

package/src/builderBaseSDK.js

@@ -0,0 +1,86 @@
+// 同步执行exe命令
+const exec = require('child_process').execSync;
+// 文件管理器
+const fs = require('fs');
+// 控制台输出样式控件
+const chalk = require("chalk")
+// 检查版本更新
+const { checkUpdate } = require("../utils/checkVersion")
+// 配置信息
+const projectConfig = JSON.parse(fs.readFileSync('package.json', 'utf8'))
+// 控制台交互
+const { askType } = require("../utils/askTool")
+// 提交代码，设置Tag
+const { getNewVersionName, pushCodeAndTags } = require("../utils/pushCode")
+// 通知飞书
+const { notifyFeishu } = require("../utils/NotifyIM")
+// 网络请求
+const { postParams } = require("../utils/http")
+/**
+ * 打包基础SDK，并发布到NPM
+ */
+class Builder {
+    constructor() {
+    }
+    async init() {
+        let res = await checkUpdate();
+        if (!res) {
+            let condition = await askType();
+            let version = getNewVersionName([condition.type])
+            if (condition && condition.type) {
+                if (this.buildpush2npm(version[0].split("V")[1])) {
+                    pushCodeAndTags([condition.type])
+                    notifyFeishu(condition.type, version, projectConfig);
+                    console.log(chalk.green('发布完成'));
+                }
+            } else {
+                console.log();
+                console.log(chalk.red("请至少设置一个有效的Tag"));
+                console.log();
+            }
+        }
+    }
+    /**
+     * 打包并发布到npm
+     * @returns null
+     */
+    buildpush2npm(version) {
+        try {
+            // 设置package.json版本号
+            projectConfig.version = version;
+            fs.writeFileSync('package.json', JSON.stringify(projectConfig), 'utf8')
+        } catch (e) {
+            console.log(e);
+        }
+        try {
+            console.log()
+            console.log(chalk.green("开始编译，请稍后..."));
+            exec('npm run build');
+            console.log()
+            console.log(chalk.green("编译完成"));
+        } catch (error) {
+            console.log();
+            console.log(chalk.red('编译失败：' + error));
+            return false;
+        }
+        try {
+            console.log()
+            console.log(chalk.green("NPM开始发布，请稍后..."));
+            exec(`npm publish --registry https://registry.npmjs.org`)
+            try {
+                postParams(`https://npm.taobao.org/sync/${projectConfig.name}`)
+            } catch (error) {
+
+            }
+            console.log()
+            console.log(chalk.green("NPM发布完成"));
+            return true
+        } catch (error) {
+            console.log();
+            console.log(chalk.red('NPM发布失败：' + error));
+            return false
+        }
+    }
+
+}
+module.exports = Builder;

package/src/builderPlugin.js

@@ -0,0 +1,201 @@
+const { execSync } = require('child_process');
+const { post } = require('../utils/http');
+const fs = require('fs');
+const path = require("path")
+const chalk = require("chalk")
+const inquirer = require("inquirer")
+// 检查cli版本更新功能
+const { checkUpdate } = require("../utils/checkVersion")
+/**
+ * 自定义组件，组件打包命令，将组件打包发布到服务器。
+ */
+class Builder {
+    constructor() {
+        this.options = {
+            // 开发配置信息
+            devConsoleConfig: {
+            },
+        }
+    }
+    async init() {
+        let res = await checkUpdate();
+        if (!res) {
+            this.options.devConsoleConfig = this.getPackageJson();
+            let config = this.options.devConsoleConfig
+            // 如果不是私有化部署，那么需要获取token
+            if ("private" != this.options.devConsoleConfig.version) { // private私有化
+                config = { "accessToken": await this.getToken(config) };
+            }
+            // 获得用户输入
+            let answers = await this.ask();
+            // 如果输入的是*.vue，那么表示编译全部文件
+            if ("*.vue" == answers.buildFileName) {
+                let dirs = fs.readdirSync("plugin")
+                for (let i = 0; i < dirs.length; i++) {
+                    let item = dirs[i]
+                    let obj = this.getVueValue(item);
+                    this.initPluginFile(item, obj.compName);
+                    this.build(obj);
+                    await this.upload(obj, config)
+                }
+            } else {
+                let obj = this.getVueValue(answers.buildFileName);
+                this.initPluginFile(answers.buildFileName, obj.compName);
+                this.build(obj);
+                await this.upload(obj, config)
+            }
+        }
+    }
+    /**
+     *  命令行交互
+     * @returns 结果
+     */
+    ask() {
+        const prompt = [];
+        prompt.push({
+            type: "input",
+            name: "buildFileName",
+            message: "请输入需要编译的文件名，如index.vue",
+        })
+        return inquirer.prompt(prompt)
+    }
+    /**
+     * 获得用户信息
+     * @returns 配置信息
+     */
+    getPackageJson() {
+        const packageJson = JSON.parse(fs.readFileSync("package.json", 'utf8'));
+        return packageJson.devConsoleConfig; // cloudcc-plugin 中的 devConsoleConfig
+    }
+    /**
+     * 请求用户token
+     * @param {用户信息} devConsoleConfig 
+     * @returns token
+     */
+    async getToken(devConsoleConfig) {
+        let res = await post(this.options.devConsoleConfig.baseUrl + "/sysconfig/auth/pc/1.0/post/tokenInfo", devConsoleConfig);
+        if (res.returnCode == 200) {
+            return res.data.accessToken;
+        } else {
+            console.error(chalk.red(`登录失败`, JSON.stringify(res)));
+            return null;
+        }
+    }
+
+    /**
+    * 获得Vue内容
+    */
+    getVueValue(buildFileName) {
+        let vueContent = fs.readFileSync(this.getVueContent(buildFileName), 'utf8');
+        let vueData = vueContent + ""
+        // 添加scoped限制样式污染
+        if (!vueContent.includes("scoped")) {
+            vueData = vueData.replace("<style", "<style scoped")
+        }
+        // 去除空格
+        // vueData = vueData.replace(/\ +/g, "")
+        // 去除换行
+        // vueData =vueData.replace(/[\r\n]/g, "");
+        vueData = vueData.split("data()")[1].split("isLock:")[0] + "isLock:false,};}";
+        vueData = "function data()" + vueData;
+        const data = eval(`(${vueData})`)()
+        let compName = data.componentInfo.component // 组件名字
+        vueData = JSON.stringify(data);
+        let bizType = data.componentInfo.bizType // 组件类型
+        let compDesc = data.componentInfo.compDesc // 组件描述
+        let category = data.componentInfo.category // 组件状态
+        return { compName, vueContent, vueData, bizType, compDesc, category }
+    };
+    /**
+     * 生成依赖文件
+     * @param {编译的文件名称} buildFileName 
+     * @param {编译后的组件名称} compName 
+     */
+    initPluginFile(buildFileName, compName) {
+        let newContent =
+            ` 
+            import Vue from "vue"
+            import VueCustomElement from "vue-custom-element"
+            Vue.use(VueCustomElement);
+             
+            import index from "./` + buildFileName + `"
+            Vue.customElement('`+ compName + `', index);
+        `
+        fs.writeFileSync('plugin/plugin.js', newContent);
+    }
+    /**
+     * 编译文件，将vue编译为js文件
+     * @param {编译对象信息} obj 
+     */
+    build(obj) {
+        console.log(chalk.green('编译中，请稍后...'));
+        let { stdout, stderr, error } = execSync('npx vue-cli-service build --target lib --name ' + obj.compName + '  --dest build plugin/plugin.js');
+        if (null == error) {
+            console.log(chalk.green('编译成功！'));
+        } else {
+            console.log(chalk.red('编译失败：', error));
+        }
+        fs.unlinkSync('plugin/plugin.js');
+    }
+    /**
+    * 将文件上传
+    */
+    async upload(obj, header) {
+        console.log(chalk.green('发布中，请稍后...'));
+        let jsContent = "";
+        try {
+            jsContent = fs.readFileSync(this.filterFile()[0], 'utf8')
+        } catch (err) {
+            console.error(err)
+            return;
+        }
+        let body = {
+            "compUniName": obj.compName,
+            "compContentJs": jsContent,
+            "compContentVue": obj.vueContent,
+            "vueData": obj.vueData,
+            "bizType": obj.bizType,
+            "compDesc": obj.compDesc,
+            "category": obj.category,
+            "belongOrgFlag": this.options.devConsoleConfig.belongOrgFlag || "custom" //belongOrgFlag: 所属单位标识，std：官方的组件（神州云动）；custom：第三方的组件
+        }
+        let res = await post(this.options.devConsoleConfig.baseUrl + "/devconsole/custom/pc/1.0/post/insertCustomComp",
+            body, header);
+        if (res.returnCode == 200) {
+            console.error(chalk.green(`发布成功！`));
+            console.log();
+        } else {
+            console.error(chalk.red(`发布失败: ${res.returnInfo}`));
+            console.log();
+        }
+        return res;
+    }
+
+
+
+    /**
+     * 过滤出min.js文件
+     * @returns  过滤结果
+     */
+    filterFile() {
+        const jsPath = "build";
+        let jsPaths = [];
+        if (jsPath) {
+            jsPaths = fs.readdirSync(jsPath).filter((f) => {
+                return f.endsWith('umd.min.js');
+            }).map((item) => {
+                return path.join(jsPath, item);
+            });
+        }
+        return jsPaths;
+    }
+    /**
+    * 过滤出min.js文件
+    * @returns  过滤结果
+    */
+    getVueContent(buildFileName) {
+        const jsPath = "plugin";
+        return path.join(jsPath, buildFileName);
+    }
+}
+module.exports = Builder;

package/src/builderSDK.js

@@ -0,0 +1,161 @@
+const { execSync } = require('child_process');
+const { post } = require('../utils/http');
+const fs = require('fs');
+const path = require("path")
+const chalk = require("chalk")
+const inquirer = require("inquirer")
+const { checkUpdate } = require("../utils/checkVersion")
+/**
+ * 打包业务sdk为js并发布到cdn
+ */
+class Builder {
+    constructor() {
+        this.options = {
+            // 开发配置信息
+            devConsoleConfig: {
+            },
+        }
+    }
+    async init() {
+        let res = await checkUpdate();
+        if (!res) {
+            this.options.devConsoleConfig = this.getPackageJson();
+            // 获得用户输入
+            let answers = await this.ask();
+            if (answers.types.length == 0) {
+                console.log();
+                console.error(chalk.red(`请选择一个有效的发布版本！`));
+                console.log();
+                return;
+            }
+            // 获得vue内容
+            let obj = this.getSDKName(answers.buildDirName);
+            obj.type = answers.types;
+            this.build(obj) && this.upload(obj);
+        }
+    }
+    /**
+     *  命令行交互
+     * @returns 结果
+     */
+    ask() {
+        const prompt = [{
+            type: 'list',
+            message: '请选择发布版本:',
+            name: 'types',
+            choices: [
+                { name: "客户环境-Release", value: "release" },
+                { name: "公司环境-GA", value: "ga" },
+                { name: "uat环境-Beta", value: "beta" },
+                { name: "测试环境-Dev", value: "dev" },
+            ],
+        }, {
+            type: "input",
+            name: "buildDirName",
+            message: "请输入需要编译的目录名称，如Detail：",
+        }];
+        return inquirer.prompt(prompt)
+    }
+    /**
+     * 获得用户信息
+     * @returns 配置信息
+     */
+    getPackageJson() {
+        const packageJson = JSON.parse(fs.readFileSync("package.json", 'utf8'));
+        return packageJson.devConsoleConfig; // cloudcc-plugin 中的 devConsoleConfig
+    }
+    /**
+     * 请求用户token
+     * @param {用户信息} devConsoleConfig 
+     * @returns token
+     */
+    async getToken(devConsoleConfig) {
+        let res = await post(this.options.devConsoleConfig.baseUrl + "/sysconfig/auth/pc/1.0/post/tokenInfo", devConsoleConfig);
+        if (res.returnCode == 200) {
+            return res.data.accessToken;
+        } else {
+            console.error(chalk.red(`登录失败`, JSON.stringify(res)));
+            return null;
+        }
+    }
+    /**
+    * 获得sdk名字
+    */
+    getSDKName(buildFileName) {
+        let vueContent = fs.readFileSync(path.join("packages", buildFileName, "src", "index.vue"), 'utf8');
+
+        let sdkName = "cc-" + vueContent.split("\"cc-")[1].split("\"")[0]
+
+        return { sdkName, path: path.join("packages", buildFileName) }
+    };
+    /**
+     * 编译文件，将vue编译为js文件
+     * @param {编译对象信息} obj 
+     */
+    build(obj) {
+        try {
+            console.log(chalk.green('编译中，请稍后...'));
+            console.log()
+            execSync(`npx vue-cli-service build --target lib --name ${obj.sdkName} --dest ${path.join(obj.path, "lib")} ${path.join(obj.path, "index.js")}`);
+            console.log(chalk.green('编译成功！'));
+            console.log()
+            return true
+        } catch (e) {
+            console.log(chalk.red("编译失败：", e.toString("utf8").trim()));
+            console.log()
+            return false;
+        }
+    }
+    /**
+    * 将文件上传
+    */
+    async upload(obj) {
+        console.log(chalk.green('发布中，请稍后...'));
+        console.log()
+        let jsContent = "";
+        try {
+            jsContent = fs.readFileSync(path.join(obj.path, "lib", obj.sdkName + ".umd.min.js"), 'utf8')
+        } catch (err) {
+            console.error(err)
+        }
+        let body = {
+            fileInfo: []
+        };
+        body.fileInfo.push(
+            {
+                "fileName": obj.type + "/" + obj.sdkName + ".umd.min.js",
+                "fileContent": jsContent,
+                "bucketName": "cloudcc-sdk",
+            }
+        )
+        let res = await post(this.options.devConsoleConfig.baseUrl + "/devconsole/cdn/uploadFile",
+            body);
+        if (res.returnCode == 200) {
+            console.error(chalk.green(`发布成功！`));
+            console.log();
+        } else {
+            console.error(chalk.red(`发布失败: ${res.returnInfo}`));
+            console.log();
+        }
+
+        return res;
+    }
+
+    /**
+     * 过滤出min.js文件
+     * @returns  过滤结果
+     */
+    filterFile() {
+        const jsPath = "build";
+        let jsPaths = [];
+        if (jsPath) {
+            jsPaths = fs.readdirSync(jsPath).filter((f) => {
+                return f.endsWith('umd.min.js');
+            }).map((item) => {
+                return path.join(jsPath, item);
+            });
+        }
+        return jsPaths;
+    }
+}
+module.exports = Builder;

package/src/{creator.js → creatorTemProject.js}

@@ -4,10 +4,13 @@ const memFs = require("mem-fs")
 const memFsEditor = require("mem-fs-editor")
 const fs = require("fs")
 const path = require("path")
+const { checkUpdate } = require("../utils/checkVersion")
+/**
+ * 创建自定组件开发模板项目
+ */
 class Creator {
     constructor() {
-        const store = memFs.create();
-        this.fs = memFsEditor.create(store);
+        this.fs = memFsEditor.create(memFs.create());
         this.options = {
             name: "",
             description: ""
@@ -18,13 +21,17 @@ class Creator {
         this.tplDirPath = path.join(this.rootPath, "template");
     }
     // 初始化
-    init() {
-        console.log(chalk.green('my cli 开始'));
-        this.ask().then(answers => {
-            this.options = Object.assign({}, this.options, answers);
-            console.log(this.options);
-            this.write();
-        })
+    async init() {
+        let res = await checkUpdate();
+        if (!res) {
+            console.log()
+            console.log(chalk.green('欢迎使用Cloudcc-CLI'));
+            this.ask().then(answers => {
+                this.options = Object.assign({}, this.options, answers);
+                console.log(this.options);
+                this.write();
+            })
+        }
     }
     // 命令行交互
     ask() {
@@ -55,12 +62,14 @@ class Creator {
     }
     // 拷贝和写数据
     write() {
-        console.log(chalk.green("my cli 开始构建"));
+        console.log();
+        console.log(chalk.green("开始构建，请稍后"));
         const tplBuilder = require("../template/index");
         tplBuilder(this, this.options, () => {
-            console.log(chalk.green('my cli 构建完成'));
             console.log();
-            console.log(chalk.grey(`开始项目:  cd ${this.options.name} && npm install`));
+            console.log(chalk.green('构建完成'));
+            console.log();
+            console.log(chalk.green(`运行项目:  \n 1：cd ${this.options.name} \n 2：code . \n 3：npm install`));
         })
     }