@blueking/bk-weweb 0.0.28-beta.2 → 0.0.29-beta.2

package/dist/index.esm.js

@@ -7,7 +7,7 @@ function setCurrentRunningApp(appInstance) {
   currentRunningApp = appInstance;
 }
 var windowNativeFuncMap = /* @__PURE__ */ new Map();
-var globalContextCode = `const { ${[
+var list = [
   "Array",
   "ArrayBuffer",
   "Boolean",
@@ -65,7 +65,8 @@ var globalContextCode = `const { ${[
   "valueOf",
   "WeakMap",
   "WeakSet"
-].join(",")} }= this;`;
+];
+var globalContextCode = list.join(",");
 var getGlobalContextCode = () => {
   return globalContextCode;
 };
@@ -74,8 +75,12 @@ var collectNativeWindowFunc = () => {
   for (const key of keyList) {
     if (!windowNativeFuncMap.has(key) && key.match(/^[A-Z]/) && typeof window[key] === "function" && window[key].toString().includes("[native code]")) {
       windowNativeFuncMap.set(key, true);
+      if (!list.includes(key)) {
+        globalContextCode += `,${key}`;
+      }
     }
   }
+  globalContextCode = `const { ${globalContextCode} }= window.rawWindow;`;
 };
 collectNativeWindowFunc();
 
@@ -470,7 +475,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);
@@ -493,7 +498,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;
@@ -513,10 +518,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) {
@@ -536,7 +541,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) {
@@ -578,7 +583,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);
@@ -595,7 +600,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?.();
   }
@@ -673,7 +680,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;
@@ -691,7 +698,7 @@ function resetNewElement(parent, child, app) {
             return;
           }
           if (scriptInfo?.script) {
-            scriptInfo.script.excuteCode(app);
+            scriptInfo.script.executeCode(app);
           }
           child.remove();
         } else if (child.textContent) {
@@ -705,7 +712,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 {
@@ -721,15 +728,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);
@@ -741,7 +748,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) {
@@ -766,7 +773,10 @@ function setMarkElement(element, app, keepAlive) {
 }
 
 // src/utils/fetch.ts
-function fetchSource(url, options = {}) {
+function fetchSource(url, options = {}, app) {
+  if (typeof app?.fetchSource === "function") {
+    return app.fetchSource(url, options).catch(() => "");
+  }
   if (src_default.fetchSource) {
     return src_default.fetchSource(url, options);
   }
@@ -829,14 +839,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");
@@ -863,7 +875,7 @@ var Style = class {
       code = style?.code || "";
     }
     if (!code) {
-      code = await fetchSource(this.url).catch(() => "");
+      code = await fetchSource(this.url, {}, app).catch(() => "");
     }
     this.code = code;
     return code;
@@ -882,13 +894,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("/")}/`);
       }
@@ -998,18 +1011,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);
     }
   });
 }
@@ -1044,6 +1057,7 @@ var MicroInstanceModel = class {
   // 入口资源
   url;
   // url
+  fetchSource;
   constructor(props) {
     this.name = props.id !== props.url ? props.id : random(5);
     this.appCacheKey = props.id || this.name;
@@ -1058,6 +1072,7 @@ var MicroInstanceModel = class {
     if (this.scopeJs) {
       this.sandBox = new SandBox(this);
     }
+    this.fetchSource = props.fetchSource;
   }
   activated(container, callback) {
     this.isPreLoad = false;
@@ -1065,12 +1080,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);
     }
@@ -1084,17 +1099,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);
@@ -1119,7 +1134,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) {
@@ -1145,6 +1160,7 @@ var Script = class {
   async = false;
   code = "";
   defer = false;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   exportInstance;
   fromHtml;
   initial;
@@ -1163,39 +1179,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];
           }
         }
       }
