@blueking/bk-weweb 0.0.6 → 0.0.9

package/dist/collect-source.js

@@ -12,73 +12,6 @@ var AppState;
     AppState["UNMOUNT"] = "UNMOUNT";
 })(AppState || (AppState = {}));
 
-// is function
-function isFunction(target) {
-    return typeof target === 'function';
-}
-// Promise.then might be synchronized in Zone.js context, we need to use setTimeout instead to mock next tick.
-const nextTask = typeof window.Zone === 'function' ? setTimeout : cb => Promise.resolve().then(cb);
-function addUrlProtocol(url) {
-    return url.startsWith('//') ? `${location.protocol}${url}` : url;
-}
-// Get valid address, such as https://xxx/xx/xx.html to https://xxx/xx/
-function getUrlDir(url) {
-    const { origin, pathname } = new URL(url);
-    if (/\.(\w+)$/.test(pathname)) {
-        const fullPath = `${origin}${pathname}`;
-        const pathArr = fullPath.split('/');
-        pathArr.pop();
-        return `${pathArr.join('/')}/`;
-    }
-    return `${origin}${pathname}/`.replace(/\/\/$/, '/');
-}
-// 补齐url地址
-function fillUpPath(path, baseURI) {
-    if (!path || /^((((ht|f)tps?)|file):)?\/\//.test(path) || /^(data|blob):/.test(path))
-        return path;
-    return new URL(path, getUrlDir(addUrlProtocol(baseURI))).toString();
-}
-// 获取url目录
-function getFileDir(linkpath) {
-    const pathArr = linkpath.split('/');
-    pathArr.pop();
-    return addUrlProtocol(`${pathArr.join('/')}/`);
-}
-// is ie11
-const isIE11 = typeof navigator !== 'undefined' && navigator.userAgent.indexOf('Trident') !== -1;
-// 随机url
-function randomUrl() {
-    return `inline-${random(16)}`;
-}
-// Array deduplication
-function arrayUnique(array) {
-    return Array.from(new Set(array));
-}
-// is safari browser
-function isSafari() {
-    return /Safari/.test(navigator.userAgent);
-}
-// Create pure elements
-function createElement$1(tagName, options) {
-    const element = document.createElement(tagName, options);
-    if (element.__BK_WEWEB_APP_KEY__)
-        delete element.__BK_WEWEB_APP_KEY__;
-    return element;
-}
-// bodyle element
-function isBodyElement(key) {
-    return /^(body|head|html)$/i.test(key);
-}
-// create random string
-const random = (n, str = 'abcdefghijklmnopqrstuvwxyz0123456789') => {
-    // 生成n位长度的字符串
-    let result = '';
-    for (let i = 0; i < n; i++) {
-        result += str[parseInt((Math.random() * str.length).toString(), 10)];
-    }
-    return result;
-};
-
 let currentRunningApp = null;
 function getCurrentRunningApp() {
     return currentRunningApp;
@@ -86,8 +19,6 @@ function getCurrentRunningApp() {
 function setCurrentRunningApp(appInstance) {
     currentRunningApp = appInstance;
 }
-const documentClickListMap = new Map();
-const documentEventListenerMap = new Map();
 const script = document.createElement('script');
 const isSupportModuleScript = 'noModule' in script;
 const SCOPED_CSS_STYLE_ID = 'SCOPED_CSS_STYLE_ID';
@@ -99,6 +30,7 @@ const disabledStyleDom = templateStyle;
 
 const { document: document$1 } = window;
 const { createElement, querySelector, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName, getElementsByName, } = Document.prototype;
+const SPECIAL_ELEMENT_TAG = ['body', 'html', 'head'];
 function rewriteDocumentPrototypeMethods() {
     Document.prototype.createElement = function (tagName, options) {
         const element = createElement.call(this, tagName, options);
@@ -118,14 +50,14 @@ function rewriteDocumentPrototypeMethods() {
     };
     function querySelectorNew(selectors) {
         const app = getCurrentRunningApp();
-        if (!app || !selectors || isBodyElement(selectors) || document$1 !== this) {
+        if (!app || !selectors || SPECIAL_ELEMENT_TAG.includes(selectors) || document$1 !== this) {
             return querySelector.call(this, selectors);
         }
         return app?.container?.querySelector(selectors) ?? null;
     }
     function querySelectorAllNew(selectors) {
         const app = getCurrentRunningApp();
-        if (!app || !selectors || isBodyElement(selectors) || document$1 !== this) {
+        if (!app || !selectors || SPECIAL_ELEMENT_TAG.includes(selectors) || document$1 !== this) {
             return querySelectorAll.call(this, selectors);
         }
         return app?.container?.querySelectorAll(selectors) ?? [];
@@ -158,7 +90,7 @@ function rewriteDocumentPrototypeMethods() {
     Document.prototype.getElementsByTagName = function (key) {
         const app = getCurrentRunningApp();
         if (!app
-            || isBodyElement(key)
+            || SPECIAL_ELEMENT_TAG.includes(key)
             || (!app?.showSourceCode && key.toLocaleLowerCase() === 'script')) {
             return getElementsByTagName.call(this, key);
         }
@@ -191,6 +123,31 @@ function resetDocumentPrototypeMethods() {
     Document.prototype.getElementsByName = getElementsByName;
 }
 
+const nextTask = cb => Promise.resolve().then(cb);
+function addUrlProtocol(url) {
+    return url.startsWith('//') ? `${location.protocol}${url}` : url;
+}
+// 补齐url地址
+function fillUpPath(path, baseURI) {
+    if (!path || /^((((ht|f)tps?)|file):)?\/\//.test(path) || /^(data|blob):/.test(path))
+        return path;
+    const { origin, pathname } = new URL(addUrlProtocol(baseURI));
+    return new URL(path, `${origin}${pathname}`.replace(/\.(\w+)$/, '/')).toString();
+}
+// 随机url
+function randomUrl() {
+    return `inline-${random(16)}`;
+}
+// create random string
+const random = (n, str = 'abcdefghijklmnopqrstuvwxyz0123456789') => {
+    // 生成n位长度的字符串
+    let result = '';
+    for (let i = 0; i < n; i++) {
+        result += str[parseInt((Math.random() * str.length).toString(), 10)];
+    }
+    return result;
+};
+
 const CSS_ATTRIBUTE_KEY = 'id';
 var CSS_RULE_TYPE;
 (function (CSS_RULE_TYPE) {
@@ -263,7 +220,7 @@ const commonFakeWindowKeyMap = {
     __bk_zIndex_manager: true,
 };
 
-function eventHandler(event, element) {
+function createEventSource(event, element) {
     Object.defineProperties(event, {
         currentTarget: {
             get() {
@@ -284,23 +241,17 @@ function eventHandler(event, element) {
 }
 function dispatchLinkOrScriptLoad(element) {
     const event = new CustomEvent('load');
-    eventHandler(event, element);
-    if (isFunction(element.onload)) {
-        element.onload(event);
-    }
-    else {
-        element.dispatchEvent(event);
-    }
+    createEventSource(event, element);
+    typeof element.onload === 'function'
+        ? element.onload(event)
+        : element.dispatchEvent(event);
 }
 function dispatchLinkOrScriptError(element) {
     const event = new CustomEvent('error');
-    eventHandler(event, element);
-    if (isFunction(element.onerror)) {
-        element.onerror(event);
-    }
-    else {
-        element.dispatchEvent(event);
-    }
+    createEventSource(event, element);
+    typeof element.onerror === 'function'
+        ? element.onerror(event)
+        : element.dispatchEvent(event);
 }
 
 /* eslint-disable no-param-reassign */
@@ -342,7 +293,7 @@ class Style {
     }
     async excuteCode(app) {
         app.registerRunningApp();
-        let styleElement = createElement$1('style');
+        let styleElement = this.createStyleElement();
         styleElement.setAttribute('type', 'text/css');
         styleElement.textContent = this.code;
         try {
@@ -356,6 +307,18 @@ class Style {
         }
         return styleElement;
     }
+    // 主应用已生效的样式 不再应用在子应用
+    linkedBaseStyle(styleElement, app) {
+        if (!(app.container instanceof ShadowRoot)
+            && styleElement.textContent
+            && appCache.getBaseAppStyle(styleElement.textContent)) {
+            styleElement.textContent = '';
+            styleElement.innerHTML = '';
+            styleElement.setAttribute('linked-from-base', 'true');
+            return true;
+        }
+        return false;
+    }
     scopedStyleCSS(app, styleElement) {
         const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
         setMarkElement(styleElement, app, needKeepAlive);
@@ -364,6 +327,8 @@ class Style {
                 styleElement.textContent = '';
                 styleElement.innerHTML = '';
             }
+            if (this.linkedBaseStyle(styleElement, app))
+                return styleElement;
             disabledStyleDom.textContent = this.code;
             this.commonScoped(disabledStyleDom, styleElement, app);
             disabledStyleDom.textContent = '';
@@ -373,7 +338,9 @@ class Style {
                 if (!(styleElement.textContent || styleElement.sheet?.cssRules?.length))
                     return;
                 observer.disconnect();
-                this.commonScoped(styleElement, styleElement, app);
+                if (!this.linkedBaseStyle(styleElement, app)) {
+                    this.commonScoped(styleElement, styleElement, app);
+                }
             });
             observer.observe(styleElement, { attributes: false, childList: true, subtree: true, characterData: true });
         }
@@ -381,7 +348,7 @@ class Style {
         return styleElement;
     }
     scopedLinkCSS(app, linkElement) {
-        const styleElement = createElement$1('style');
+        const styleElement = this.createStyleElement();
         styleElement.setAttribute('type', 'text/css');
         const needKeepAlive = !!app.keepAlive && !(app.container instanceof ShadowRoot);
         setMarkElement(styleElement, app, needKeepAlive);
@@ -432,7 +399,7 @@ class Style {
             const cssPrefix = `#${app.name}`;
             const scopedCss = this.scopeRule(rules, cssPrefix);
             let cssText = this.resetUrlHost(scopedCss, app.url, this.url);
-            if (isSafari()) {
+            if (/Safari/.test(navigator.userAgent)) {
                 cssText = cssText.replace(/([;{]\s*content:\s*)([^\s"][^";}]*)/gm, (all, $1, $2) => {
                     if ($2 === 'none' || /^(url\()|(counter\()|(attr\()|(open-quote)|(close-quote)/.test($2)) {
                         return all;
@@ -479,7 +446,9 @@ class Style {
                 return text;
             }
             if (/^((\.\.?\/)|[^/])/.test($1) && linkpath) {
-                baseURI = getFileDir(linkpath);
+                const pathArr = linkpath.split('/');
+                pathArr.pop();
+                baseURI = addUrlProtocol(`${pathArr.join('/')}/`);
             }
             return `url("${fillUpPath($1, baseURI)}")`;
         });
@@ -500,6 +469,12 @@ class Style {
             return `${$1} ${prefix} ${$2.replace(/^\s*/, '')}`;
         }));
     }
+    createStyleElement() {
+        const styleElement = document.createElement('style');
+        if (styleElement.__BK_WEWEB_APP_KEY__)
+            delete styleElement.__BK_WEWEB_APP_KEY__;
+        return styleElement;
+    }
 }
 async function excuteAppStyles(app, container) {
     const styleList = Array.from(app.source.styles.values());
@@ -513,7 +488,7 @@ async function excuteAppStyles(app, container) {
             document.head.append(...styleElementList);
         }
         else {
-            parentElemnt?.prepend(...styleElementList);
+            parentElemnt?.append(...styleElementList);
         }
     });
 }
@@ -524,6 +499,29 @@ function resetNewElement(parent, child, app) {
         if (child.hasAttribute('exclude')) {
             return document.createComment('【bk-weweb】style with exclude attribute is ignored');
         }
+        if (child.textContent) {
+            // 父级应用样式已生效情况下 即可忽略子应用对应样式 webcomponent的隔离下优化不生效
+            if (!(app.container instanceof ShadowRoot)
+                && appCache.getBaseAppStyle(child.textContent)) {
+                return document.createComment('【bk-weweb】style is effective in base app');
+            }
+        }
+        // else {
+        //   const observer = new MutationObserver(() => {
+        //     if (child.textContent) {
+        //       observer.disconnect();
+        //       if (!(app.container instanceof ShadowRoot)
+        //       && appCache.getBaseAppStyle(child.textContent)) {
+        //         debugger;
+        //         console.info('--------------');
+        //         child.sheet!.disabled = true;
+        //         child.setAttribute('aaaaaaaaaaaa', '------');
+        //         parent.removeChild(child);
+        //       }
+        //     }
+        //   });
+        //   observer.observe(child, { attributeFilter: ['src'], childList: true, subtree: false });
+        // }
         if (!child.hasAttribute('ignore')) {
             const styleInstance = new Style({
                 code: child.textContent || '',
@@ -637,7 +635,7 @@ function elementInsertHandler(parent, newChild, passiveChild, rawMethod) {
     return rawMethod.call(parent, newChild, passiveChild);
 }
 function setMarkElement(element, app, keepAlive) {
-    if (keepAlive) {
+    if (keepAlive && app) {
         element.__KEEP_ALIVE__ = app.appCacheKey;
         element.setAttribute('data-from', app.name);
         element.setAttribute('data-keep-alive', 'true');
@@ -731,7 +729,7 @@ function bindFunctionToRawWindow(rawWindow, value) {
     if (rawWindowMethodMap.has(value)) {
         return rawWindowMethodMap.get(value);
     }
-    if (isFunction(value) && !isConstructor(value)) {
+    if (typeof value === 'function' && !isConstructor(value)) {
         const bindRawWindowValue = value.bind(rawWindow);
         Object.keys(value).forEach(key => (bindRawWindowValue[key] = value[key]));
         // eslint-disable-next-line no-prototype-builtins
@@ -744,50 +742,49 @@ function bindFunctionToRawWindow(rawWindow, value) {
     return value;
 }
 
-/* eslint-disable no-param-reassign */
 // rewrite document and body event listener
 function rewriteDocumentAndBodyEvent() {
     const { addEventListener, removeEventListener } = window.document;
     const { addEventListener: bodyAddEventListener, removeEventListener: bodyRemoveEventListener } = window.document.body;
+    const documentListenerMap = new Map();
     document.addEventListener = function (type, listener, options) {
         const app = getCurrentRunningApp();
-        if (app) {
-            const appListenersMap = documentEventListenerMap.get(app.appCacheKey);
-            if (appListenersMap) {
-                const appListenerList = appListenersMap.get(type);
-                if (appListenerList) {
-                    appListenerList.add(listener);
-                }
-                else {
-                    appListenersMap.set(type, new Set([listener]));
-                }
-            }
-            else {
-                documentEventListenerMap.set(app.appCacheKey, new Map([[type, new Set([listener])]]));
-            }
+        if (app?.keepAlive) {
+            const listeners = documentListenerMap.get(type) || [];
+            documentListenerMap.set(type, [...listeners, listener]);
         }
-        addEventListener.call(app?.container instanceof ShadowRoot ? app.container : this, type, listener, options);
+        addEventListener.call(app?.container instanceof ShadowRoot
+            ? app.container
+            : this, type, listener, options);
     };
     document.body.addEventListener = document.addEventListener;
     document.removeEventListener = function (type, listener, options) {
         const app = getCurrentRunningApp();
-        if (app) {
-            const appListenersMap = documentEventListenerMap.get(app.appCacheKey);
-            if (appListenersMap) {
-                const appListenerList = appListenersMap.get(type);
-                if (appListenerList?.size && appListenerList.has(listener)) {
-                    appListenerList.delete(listener);
-                }
+        if (app?.keepAlive) {
+            const listeners = documentListenerMap.get(type) || [];
+            if (listeners.length && listeners.some(l => l === listener)) {
+                listeners.splice(listeners.indexOf(listener), 1);
             }
         }
-        removeEventListener.call(app?.container instanceof ShadowRoot ? app.container : this, type, listener, options);
+        removeEventListener.call(app?.container instanceof ShadowRoot
+            ? app.container
+            : this, type, listener, options);
     };
     document.body.removeEventListener = document.removeEventListener;
     function resetDocumentAndBodyEvent() {
+        const app = getCurrentRunningApp();
+        if (app?.keepAlive && documentListenerMap.values()) {
+            Array.from(documentListenerMap.entries()).forEach(([type, listeners]) => {
+                listeners?.forEach((listener) => {
+                    document.removeEventListener.call(document, type, listener);
+                });
+            });
+        }
         document.addEventListener = addEventListener;
         document.body.addEventListener = bodyAddEventListener;
         document.removeEventListener = removeEventListener;
         document.body.removeEventListener = bodyRemoveEventListener;
+        documentListenerMap.clear();
     }
     return {
         resetDocumentAndBodyEvent,
@@ -795,85 +792,45 @@ function rewriteDocumentAndBodyEvent() {
 }
 // rewrite window funtion like settimeout setinterval ...
 function rewriteWindowFunction(fakeWindow) {
-    const app = getCurrentRunningApp();
     const eventListenerMap = new Map();
-    const intervalIdMap = new Map();
-    const timeoutIdMap = new Map();
+    const intervalIdList = [];
     const rawWindow = window;
-    const rawDocument = window.document;
-    const { addEventListener, removeEventListener, setInterval, setTimeout, clearInterval, clearTimeout } = window;
-    const { removeEventListener: documentRemoveEventListener } = window.document;
-    // listener may be null, e.g test-passive
+    const { addEventListener, removeEventListener, setInterval, clearInterval } = window;
     fakeWindow.addEventListener = function (type, listener, options) {
-        const listenerList = eventListenerMap.get(type);
-        if (listenerList) {
-            listenerList.add(listener);
-        }
-        else {
-            eventListenerMap.set(type, new Set([listener]));
-        }
+        eventListenerMap.set(type, [...(eventListenerMap.get(type) || []), listener]);
         addEventListener.call(rawWindow, type, listener, options);
     };
     fakeWindow.removeEventListener = function (type, listener, options) {
         const listenerList = eventListenerMap.get(type);
-        if (listenerList?.size && listenerList.has(listener)) {
-            listenerList.delete(listener);
+        if (listenerList?.length && listenerList.indexOf(listener)) {
+            listenerList.splice(listenerList.indexOf(listener), 1);
         }
         removeEventListener.call(rawWindow, type, listener, options);
     };
     fakeWindow.setInterval = function (handler, timeout, ...args) {
         const intervalId = setInterval.call(rawWindow, handler, timeout, ...args);
-        intervalIdMap.set(intervalId, { handler, timeout, args });
+        intervalIdList.push(intervalId);
         return intervalId;
     };
-    fakeWindow.setTimeout = function (handler, timeout, ...args) {
-        const timeoutId = setTimeout.call(rawWindow, handler, timeout, ...args);
-        timeoutIdMap.set(timeoutId, { handler, timeout, args });
-        return timeoutId;
-    };
     fakeWindow.clearInterval = function (intervalId) {
-        intervalIdMap.delete(intervalId);
+        const index = intervalIdList.indexOf(intervalId);
+        index > -1 && intervalIdList.splice(intervalIdList.indexOf(intervalId), 1);
         clearInterval.call(rawWindow, intervalId);
     };
-    fakeWindow.clearTimeout = function (timeoutId) {
-        timeoutIdMap.delete(timeoutId);
-        clearTimeout.call(rawWindow, timeoutId);
-    };
     // reset all event listener & interval & timeout when unmount app
     const resetWindowFunction = () => {
         // clear window events listener
         if (eventListenerMap.size) {
             eventListenerMap.forEach((listenerList, type) => {
-                for (const listener of listenerList) {
-                    removeEventListener.call(rawWindow, type, listener);
-                }
+                listenerList.forEach(listener => removeEventListener.call(rawWindow, type, listener));
             });
             eventListenerMap.clear();
         }
         // clear settimeout timers
-        if (intervalIdMap.size) {
-            intervalIdMap.forEach((_, intervalId) => {
+        if (intervalIdList.length) {
+            intervalIdList.forEach((intervalId) => {
                 clearInterval.call(rawWindow, intervalId);
             });
-            intervalIdMap.clear();
-        }
-        if (timeoutIdMap.size) {
-            timeoutIdMap.forEach((_, timeoutId) => {
-                clearTimeout.call(rawWindow, timeoutId);
-            });
-            timeoutIdMap.clear();
-        }
-        if (app) {
-            documentClickListMap.delete(app.appCacheKey);
-            const documentAppListenersMap = documentEventListenerMap.get(app.appCacheKey);
-            if (documentAppListenersMap) {
-                documentAppListenersMap.forEach((listenerList, type) => {
-                    for (const listener of listenerList) {
-                        documentRemoveEventListener.call(rawDocument, type, listener);
-                    }
-                });
-                documentAppListenersMap.clear();
-            }
         }
     };
     return {
@@ -1005,8 +962,8 @@ class SandBox {
                 return Reflect.defineProperty(target, key, value);
             },
             // Object.getOwnPropertyNames(window)
-            ownKeys: (target) => arrayUnique(Reflect.ownKeys(rawWindow)
-                .concat(Reflect.ownKeys(target))),
+            ownKeys: (target) => Array.from(new Set(Reflect.ownKeys(rawWindow)
+                .concat(Reflect.ownKeys(target)))),
             deleteProperty: (target, key) => {
                 if (target.hasOwnProperty(key)) {
                     this.injectedKeySet.has(key) && this.injectedKeySet.delete(key);
@@ -1386,6 +1343,10 @@ class IframeApp {
     }
     // todo set some global start props
     start(option) {
+        // 是否收集主应用资源
+        if (option?.collectBaseSource) {
+            collectBaseSource();
+        }
         if (typeof option?.fetchSource === 'function') {
             this.fetchSource = option.fetchSource;
         }
@@ -1433,6 +1394,9 @@ class Script {
         this.fromHtml = fromHtml ?? false;
         this.initial = initial ?? false;
     }
+    setCode(code) {
+        this.code = code;
+    }
     async getCode(app) {
         if (this.code.length || !this.url) {
             return this.code;
@@ -1458,12 +1422,15 @@ class Script {
             if (!this.code)
                 await this.getCode(app);
             if (app instanceof MicroInstanceModel) {
-                noteGlobalProps(app.sandBox?.proxyWindow || window);
+                const golbalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
+                noteGlobalProps(golbalWindow);
             }
             let scopedCode = this.code;
             scopedCode = this.transformCode(app);
             if (app.showSourceCode || this.isModule) {
-                const scriptElement = createElement$1('script');
+                const scriptElement = document.createElement('script');
+                if (scriptElement.__BK_WEWEB_APP_KEY__)
+                    delete scriptElement.__BK_WEWEB_APP_KEY__;
                 app.registerRunningApp();
                 this.executeSourceScript(scriptElement, scopedCode);
                 if (needRelaceScriptElement)
@@ -1479,8 +1446,15 @@ class Script {
                     return document.createComment('【bk-weweb】dynamic script');
             }
             if (app instanceof MicroInstanceModel) {
-                const exportProp = getGlobalProp(app.sandBox?.proxyWindow || window);
-                exportProp && (this.exportInstance = (app.sandBox?.proxyWindow || window)[exportProp]);
+                const golbalWindow = app.scopeJs ? app.sandBox?.proxyWindow || window : window;
+                const exportProp = getGlobalProp(golbalWindow);
+                if (exportProp) {
+                    this.exportInstance = (golbalWindow)[exportProp];
+                    // window 下需清除全局副作用
+                    if (!app.scopeJs) {
+                        delete (golbalWindow)[exportProp];
+                    }
+                }
             }
         }
         catch (e) {
@@ -1538,7 +1512,8 @@ class Script {
 function shouldSkipProperty(global, p) {
     return (!global.hasOwnProperty(p)
         || (!isNaN(p) && p < global.length)
-        || (isIE11 && global[p] && typeof window !== 'undefined' && global[p].parent === window));
+        || (typeof navigator !== 'undefined' && navigator.userAgent.indexOf('Trident') !== -1
+            && global[p] && typeof window !== 'undefined' && global[p].parent === window));
 }
 // 获取instance js source code 执行后 绑定的export 实例
 function getGlobalProp(global, useFirstGlobalProp) {
@@ -1792,7 +1767,9 @@ class EntrySource {
             }
         }
         this.rawHtml = htmlStr;
-        const wrapElement = createElement$1('div');
+        const wrapElement = document.createElement('div');
+        if (wrapElement.__BK_WEWEB_APP_KEY__)
+            delete wrapElement.__BK_WEWEB_APP_KEY__;
         wrapElement.innerHTML = htmlStr.replace(/<\/?head>/gim, '').replace(/<\/?body>/i, '');
         this.collectScriptAndStyle(wrapElement, app);
         await excuteAppStyles(app, wrapElement);
@@ -1936,7 +1913,7 @@ class EntrySource {
         return { replace: script };
     }
     setScript(url, script) {
-        this.scripts.set(url, new Script(script));
+        this.scripts.set(url, script instanceof Script ? script : new Script(script));
     }
     getScript(url) {
         return this.scripts.get(url);
@@ -1944,8 +1921,8 @@ class EntrySource {
     setStyle(url, style) {
         this.styles.set(url, style);
     }
-    getStyle(url) {
-        return this.styles.get(url);
+    getStyle(urlOrCode) {
+        return this.styles.get(urlOrCode) || Array.from(this.styles.values()).find(style => style.code === urlOrCode);
     }
 }
 
@@ -2008,6 +1985,9 @@ class AppCache {
     setBaseAppStyle(url, style) {
         this.baseSource.setStyle(url, style);
     }
+    getBaseAppStyle(urlOrCode) {
+        return this.baseSource.getStyle(urlOrCode);
+    }
     setBaseAppScript(url, script) {
         this.baseSource.setScript(url, script);
     }
@@ -2021,7 +2001,8 @@ window.__getAppOrInstance__ = function (id) {
 };
 
 function getStyleSource(url, style, originLink) {
-    const replaceStyle = createElement$1('style');
+    const replaceStyle = document.createElement('style');
+    setMarkElement(replaceStyle);
     fetchSource(url)
         .then((data) => {
         style.code = data;
@@ -2036,12 +2017,13 @@ function getStyleSource(url, style, originLink) {
     return replaceStyle;
 }
 function getScriptSource(url, script, originScript) {
-    const replaceElement = createElement$1('script');
+    const replaceScript = document.createElement('script');
+    setMarkElement(replaceScript);
     fetchSource(url)
         .then((code) => {
-        script.code = code;
+        script.setCode(code);
         try {
-            replaceElement.textContent = code;
+            replaceScript.textContent = code;
             if (!url.startsWith('inline-')) {
                 originScript.setAttribute('origin-src', url);
             }
@@ -2055,15 +2037,15 @@ function getScriptSource(url, script, originScript) {
         console.error(err);
         dispatchLinkOrScriptError(originScript);
     });
-    return replaceElement;
+    return replaceScript;
 }
-function rewriteNewNode(child) {
+function createNewNode(child) {
     if (child instanceof HTMLLinkElement) {
         const rel = child.getAttribute('rel');
         let href = child.getAttribute('href');
         if (rel === 'stylesheet' && href) {
-            href = fillUpPath(href, location.href);
-            const replaceStyle = createElement$1('style');
+            href = fillUpPath(href, location.origin);
+            const replaceStyle = document.createElement('style');
             const styleInstance = new Style({
                 code: '',
                 url: href,
@@ -2076,7 +2058,7 @@ function rewriteNewNode(child) {
     if (child instanceof HTMLScriptElement) {
         let src = child.getAttribute('src');
         if (src && child.type !== 'module') {
-            src = fillUpPath(src, location.href);
+            src = fillUpPath(src, location.origin);
             const script = new Script({
                 code: '',
                 async: child.hasAttribute('async'),
@@ -2091,26 +2073,48 @@ function rewriteNewNode(child) {
     }
     return child;
 }
-function baseElementHandle(parent, newChild, passiveChild, rawMethod, baseSource) {
-    if (baseSource) {
-        const targetChild = rewriteNewNode(newChild);
+function isLinkOrScript(node) {
+    return node instanceof HTMLLinkElement || node instanceof HTMLScriptElement;
+}
+function baseElementInertHandle(parent, newChild, passiveChild, rawMethod) {
+    if (isLinkOrScript(newChild)) {
+        const targetChild = createNewNode(newChild);
         return rawMethod.call(parent, targetChild, passiveChild);
     }
     return rawMethod.call(parent, newChild, passiveChild);
 }
+function baseElementAppendHandle(parent, newChild, rawMethod) {
+    if (isLinkOrScript(newChild)) {
+        const targetChild = createNewNode(newChild);
+        return rawMethod.call(parent, targetChild);
+    }
+    return rawMethod.call(parent, newChild);
+}
 
-(function () {
+function collectBaseSource() {
     const rawBodyAppendChild = HTMLBodyElement.prototype.appendChild;
     const rawHeadAppendChild = HTMLHeadElement.prototype.appendChild;
     const rawHeadInsertBefore = HTMLHeadElement.prototype.appendChild;
     HTMLBodyElement.prototype.appendChild = function (newChild) {
-        return baseElementHandle(this, newChild, null, rawBodyAppendChild, true);
+        return baseElementAppendHandle(this, newChild, rawBodyAppendChild);
     };
     HTMLHeadElement.prototype.appendChild = function (newChild) {
-        return baseElementHandle(this, newChild, null, rawHeadAppendChild, true);
+        return baseElementAppendHandle(this, newChild, rawHeadAppendChild);
     };
     HTMLHeadElement.prototype.insertBefore = function (newChild, refChild) {
-        return baseElementHandle(this, newChild, refChild, rawHeadInsertBefore, true);
+        return baseElementInertHandle(this, newChild, refChild, rawHeadInsertBefore);
     };
-}());
+    window.addEventListener('load', () => {
+        const nodeList = document.head.querySelectorAll('style');
+        nodeList.forEach((node) => {
+            node.textContent && appCache.setBaseAppStyle(randomUrl(), new Style({
+                code: node.textContent,
+                url: '',
+                fromHtml: false,
+            }));
+        });
+    });
+}
+
+export { collectBaseSource };
 //# sourceMappingURL=collect-source.js.map