@lcap/nasl-unified-frontend-generator 4.0.1-rc.0 → 4.1.0-beta.2

package/dist/playground.mjs

@@ -11,9 +11,16 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -30,6 +37,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
@@ -2245,6 +2253,75 @@ var require_lib = __commonJS({
   }
 });
 
+// src/plugins/templates/auto-reload.js
+var auto_reload_exports = {};
+__export(auto_reload_exports, {
+  default: () => auto_reload_default
+});
+var auto_reload_default;
+var init_auto_reload = __esm({
+  "src/plugins/templates/auto-reload.js"() {
+    "use strict";
+    auto_reload_default = `
+const dom = document.createElement('div');
+dom.classList = "lcap-deploy-loading-container";
+dom.style.display = 'none';
+dom.innerHTML = "<div class='lcap-deploy-loading-icon'></div><div>\u6B63\u5728\u66F4\u65B0\u6700\u65B0\u53D1\u5E03\u5185\u5BB9...</div>";
+document.getElementsByTagName('body')[0].appendChild(dom);
+
+const style = document.createElement('style');
+style.innerHTML = \`.lcap-deploy-loading-container {
+    width: 208px;
+    height: 40px;
+    background: rgba(48, 48, 48, 0.8);
+    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    position: fixed;
+    top: 120px;
+    left: 50%;
+    margin-left: -104px;
+    color: #FFFFFF;
+    font-size: 14px;
+    justify-content: center;
+    align-items: center;
+}
+
+.lcap-deploy-loading-icon{
+    width: 12px;
+    height: 12px;
+    margin-right: 10px;
+    animation: loading-animation 0.8s infinite linear;
+    border: 2px solid #f3f3f3;
+    border-top: 2px solid rgb(109, 108, 108);
+    border-right: 2px solid rgb(109, 108, 108);
+    border-bottom: 2px solid rgb(109, 108, 108);
+    border-radius: 50%;
+}
+
+@keyframes loading-animation{
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}\`;
+document.getElementsByTagName('body')[0].appendChild(style);
+
+window.addEventListener('message', function (e) {
+    if(e.data ==="release-start"){
+      document.querySelector(".lcap-deploy-loading-container").style.display ="flex"
+    }
+
+    if(e.data==="release-end"){
+      document.querySelector(".lcap-deploy-loading-container").style.display ="none"
+      window.location.reload();
+    }
+});
+`;
+  }
+});
+
 // playground/helper.ts
 var import_fs_extra = __toESM(require_lib());
 import { readFileSync } from "node:fs";
@@ -9185,11 +9262,11 @@ async function downloadDependenciesToLcapModules(feDeps, fs, config2) {
     }
     let packageJson = fs.read("/package.json")?.toString();
     packageJson = JSON.parse(packageJson);
-    if (!packageJson.dependencies) {
-      packageJson.dependencies = {};
+    if (!packageJson.lcap_modules) {
+      packageJson.lcap_modules = {};
     }
     downloadedDeps.forEach(({ pkgName, targetPath }) => {
-      packageJson.dependencies[pkgName] = `.${targetPath}`;
+      packageJson.lcap_modules[pkgName] = `.${targetPath}`;
     });
     fs.write("/package.json", JSON.stringify(packageJson, null, 2));
     logger15.info("\u4E0B\u8F7D\u524D\u7AEF\u4F9D\u8D56\u5E93\u5230 lcap_modules \u76EE\u5F55\u5B8C\u6210");
@@ -9465,7 +9542,7 @@ export function loadAssets(){
   generateEntry(ir) {
     const entryScript = this.microFrontendManager.produceScript(ir);
     const publicPathScript = this.microFrontendManager.producePublicPathScript(ir);
-    const code = `
+    let code = `
     export function startApp(){
       if(window.LcapMicro){
         // \u5DF2\u7ECF\u88AB\u52A0\u8F7D\u4E8E\u5FAE\u524D\u7AEF\u73AF\u5883
@@ -9476,6 +9553,11 @@ export function loadAssets(){
       }
     }
     `;
+    const { env, isExport } = ir.configs.config;
+    if (!isExport && env === "dev") {
+      const autoReloadScript = (init_auto_reload(), __toCommonJS(auto_reload_exports));
+      code += autoReloadScript?.default || autoReloadScript;
+    }
     const imports = [
       {
         from: "../init"
@@ -9653,7 +9735,7 @@ var Vue3EntryBuilderPlugin = class {
   buildEntry(ir) {
     const entryScript = this.microFrontendManager.produceScript(ir);
     const publicPathScript = this.microFrontendManager.producePublicPathScript(ir);
-    const code = `
+    let code = `
       if(window.LcapMicro){
         // \u5DF2\u7ECF\u88AB\u52A0\u8F7D\u4E8E\u5FAE\u524D\u7AEF\u73AF\u5883
         renderApp();
@@ -9671,6 +9753,11 @@ var Vue3EntryBuilderPlugin = class {
         from: "./public-path"
       } : void 0
     ].filter(isNotNil);
+    const { env, isExport } = ir.configs.config;
+    if (!isExport && env === "dev") {
+      const autoReloadScript = (init_auto_reload(), __toCommonJS(auto_reload_exports));
+      code += autoReloadScript?.default || autoReloadScript;
+    }
     return [
       new ReactFileDescription("main.ts", imports, [], [code]),
       publicPathScript ? new ReactFileDescription("public-path.ts", [], [], [publicPathScript]) : void 0
@@ -10119,6 +10206,36 @@ async function translateNASLToApp(app, frontend, config2, baseDir = "./out", con
   const logger15 = Logger("\u7FFB\u8BD1\u8FC7\u7A0B");
   logger15.debug({ config: config2 });
   async function genCode() {
+    const { needCompileViews = [] } = config2;
+    if (needCompileViews?.length > 0) {
+      let traverseChildren2 = function(view, callback) {
+        if (view.children?.length > 0) {
+          [...view.children].forEach((childView) => {
+            const deep = callback(childView);
+            if (deep) {
+              traverseChildren2(childView, callback);
+            }
+          });
+        }
+      };
+      var traverseChildren = traverseChildren2;
+      logger15.info("\u5F00\u59CB\u6309\u9700\u7FFB\u8BD1\u9875\u9762");
+      [...frontend.views].forEach((view) => {
+        if (!needCompileViews.includes(view.nodePath)) {
+          view.delete();
+          console.log(`\u5220\u9664\u9875\u9762 ${view.nodePath}\uFF0C\u56E0\u4E3A\u5B83\u4E0D\u5728 needCompileViews \u4E2D`);
+        } else {
+          traverseChildren2(view, (childView) => {
+            if (!needCompileViews.includes(childView.nodePath)) {
+              childView.delete();
+              return false;
+            }
+            return true;
+          });
+        }
+      });
+      logger15.info("\u7ED3\u675F\u6309\u9700\u7FFB\u8BD1\u9875\u9762");
+    }
     logger15.info("\u5F00\u59CB\u7FFB\u8BD1");
     try {
       const codeList2 = await container.get(ServiceMetaKind.NASLTranspiler).transpile({