@micro-zoe/micro-app 1.0.0-alpha.3 → 1.0.0-alpha.4

package/lib/index.d.ts

@@ -41,6 +41,7 @@ declare module '@micro-zoe/micro-app/micro_app' {
             'disable-scopecss'?: boolean;
             'disable-sandbox'?: boolean;
             'disable-memory-router'?: boolean;
+            'disable-patch-request'?: boolean;
             'keep-router-state'?: boolean;
             'hidden-router'?: boolean;
             esmodule?: boolean;

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-alpha.3';
+const version = '1.0.0-alpha.4';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -502,6 +502,66 @@ function fetchSource(url, appName = null, options = {}) {
     });
 }
 
+class HTMLLoader {
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new HTMLLoader();
+        }
+        return this.instance;
+    }
+    /**
+     * run logic of load and format html
+     * @param successCb success callback
+     * @param errorCb error callback, type: (err: Error, meetFetchErr: boolean) => void
+     */
+    run(app, successCb) {
+        const appName = app.name;
+        const htmlUrl = app.ssrUrl || app.url;
+        fetchSource(htmlUrl, appName, { cache: 'no-cache' }).then((htmlStr) => {
+            if (!htmlStr) {
+                const msg = 'html is empty, please check in detail';
+                app.onerror(new Error(msg));
+                return logError(msg, appName);
+            }
+            htmlStr = this.formatHTML(htmlUrl, htmlStr, appName);
+            successCb(htmlStr, app);
+        }).catch((e) => {
+            logError(`Failed to fetch data from ${app.url}, micro-app stop rendering`, appName, e);
+            app.onLoadError(e);
+        });
+    }
+    formatHTML(htmlUrl, htmlStr, appName) {
+        return this.processHtml(htmlUrl, htmlStr, appName, microApp.plugins)
+            .replace(/<head[^>]*>[\s\S]*?<\/head>/i, (match) => {
+            return match
+                .replace(/<head/i, '<micro-app-head')
+                .replace(/<\/head>/i, '</micro-app-head>');
+        })
+            .replace(/<body[^>]*>[\s\S]*?<\/body>/i, (match) => {
+            return match
+                .replace(/<body/i, '<micro-app-body')
+                .replace(/<\/body>/i, '</micro-app-body>');
+        });
+    }
+    processHtml(url, code, appName, plugins) {
+        var _a;
+        if (!plugins)
+            return code;
+        const mergedPlugins = [];
+        plugins.global && mergedPlugins.push(...plugins.global);
+        ((_a = plugins.modules) === null || _a === void 0 ? void 0 : _a[appName]) && mergedPlugins.push(...plugins.modules[appName]);
+        if (mergedPlugins.length > 0) {
+            return mergedPlugins.reduce((preCode, plugin) => {
+                if (isPlainObject(plugin) && isFunction(plugin.processHtml)) {
+                    return plugin.processHtml(preCode, url, plugin.options);
+                }
+                return preCode;
+            }, code);
+        }
+        return code;
+    }
+}
+
 // common reg
 const rootSelectorREG = /(^|\s+)(html|:root)(?=[\s>~[.#:]+|$)/;
 const bodySelectorREG = /(^|\s+)((html[\s>~]+body)|body)(?=[\s>~[.#:]+|$)/;
@@ -1143,12 +1203,12 @@ function handleNewNode(parent, child, app) {
         return child;
     }
     else if (child instanceof HTMLLinkElement) {
-        if (child.hasAttribute('exclude')) {
+        if (child.hasAttribute('exclude') || checkExcludeUrl(child.getAttribute('href'), app.name)) {
             const linkReplaceComment = document.createComment('link element with exclude attribute ignored by micro-app');
             dynamicElementInMicroAppMap.set(child, linkReplaceComment);
             return linkReplaceComment;
         }
-        else if (child.hasAttribute('ignore')) {
+        else if (child.hasAttribute('ignore') || checkIgnoreUrl(child.getAttribute('href'), app.name)) {
             return child;
         }
         const { url, info, replaceComment } = extractLinkFromHtml(child, parent, app, true);
@@ -1657,11 +1717,14 @@ const globalScripts = new Map();
 function extractScriptElement(script, parent, app, isDynamic = false) {
     let replaceComment = null;
     let src = script.getAttribute('src');
-    if (script.hasAttribute('exclude')) {
+    if (src) {
+        src = CompletionPath(src, app.url);
+    }
+    if (script.hasAttribute('exclude') || checkExcludeUrl(src, app.name)) {
         replaceComment = document.createComment('script element with exclude attribute removed by micro-app');
     }
-    else if ((script.type && !['text/javascript', 'text/ecmascript', 'application/javascript', 'application/ecmascript', 'module'].includes(script.type)) ||
-        script.hasAttribute('ignore')) {
+    else if ((script.type && !['text/javascript', 'text/ecmascript', 'application/javascript', 'application/ecmascript', 'module', 'systemjs-module', 'systemjs-importmap'].includes(script.type)) ||
+        script.hasAttribute('ignore') || checkIgnoreUrl(src, app.name)) {
         return null;
     }
     else if ((globalEnv.supportModuleScript && script.noModule) ||
@@ -1669,7 +1732,6 @@ function extractScriptElement(script, parent, app, isDynamic = false) {
         replaceComment = document.createComment(`${script.noModule ? 'noModule' : 'module'} script ignored by micro-app`);
     }
     else if (src) { // remote script
-        src = CompletionPath(src, app.url);
         const info = {
             code: '',
             isExternal: true,
@@ -1719,6 +1781,46 @@ function extractScriptElement(script, parent, app, isDynamic = false) {
         return parent.replaceChild(replaceComment, script);
     }
 }
+/**
+ * get assets plugins
+ * @param appName app name
+ */
+function getAssetsPlugins(appName) {
+    var _a, _b, _c;
+    const globalPlugins = ((_a = microApp.plugins) === null || _a === void 0 ? void 0 : _a.global) || [];
+    const modulePlugins = ((_c = (_b = microApp.plugins) === null || _b === void 0 ? void 0 : _b.modules) === null || _c === void 0 ? void 0 : _c[appName]) || [];
+    return [...globalPlugins, ...modulePlugins];
+}
+/**
+ * whether the url needs to be excluded
+ * @param url css or js link
+ * @param plugins microApp plugins
+ */
+function checkExcludeUrl(url, appName) {
+    if (!url)
+        return false;
+    const plugins = getAssetsPlugins(appName) || [];
+    return plugins.some(plugin => {
+        if (!plugin.excludeChecker)
+            return false;
+        return plugin.excludeChecker(url);
+    });
+}
+/**
+ * whether the url needs to be ignore
+ * @param url css or js link
+ * @param plugins microApp plugins
+ */
+function checkIgnoreUrl(url, appName) {
+    if (!url)
+        return false;
+    const plugins = getAssetsPlugins(appName) || [];
+    return plugins.some(plugin => {
+        if (!plugin.ignoreChecker)
+            return false;
+        return plugin.ignoreChecker(url);
+    });
+}
 /**
  *  Get remote resources of script
  * @param wrapElement htmlDom
@@ -1898,7 +2000,7 @@ function runDynamicRemoteScript(url, info, app, originScript) {
         catch (e) {
             console.error(`[micro-app from runDynamicScript] app ${app.name}: `, e, url);
         }
-        !info.module && dispatchOnLoadEvent(originScript);
+        !info.module && dispatchScriptOnLoadEvent();
     }).catch((err) => {
         logError(err, app.name);
         dispatchOnErrorEvent(originScript);
@@ -1946,6 +2048,7 @@ function runCode2Function(code, info) {
  * @param info source script info
  */
 function bindScope(url, app, code, info) {
+    // TODO: 增加缓存机制
     if (isPlainObject(microApp.plugins)) {
         code = usePlugins(url, code, app.name, microApp.plugins, info);
     }
@@ -2002,10 +2105,10 @@ function flatChildren(parent, app, microAppHead) {
     });
     for (const dom of children) {
         if (dom instanceof HTMLLinkElement) {
-            if (dom.hasAttribute('exclude')) {
+            if (dom.hasAttribute('exclude') || checkExcludeUrl(dom.getAttribute('href'), app.name)) {
                 parent.replaceChild(document.createComment('link element with exclude attribute ignored by micro-app'), dom);
             }
-            else if (!dom.hasAttribute('ignore')) {
+            else if (!(dom.hasAttribute('ignore') || checkIgnoreUrl(dom.getAttribute('href'), app.name))) {
                 extractLinkFromHtml(dom, parent, app);
             }
             else if (dom.hasAttribute('href')) {
@@ -2059,34 +2162,6 @@ function extractSourceDom(htmlStr, app) {
         app.onLoad(wrapElement);
     }
 }
-/**
- * Get and format html
- * @param app app
- */
-function extractHtml(app) {
-    fetchSource(app.ssrUrl || app.url, app.name, { cache: 'no-cache' }).then((htmlStr) => {
-        if (!htmlStr) {
-            const msg = 'html is empty, please check in detail';
-            app.onerror(new Error(msg));
-            return logError(msg, app.name);
-        }
-        htmlStr = htmlStr
-            .replace(/<head[^>]*>[\s\S]*?<\/head>/i, (match) => {
-            return match
-                .replace(/<head/i, '<micro-app-head')
-                .replace(/<\/head>/i, '</micro-app-head>');
-        })
-            .replace(/<body[^>]*>[\s\S]*?<\/body>/i, (match) => {
-            return match
-                .replace(/<body/i, '<micro-app-body')
-                .replace(/<\/body>/i, '</micro-app-body>');
-        });
-        extractSourceDom(htmlStr, app);
-    }).catch((e) => {
-        logError(`Failed to fetch data from ${app.url}, micro-app stop rendering`, app.name, e);
-        app.onLoadError(e);
-    });
-}
 
 class EventCenter {
     constructor() {
@@ -2369,12 +2444,39 @@ function rebuildDataCenterSnapshot(microAppEventCenter) {
     }
 }
 
+// 管理 app 的单例
+class AppManager {
+    constructor() {
+        // Todo: appInstanceMap 由 AppManager 来创建，不再由 create_app 管理
+        this.appInstanceMap = appInstanceMap;
+    }
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new AppManager();
+        }
+        return this.instance;
+    }
+    get(appName) {
+        return this.appInstanceMap.get(appName);
+    }
+    set(appName, app) {
+        this.appInstanceMap.set(appName, app);
+    }
+    getAll() {
+        return Array.from(this.appInstanceMap.values());
+    }
+    clear() {
+        this.appInstanceMap.clear();
+    }
+}
+
 function unmountNestedApp() {
-    appInstanceMap.forEach(app => {
+    releaseUnmountOfNestedApp();
+    AppManager.getInstance().getAll().forEach(app => {
         // @ts-ignore
         app.container && getRootContainer(app.container).disconnectedCallback();
     });
-    !window.__MICRO_APP_UMD_MODE__ && appInstanceMap.clear();
+    !window.__MICRO_APP_UMD_MODE__ && AppManager.getInstance().clear();
 }
 // release listener
 function releaseUnmountOfNestedApp() {
@@ -2586,6 +2688,13 @@ function effect(appName, microAppWindow) {
     let umdIntervalIdMap = new Map();
     let umdTimeoutIdMap = new Map();
     let umdOnClickHandler;
+    const clearUmdSnapshotData = () => {
+        umdWindowListenerMap.clear();
+        umdIntervalIdMap.clear();
+        umdTimeoutIdMap.clear();
+        umdDocumentListenerMap.clear();
+        umdOnClickHandler = null;
+    };
     // record event and timer before exec umdMountHook
     const recordUmdEffect = () => {
         // record window event
@@ -2631,13 +2740,12 @@ function effect(appName, microAppWindow) {
         // rebuild onclick event
         umdOnClickHandler && documentClickListMap.set(appName, umdOnClickHandler);
         // rebuild document event
-        setCurrentAppName(appName);
         umdDocumentListenerMap.forEach((listenerList, type) => {
             for (const listener of listenerList) {
                 document.addEventListener(type, listener, listener === null || listener === void 0 ? void 0 : listener.__MICRO_APP_MARK_OPTIONS__);
             }
         });
-        setCurrentAppName(null);
+        clearUmdSnapshotData();
     };
     // release all event listener & interval & timeout when unmount app
     const releaseEffect = () => {
@@ -2974,6 +3082,15 @@ function createMicroHistory(appName, microLocation) {
             }
             const rawValue = Reflect.get(target, key);
             return isFunction(rawValue) ? bindFunctionToRawObject(target, rawValue, 'HISTORY') : rawValue;
+        },
+        set(target, key, value) {
+            Reflect.set(target, key, value);
+            /**
+             * If the set() method returns false, and the assignment happened in strict-mode code, a TypeError will be thrown.
+             * e.g. history.state = {}
+             * TypeError: 'set' on proxy: trap returned falsish for property 'state'
+             */
+            return true;
         }
     });
 }
@@ -3145,7 +3262,7 @@ function createRouterApi() {
      * NOTE:
      * 1. Modify browser url first, and then run guards,
      *    consistent with the browser forward & back button
-     * 2. Note the element binding
+     * 2. Prevent the element binding
      * @param appName app name
      * @param to target location
      * @param from old location
@@ -3212,12 +3329,14 @@ function createRouterApi() {
         const defaultPageRecord = useMapRecord();
         /**
          * defaultPage only effect when mount, and has lower priority than query on browser url
-         * @param appName app name
-         * @param path page path
+         * SetDefaultPageOptions {
+         *   @param name app name
+         *   @param path page path
+         * }
          */
-        function setDefaultPage(appName, path) {
-            appName = formatAppName(appName);
-            if (!appName || !path) {
+        function setDefaultPage(options) {
+            const appName = formatAppName(options.name);
+            if (!appName || !options.path) {
                 if (process.env.NODE_ENV !== 'production') {
                     if (!appName) {
                         logWarn(`setDefaultPage: invalid appName "${appName}"`);
@@ -3228,7 +3347,7 @@ function createRouterApi() {
                 }
                 return noopFalse;
             }
-            return defaultPageRecord.add(appName, path);
+            return defaultPageRecord.add(appName, options.path);
         }
         function removeDefaultPage(appName) {
             appName = formatAppName(appName);
@@ -3254,6 +3373,10 @@ function createRouterApi() {
                         removeDomScope();
                         const rawValue = Reflect.get(target, key);
                         return isFunction(rawValue) ? bindFunctionToRawObject(target, rawValue, 'BASEROUTER') : rawValue;
+                    },
+                    set(target, key, value) {
+                        Reflect.set(target, key, value);
+                        return true;
                     }
                 });
             }
@@ -3655,6 +3778,8 @@ class SandBox {
         this.injectedKeys = new Set();
         // Properties escape to rawWindow, cleared when unmount
         this.escapeKeys = new Set();
+        // record injected values before the first execution of umdHookMount and rebuild before remount umd app
+        // private recordUmdInjectedValues?: Map<PropertyKey, unknown>
         // sandbox state
         this.active = false;
         this.microAppWindow = {}; // Proxy target
@@ -3668,7 +3793,8 @@ class SandBox {
         // inject global properties
         this.initStaticGlobalKeys(this.microAppWindow, appName, url, useMemoryRouter);
     }
-    start(baseRoute, useMemoryRouter = true, defaultPage = '') {
+    // TODO: 重构
+    start(umdMode = false, baseRoute = '', useMemoryRouter = true, defaultPage = '', disablePatchRequest = false) {
         if (!this.active) {
             this.active = true;
             if (useMemoryRouter) {
@@ -3679,8 +3805,13 @@ class SandBox {
             else {
                 this.microAppWindow.__MICRO_APP_BASE_ROUTE__ = this.microAppWindow.__MICRO_APP_BASE_URL__ = baseRoute;
             }
-            // prevent the key deleted during sandBox.stop after rewrite
-            this.initGlobalKeysWhenStart(this.microAppWindow, this.proxyWindow.__MICRO_APP_NAME__, this.proxyWindow.__MICRO_APP_URL__);
+            /**
+             * 1. prevent the key deleted during sandBox.stop after rewrite
+             * 2. umd mode will not delete any keys during sandBox.stop
+             */
+            if (!umdMode) {
+                this.initGlobalKeysWhenStart(this.microAppWindow, this.proxyWindow.__MICRO_APP_NAME__, this.proxyWindow.__MICRO_APP_URL__, disablePatchRequest);
+            }
             if (++SandBox.activeCount === 1) {
                 effectDocumentEvent();
                 patchElementPrototypeMethods();
@@ -3690,7 +3821,7 @@ class SandBox {
             fixBabelPolyfill6();
         }
     }
-    stop(keepRouteState, clearEventSource) {
+    stop(umdMode, keepRouteState, clearEventSource) {
         if (this.active) {
             this.releaseEffect();
             this.microAppWindow.microApp.clearDataListener();
@@ -3707,15 +3838,18 @@ class SandBox {
              * NOTE:
              *  1. injectedKeys and escapeKeys must be placed at the back
              *  2. if key in initial microAppWindow, and then rewrite, this key will be delete from microAppWindow when stop, and lost when restart
+             *  3. umd mode will not delete global keys
              */
-            this.injectedKeys.forEach((key) => {
-                Reflect.deleteProperty(this.microAppWindow, key);
-            });
-            this.injectedKeys.clear();
-            this.escapeKeys.forEach((key) => {
-                Reflect.deleteProperty(globalEnv.rawWindow, key);
-            });
-            this.escapeKeys.clear();
+            if (!umdMode) {
+                this.injectedKeys.forEach((key) => {
+                    Reflect.deleteProperty(this.microAppWindow, key);
+                });
+                this.injectedKeys.clear();
+                this.escapeKeys.forEach((key) => {
+                    Reflect.deleteProperty(globalEnv.rawWindow, key);
+                });
+                this.escapeKeys.clear();
+            }
             if (--SandBox.activeCount === 0) {
                 releaseEffectDocumentEvent();
                 releasePatches();
@@ -3726,19 +3860,19 @@ class SandBox {
     }
     // record umd snapshot before the first execution of umdHookMount
     recordUmdSnapshot() {
-        this.microAppWindow.__MICRO_APP_UMD_MODE__ = true;
+        // this.microAppWindow.__MICRO_APP_UMD_MODE__ = true
         this.recordUmdEffect();
         recordDataCenterSnapshot(this.microAppWindow.microApp);
-        this.recordUmdInjectedValues = new Map();
-        this.injectedKeys.forEach((key) => {
-            this.recordUmdInjectedValues.set(key, Reflect.get(this.microAppWindow, key));
-        });
+        // this.recordUmdInjectedValues = new Map<PropertyKey, unknown>()
+        // this.injectedKeys.forEach((key: PropertyKey) => {
+        //   this.recordUmdInjectedValues!.set(key, Reflect.get(this.microAppWindow, key))
+        // })
     }
     // rebuild umd snapshot before remount umd app
     rebuildUmdSnapshot() {
-        this.recordUmdInjectedValues.forEach((value, key) => {
-            Reflect.set(this.proxyWindow, key, value);
-        });
+        // this.recordUmdInjectedValues!.forEach((value: unknown, key: PropertyKey) => {
+        //   Reflect.set(this.proxyWindow, key, value)
+        // })
         this.rebuildUmdEffect();
         rebuildDataCenterSnapshot(this.microAppWindow.microApp);
     }
@@ -3942,11 +4076,13 @@ class SandBox {
      * @param microAppWindow micro window
      * @param appName app name
      * @param url app url
+     * @param disablePatchRequest prevent rewrite request method of child app
      */
-    initGlobalKeysWhenStart(microAppWindow, appName, url) {
+    initGlobalKeysWhenStart(microAppWindow, appName, url, disablePatchRequest) {
         microAppWindow.hasOwnProperty = (key) => rawHasOwnProperty.call(microAppWindow, key) || rawHasOwnProperty.call(globalEnv.rawWindow, key);
         this.setHijackProperty(microAppWindow, appName);
-        this.patchRequestApi(microAppWindow, appName, url);
+        if (!disablePatchRequest)
+            this.patchRequestApi(microAppWindow, appName, url);
     }
     // set hijack Properties to microAppWindow
     setHijackProperty(microAppWindow, appName) {
@@ -4071,6 +4207,14 @@ class SandBox {
                 const rawValue = Reflect.get(target, key);
                 return isFunction(rawValue) ? bindFunctionToRawObject(rawDocument, rawValue, 'DOCUMENT') : rawValue;
             },
+            set(target, key, value) {
+                // Fix TypeError: Illegal invocation when set document.title
+                Reflect.set(target, key, value);
+                /**
+                 * If the set method returns false, and the assignment happened in strict-mode code, a TypeError will be thrown.
+                 */
+                return true;
+            }
         });
         class MicroDocument {
             static [Symbol.hasInstance](target) {
@@ -4094,11 +4238,16 @@ class SandBox {
          * B.prototype.__proto__ === A.prototype // true
          */
         Object.setPrototypeOf(MicroDocument, rawRootDocument);
+        // Object.create(rawRootDocument.prototype) will cause MicroDocument and proxyDocument methods not same when exec Document.prototype.xxx = xxx in child app
         Object.setPrototypeOf(MicroDocument.prototype, new Proxy(rawRootDocument.prototype, {
             get(target, key) {
                 throttleDeferForSetAppName(appName);
                 const rawValue = Reflect.get(target, key);
                 return isFunction(rawValue) ? bindFunctionToRawObject(rawDocument, rawValue, 'DOCUMENT') : rawValue;
+            },
+            set(target, key, value) {
+                Reflect.set(target, key, value);
+                return true;
             }
         }));
         return {
@@ -4173,7 +4322,7 @@ function dispatchCustomEventToMicroApp(eventName, appName, detail = {}) {
 // micro app instances
 const appInstanceMap = new Map();
 class CreateApp {
-    constructor({ name, url, ssrUrl, container, inline, scopecss, useSandbox, useMemoryRouter, baseroute, keepRouteState, hiddenRouter, defaultPage, }) {
+    constructor({ name, url, ssrUrl, container, inline, scopecss, useSandbox, useMemoryRouter, baseroute, keepRouteState, hiddenRouter, defaultPage, disablePatchRequest, }) {
         this.state = appStates.CREATED;
         this.keepAliveState = null;
         this.keepAliveContainer = null;
@@ -4199,6 +4348,7 @@ class CreateApp {
         this.keepRouteState = keepRouteState !== null && keepRouteState !== void 0 ? keepRouteState : false;
         this.hiddenRouter = hiddenRouter !== null && hiddenRouter !== void 0 ? hiddenRouter : false;
         this.defaultPage = defaultPage !== null && defaultPage !== void 0 ? defaultPage : '';
+        this.disablePatchRequest = disablePatchRequest !== null && disablePatchRequest !== void 0 ? disablePatchRequest : false;
         this.source = {
             links: new Map(),
             scripts: new Map(),
@@ -4209,7 +4359,7 @@ class CreateApp {
     // Load resources
     loadSourceCode() {
         this.state = appStates.LOADING;
-        extractHtml(this);
+        HTMLLoader.getInstance().run(this, extractSourceDom);
     }
     /**
      * When resource is loaded, mount app if it is not prefetch or unmount
@@ -4249,8 +4399,9 @@ class CreateApp {
      * @param inline js runs in inline mode
      * @param baseroute route prefix, default is ''
      * @param keepRouteState keep route state when unmount, default is false
+     * @param disablePatchRequest prevent rewrite request method of child app
      */
-    mount(container, inline, baseroute, keepRouteState, defaultPage, hiddenRouter) {
+    mount(container, inline, baseroute, keepRouteState, defaultPage, hiddenRouter, disablePatchRequest) {
         var _a, _b, _c;
         this.inline = inline !== null && inline !== void 0 ? inline : this.inline;
         this.keepRouteState = keepRouteState !== null && keepRouteState !== void 0 ? keepRouteState : this.keepRouteState;
@@ -4258,6 +4409,7 @@ class CreateApp {
         this.baseroute = baseroute !== null && baseroute !== void 0 ? baseroute : this.baseroute;
         this.defaultPage = defaultPage !== null && defaultPage !== void 0 ? defaultPage : this.defaultPage;
         this.hiddenRouter = hiddenRouter !== null && hiddenRouter !== void 0 ? hiddenRouter : this.hiddenRouter;
+        this.disablePatchRequest = disablePatchRequest !== null && disablePatchRequest !== void 0 ? disablePatchRequest : this.disablePatchRequest;
         if (this.loadSourceLevel !== 2) {
             this.state = appStates.LOADING;
             return;
@@ -4265,13 +4417,12 @@ class CreateApp {
         dispatchLifecyclesEvent(this.container, this.name, lifeCycles.BEFOREMOUNT);
         this.state = appStates.MOUNTING;
         cloneContainer(this.source.html, this.container, !this.umdMode);
-        (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.start(this.baseroute, this.useMemoryRouter, this.defaultPage);
+        (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.start(this.umdMode, this.baseroute, this.useMemoryRouter, this.defaultPage, this.disablePatchRequest);
         let umdHookMountResult; // result of mount function
         if (!this.umdMode) {
             let hasDispatchMountedEvent = false;
             // if all js are executed, param isFinished will be true
             execScripts(this.source.scripts, this, (isFinished) => {
-                var _a;
                 if (!this.umdMode) {
                     const { mount, unmount } = this.getUmdLibraryHooks();
                     // if mount & unmount is function, the sub app is umd mode
@@ -4279,7 +4430,9 @@ class CreateApp {
                         this.umdHookMount = mount;
                         this.umdHookUnmount = unmount;
                         this.umdMode = true;
-                        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.recordUmdSnapshot();
+                        if (this.sandBox)
+                            this.sandBox.proxyWindow.__MICRO_APP_UMD_MODE__ = true;
+                        // this.sandBox?.recordUmdSnapshot()
                         try {
                             umdHookMountResult = this.umdHookMount();
                         }
@@ -4381,20 +4534,23 @@ class CreateApp {
      * @param unmountcb callback of unmount
      */
     actionsForUnmount(destroy, unmountcb) {
-        var _a;
+        var _a, _b;
         if (destroy) {
             this.actionsForCompletelyDestroy();
         }
         else if (this.umdMode && this.container.childElementCount) {
             cloneContainer(this.container, this.source.html, false);
         }
+        if (this.umdMode) {
+            (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.recordUmdSnapshot();
+        }
         /**
          * this.container maybe contains micro-app element, stop sandbox should exec after cloneContainer
          * NOTE:
          * 1. if destroy is true, clear route state
          * 2. umd mode and keep-alive will not clear EventSource
          */
-        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.stop(this.keepRouteState && !destroy, !this.umdMode || destroy);
+        (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.stop(this.umdMode, this.keepRouteState && !destroy, !this.umdMode || destroy);
         if (!getActiveApps().length) {
             releasePatchSetAttribute();
         }
@@ -4709,7 +4865,7 @@ function defineElement(tagName) {
             app.isPrefetch = false;
             defer(() => {
                 var _a;
-                return app.mount((_a = this.shadowRoot) !== null && _a !== void 0 ? _a : this, this.getDisposeResult('inline'), this.getBaseRouteCompatible(), this.getDisposeResult('keep-router-state'), this.getDefaultPageValue(), this.getDisposeResult('hidden-router'));
+                return app.mount((_a = this.shadowRoot) !== null && _a !== void 0 ? _a : this, this.getDisposeResult('inline'), this.getBaseRouteCompatible(), this.getDisposeResult('keep-router-state'), this.getDefaultPageValue(), this.getDisposeResult('hidden-router'), this.getDisposeResult('disable-patch-request'));
             });
         }
         // create app instance
@@ -4735,6 +4891,7 @@ function defineElement(tagName) {
                 keepRouteState: this.getDisposeResult('keep-router-state'),
                 defaultPage: this.getDefaultPageValue(),
                 hiddenRouter: this.getDisposeResult('hidden-router'),
+                disablePatchRequest: this.getDisposeResult('disable-patch-request'),
             });
             appInstanceMap.set(this.appName, instance);
         }
@@ -5084,6 +5241,7 @@ class MicroApp extends EventCenterForBaseApp {
             this['disable-scopecss'] = (_a = options['disable-scopecss']) !== null && _a !== void 0 ? _a : options.disableScopecss;
             this['disable-sandbox'] = (_b = options['disable-sandbox']) !== null && _b !== void 0 ? _b : options.disableSandbox;
             this['disable-memory-router'] = options['disable-memory-router'];
+            this['disable-patch-request'] = options['disable-patch-request'];
             this['keep-router-state'] = options['keep-router-state'];
             this['hidden-router'] = options['hidden-router'];
             this.esmodule = options.esmodule;