cloudcc-cli 1.3.1 → 1.3.3

package/src/builderPlugin.js

@@ -1,211 +1,195 @@
-const { exec } = 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: {
-            },
-        }
-        this.plugin = process.argv.splice(2)[0]
-    }
-    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;
-            if (this.plugin) {
-                answers = { buildFileName: this.plugin }
-            } else {
-                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, "plginTemp" + i);
-                    this.build(obj, config, "plginTemp" + i)
-                }
-            } else {
-                let obj = this.getVueValue(answers.buildFileName);
-                this.initPluginFile(answers.buildFileName, obj.compName, "plginTemp");
-                this.build(obj, config, "plginTemp")
-            }
-        }
-    }
-    /**
-     *  命令行交互
-     * @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, plginTemp) {
-        let newContent =
-            ` 
-            import Vue from "vue"
-            import VueCustomElement from "vue-custom-element"
-            Vue.use(VueCustomElement);
-             
-            import index from "./` + buildFileName + `"
-            Vue.customElement('`+ compName + `', index,{ destroyTimeout: null });
-        `
-
-        fs.writeFileSync(`plugin/${plginTemp}.js`, newContent);
-    }
-    /**
-     * 编译文件，将vue编译为js文件
-     * @param {编译对象信息} obj 
-     */
-    build(obj, config, plginTemp) {
-        console.log(chalk.green('编译中，请稍后...'));
-        exec('npx vue-cli-service build --target lib --name ' + obj.compName + `  --dest build plugin/${plginTemp}.js`, async (error, stdout, stderr) => {
-            if (error) {
-                console.log('编译失败：', error);
-                console.log(chalk.red('编译失败：' + stdout));
-                return;
-            } else {
-                console.log(chalk.green('编译成功！'));
-                console.log();
-                await this.upload(obj, config)
-                fs.unlinkSync(`plugin/${plginTemp}.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);
-    }
-}
+const { exec } = 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: {
+            },
+        }
+        this.plugin = process.argv.splice(2)[0]
+    }
+    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;
+            if (this.plugin) {
+                answers = { buildFileName: this.plugin }
+            } else {
+                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.component, "plginTemp" + i);
+                    this.build(obj, config, "plginTemp" + i)
+                }
+            } else {
+                let obj = this.getVueValue(answers.buildFileName);
+                this.initPluginFile(answers.buildFileName, obj.component, "plginTemp");
+                this.build(obj, config, "plginTemp")
+            }
+        }
+    }
+    /**
+     *  命令行交互
+     * @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 component = data.componentInfo.component // 组件标识
+        let compName = data.componentInfo.compName // 组件名字
+        vueData = JSON.stringify(data);
+        let bizType = data.componentInfo.bizType // 组件类型
+        let compDesc = data.componentInfo.compDesc // 组件描述
+        let category = data.componentInfo.category // 组件状态
+        return { compName, component, vueContent, vueData, bizType, compDesc, category }
+    };
+    /**
+     * 生成依赖文件
+     * @param {编译的文件名称} buildFileName 
+     * @param {编译后的组件名称} component 
+     */
+    initPluginFile(buildFileName, component, plginTemp) {
+        let newContent =
+            ` 
+            import Vue from "vue"
+            import VueCustomElement from "vue-custom-element"
+            Vue.use(VueCustomElement);
+             
+            import index from "./` + buildFileName + `"
+            Vue.customElement('`+ component + `', index,{ destroyTimeout: ${this.options.devConsoleConfig.destroyTimeout || 5 * 60 * 1000} });
+        `
+
+        fs.writeFileSync(`plugin/${plginTemp}.js`, newContent);
+    }
+    /**
+     * 编译文件，将vue编译为js文件
+     * @param {编译对象信息} obj 
+     */
+    build(obj, config, plginTemp) {
+        console.log(chalk.green('编译中，请稍后...'));
+        exec('npx vue-cli-service build --target lib --name ' + obj.component + `  --dest build plugin/${plginTemp}.js`, async (error, stdout, stderr) => {
+            if (error) {
+                console.log('编译失败：', error);
+                console.log(chalk.red('编译失败：' + stdout));
+                return;
+            } else {
+                console.log(chalk.green('编译成功！'));
+                console.log();
+                await this.upload(obj, config)
+                fs.unlinkSync(`plugin/${plginTemp}.js`);
+            }
+        })
+    }
+    /**
+    * 将文件上传
+    */
+    async upload(obj, header) {
+        console.log(chalk.green('发布中，请稍后...'));
+        let jsContent = "";
+        try {
+            jsContent = fs.readFileSync(path.join("build", obj.component + ".umd.min.js"), 'utf8')
+        } catch (err) {
+            console.error(err)
+            return;
+        }
+        let body = {
+            "compLabel": obj.compName,
+            "compUniName": obj.component,
+            "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  过滤结果
+    */
+    getVueContent(buildFileName) {
+        const jsPath = "plugin";
+        return path.join(jsPath, buildFileName);
+    }
+}
 module.exports = Builder;