cloudcc-cli 1.8.7 → 1.8.9

package/src/plugin/publish.js

@@ -1,267 +1,267 @@
-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/config.js")
-
-
-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) {
-                let token = await this.getToken(config);
-                if (token) {
-                    config = { "accessToken": token };
-                } else {
-                    return;
-                }
-            }
-
-            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\s*\(\s*\)/)[1].split(/isLock\s*:/)[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;
+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/config.js")
+
+
+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) {
+                let token = await this.getToken(config);
+                if (token) {
+                    config = { "accessToken": token };
+                } else {
+                    return;
+                }
+            }
+
+            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\s*\(\s*\)/)[1].split(/isLock\s*:/)[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;