@blueking/bk-weweb 0.0.29 → 0.0.30

package/dist/base-app/collect-source.esm.js

@@ -462,7 +462,7 @@ var SandBox = class {
         return Reflect.defineProperty(target, key, value);
       },
       deleteProperty: (target, key) => {
-        if (target.hasOwnProperty(key)) {
+        if (Object.hasOwn(target, key)) {
           this.sameRawWindowKeySet.has(key) && this.sameRawWindowKeySet.delete(key);
           this.inRawWindowKeySet.has(key) && Reflect.deleteProperty(rawWindow, key);
           return Reflect.deleteProperty(target, key);
@@ -485,7 +485,7 @@ var SandBox = class {
           return this.app.iframe.contentWindow?.[key];
         }
         if (key === "hasOwnProperty")
-          return (key2) => this.fakeWindow.hasOwnProperty(key2) || rawWindow.hasOwnProperty(key2);
+          return (key2) => Object.hasOwn(this.fakeWindow, key2) || Object.hasOwn(rawWindow, key2);
         if (key === "top" || key === "parent") {
           if (rawWindow === rawWindow.parent) {
             return this.proxyWindow;
@@ -505,10 +505,10 @@ var SandBox = class {
         return bindFunctionToRawWindow(rawWindow, rawValue);
       },
       getOwnPropertyDescriptor: (target, key) => {
-        if (target.hasOwnProperty(key)) {
+        if (Object.hasOwn(target, key)) {
           return Object.getOwnPropertyDescriptor(target, key);
         }
-        if (rawWindow.hasOwnProperty(key)) {
+        if (Object.hasOwn(rawWindow, key)) {
           windowDescriptorSet.add(key);
           const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
           if (descriptor && !descriptor.configurable) {
@@ -528,7 +528,7 @@ var SandBox = class {
           }
           if (key === "location") {
             Reflect.set(rawWindow, key, value);
-          } else if (!target.hasOwnProperty(key) && rawWindow.hasOwnProperty(key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
+          } else if (!Object.hasOwn(target, key) && Object.hasOwn(rawWindow, key) && !BK_WEWEB_INJECT_KEY_LIST.includes(key)) {
             const descriptor = Object.getOwnPropertyDescriptor(rawWindow, key);
             const { configurable, enumerable, writable } = descriptor;
             if (writable) {
@@ -570,7 +570,7 @@ var SandBox = class {
    * @param data data for sandbox
    * @description active hook for sandbox
    */
-  activeated(data) {
+  activated(data) {
     if (!this.active) {
       this.active = true;
       this.rawDocument = createProxyDocument(document, this.app);
@@ -587,7 +587,9 @@ var SandBox = class {
     if (!this.active) return;
     this.active = false;
     this.resetWindowFunction();
-    this.inRawWindowKeySet.forEach((key) => Reflect.deleteProperty(window, key));
+    for (const key of this.inRawWindowKeySet) {
+      Reflect.deleteProperty(window, key);
+    }
     this.inRawWindowKeySet.clear();
     this.resetDocumentAndBodyEvent?.();
   }
@@ -665,7 +667,7 @@ function resetNewElement(parent, child, app) {
       return child;
     }
     if (replaceInfo.script) {
-      replaceInfo.script.excuteCode(app);
+      replaceInfo.script.executeCode(app);
     }
     if (replaceInfo.replace !== child) {
       return replaceInfo.replace;
@@ -683,7 +685,7 @@ function resetNewElement(parent, child, app) {
             return;
           }
           if (scriptInfo?.script) {
-            scriptInfo.script.excuteCode(app);
+            scriptInfo.script.executeCode(app);
           }
           child.remove();
         } else if (child.textContent) {
@@ -697,7 +699,7 @@ function resetNewElement(parent, child, app) {
           });
           app.source.scripts.set(randomUrl(), scriptInstance);
           try {
-            scriptInstance.excuteCode(app);
+            scriptInstance.executeCode(app);
           } catch (e) {
             console.error(e);
           } finally {
@@ -713,15 +715,15 @@ function resetNewElement(parent, child, app) {
   }
   return child;
 }
-function isSepcailElement(node) {
+function isSpecialElement(node) {
   return node instanceof HTMLScriptElement || node instanceof HTMLStyleElement || node instanceof HTMLLinkElement;
 }
-function elmentAppendHandler(parent, newChild, rawMethod) {
+function elementAppendHandler(parent, newChild, rawMethod) {
   if (newChild.__BK_WEWEB_APP_KEY__) {
     const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
     if (app?.container) {
       const targetChild = resetNewElement(parent, newChild, app);
-      const needKeepAlive = isSepcailElement(newChild) && !!app.keepAlive && !(app.container instanceof ShadowRoot);
+      const needKeepAlive = isSpecialElement(newChild) && !!app.keepAlive && !(app.container instanceof ShadowRoot);
       const container = needKeepAlive ? document.head : app?.container;
       setMarkElement(targetChild, app, needKeepAlive);
       return rawMethod.call(container, targetChild);
@@ -733,7 +735,7 @@ function elementInsertHandler(parent, newChild, passiveChild, rawMethod) {
   if (newChild.__BK_WEWEB_APP_KEY__) {
     const app = appCache.getApp(newChild.__BK_WEWEB_APP_KEY__);
     if (app?.container) {
-      const needKeepAlive = isSepcailElement(newChild) && app.keepAlive && !(app.container instanceof ShadowRoot);
+      const needKeepAlive = isSpecialElement(newChild) && app.keepAlive && !(app.container instanceof ShadowRoot);
       const container = needKeepAlive ? document.head : app?.container;
       const targetChild = resetNewElement(parent, newChild, app);
       if (needKeepAlive) {
@@ -784,15 +786,15 @@ function rewriteBodyAndHeaderMethods() {
     }
   };
   HTMLBodyElement.prototype.appendChild = function appendChildNew(newChild) {
-    if (newChild.__KEEP_ALIVE__ && isSepcailElement(newChild)) return headAppendChild.call(rawHead, newChild);
-    return elmentAppendHandler(this, newChild, bodyAppendChild2);
+    if (newChild.__KEEP_ALIVE__ && isSpecialElement(newChild)) return headAppendChild.call(rawHead, newChild);
+    return elementAppendHandler(this, newChild, bodyAppendChild2);
   };
   HTMLBodyElement.prototype.append = function(...nodes) {
     nodes.forEach((node) => {
-      if (node.__KEEP_ALIVE__ && isSepcailElement(node)) {
+      if (node.__KEEP_ALIVE__ && isSpecialElement(node)) {
         return headAppendChild.call(rawHead, node);
       }
-      elmentAppendHandler(this, node, bodyAppendChild2);
+      elementAppendHandler(this, node, bodyAppendChild2);
     });
   };
   HTMLHeadElement.prototype.appendChild = HTMLBodyElement.prototype.appendChild;
@@ -1142,14 +1144,16 @@ var Style = class {
   }
   createStyleElement() {
     const styleElement = document.createElement("style");
-    if (styleElement.__BK_WEWEB_APP_KEY__) delete styleElement.__BK_WEWEB_APP_KEY__;
+    if (styleElement.__BK_WEWEB_APP_KEY__) {
+      styleElement.__BK_WEWEB_APP_KEY__ = void 0;
+    }
     return styleElement;
   }
   /**
    * @param app 应用实例
    * @returns 返回执行后的style标签
    */
-  async excuteCode(app) {
+  async executeCode(app) {
     app.registerRunningApp();
     let styleElement = this.createStyleElement();
     styleElement.setAttribute("type", "text/css");
@@ -1195,13 +1199,14 @@ var Style = class {
     const result = this.scopeRule(Array.from(rule.cssRules), prefix);
     return `@${packName} ${rule.conditionText} {${result}}`;
   }
-  resetUrlHost(cssText, baseURI, linkpath) {
+  resetUrlHost(cssText, uri, linkPath) {
+    let baseURI = uri;
     return cssText.replace(/url\(["']?([^)"']+)["']?\)/gm, (text, $1) => {
       if (/^(data|blob):/.test($1) || /^(https?:)?\/\//.test($1)) {
         return text;
       }
-      if (/^((\.\.?\/)|[^/])/.test($1) && linkpath) {
-        const pathArr = linkpath.split("/");
+      if (/^((\.\.?\/)|[^/])/.test($1) && linkPath) {
+        const pathArr = linkPath.split("/");
         pathArr.pop();
         baseURI = addUrlProtocol(`${pathArr.join("/")}/`);
       }
@@ -1311,18 +1316,18 @@ var Style = class {
     return styleElement;
   }
 };
-async function excuteAppStyles(app, container) {
+async function executeAppStyles(app, container) {
   const styleList = Array.from(app.source.styles.values());
   const promiseList = [];
-  styleList.forEach((style) => {
-    promiseList.push(style.excuteCode(app));
-  });
+  for (const style of styleList) {
+    promiseList.push(style.executeCode(app));
+  }
   await Promise.all(promiseList).then((styleElementList) => {
-    const parentElemnt = container || app.container;
-    if (app.keepAlive && !(parentElemnt instanceof ShadowRoot)) {
+    const parentElement = container || app.container;
+    if (app.keepAlive && !(parentElement instanceof ShadowRoot)) {
       document.head.append(...styleElementList);
     } else {
-      parentElemnt?.append(...styleElementList);
+      parentElement?.append(...styleElementList);
     }
   });
 }
@@ -1380,12 +1385,12 @@ var MicroInstanceModel = class {
     if (this.container && container) {
       if (container instanceof Element) container?.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
       const fragment = document.createDocumentFragment();
-      Array.from(this.container.childNodes).forEach((node) => {
+      for (const node of Array.from(this.container.childNodes)) {
         fragment.appendChild(node);
-      });
+      }
       container.appendChild(fragment);
       this.container = container;
-      this.sandBox?.activeated();
+      this.sandBox?.activated();
       const scriptInfo = this.source?.getScript(this.url);
       callback?.(this, scriptInfo?.exportInstance);
     }
@@ -1399,17 +1404,17 @@ var MicroInstanceModel = class {
     this.container = container ?? this.container;
     this.state = "MOUNTING" /* MOUNTING */;
     if (this.container instanceof HTMLElement) {
-      this.container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
+      this.container?.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
     }
     this.container.innerHTML = "";
     const instanceWrap = document.createElement("div");
     const wrapId = `${this.name}-wrapper`;
     instanceWrap.setAttribute("id", wrapId);
     if (this.source?.styles.size) {
-      excuteAppStyles(this, this.container);
+      executeAppStyles(this, this.container);
     }
     this.container.appendChild(instanceWrap);
-    this.sandBox?.activeated();
+    this.sandBox?.activated();
     execAppScripts(this).finally(() => {
       this.state = "MOUNTED" /* MOUNTED */;
       const scriptInfo = this.source?.getScript(this.url);
@@ -1434,7 +1439,7 @@ var MicroInstanceModel = class {
   async start() {
     if (!this.source || ["ERROR" /* ERROR */, "UNSET" /* UNSET */].includes(this.status)) {
       this.source = new EntrySource(this.url);
-      await this.source.importEntery(this);
+      await this.source.importEntry(this);
     }
   }
   unmount(needDestroy) {
@@ -1460,6 +1465,7 @@ var Script = class {
   async = false;
   code = "";
   defer = false;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   exportInstance;
   fromHtml;
   initial;
@@ -1478,39 +1484,41 @@ var Script = class {
   }
   /**
    * @param app 应用
-   * @param needRelaceScriptElement 是否需要替换script标签
+   * @param needReplaceScriptElement 是否需要替换script标签
    * @returns 返回执行后的script标签或注释
    */
-  async excuteCode(app, needRelaceScriptElement = false) {
+  async executeCode(app, needReplaceScriptElement = false) {
     try {
       if (!this.code) await this.getCode(app);
       if (app instanceof MicroInstanceModel) {
-        const golbalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
-        noteGlobalProps(golbalWindow);
+        const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
+        noteGlobalProps(globalWindow);
       }
       let scopedCode = this.code;
       scopedCode = this.transformCode(app);
       if (app.showSourceCode || this.isModule) {
         const scriptElement = document.createElement("script");
-        if (scriptElement.__BK_WEWEB_APP_KEY__) delete scriptElement.__BK_WEWEB_APP_KEY__;
+        if (scriptElement.__BK_WEWEB_APP_KEY__) {
+          scriptElement.__BK_WEWEB_APP_KEY__ = void 0;
+        }
         app.registerRunningApp();
         this.executeSourceScript(scriptElement, scopedCode);
-        if (needRelaceScriptElement) return scriptElement;
+        if (needReplaceScriptElement) return scriptElement;
         const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
         const container = needKeepAlive ? document.head : app.container;
         setMarkElement(scriptElement, app, needKeepAlive);
         container.appendChild(scriptElement);
       } else {
         this.executeMemoryScript(app, scopedCode);
-        if (needRelaceScriptElement) return document.createComment("\u3010bk-weweb\u3011dynamic script");
+        if (needReplaceScriptElement) return document.createComment("\u3010bk-weweb\u3011dynamic script");
       }
       if (app instanceof MicroInstanceModel) {
-        const golbalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
-        const exportProp = getGlobalProp(golbalWindow);
+        const globalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
+        const exportProp = getGlobalProp(globalWindow);
         if (exportProp) {
-          this.exportInstance = golbalWindow[exportProp];
+          this.exportInstance = globalWindow[exportProp];
           if (!app.scopeJs) {
-            delete golbalWindow[exportProp];
+            delete globalWindow[exportProp];
           }
         }
       }
@@ -1536,7 +1544,7 @@ var Script = class {
   // 脚本标签执行
   executeSourceScript(scriptElement, scopedCode) {
     if (this.isModule) {
-      scriptElement.src = this.url + "?key=" + Date.now();
+      scriptElement.src = `${this.url}?key=${Date.now()}`;
       scriptElement.setAttribute("type", "module");
     } else {
       scriptElement.textContent = scopedCode;
@@ -1570,23 +1578,27 @@ var Script = class {
   }
   // 转换脚本内容
   transformCode(app) {
+    const sourceMapUrl = this.url ? `//# sourceURL=${this.url}
+` : "";
     if (app.sandBox) {
       if (this.isModule) {
         return ` with(window.${app.sandBox.windowSymbolKey}){
           ;${this.code}
 
+          ${sourceMapUrl}
         }`;
       }
       if (app.showSourceCode) {
         return `;(function(window, self, globalThis){
-          with(window){
-            ${getGlobalContextCode()}
+                  with(window){
+                    ${getGlobalContextCode()}
 
-            ${this.code}
+                    ${this.code}
 
-          }
-        }).call(window.${app.sandBox.windowSymbolKey},
-           window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey});`;
+                    ${sourceMapUrl}
+                  }
+                }).call(window.${app.sandBox.windowSymbolKey},
+                  window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey});`;
       }
       return `
           with(window) {
@@ -1594,6 +1606,8 @@ var Script = class {
               ${getGlobalContextCode()}
 
                 ${this.code}
+
+                ${sourceMapUrl}
               }
               catch(e) {
                 console.error(e)
@@ -1605,7 +1619,10 @@ var Script = class {
   }
 };
 function shouldSkipProperty(global, p) {
-  return !global.hasOwnProperty(p) || !Number.isNaN(p) && p < global.length || typeof navigator !== "undefined" && navigator.userAgent.indexOf("Trident") !== -1 && global[p] && typeof window !== "undefined" && global[p].parent === window;
+  return (
+    // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
+    !global.hasOwnProperty(p) || !Number.isNaN(p) && p < global.length || typeof navigator !== "undefined" && navigator.userAgent.indexOf("Trident") !== -1 && global[p] && typeof window !== "undefined" && global[p].parent === window
+  );
 }
 function getGlobalProp(global, useFirstGlobalProp) {
   let cnt = 0;
@@ -1637,16 +1654,16 @@ function noteGlobalProps(global) {
 }
 async function execAppScripts(app) {
   const appScriptList = Array.from(app.source.scripts.values()).filter((script) => script.fromHtml || script.initial);
-  const commomList = appScriptList.filter((script) => !script.async && !script.defer || script.isModule);
-  await Promise.all(commomList.map((script) => script.getCode(app)));
-  await Promise.all(commomList.map((script) => script.excuteCode(app)));
+  const commonList = appScriptList.filter((script) => !script.async && !script.defer || script.isModule);
+  await Promise.all(commonList.map((script) => script.getCode(app)));
+  await Promise.all(commonList.map((script) => script.executeCode(app)));
   const deferScriptList = [];
   const asyncScriptList = [];
   for (const script of appScriptList) {
     if (script.defer || script.async) {
       if (!script.code && script.defer) {
-        deferScriptList.push(script.excuteCode(app));
-      } else asyncScriptList.push(script.excuteCode(app));
+        deferScriptList.push(script.executeCode(app));
+      } else asyncScriptList.push(script.executeCode(app));
     }
   }
   await Promise.all([...asyncScriptList, ...deferScriptList]).catch((e) => {
@@ -1718,7 +1735,8 @@ var MicroAppModel = class {
     if (container && this.container) {
       if (container instanceof Element) container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
       const fragment = document.createDocumentFragment();
-      Array.from(this.container.childNodes).forEach((node) => {
+      const list = Array.from(this.container.childNodes);
+      for (const node of list) {
         node.__BK_WEWEB_APP_KEY__ = this.appCacheKey;
         Object.defineProperties(node, {
           ownerDocument: {
@@ -1728,12 +1746,12 @@ var MicroAppModel = class {
           }
         });
         fragment.appendChild(node);
-      });
+      }
       container.innerHTML = "";
       container.appendChild(fragment);
       this.container = container;
       this.initShadowRootContainer();
-      this.sandBox?.activeated(this.data);
+      this.sandBox?.activated(this.data);
       callback?.(this);
     }
   }
@@ -1788,7 +1806,7 @@ var MicroAppModel = class {
       if (this.container instanceof Element) this.container.setAttribute(CSS_ATTRIBUTE_KEY, this.name);
       const clonedNode = this.source.html.cloneNode(true);
       const fragment = document.createDocumentFragment();
-      Array.from(clonedNode.childNodes).forEach((node) => {
+      for (const node of Array.from(clonedNode.childNodes)) {
         node.__BK_WEWEB_APP_KEY__ = this.appCacheKey;
         Object.defineProperties(node, {
           ownerDocument: {
@@ -1798,10 +1816,10 @@ var MicroAppModel = class {
           }
         });
         fragment.appendChild(node);
-      });
+      }
       this.container.innerHTML = "";
       this.container.appendChild(fragment);
-      this.sandBox?.activeated(this.data);
+      this.sandBox?.activated(this.data);
       execAppScripts(this).finally(() => {
         this.state = "MOUNTED" /* MOUNTED */;
         callback?.(this);
@@ -1828,7 +1846,7 @@ var MicroAppModel = class {
         this.iframe = iframe;
       }
       this.source = new EntrySource(this.url);
-      await this.source.importEntery(this);
+      await this.source.importEntry(this);
     }
   }
   unmount(needDestroy = false) {
@@ -1946,7 +1964,7 @@ var EntrySource = class {
         url: nonceStr
       });
       this.scripts.set(nonceStr, scriptInstance);
-      replaceElement = document.createComment("\u3010bk-weweb\u3011script with texcontent");
+      replaceElement = document.createComment("\u3010bk-weweb\u3011script with text content");
       !needReplaceELement && parent.replaceChild(replaceElement, script);
       return {
         replace: replaceElement,
@@ -1957,11 +1975,11 @@ var EntrySource = class {
   }
   collectScriptAndStyle(parent) {
     const links = Array.from(parent.querySelectorAll("link"));
-    links?.forEach((link) => {
+    for (const link of links || []) {
       this.collectLink(link, link.parentElement);
-    });
+    }
     const styles = Array.from(parent.querySelectorAll("style"));
-    styles?.forEach((style) => {
+    for (const style of styles || []) {
       if (!style.hasAttribute("exclude") && !style.hasAttribute("ignore")) {
         this.styles.set(
           randomUrl(),
@@ -1973,21 +1991,21 @@ var EntrySource = class {
         );
         style.remove();
       }
-    });
+    }
     const scripts = Array.from(parent.querySelectorAll("script"));
-    scripts?.forEach((script) => {
+    for (const script of scripts) {
       this.collectScript(script, script.parentElement);
-    });
+    }
     const metas = Array.from(parent.querySelectorAll("meta"));
-    metas?.forEach((meta) => {
+    for (const meta of metas) {
       meta.parentElement.removeChild(meta);
-    });
+    }
     const imgs = Array.from(parent.querySelectorAll("img"));
-    imgs?.forEach((img) => {
+    for (const img of imgs) {
       if (img.hasAttribute("src")) {
         img.setAttribute("src", fillUpPath(img.getAttribute("src"), this.url));
       }
-    });
+    }
   }
   getScript(url) {
     return this.scripts.get(url);
@@ -1995,7 +2013,7 @@ var EntrySource = class {
   getStyle(urlOrCode) {
     return this.styles.get(urlOrCode) || Array.from(this.styles.values()).find((style) => style.code === urlOrCode);
   }
-  async importEntery(app) {
+  async importEntry(app) {
     if (app.initSource?.length) {
       const { collectScript, collectStyle } = await collectSource(app.initSource);
       if (collectScript) {
@@ -2013,7 +2031,7 @@ var EntrySource = class {
     if (!htmlStr) {
       htmlStr = await fetchSource(addUrlProtocol(this.url), { cache: "no-cache" }, app);
       if (!htmlStr) {
-        console.error("load app entry error, pleace check");
+        console.error("load app entry error, place check");
         return Promise.reject();
       }
     }
@@ -2024,7 +2042,7 @@ var EntrySource = class {
     }
     wrapElement.innerHTML = htmlStr.replace(/<\/?head>/gim, "").replace(/<\/?body>/i, "");
     this.collectScriptAndStyle(wrapElement);
-    await excuteAppStyles(app, wrapElement);
+    await executeAppStyles(app, wrapElement);
     this.html = wrapElement;
   }
   async importInstanceEntry(app) {
@@ -2033,7 +2051,7 @@ var EntrySource = class {
       jsStr = await fetchSource(this.url, { cache: "no-cache" }, app);
     }
     if (!jsStr) {
-      console.error("load app entry error, pleace check");
+      console.error("load app entry error, place check");
       return Promise.reject();
     }
     this.scripts.set(