@lcap/nasl 2.18.0-beta.4 → 2.18.0

package/src/generator/dist/genBundleFiles.js

@@ -0,0 +1,414 @@
+"use strict";
+exports.__esModule = true;
+exports.genBundleFiles = void 0;
+var concepts_1 = require("../concepts");
+var utils = require("../utils");
+var _1 = require(".");
+var compileComponent_1 = require("./compileComponent");
+var JSON5 = require("json5");
+var prettier = require("prettier");
+// @ts-ignore:next-line
+var parserBabel = require("prettier/parser-babel");
+var UglifyJS = require("uglify-js-export");
+function genBundleFiles(app, config) {
+    var _a;
+    var _b, _c, _d;
+    var fnNuimsDomain = ((_b = config === null || config === void 0 ? void 0 : config.envNuimsDomain) === null || _b === void 0 ? void 0 : _b[config === null || config === void 0 ? void 0 : config.env]) || (config === null || config === void 0 ? void 0 : config.nuimsDomain);
+    var fnLowcodeDomain = ((_d = (_c = config === null || config === void 0 ? void 0 : config.envLcpDomain) === null || _c === void 0 ? void 0 : _c[config === null || config === void 0 ? void 0 : config.env]) === null || _d === void 0 ? void 0 : _d.lcpDomain) || (config === null || config === void 0 ? void 0 : config.lowcodeDomain);
+    var modules = [];
+    var views = [];
+    var entities = [];
+    var structures = [];
+    var enums = [];
+    var logics = [];
+    var interfaces = [];
+    var processes = [];
+    app.views && views.push.apply(views, app.views);
+    if (Array.isArray(app.dataSources)) {
+        app.dataSources.forEach(function (dataSource) {
+            if (Array.isArray(dataSource.entities)) {
+                entities.push.apply(entities, dataSource.entities);
+            }
+        });
+    }
+    app.structures && structures.push.apply(structures, app.structures);
+    app.enums && enums.push.apply(enums, app.enums);
+    app.logics && logics.push.apply(logics, app.logics);
+    app.processes && processes.push.apply(processes, app.processes);
+    app.dependencies && modules.push.apply(modules, app.dependencies);
+    app.interfaceDependencies && modules.push.apply(modules, app.interfaceDependencies);
+    modules.forEach(function (module) {
+        module.views && views.push.apply(views, module.views);
+        module.structures && structures.push.apply(structures, module.structures);
+        module.enums && enums.push.apply(enums, module.enums);
+        module.logics && logics.push.apply(logics, module.logics);
+        module.interfaces && interfaces.push.apply(interfaces, module.interfaces);
+        if (Array.isArray(module.dataSources)) {
+            module.dataSources.forEach(function (dataSource) {
+                if (Array.isArray(dataSource.entities)) {
+                    entities.push.apply(entities, dataSource.entities);
+                }
+            });
+        }
+    });
+    var componentMap = {};
+    utils.traverse(function (current) {
+        if (current.node.toVueOptions)
+            componentMap[current.node.id] = current.node.toVueOptions();
+    }, {
+        node: {
+            children: views
+        }
+    });
+    /**
+     * vue.config.js page options
+     */
+    var routes = [];
+    var dataTypes = [];
+    var dataTypesMap = {};
+    var frontendVariables = app.frontendVariables;
+    var enumsMap = {};
+    var logicsMap = {};
+    var _custom = {};
+    var allLogics = [];
+    // 开启了权限的页面
+    var authResourceViews = [];
+    var baseResourcePaths = [];
+    var rootViewData = [];
+    var defaultRoute = '';
+    // 遍历页面
+    var traverseViews = function (view, isParentViewAuth) {
+        var parentNode = view.parentNode || {};
+        var isRootView = parentNode.concept !== 'View';
+        var viewName = view.name;
+        // 页面是否需要权限，如果父页面需要权限，子页面也一定需要
+        var isViewAuth = isParentViewAuth || view.auth;
+        // 路由地址
+        var routePath = viewName;
+        if (isRootView) {
+            rootViewData.push({ name: viewName, title: view.title || viewName, isIndex: view.isIndex });
+            routePath = "/" + viewName;
+            if (!isViewAuth) {
+                if (viewName === 'notFound') {
+                    defaultRoute = routePath;
+                }
+                if (view.isIndex) {
+                    if (!defaultRoute) {
+                        defaultRoute = routePath;
+                    }
+                }
+            }
+        }
+        var route = {
+            path: routePath,
+            component: compileComponent_1.compileComponent(componentMap[view.id]),
+            children: []
+        };
+        var viewChildren = view.children;
+        if (Array.isArray(viewChildren) && viewChildren.length) {
+            for (var i = 0; i < viewChildren.length; i++) {
+                var subView = viewChildren[i];
+                var subViewRoute = traverseViews(subView, isViewAuth).route;
+                route.children.push(subViewRoute);
+                if (subView.isIndex) {
+                    route.children.push({
+                        path: '',
+                        redirect: "'" + subView.name + "'"
+                    });
+                }
+            }
+        }
+        var viewPath = view.path;
+        if (isViewAuth) {
+            authResourceViews.push(view);
+        }
+        if (!isViewAuth) {
+            baseResourcePaths.push(viewPath);
+        }
+        return {
+            route: route,
+            isViewAuth: isViewAuth
+        };
+    };
+    // 页面
+    views.forEach(function (view) {
+        var route = traverseViews(view).route;
+        routes.push(route);
+        if (view.isIndex) {
+            routes.push({
+                path: '/',
+                redirect: "'/" + view.name + "'"
+            });
+        }
+    });
+    var authResourcePathMap = {};
+    // 默认跳转子页面开启权限的情况，需要把父页面也都加入权限校验列表
+    if (Array.isArray(authResourceViews)) {
+        authResourceViews.forEach(function (authResourceView) {
+            if (authResourceView) {
+                authResourcePathMap[authResourceView.path] = true;
+                var viewNode = authResourceView;
+                while (viewNode.concept === 'View' && viewNode.isIndex) {
+                    var parentViewNode = viewNode.parentNode;
+                    if (parentViewNode.concept === 'View') {
+                        authResourcePathMap[parentViewNode.path] = true;
+                    }
+                    else { // viewNode是根页面
+                        authResourcePathMap['/'] = true;
+                    }
+                    viewNode = parentViewNode;
+                }
+            }
+        });
+    }
+    var authResourcePaths = Object.keys(authResourcePathMap);
+    function routeToString(route) {
+        var _a, _b;
+        var content = "{\n            path: '" + route.path + "',\n";
+        if ((_a = route === null || route === void 0 ? void 0 : route.component) === null || _a === void 0 ? void 0 : _a.script) {
+            content += "component: (function(){\n                var componentOptions = " + (route.component.script ? '(function(){\n' + route.component.script.trim().replace(/export default |module\.exports +=/, 'return ') + '\n})()' : '{}') + ";\n                Object.assign(componentOptions, {\n                    template: `" + route.component.template.replace(/[`$]/g, function (m) { return '\\' + m; }) + "`,\n                });\n                return componentOptions;\n            })(),\n";
+        }
+        if ((_b = route === null || route === void 0 ? void 0 : route.children) === null || _b === void 0 ? void 0 : _b.length) {
+            content += "children: [\n                " + route.children.map(routeToString).join(',\n') + "\n            ],\n";
+        }
+        if (route === null || route === void 0 ? void 0 : route.redirect) {
+            content += "redirect: " + (route === null || route === void 0 ? void 0 : route.redirect) + ",\n";
+        }
+        content += '}';
+        return content;
+    }
+    var routesStr = '[';
+    routes.forEach(function (route) {
+        routesStr += routeToString(route) + ",\n";
+    });
+    if (defaultRoute) {
+        routesStr += "{\n            path: '*',\n            redirect: '" + defaultRoute + "',\n        }\n";
+    }
+    routesStr += ']';
+    if (Array.isArray(enums)) {
+        dataTypes.push.apply(dataTypes, enums);
+        enums.forEach(function (node) {
+            var _a = node || {}, name = _a.name, enumItems = _a.enumItems;
+            if (node.module) {
+                name = "extensions." + node.module.name + ".enums." + name;
+            }
+            var enumObj = {};
+            enumItems.forEach(function (_a) {
+                var label = _a.label, value = _a.value;
+                enumObj[value] = label;
+            });
+            enumsMap[name] = enumObj;
+        });
+    }
+    if (Array.isArray(entities)) {
+        dataTypes.push.apply(dataTypes, entities);
+        entities.forEach(function (entity) {
+            var ns = entity.ns;
+            if (Array.isArray(ns === null || ns === void 0 ? void 0 : ns.logics)) {
+                allLogics.push.apply(allLogics, ns.logics);
+            }
+        });
+    }
+    if (Array.isArray(structures)) {
+        dataTypes.push.apply(dataTypes, structures);
+    }
+    dataTypes.forEach(function (node) {
+        var _a;
+        var namespace = node.getNamespace();
+        var id = namespace + "." + node.name;
+        dataTypesMap[id] = (_a = node.toJSON) === null || _a === void 0 ? void 0 : _a.call(node);
+    });
+    [
+        {
+            namespace: 'nasl.ui',
+            list: concepts_1.uiStructures
+        },
+        {
+            namespace: 'nasl.collection',
+            list: concepts_1.collectionStructures
+        },
+        {
+            namespace: 'nasl.interface',
+            list: concepts_1.interfaceStructures
+        },
+        {
+            namespace: 'nasl.process',
+            list: concepts_1.processStructures
+        },
+    ].forEach(function (item) {
+        var _a = item || {}, namespace = _a.namespace, list = _a.list;
+        if (Array.isArray(list)) {
+            list.forEach(function (node) {
+                var _a;
+                var id = namespace + "." + node.name;
+                dataTypesMap[id] = (_a = node.toJSON) === null || _a === void 0 ? void 0 : _a.call(node);
+            });
+        }
+    });
+    if (Array.isArray(logics)) {
+        allLogics.push.apply(allLogics, logics);
+    }
+    allLogics.forEach(function (node) {
+        var namespace = node.getNamespace();
+        var id = namespace ? namespace + "." + node.name : node.name;
+        logicsMap[id] = node.toService();
+    });
+    processes.forEach(function (process) {
+        if (Array.isArray(process.logics)) {
+            process.logics.forEach(function (node) {
+                var namespace = node.getNamespace();
+                var id = namespace ? namespace + "." + node.name : node.name;
+                logicsMap[id] = node.toProcessService();
+            });
+        }
+    });
+    interfaces.forEach(function (interfaceItem) {
+        _custom[interfaceItem.getNamespace() + "." + interfaceItem.name] = interfaceItem.toService();
+    });
+    var platformConfig = JSON5.stringify({
+        appConfig: {
+            project: app.name,
+            domainName: app.name,
+            nuimsDomain: fnNuimsDomain,
+            envNuimsDomain: config.envNuimsDomain,
+            tenantType: config.tenantType,
+            tenantLevel: config.tenantLevel,
+            extendedConfig: config.extendedConfig,
+            envConfig: {
+                lowcodeDomain: fnLowcodeDomain
+            },
+            tenant: config.tenant,
+            documentTitle: app.documentTitle,
+            rootViewData: rootViewData
+        },
+        dnsAddr: app.dnsAddr,
+        devDnsAddr: config.devDnsAddr,
+        tenant: config.tenant,
+        env: config.env,
+        hasUserCenter: app.hasUserCenter,
+        hasAuth: app.hasAuth,
+        authResourcePaths: authResourcePaths,
+        baseResourcePaths: baseResourcePaths,
+        miniEnable: config.miniEnable
+    }, null, 4);
+    function collectTypeAnnotation(typeAnnotation) {
+        var _a;
+        if (typeAnnotation) {
+            var _b = typeAnnotation || {}, sortedTypeKey = _b.sortedTypeKey, properties = _b.properties, typeArguments = _b.typeArguments;
+            if (!dataTypesMap[sortedTypeKey]) {
+                dataTypesMap[sortedTypeKey] = (_a = typeAnnotation === null || typeAnnotation === void 0 ? void 0 : typeAnnotation.toJSON) === null || _a === void 0 ? void 0 : _a.call(typeAnnotation);
+            }
+            if (Array.isArray(properties)) {
+                properties.forEach(function (property) {
+                    collectTypeAnnotation(property === null || property === void 0 ? void 0 : property.typeAnnotation);
+                });
+            }
+            if (Array.isArray(typeArguments)) {
+                typeArguments.forEach(function (typeArg) {
+                    collectTypeAnnotation(typeArg);
+                });
+            }
+        }
+    }
+    utils.traverse(function (current) {
+        var node = (current || {}).node;
+        var concept = (node || {}).concept;
+        var typeAnnotation;
+        if (['Param', 'Variable', 'Return', 'CallFunction', 'CallInterface', 'CallLogic'].includes(concept)) {
+            typeAnnotation = node.typeAnnotation || node.__TypeAnnotation;
+        }
+        collectTypeAnnotation(typeAnnotation);
+    }, {
+        node: {
+            children: views
+        }
+    }, {
+        mode: 'anyObject',
+        excludedKeySet: new Set([
+            'parentNode',
+            'sourceMap',
+            'storageJSON',
+            'tsErrorDetail',
+            'NaslAnnotatedJSON',
+            'calledFrom',
+            '_events',
+            '_collectingList',
+            '_historyList',
+        ])
+    });
+    var metaData = JSON5.stringify({
+        frontendVariables: frontendVariables,
+        dataTypesMap: dataTypesMap,
+        enumsMap: enumsMap,
+        logicsMap: logicsMap,
+        servicesMap: {
+            _custom: _custom
+        }
+    });
+    var assetsInfo = app.genAllAssetsInfo(config.STATIC_URL);
+    var customNames = JSON5.stringify(assetsInfo.custom.names);
+    var content = "(function(){\n        ";
+    var themeCSS = app.genThemeCSS();
+    if (themeCSS) {
+        content += "{\n                            const el = document.createElement('style');\n                            el.id = 'theme';\n                            el.innerHTML = `" + themeCSS + "`;\n                            document.head.appendChild(el);\n                        }\n        ";
+    }
+    if (app.documentIcon) {
+        content += "{\n            const link = document.createElement('link');\n            link.rel = 'shortcut icon';\n            link.href = `" + app.documentIcon + "`;\n            document.head.appendChild(link);\n        }";
+    }
+    content += "\n    var customNames = " + customNames + ";\n    for(var i=0;i<customNames.length;i++){\n        var name = window.kebab2Camel(customNames[i]);\n        if(window[name]){\n            window.CloudUI.install(window.Vue, window[name]);\n        }\n    }";
+    content += "\n        var platformConfig = " + platformConfig + ";\n        var metaData = " + metaData + ";\n        var routes = " + routesStr + ";\n\n        window.createLcapApp = () => window.appVM = window.cloudAdminDesigner.init(platformConfig.appConfig, platformConfig, routes, metaData);\n        window.createLcapApp();\n    })();";
+    if (config.env === 'dev') {
+        // 加载资源js
+        var domain = fnLowcodeDomain.slice(fnLowcodeDomain.indexOf('.') + 1);
+        var targetUrl = location.origin + "/empty?url=" + domain + "&appid=" + config.appid;
+        var str = "\n       if(!document.querySelector(\"iframe[name='iframeEmpty']\")){\n            var el = document.createElement('iframe');\n            el.setAttribute('src', \"" + targetUrl + "\");\n            el.setAttribute('name', 'iframeEmpty');\n            el.setAttribute('width', 0);\n            el.setAttribute('height', 0);\n            el.style.borderWidth = 0\n            el.style.display= \"block\"\n            document.getElementsByTagName('body')[0].appendChild(el);\n            document.domain = '" + domain + "'\n            var _div = document.createElement('div');\n            _div.classList = \"div-load\"\n            _div.innerHTML = \"<div class='loading-container'></div><div>\u6B63\u5728\u66F4\u65B0\u6700\u65B0\u53D1\u5E03\u5185\u5BB9...</div>\"\n            document.getElementsByTagName('body')[0].appendChild(_div);\n            window.showLoading  = function(){\n                document.querySelector(\".div-load\").style.display =\"flex\"\n            }\n            window.hideLoading  = function(){\n                document.querySelector(\".div-load\").style.display =\"none\"\n            }\n            var style = document.createElement('style');\n            style.innerHTML=`.div-load{\n        width: 208px;\n        height: 40px;\n        background: rgba(48, 48, 48, 0.8);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n        border-radius: 4px;\n        position: fixed;\n        top: 120px;\n        left: 50%;\n        margin-left: -104px;\n        color: #FFFFFF;\n        font-size: 14px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .loading-container{\n               width: 12px;\n               height: 12px;\n               margin-right: 10px;\n               animation: loading-animation 0.8s infinite linear;\n               border: 2px solid #f3f3f3;\n               border-top: 2px solid rgb(109, 108, 108);\n               border-right: 2px solid rgb(109, 108, 108);\n               border-bottom: 2px solid rgb(109, 108, 108);\n               border-radius: 50%;\n           }\n\n           @keyframes loading-animation{\n               0% {\n                   transform: rotate(0deg);\n               }\n               100% {\n                   transform: rotate(360deg);\n               }\n           }`\n            document.getElementsByTagName('body')[0].appendChild(style);\n        }\n         ";
+        content += str;
+    }
+    var bundlePath = config.USER_STATIC_URL + "/" + config.tenant + "/" + app.id + "/" + config.env + "/bundle." + _1.genHash(content) + ".js";
+    var bundleSourceMapPath = bundlePath + ".map";
+    var bundleMinPath = config.USER_STATIC_URL + "/" + config.tenant + "/" + app.id + "/" + config.env + "/bundle." + _1.genHash(content) + ".min.js";
+    var otherJsList = config.miniEnable ? ['//res.wx.qq.com/open/js/jweixin-1.3.2.js'] : [];
+    var assetsContent = "(function() {\n    LazyLoad.js(" + JSON5.stringify(assetsInfo.basic.js.concat(assetsInfo.custom.js, otherJsList).concat([bundleMinPath])) + ");\n    LazyLoad.css(" + JSON5.stringify(assetsInfo.basic.css.concat(assetsInfo.custom.css)) + ");\n})()\n";
+    var minifyObj;
+    // 开发环境加上sourceMap
+    if (config.env === 'dev') {
+        content = prettier.format(content, {
+            parser: 'babel',
+            plugins: [parserBabel],
+            tabWidth: 4
+        });
+        minifyObj = UglifyJS.minify((_a = {},
+            _a[bundlePath] = content,
+            _a), {
+            sourceMap: {
+                url: bundleSourceMapPath
+            }
+        });
+    }
+    else {
+        minifyObj = UglifyJS.minify(content);
+    }
+    var outputs = [
+        {
+            name: bundleMinPath,
+            content: minifyObj.code
+        },
+        {
+            name: config.USER_STATIC_URL + "/" + config.tenant + "/" + app.id + "/" + config.env + "/client.js",
+            content: assetsContent
+        },
+    ];
+    // 开发环境加上sourceMap
+    if (config.env === 'dev') {
+        // map和源文件
+        outputs.push({
+            name: bundlePath,
+            content: content
+        }, {
+            name: bundleSourceMapPath,
+            content: minifyObj.map
+        });
+    }
+    return outputs;
+}
+exports.genBundleFiles = genBundleFiles;