@@ -1221,7 +1239,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;
@@ -1241,7 +1259,7 @@ var Script = class {
       code = appCache.getCacheScript(this.url)?.code || "";
     }
     if (!code) {
-      code = await fetchSource(this.url).catch((e) => {
+      code = await fetchSource(this.url, {}, app).catch((e) => {
         console.error(`fetch script ${this.url} error`, e);
         return "";
       });
@@ -1255,11 +1273,14 @@ 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) {
@@ -1269,6 +1290,7 @@ var Script = class {
 
             ${this.code}
 
+            ${sourceMapUrl}
           }
         }).call(window.${app.sandBox.windowSymbolKey},
            window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey}, window.${app.sandBox.windowSymbolKey});`;
@@ -1279,6 +1301,8 @@ var Script = class {
               ${getGlobalContextCode()}
 
                 ${this.code}
+
+                ${sourceMapUrl}
               }
               catch(e) {
                 console.error(e)
@@ -1290,7 +1314,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;
@@ -1322,16 +1349,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) => {
@@ -1403,7 +1430,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 list2 = Array.from(this.container.childNodes);
+      for (const node of list2) {
         node.__BK_WEWEB_APP_KEY__ = this.appCacheKey;
         Object.defineProperties(node, {
           ownerDocument: {
@@ -1413,12 +1441,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);
     }
   }
@@ -1473,7 +1501,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: {
@@ -1483,10 +1511,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);
@@ -1513,7 +1541,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) {
@@ -1698,7 +1726,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,
@@ -1709,11 +1737,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(),
@@ -1725,21 +1753,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);
@@ -1747,7 +1775,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) {
@@ -1758,32 +1786,34 @@ var EntrySource = class {
       }
     }
     if (app instanceof MicroAppModel) await this.importHtmlEntry(app);
-    else if (app instanceof MicroInstanceModel) await this.importInstanceEntry();
+    else if (app instanceof MicroInstanceModel) await this.importInstanceEntry(app);
   }
   async importHtmlEntry(app) {
     let htmlStr = appCache.getCacheHtml(this.url);
     if (!htmlStr) {
-      htmlStr = await fetchSource(addUrlProtocol(this.url), { cache: "no-cache" });
+      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();
       }
     }
     this.rawHtml = htmlStr;
     const wrapElement = document.createElement("div");
-    if (wrapElement.__BK_WEWEB_APP_KEY__) delete wrapElement.__BK_WEWEB_APP_KEY__;
+    if (wrapElement.__BK_WEWEB_APP_KEY__) {
+      wrapElement.__BK_WEWEB_APP_KEY__ = void 0;
+    }
     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() {
+  async importInstanceEntry(app) {
     let jsStr = appCache.getCacheScript(this.url)?.code;
     if (!jsStr) {
-      jsStr = await fetchSource(this.url, { cache: "no-cache" });
+      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(
@@ -1831,16 +1861,16 @@ var AppCache = class {
     return this.baseSource.getStyle(urlOrCode);
   }
   getCacheHtml(url) {
-    const list = Array.from(this.cache.values());
-    const app = list.find((item) => item.url === url);
+    const list2 = Array.from(this.cache.values());
+    const app = list2.find((item) => item.url === url);
     if (app) return app.source?.rawHtml || "";
     return "";
   }
   getCacheScript(url) {
     let script = this.baseSource.getScript(url);
     if (script) return;
-    const list = Array.from(this.cache.values());
-    list.some((app) => {
+    const list2 = Array.from(this.cache.values());
+    list2.some((app) => {
       script = app.source?.getScript(url);
       return !!script;
     });
@@ -1849,8 +1879,8 @@ var AppCache = class {
   getCacheStyle(url) {
     let style = this.baseSource.getStyle(url);
     if (style) return;
-    const list = Array.from(this.cache.values());
-    list.some((app) => {
+    const list2 = Array.from(this.cache.values());
+    list2.some((app) => {
       style = app.source?.getStyle(url);
       return !!style;
     });
@@ -1978,7 +2008,7 @@ function collectBaseSource() {
   };
   window.addEventListener("load", () => {
     const nodeList = document.head.querySelectorAll("style");
-    nodeList.forEach((node) => {
+    for (const node of Array.from(nodeList)) {
       node.textContent && appCache.setBaseAppStyle(
         randomUrl(),
         new Style({
@@ -1987,7 +2017,7 @@ function collectBaseSource() {
           url: ""
         })
       );
-    });
+    }
   });
 }
 
@@ -2018,15 +2048,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;