cloudcc-cli 1.6.4 → 1.6.6

package/src/plugin/publish.js

@@ -1,298 +1,265 @@
-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")
-const BaseUrl = "https://developer.apis.cloudcc.cn"
-const { getPackageJson } = require("../../utils/utils")
-
-/**
- * 自定义组件，组件打包命令，将组件打包发布到服务器。
- */
-class Builder {
-    constructor() {
-        this.options = {
-            // 开发配置信息
-            devConsoleConfig: {
-            },
-        }
-        this.plugin = process.argv.splice(2)[0]
-    }
-    async init() {
-        let res = await checkUpdate();
-        if (!res) {
-            this.options.devConsoleConfig = 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)
-    }
-    /**
-     * 请求用户token
-     * @param {用户信息} devConsoleConfig
-     * @returns token
-     */
-    async getToken(devConsoleConfig) {
-        let res = await post(this.options.devConsoleConfig.baseUrl || 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 ")
-            console.log()
-            console.log(chalk.yellow("警告：style中缺少scoped属性，可能会造成样式全局污染，建议修复。"));
-            console.log()
-        }
-        // 去除空格
-        // 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})`)()
-        // 如果propObj不存在，那么初始一个空对象
-        if (!data.propObj) {
-            data.propObj = {};
-            data.propOption = {};
-        }
-        // 如果events不存在，那么初始一个空对象
-        if (!data.events) {
-            data.events = {};
-            data.eventsOption = {};
-        }
-        // 如果style不存在，那么初始一个空对象
-        if (!data.style) {
-            data.style = {
-                unit: "px",
-                width: 72,
-                height: 38,
-                top: 0,
-                left: 0,
-                rotate: 0,
-                opacity: 1,
-            };
-            data.styleOption = {
-                word: {
-                    lable: "label.help",
-                    type: "word",
-                    link: "https://zucfl0psd6.feishu.cn/wiki/wikcnlXGFHfXw5LgAWbDcJXTFyd",
-                },
-                unit: {
-                    lable: "label.custom.unit",
-                    type: "option",
-                    options: [
-                        {
-                            value: "px",
-                            label: "label.custom.pixel",
-                        },
-                        {
-                            value: "%",
-                            label: "label.percent",
-                        },
-                        {
-                            value: "hw",
-                            label: "label.custom.viewport",
-                        },
-                    ],
-                },
-                width: {
-                    lable: "label.custom.width",
-                    type: "input",
-                    inputType: "number",
-                },
-                height: {
-                    lable: "label.custom.height",
-                    type: "input",
-                    inputType: "number",
-                },
-                top: {
-                    lable: "label.dev.y.coordinate",
-                    type: "input",
-                    inputType: "number",
-                },
-                left: {
-                    lable: "label.dev.x.coordinate",
-                    type: "input",
-                    inputType: "number",
-                },
-            };
-        }
-        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 // 组件状态
-        let loadModel = data.componentInfo.loadModel // 组件加载模式，按需加载（lazy），启动加载（start）。
-        return { compName, component, vueContent, vueData, bizType, compDesc, category, loadModel }
-    };
-    /**
-     * 
-     * @param {string} buildFileName 编译文件入口
-     * @param {string} component 编译后组件的名字
-     * @param {string} plginTemp 生成模板代码存储路径
-     */
-    initPluginFile(buildFileName, component, plginTemp) {
-        this.initPluginFile1(buildFileName, component, plginTemp)
-    }
-    /**
-     * 生成依赖文件，vue-custom-element
-     * @param {编译的文件名称} buildFileName
-     * @param {编译后的组件名称} component
-     */
-    initPluginFile1(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 || 20 * 60 * 1000} });
-        `
-
-        fs.writeFileSync(`plugin/${plginTemp}.js`, newContent);
-    }
-
-    /**
-     * 生成依赖文件
-     * @param {编译的文件名称} buildFileName
-     * @param {编译后的组件名称} component
-     */
-    initPluginFile2(buildFileName, component, plginTemp) {
-        let newContent =
-            ` 
-            import index from "./${buildFileName}"
-            function install(Vue) {
-                Vue.component('${component}', index);
-            }
-            export default install;
-            if (typeof window !== 'undefined' && window.Vue) {
-                console.log("install装载",install)
-                window.Vue.use(install);
-                if (install.installed) {
-                    install.installed = false;
-                }
-            }
-        `
-        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,
-            "loadModel": obj.loadModel || "lazy",
-            "belongOrgFlag": this.options.devConsoleConfig.belongOrgFlag || "custom" //belongOrgFlag: 所属单位标识，std：官方的组件（神州云动）；custom：第三方的组件
-        }
-        // 服务名
-        let devSvcDispatch = this.options.devConsoleConfig.devSvcDispatch || '/devconsole'
-        let res = await post(`${this.options.devConsoleConfig.baseUrl || BaseUrl}${devSvcDispatch}/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;
+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")
+
+const { checkUpdate } = require("../../utils/checkVersion")
+const BaseUrl = "https://developer.apis.cloudcc.cn"
+const { getPackageJson } = require("../../utils/utils")
+
+
+class Builder {
+    constructor() {
+        this.options = {
+            
+            devConsoleConfig: {
+            },
+        }
+        this.plugin = process.argv.splice(2)[0]
+    }
+    async init() {
+        let res = await checkUpdate();
+        if (!res) {
+            this.options.devConsoleConfig = getPackageJson();
+            let config = this.options.devConsoleConfig
+            
+            if ("private" != this.options.devConsoleConfig.version) { 
+                config = { "accessToken": await this.getToken(config) };
+            }
+            
+            let answers;
+            if (this.plugin) {
+                answers = { buildFileName: this.plugin }
+            } else {
+                answers = await this.ask();
+            }
+            
+            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")
+            }
+        }
+    }
+    
+    ask() {
+        const prompt = [];
+        prompt.push({
+            type: "input",
+            name: "buildFileName",
+            message: "Please enter the file name to be compiled, such as index.vue",
+        })
+        return inquirer.prompt(prompt)
+    }
+    
+    async getToken(devConsoleConfig) {
+        let res = await post(this.options.devConsoleConfig.baseUrl || BaseUrl + "/sysconfig/auth/pc/1.0/post/tokenInfo", devConsoleConfig);
+        if (res.returnCode == 200) {
+            return res.data.accessToken;
+        } else {
+            console.error(chalk.red(`Login failed`, JSON.stringify(res)));
+            return null;
+        }
+    }
+
+    
+    getVueValue(buildFileName) {
+        let vueContent = fs.readFileSync(this.getVueContent(buildFileName), 'utf8');
+        let vueData = vueContent + ""
+        
+        if (!vueContent.includes("scoped")) {
+            
+            console.log()
+            console.log(chalk.yellow("Warning: The scoped attribute is missing in style, which may cause global style pollution. It is recommended to fix it。"));
+            console.log()
+        }
+        
+        
+        
+        
+        vueData = vueData.split("data()")[1].split("isLock:")[0] + "isLock:false,};}";
+        vueData = "function data()" + vueData;
+        const data = eval(`(${vueData})`)()
+        
+        if (!data.propObj) {
+            data.propObj = {};
+            data.propOption = {};
+        }
+        
+        if (!data.events) {
+            data.events = {};
+            data.eventsOption = {};
+        }
+        
+        if (!data.style) {
+            data.style = {
+                unit: "px",
+                width: 72,
+                height: 38,
+                top: 0,
+                left: 0,
+                rotate: 0,
+                opacity: 1,
+            };
+            data.styleOption = {
+                word: {
+                    lable: "label.help",
+                    type: "word",
+                    link: "https://google.com",
+                },
+                unit: {
+                    lable: "label.custom.unit",
+                    type: "option",
+                    options: [
+                        {
+                            value: "px",
+                            label: "label.custom.pixel",
+                        },
+                        {
+                            value: "%",
+                            label: "label.percent",
+                        },
+                        {
+                            value: "hw",
+                            label: "label.custom.viewport",
+                        },
+                    ],
+                },
+                width: {
+                    lable: "label.custom.width",
+                    type: "input",
+                    inputType: "number",
+                },
+                height: {
+                    lable: "label.custom.height",
+                    type: "input",
+                    inputType: "number",
+                },
+                top: {
+                    lable: "label.dev.y.coordinate",
+                    type: "input",
+                    inputType: "number",
+                },
+                left: {
+                    lable: "label.dev.x.coordinate",
+                    type: "input",
+                    inputType: "number",
+                },
+            };
+        }
+        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 
+        let loadModel = data.componentInfo.loadModel 
+        return { compName, component, vueContent, vueData, bizType, compDesc, category, loadModel }
+    };
+    
+    initPluginFile(buildFileName, component, plginTemp) {
+        this.initPluginFile1(buildFileName, component, plginTemp)
+    }
+    
+    initPluginFile1(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 || 20 * 60 * 1000} });
+        `
+
+        fs.writeFileSync(`plugin/${plginTemp}.js`, newContent);
+    }
+
+    
+    initPluginFile2(buildFileName, component, plginTemp) {
+        let newContent =
+            ` 
+            import index from "./${buildFileName}"
+            function install(Vue) {
+                Vue.component('${component}', index);
+            }
+            export default install;
+            if (typeof window !== 'undefined' && window.Vue) {
+                window.Vue.use(install);
+                if (install.installed) {
+                    install.installed = false;
+                }
+            }
+        `
+        fs.writeFileSync(`plugin/${plginTemp}.js`, newContent);
+    }
+
+    
+    build(obj, config, plginTemp) {
+        console.log(chalk.green('Compiling, Please Wait...'));
+        exec('npx vue-cli-service build --target lib --name ' + obj.component + `  --dest build plugin/${plginTemp}.js`, async (error, stdout, stderr) => {
+            if (error) {
+                console.log('Compilation Failed：', error);
+                console.log(chalk.red('Compilation Failed：' + stdout));
+                return;
+            } else {
+                console.log(chalk.green('Compilation Successful！'));
+                console.log();
+                await this.upload(obj, config)
+                fs.unlinkSync(`plugin/${plginTemp}.js`);
+            }
+        })
+    }
+    
+    async upload(obj, header) {
+        console.log(chalk.green('Posting, please wait...'));
+        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,
+            "loadModel": obj.loadModel || "lazy",
+            "belongOrgFlag": this.options.devConsoleConfig.belongOrgFlag || "custom" 
+        }
+        
+        let devSvcDispatch = this.options.devConsoleConfig.devSvcDispatch || '/devconsole'
+        let res = await post(`${this.options.devConsoleConfig.baseUrl || BaseUrl}${devSvcDispatch}/custom/pc/1.0/post/insertCustomComp`,
+            body, header);
+        if (res.returnCode == 200) {
+            console.error(chalk.green(`Success！`));
+            console.log();
+        } else {
+            console.error(chalk.red(`Fail: ${res.returnInfo}`));
+            console.log();
+        }
+        return res;
+    }
+
+    
+    getVueContent(buildFileName) {
+        const jsPath = "plugin";
+        return path.join(jsPath, buildFileName);
+    }
+}
+module.exports = Builder;