@micro-zoe/micro-app 1.0.0-alpha.7 → 1.0.0-alpha.8

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-alpha.7';
+const version = '1.0.0-alpha.8';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -33,6 +33,10 @@ function isString(target) {
 function isBoolean(target) {
     return typeof target === 'boolean';
 }
+// is Number
+function isNumber(target) {
+    return typeof target === 'number';
+}
 // is function
 function isFunction(target) {
     return typeof target === 'function';
@@ -565,6 +569,7 @@ var MicroAppConfig;
     MicroAppConfig["SSR"] = "ssr";
     MicroAppConfig["FIBER"] = "fiber";
 })(MicroAppConfig || (MicroAppConfig = {}));
+const PREFETCH_LEVEL = [1, 2, 3];
 /**
  * global key must be static key, they can not rewrite
  * e.g.
@@ -1365,10 +1370,9 @@ class Adapter {
         ];
         this.injectReactHRMProperty();
     }
-    // TODO: __DEV__ process.env.NODE_ENV !== 'production'
     // adapter for react
     injectReactHRMProperty() {
-        if (process.env.NODE_ENV !== 'production') {
+        if ((process.env.NODE_ENV !== 'production')) {
             // react child in non-react env
             this.staticEscapeProperties.push('__REACT_ERROR_OVERLAY_GLOBAL_HOOK__');
             // in react parent
@@ -1392,7 +1396,7 @@ function fixBabelPolyfill6() {
  */
 function fixReactHMRConflict(app) {
     var _a;
-    if (process.env.NODE_ENV !== 'production') {
+    if ((process.env.NODE_ENV !== 'production')) {
         const rawReactErrorHook = globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__;
         const childReactErrorHook = (_a = app.sandBox) === null || _a === void 0 ? void 0 : _a.proxyWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__;
         if (rawReactErrorHook && childReactErrorHook) {
@@ -1525,11 +1529,11 @@ function invokePrototypeMethod(app, rawMethod, parent, targetChild, passiveChild
                     configurable: true,
                     get() {
                         /**
-                         * When operate child from parentNode async, Element.prototype may reset
+                         * When operate child from parentNode async, may have been unmount
                          * e.g.
                          * target.parentNode.remove(target)
                          */
-                        return Element.prototype.removeChild === globalEnv.rawRemoveChild ? hijackParent : document.body;
+                        return !app.container ? hijackParent : document.body;
                     },
                 });
             }
@@ -1547,8 +1551,7 @@ function invokePrototypeMethod(app, rawMethod, parent, targetChild, passiveChild
             }
             return targetChild;
         }
-        // TODO: __DEV__
-        if (process.env.NODE_ENV !== 'production' &&
+        if ((process.env.NODE_ENV !== 'production') &&
             targetChild instanceof HTMLIFrameElement &&
             rawMethod === globalEnv.rawAppendChild) {
             fixReactHMRConflict(app);
@@ -1664,7 +1667,6 @@ function patchElementPrototypeMethods() {
     };
     // prototype methods of delete element👇
     Element.prototype.removeChild = function removeChild(oldChild) {
-        var _a;
         if (oldChild === null || oldChild === void 0 ? void 0 : oldChild.__MICRO_APP_NAME__) {
             const app = appInstanceMap.get(oldChild.__MICRO_APP_NAME__);
             if (app === null || app === void 0 ? void 0 : app.container) {
@@ -1673,8 +1675,8 @@ function patchElementPrototypeMethods() {
             try {
                 return globalEnv.rawRemoveChild.call(this, oldChild);
             }
-            catch (_b) {
-                return (_a = oldChild === null || oldChild === void 0 ? void 0 : oldChild.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(oldChild);
+            catch (_a) {
+                return ((oldChild === null || oldChild === void 0 ? void 0 : oldChild.parentNode) && globalEnv.rawRemoveChild.call(oldChild.parentNode, oldChild));
             }
         }
         return globalEnv.rawRemoveChild.call(this, oldChild);
@@ -2213,7 +2215,7 @@ function fetchScriptsFromHtml(wrapElement, app) {
     for (const address of scriptList) {
         const scriptInfo = sourceCenter.script.getInfo(address);
         const appSpaceData = scriptInfo.appSpace[app.name];
-        if ((!appSpaceData.defer && !appSpaceData.async) || app.isPrefetch) {
+        if ((!appSpaceData.defer && !appSpaceData.async) || (app.isPrefetch && !app.isPrerender)) {
             fetchScriptPromise.push(scriptInfo.code ? scriptInfo.code : fetchSource(address, app.name));
             fetchScriptPromiseInfo.push([address, scriptInfo]);
         }
@@ -2254,7 +2256,7 @@ function fetchScriptSuccess(address, scriptInfo, code, app) {
      * 2. if app is inline or script is esmodule, skip this step
      * 3. if global parseResult not exist, the current script occupies the position, when js is reused, parseResult is reference
      */
-    if (app.isPrefetch) {
+    if (app.isPrefetch && app.prefetchLevel === 2) {
         const appSpaceData = scriptInfo.appSpace[app.name];
         /**
          * When prefetch app is replaced by a new app in the processing phase, since the scriptInfo is common, when the scriptInfo of the prefetch app is processed, it may have already been processed.
@@ -2639,17 +2641,19 @@ class EventCenter {
                 const force = eventInfo.force;
                 eventInfo.tempData = null;
                 eventInfo.force = false;
+                let resArr;
                 if (force || !this.isEqual(eventInfo.data, tempData)) {
                     eventInfo.data = tempData || eventInfo.data;
                     for (const f of eventInfo.callbacks) {
-                        f(eventInfo.data);
+                        const res = f(eventInfo.data);
+                        res && (resArr !== null && resArr !== void 0 ? resArr : (resArr = [])).push(res);
                     }
                     (_b = (_a = temRecordStep[name]).dispatchDataEvent) === null || _b === void 0 ? void 0 : _b.call(_a);
                     /**
                      * WARING:
                      * If data of other app is sent in nextStep, it may cause confusion of tempData and force
                      */
-                    temRecordStep[name].nextStepList.forEach((nextStep) => nextStep());
+                    temRecordStep[name].nextStepList.forEach((nextStep) => nextStep(resArr));
                 }
             }
         };
@@ -2824,7 +2828,7 @@ class EventCenterForGlobal {
     setGlobalData(data, nextStep, force) {
         // clear dom scope before dispatch global data, apply to micro app
         removeDomScope();
-        eventCenter.dispatch('global', data, () => isFunction(nextStep) && nextStep(), force);
+        eventCenter.dispatch('global', data, (resArr) => isFunction(nextStep) && nextStep(resArr), force);
     }
     forceSetGlobalData(data, nextStep) {
         this.setGlobalData(data, nextStep, true);
@@ -2892,7 +2896,7 @@ class EventCenterForBaseApp extends EventCenterForGlobal {
      * @param data data
      */
     setData(appName, data, nextStep, force) {
-        eventCenter.dispatch(formatEventName(formatAppName(appName), true), data, () => isFunction(nextStep) && nextStep(), force);
+        eventCenter.dispatch(formatEventName(formatAppName(appName), true), data, (resArr) => isFunction(nextStep) && nextStep(resArr), force);
     }
     forceSetData(appName, data, nextStep) {
         this.setData(appName, data, nextStep, true);
@@ -2948,7 +2952,7 @@ class EventCenterForMicroApp extends EventCenterForGlobal {
      */
     dispatch(data, nextStep, force) {
         removeDomScope();
-        eventCenter.dispatch(formatEventName(this.appName, false), data, () => isFunction(nextStep) && nextStep(), force, () => {
+        eventCenter.dispatch(formatEventName(this.appName, false), data, (resArr) => isFunction(nextStep) && nextStep(resArr), force, () => {
             const app = appInstanceMap.get(this.appName);
             if ((app === null || app === void 0 ? void 0 : app.container) && isPlainObject(data)) {
                 const event = new CustomEvent('datachange', {
@@ -3158,12 +3162,14 @@ function effectDocumentEvent() {
     const { rawDocument, rawDocumentAddEventListener, rawDocumentRemoveEventListener, } = globalEnv;
     !hasRewriteDocumentOnClick && overwriteDocumentOnClick();
     document.addEventListener = function (type, listener, options) {
-        var _a;
         const appName = getCurrentAppName();
         /**
          * ignore bound function of document event in umd mode, used to solve problem of react global events
+         * update in 2022-09-02:
+         * boundFunction is no longer exclude, because events in UMD mode will not cleared from v1.0.0-alpha.4
+         * if (appName && !(appInstanceMap.get(appName)?.umdMode && isBoundFunction(listener))) {
          */
-        if (appName && !(((_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.umdMode) && isBoundFunction(listener))) {
+        if (appName) {
             const appListenersMap = documentEventListenerMap.get(appName);
             if (appListenersMap) {
                 const appListenerList = appListenersMap.get(type);
@@ -3182,9 +3188,13 @@ function effectDocumentEvent() {
         rawDocumentAddEventListener.call(rawDocument, type, listener, options);
     };
     document.removeEventListener = function (type, listener, options) {
-        var _a;
         const appName = getCurrentAppName();
-        if (appName && !(((_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.umdMode) && isBoundFunction(listener))) {
+        /**
+         * update in 2022-09-02:
+         * boundFunction is no longer exclude, because events in UMD mode will not cleared from v1.0.0-alpha.4
+         * if (appName && !(appInstanceMap.get(appName)?.umdMode && isBoundFunction(listener))) {
+         */
+        if (appName) {
             const appListenersMap = documentEventListenerMap.get(appName);
             if (appListenersMap) {
                 const appListenerList = appListenersMap.get(type);
@@ -3249,69 +3259,80 @@ function effect(appName, microAppWindow) {
         timeoutIdMap.delete(timeoutId);
         rawClearTimeout.call(rawWindow, timeoutId);
     };
-    const umdWindowListenerMap = new Map();
-    const umdDocumentListenerMap = new Map();
-    let umdIntervalIdMap = new Map();
-    let umdTimeoutIdMap = new Map();
-    let umdOnClickHandler;
-    const clearUmdSnapshotData = () => {
-        umdWindowListenerMap.clear();
-        umdIntervalIdMap.clear();
-        umdTimeoutIdMap.clear();
-        umdDocumentListenerMap.clear();
-        umdOnClickHandler = null;
+    const sstWindowListenerMap = new Map();
+    const sstDocumentListenerMap = new Map();
+    let sstIntervalIdMap = new Map();
+    let sstTimeoutIdMap = new Map();
+    let sstOnClickHandler;
+    const clearSnapshotData = () => {
+        sstWindowListenerMap.clear();
+        sstIntervalIdMap.clear();
+        sstTimeoutIdMap.clear();
+        sstDocumentListenerMap.clear();
+        sstOnClickHandler = null;
     };
-    // record event and timer before exec umdMountHook
-    const recordUmdEffect = () => {
+    /**
+     * record event and timer
+     * Scenes:
+     * 1. exec umdMountHook in umd mode
+     * 2. hidden keep-alive app
+     * 3. after init prerender app
+     */
+    const recordEffect = () => {
         // record window event
         eventListenerMap.forEach((listenerList, type) => {
             if (listenerList.size) {
-                umdWindowListenerMap.set(type, new Set(listenerList));
+                sstWindowListenerMap.set(type, new Set(listenerList));
             }
         });
         // record timers
         if (intervalIdMap.size) {
-            umdIntervalIdMap = new Map(intervalIdMap);
+            sstIntervalIdMap = new Map(intervalIdMap);
         }
         if (timeoutIdMap.size) {
-            umdTimeoutIdMap = new Map(timeoutIdMap);
+            sstTimeoutIdMap = new Map(timeoutIdMap);
         }
         // record onclick handler
-        umdOnClickHandler = documentClickListMap.get(appName);
+        sstOnClickHandler = documentClickListMap.get(appName);
         // record document event
         const documentAppListenersMap = documentEventListenerMap.get(appName);
         if (documentAppListenersMap) {
             documentAppListenersMap.forEach((listenerList, type) => {
                 if (listenerList.size) {
-                    umdDocumentListenerMap.set(type, new Set(listenerList));
+                    sstDocumentListenerMap.set(type, new Set(listenerList));
                 }
             });
         }
     };
-    // rebuild event and timer before remount umd app
-    const rebuildUmdEffect = () => {
+    // rebuild event and timer before remount app
+    const rebuildEffect = () => {
         // rebuild window event
-        umdWindowListenerMap.forEach((listenerList, type) => {
+        sstWindowListenerMap.forEach((listenerList, type) => {
             for (const listener of listenerList) {
                 microAppWindow.addEventListener(type, listener, listener === null || listener === void 0 ? void 0 : listener.__MICRO_APP_MARK_OPTIONS__);
             }
         });
         // rebuild timer
-        umdIntervalIdMap.forEach((info) => {
+        sstIntervalIdMap.forEach((info) => {
             microAppWindow.setInterval(info.handler, info.timeout, ...info.args);
         });
-        umdTimeoutIdMap.forEach((info) => {
+        sstTimeoutIdMap.forEach((info) => {
             microAppWindow.setTimeout(info.handler, info.timeout, ...info.args);
         });
         // rebuild onclick event
-        umdOnClickHandler && documentClickListMap.set(appName, umdOnClickHandler);
-        // rebuild document event
-        umdDocumentListenerMap.forEach((listenerList, type) => {
+        sstOnClickHandler && documentClickListMap.set(appName, sstOnClickHandler);
+        /**
+         * rebuild document event
+         * WARNING!!: do not delete setCurrentAppName & removeDomScope
+         */
+        setCurrentAppName(appName);
+        sstDocumentListenerMap.forEach((listenerList, type) => {
             for (const listener of listenerList) {
                 document.addEventListener(type, listener, listener === null || listener === void 0 ? void 0 : listener.__MICRO_APP_MARK_OPTIONS__);
             }
         });
-        clearUmdSnapshotData();
+        removeDomScope();
+        clearSnapshotData();
     };
     // release all event listener & interval & timeout when unmount app
     const releaseEffect = () => {
@@ -3351,8 +3372,8 @@ function effect(appName, microAppWindow) {
         }
     };
     return {
-        recordUmdEffect,
-        rebuildUmdEffect,
+        recordEffect,
+        rebuildEffect,
         releaseEffect,
     };
 }
@@ -3378,7 +3399,6 @@ function removeMicroState(appName, rawState) {
             delete rawState.microAppState;
         }
     }
-    // 生成新的state对象
     return assign({}, rawState);
 }
 // get micro app state form origin state
@@ -3390,12 +3410,15 @@ const ENC_AD_RE = /&/g; // %M1
 const ENC_EQ_RE = /=/g; // %M2
 const DEC_AD_RE = /%M1/g; // &
 const DEC_EQ_RE = /%M2/g; // =
+// encode path with special symbol
 function encodeMicroPath(path) {
     return encodeURIComponent(commonDecode(path).replace(ENC_AD_RE, '%M1').replace(ENC_EQ_RE, '%M2'));
 }
+// decode path
 function decodeMicroPath(path) {
     return commonDecode(path).replace(DEC_AD_RE, '&').replace(DEC_EQ_RE, '=');
 }
+// Recursively resolve address
 function commonDecode(path) {
     try {
         const decPath = decodeURIComponent(path);
@@ -3407,12 +3430,15 @@ function commonDecode(path) {
         return path;
     }
 }
-// 格式化query参数key，防止与原有参数的冲突
+// Format the query parameter key to prevent conflicts with the original parameters
 function formatQueryAppName(appName) {
     // return `app-${appName}`
     return appName;
 }
-// 根据浏览器url参数，获取当前子应用的path
+/**
+ * Get app fullPath from browser url
+ * @param appName app.name
+ */
 function getMicroPathFromURL(appName) {
     var _a, _b;
     const rawLocation = globalEnv.rawWindow.location;
@@ -3420,15 +3446,23 @@ function getMicroPathFromURL(appName) {
     const microPath = ((_a = queryObject.hashQuery) === null || _a === void 0 ? void 0 : _a[formatQueryAppName(appName)]) || ((_b = queryObject.searchQuery) === null || _b === void 0 ? void 0 : _b[formatQueryAppName(appName)]);
     return isString(microPath) ? decodeMicroPath(microPath) : null;
 }
-// 将name=encodeUrl地址插入到浏览器url上
+/**
+ * Attach child app fullPath to browser url
+ * @param appName app.name
+ * @param microLocation location of child app
+ */
 function setMicroPathToURL(appName, microLocation) {
     let { pathname, search, hash } = globalEnv.rawWindow.location;
     const queryObject = getQueryObjectFromURL(search, hash);
     const encodedMicroPath = encodeMicroPath(microLocation.pathname +
         microLocation.search +
         microLocation.hash);
-    let isAttach2Hash = false; // 基座是否是hash模式，这个其实也不准，只是表示参数加到了hash上
-    // hash存在且search不存在，则认为是hash路由
+    /**
+     * Is parent is hash router
+     * In fact, this is not true. It just means that the parameter is added to the hash
+     */
+    let isAttach2Hash = false;
+    // If hash exists and search does not exist, it is considered as a hash route
     if (hash && !search) {
         isAttach2Hash = true;
         if (queryObject.hashQuery) {
@@ -3458,7 +3492,11 @@ function setMicroPathToURL(appName, microLocation) {
         isAttach2Hash,
     };
 }
-// 将name=encodeUrl的参数从浏览器url上删除
+/**
+ * Delete child app fullPath from browser url
+ * @param appName app.name
+ * @param targetLocation target Location, default is rawLocation
+ */
 function removeMicroPathFromURL(appName, targetLocation) {
     var _a, _b, _c, _d;
     let { pathname, search, hash } = targetLocation || globalEnv.rawWindow.location;
@@ -3481,7 +3519,7 @@ function removeMicroPathFromURL(appName, targetLocation) {
     };
 }
 /**
- * 根据location获取query对象
+ * Format search, hash to object
  */
 function getQueryObjectFromURL(search, hash) {
     const queryObject = {};
@@ -3503,6 +3541,18 @@ function getNoHashMicroPathFromURL(appName, baseUrl) {
     const formatLocation = createURL(microPath, baseUrl);
     return formatLocation.origin + formatLocation.pathname + formatLocation.search;
 }
+/**
+ * Effect app is an app that can perform route navigation
+ * NOTE: Invalid app action
+ * 1. prevent update browser url, dispatch popStateEvent, reload browser
+ * 2. It can update path with pushState/replaceState
+ * 3. Can not update path outside (with router api)
+ * 3. Can not update path by location
+ */
+function isEffectiveApp(appName) {
+    const app = appInstanceMap.get(appName);
+    return !!(app && !app.isPrefetch);
+}
 
 /**
  * dispatch PopStateEvent & HashChangeEvent to child app
@@ -3519,7 +3569,8 @@ function addHistoryListener(appName) {
          * 1. unmount app & hidden keep-alive app will not receive popstate event
          * 2. filter out onlyForBrowser
          */
-        if (getActiveApps(true).includes(appName) && !e.onlyForBrowser) {
+        if (getActiveApps({ excludeHiddenApp: true, excludePreRender: true }).includes(appName) &&
+            !e.onlyForBrowser) {
             const microPath = getMicroPathFromURL(appName);
             const app = appInstanceMap.get(appName);
             const proxyWindow = app.sandBox.proxyWindow;
@@ -3607,15 +3658,18 @@ function dispatchNativeHashChangeEvent(oldHref) {
 }
 /**
  * dispatch popstate & hashchange event to browser
+ * @param appName app.name
  * @param onlyForBrowser only dispatch event to browser
  * @param oldHref old href of rawWindow.location
  */
-function dispatchNativeEvent(onlyForBrowser, oldHref) {
+function dispatchNativeEvent(appName, onlyForBrowser, oldHref) {
     // clear element scope before dispatch global event
     removeDomScope();
-    dispatchNativePopStateEvent(onlyForBrowser);
-    if (oldHref) {
-        dispatchNativeHashChangeEvent(oldHref);
+    if (isEffectiveApp(appName)) {
+        dispatchNativePopStateEvent(onlyForBrowser);
+        if (oldHref) {
+            dispatchNativeHashChangeEvent(oldHref);
+        }
     }
 }
 
@@ -3632,7 +3686,7 @@ function createMicroHistory(appName, microLocation) {
             if (isString(rests[2]) || isURL(rests[2])) {
                 const targetLocation = createURL(rests[2], microLocation.href);
                 if (targetLocation.origin === microLocation.origin) {
-                    navigateWithNativeEvent(methodName, setMicroPathToURL(appName, targetLocation), true, setMicroState(appName, rests[0]), rests[1]);
+                    navigateWithNativeEvent(appName, methodName, setMicroPathToURL(appName, targetLocation), true, setMicroState(appName, rests[0]), rests[1]);
                     const targetFullPath = targetLocation.pathname + targetLocation.search + targetLocation.hash;
                     if (targetFullPath !== microLocation.fullPath) {
                         updateMicroLocation(appName, targetFullPath, microLocation);
@@ -3640,7 +3694,7 @@ function createMicroHistory(appName, microLocation) {
                     return void 0;
                 }
             }
-            nativeHistoryNavigate(methodName, rests[2], rests[0], rests[1]);
+            nativeHistoryNavigate(appName, methodName, rests[2], rests[0], rests[1]);
         };
     }
     const pushState = getMicroHistoryMethod('pushState');
@@ -3672,14 +3726,17 @@ function createMicroHistory(appName, microLocation) {
 }
 /**
  * navigate to new path base on native method of history
+ * @param appName app.name
  * @param methodName pushState/replaceState
  * @param fullPath full path
  * @param state history.state, default is null
  * @param title history.title, default is ''
  */
-function nativeHistoryNavigate(methodName, fullPath, state = null, title = '') {
-    const method = methodName === 'pushState' ? globalEnv.rawPushState : globalEnv.rawReplaceState;
-    method.call(globalEnv.rawWindow.history, state, title, fullPath);
+function nativeHistoryNavigate(appName, methodName, fullPath, state = null, title = '') {
+    if (isEffectiveApp(appName)) {
+        const method = methodName === 'pushState' ? globalEnv.rawPushState : globalEnv.rawReplaceState;
+        method.call(globalEnv.rawWindow.history, state, title, fullPath);
+    }
 }
 /**
  * Navigate to new path, and dispatch native popStateEvent/hashChangeEvent to browser
@@ -3688,29 +3745,33 @@ function nativeHistoryNavigate(methodName, fullPath, state = null, title = '') {
  * 2. proxyHistory.pushState/replaceState with limited popstateEvent
  * 3. api microApp.router.push/replace
  * 4. proxyLocation.hash = xxx
+ * @param appName app.name
  * @param methodName pushState/replaceState
  * @param result result of add/remove microApp path on browser url
  * @param onlyForBrowser only dispatch event to browser
  * @param state history.state, not required
  * @param title history.title, not required
  */
-function navigateWithNativeEvent(methodName, result, onlyForBrowser, state, title) {
-    const rawLocation = globalEnv.rawWindow.location;
-    const oldFullPath = rawLocation.pathname + rawLocation.search + rawLocation.hash;
-    const oldHref = result.isAttach2Hash && oldFullPath !== result.fullPath ? rawLocation.href : null;
-    // navigate with native history method
-    nativeHistoryNavigate(methodName, result.fullPath, state, title);
-    if (oldFullPath !== result.fullPath)
-        dispatchNativeEvent(onlyForBrowser, oldHref);
+function navigateWithNativeEvent(appName, methodName, result, onlyForBrowser, state, title) {
+    if (isEffectiveApp(appName)) {
+        const rawLocation = globalEnv.rawWindow.location;
+        const oldFullPath = rawLocation.pathname + rawLocation.search + rawLocation.hash;
+        const oldHref = result.isAttach2Hash && oldFullPath !== result.fullPath ? rawLocation.href : null;
+        // navigate with native history method
+        nativeHistoryNavigate(appName, methodName, result.fullPath, state, title);
+        if (oldFullPath !== result.fullPath)
+            dispatchNativeEvent(appName, onlyForBrowser, oldHref);
+    }
 }
 /**
  * update browser url when mount/unmount/hidden/show/attachToURL/attachAllToURL
  * just attach microRoute info to browser, dispatch event to base app(exclude child)
+ * @param appName app.name
  * @param result result of add/remove microApp path on browser url
  * @param state history.state
  */
-function attachRouteToBrowserURL(result, state) {
-    navigateWithNativeEvent('replaceState', result, true, state);
+function attachRouteToBrowserURL(appName, result, state) {
+    navigateWithNativeEvent(appName, 'replaceState', result, true, state);
 }
 /**
  * When path is same, keep the microAppState in history.state
@@ -3740,10 +3801,13 @@ function reWriteHistoryMethod(method) {
          * 2. Unable to catch when base app navigate with location
          * 3. When in nest app, rawPushState/rawReplaceState has been modified by parent
          */
-        getActiveApps(true).forEach(appName => {
+        getActiveApps({
+            excludeHiddenApp: true,
+            excludePreRender: true,
+        }).forEach(appName => {
             const app = appInstanceMap.get(appName);
             if (app.sandBox && app.useMemoryRouter && !getMicroPathFromURL(appName)) {
-                attachRouteToBrowserURL(setMicroPathToURL(appName, app.sandBox.proxyWindow.location), setMicroState(appName, getMicroState(appName)));
+                attachRouteToBrowserURL(appName, setMicroPathToURL(appName, app.sandBox.proxyWindow.location), setMicroState(appName, getMicroState(appName)));
             }
         });
         // fix bug for nest app
@@ -3775,7 +3839,7 @@ function createRouterApi() {
      * @param state to.state
      */
     function navigateWithRawHistory(appName, methodName, targetLocation, state) {
-        navigateWithNativeEvent(methodName, setMicroPathToURL(appName, targetLocation), false, setMicroState(appName, state !== null && state !== void 0 ? state : null));
+        navigateWithNativeEvent(appName, methodName, setMicroPathToURL(appName, targetLocation), false, setMicroState(appName, state !== null && state !== void 0 ? state : null));
         // clear element scope after navigate
         removeDomScope();
     }
@@ -3796,7 +3860,7 @@ function createRouterApi() {
                     return logError(`navigation failed, memory router of app ${appName} is closed`);
                 }
                 // active apps, include hidden keep-alive app
-                if (getActiveApps().includes(appName)) {
+                if (getActiveApps({ excludePreRender: true }).includes(appName)) {
                     const microLocation = app.sandBox.proxyWindow.location;
                     const targetLocation = createURL(to.path, microLocation.href);
                     // Only get path data, even if the origin is different from microApp
@@ -3879,7 +3943,7 @@ function createRouterApi() {
     function commonHandlerForAttachToURL(appName) {
         const app = appInstanceMap.get(appName);
         if (app.sandBox && app.useMemoryRouter) {
-            attachRouteToBrowserURL(setMicroPathToURL(appName, app.sandBox.proxyWindow.location), setMicroState(appName, getMicroState(appName)));
+            attachRouteToBrowserURL(appName, setMicroPathToURL(appName, app.sandBox.proxyWindow.location), setMicroState(appName, getMicroState(appName)));
         }
     }
     /**
@@ -3894,10 +3958,14 @@ function createRouterApi() {
     }
     /**
      * Attach all active app router info to browser url
-     * exclude hidden keep-alive app
+     * @param includeHiddenApp include hidden keep-alive app
+     * @param includePreRender include preRender app
      */
-    function attachAllToURL(includeHiddenApp = false) {
-        getActiveApps(!includeHiddenApp).forEach(appName => commonHandlerForAttachToURL(appName));
+    function attachAllToURL({ includeHiddenApp = false, includePreRender = false, }) {
+        getActiveApps({
+            excludeHiddenApp: !includeHiddenApp,
+            excludePreRender: !includePreRender,
+        }).forEach(appName => commonHandlerForAttachToURL(appName));
     }
     function createDefaultPageApi() {
         // defaultPage data
@@ -3912,7 +3980,7 @@ function createRouterApi() {
         function setDefaultPage(options) {
             const appName = formatAppName(options.name);
             if (!appName || !options.path) {
-                if (process.env.NODE_ENV !== 'production') {
+                if ((process.env.NODE_ENV !== 'production')) {
                     if (!appName) {
                         logWarn(`setDefaultPage: invalid appName "${appName}"`);
                     }
@@ -3955,7 +4023,7 @@ function createRouterApi() {
                     }
                 });
             }
-            else if (process.env.NODE_ENV !== 'production') {
+            else if ((process.env.NODE_ENV !== 'production')) {
                 logWarn('setBaseAppRouter: Invalid base router');
             }
         }
@@ -4023,13 +4091,13 @@ function createMicroLocation(appName, url) {
                 if (targetLocation.hash !== shadowLocation.hash) {
                     if (setMicroPathResult.isAttach2Hash)
                         oldHref = rawLocation.href;
-                    nativeHistoryNavigate(methodName, setMicroPathResult.fullPath);
+                    nativeHistoryNavigate(appName, methodName, setMicroPathResult.fullPath);
                 }
                 if (targetLocation.hash) {
-                    dispatchNativeEvent(false, oldHref);
+                    dispatchNativeEvent(appName, false, oldHref);
                 }
                 else {
-                    rawLocation.reload();
+                    rawReload();
                 }
                 return void 0;
                 /**
@@ -4038,8 +4106,8 @@ function createMicroLocation(appName, url) {
                  */
             }
             else if (setMicroPathResult.isAttach2Hash) {
-                nativeHistoryNavigate(methodName, setMicroPathResult.fullPath);
-                rawLocation.reload();
+                nativeHistoryNavigate(appName, methodName, setMicroPathResult.fullPath);
+                rawReload();
                 return void 0;
             }
             value = setMicroPathResult.fullPath;
@@ -4069,7 +4137,7 @@ function createMicroLocation(appName, url) {
         // When the browser url has a hash value, the same pathname/search will not refresh browser
         if (targetLocation[key] === shadowLocation[key] && shadowLocation.hash) {
             // The href has not changed, not need to dispatch hashchange event
-            dispatchNativeEvent(false);
+            dispatchNativeEvent(appName, false);
         }
         else {
             /**
@@ -4078,19 +4146,24 @@ function createMicroLocation(appName, url) {
              * pathname: /path ==> /path#hash, /path ==> /path?query
              * search: ?query ==> ?query#hash
              */
-            nativeHistoryNavigate(targetLocation[key] === shadowLocation[key] ? 'replaceState' : 'pushState', setMicroPathToURL(appName, targetLocation).fullPath);
-            rawLocation.reload();
+            nativeHistoryNavigate(appName, targetLocation[key] === shadowLocation[key] ? 'replaceState' : 'pushState', setMicroPathToURL(appName, targetLocation).fullPath);
+            rawReload();
         }
     }
+    function rawReload() {
+        isEffectiveApp(appName) && rawLocation.reload();
+    }
     /**
      * Special processing for four keys: href, pathname, search and hash
      * They take values from shadowLocation, and require special operations when assigning values
      */
     rawDefineProperties(microLocation, {
         href: createPropertyDescriptor(() => shadowLocation.href, (value) => {
-            const targetPath = commonHandler(value, 'pushState');
-            if (targetPath)
-                rawLocation.href = targetPath;
+            if (isEffectiveApp(appName)) {
+                const targetPath = commonHandler(value, 'pushState');
+                if (targetPath)
+                    rawLocation.href = targetPath;
+            }
         }),
         pathname: createPropertyDescriptor(() => shadowLocation.pathname, (value) => {
             const targetPath = ('/' + value).replace(/^\/+/, '/') + shadowLocation.search + shadowLocation.hash;
@@ -4105,16 +4178,18 @@ function createMicroLocation(appName, url) {
             const targetLocation = createURL(targetPath, url);
             // The same hash will not trigger popStateEvent
             if (targetLocation.hash !== shadowLocation.hash) {
-                navigateWithNativeEvent('pushState', setMicroPathToURL(appName, targetLocation), false);
+                navigateWithNativeEvent(appName, 'pushState', setMicroPathToURL(appName, targetLocation), false);
             }
         }),
         fullPath: createPropertyDescriptor(() => shadowLocation.pathname + shadowLocation.search + shadowLocation.hash, noop),
     });
     const createLocationMethod = (locationMethodName) => {
         return function (value) {
-            const targetPath = commonHandler(value, locationMethodName === 'assign' ? 'pushState' : 'replaceState');
-            if (targetPath)
-                rawLocation[locationMethodName](targetPath);
+            if (isEffectiveApp(appName)) {
+                const targetPath = commonHandler(value, locationMethodName === 'assign' ? 'pushState' : 'replaceState');
+                if (targetPath)
+                    rawLocation[locationMethodName](targetPath);
+            }
         };
     };
     return assign(microLocation, {
@@ -4213,7 +4288,7 @@ function updateBrowserURLWithLocation(appName, microLocation, defaultPage) {
     if (defaultPage)
         updateMicroLocation(appName, defaultPage, microLocation, 'prevent');
     // attach microApp route info to browser URL
-    attachRouteToBrowserURL(setMicroPathToURL(appName, microLocation), setMicroState(appName, null));
+    attachRouteToBrowserURL(appName, setMicroPathToURL(appName, microLocation), setMicroState(appName, null));
     // trigger guards after change browser URL
     autoTriggerNavigationGuard(appName, microLocation);
 }
@@ -4237,7 +4312,7 @@ function clearRouteStateFromURL(appName, url, microLocation, keepRouteState) {
  * called on sandbox.stop or hidden of keep-alive app
  */
 function removeStateAndPathFromBrowser(appName) {
-    attachRouteToBrowserURL(removeMicroPathFromURL(appName), removeMicroState(appName, globalEnv.rawWindow.history.state));
+    attachRouteToBrowserURL(appName, removeMicroPathFromURL(appName), removeMicroState(appName, globalEnv.rawWindow.history.state));
 }
 
 /**
@@ -4369,7 +4444,7 @@ class SandBox {
         // create proxyWindow with Proxy(microAppWindow)
         this.proxyWindow = this.createProxyWindow(appName);
         // Rewrite global event listener & timeout
-        assign(this, effect(appName, this.microAppWindow));
+        this.effectController = effect(appName, this.microAppWindow);
         // inject global properties
         this.initStaticGlobalKeys(this.microAppWindow, appName, url);
     }
@@ -4420,10 +4495,8 @@ class SandBox {
      */
     stop({ umdMode, keepRouteState, clearEventSource, clearData, }) {
         if (this.active) {
-            this.releaseEffect();
-            this.microAppWindow.microApp.clearDataListener();
-            this.microAppWindow.microApp.clearGlobalDataListener();
-            clearData && this.microAppWindow.microApp.clearData();
+            // clear global event, timeout, data listener
+            this.releaseGlobalEffect(clearData);
             if (this.removeHistoryListener) {
                 this.clearRouteState(keepRouteState);
                 // release listener of popstate
@@ -4456,10 +4529,33 @@ class SandBox {
             this.active = false;
         }
     }
-    // record umd snapshot before the first execution of umdHookMount
-    recordUmdSnapshot() {
+    /**
+     * clear global event, timeout, data listener
+     * Scenes:
+     * 1. unmount of normal/umd app
+     * 2. hidden keep-alive app
+     * 3. after init prerender app
+     * @param clearData clear data from base app
+     */
+    releaseGlobalEffect(clearData = false) {
+        this.effectController.releaseEffect();
+        this.microAppWindow.microApp.clearDataListener();
+        this.microAppWindow.microApp.clearGlobalDataListener();
+        if (clearData) {
+            microApp.clearData(this.microAppWindow.__MICRO_APP_NAME__);
+            this.microAppWindow.microApp.clearData();
+        }
+    }
+    /**
+     * record umd snapshot before the first execution of umdHookMount
+     * Scenes:
+     * 1. exec umdMountHook in umd mode
+     * 2. hidden keep-alive app
+     * 3. after init prerender app
+     */
+    recordEffectSnapshot() {
         // this.microAppWindow.__MICRO_APP_UMD_MODE__ = true
-        this.recordUmdEffect();
+        this.effectController.recordEffect();
         recordDataCenterSnapshot(this.microAppWindow.microApp);
         // this.recordUmdInjectedValues = new Map<PropertyKey, unknown>()
         // this.injectedKeys.forEach((key: PropertyKey) => {
@@ -4467,13 +4563,17 @@ class SandBox {
         // })
     }
     // rebuild umd snapshot before remount umd app
-    rebuildUmdSnapshot() {
+    rebuildEffectSnapshot() {
         // this.recordUmdInjectedValues!.forEach((value: unknown, key: PropertyKey) => {
         //   Reflect.set(this.proxyWindow, key, value)
         // })
-        this.rebuildUmdEffect();
+        this.effectController.rebuildEffect();
         rebuildDataCenterSnapshot(this.microAppWindow.microApp);
     }
+    // set __MICRO_APP_PRE_RENDER__ state
+    setPreRenderState(state) {
+        this.microAppWindow.__MICRO_APP_PRE_RENDER__ = state;
+    }
     /**
      * get scopeProperties and escapeProperties from plugins & adapter
      * @param appName app name
@@ -4607,6 +4707,7 @@ class SandBox {
         microAppWindow.__MICRO_APP_URL__ = url;
         microAppWindow.__MICRO_APP_PUBLIC_PATH__ = getEffectivePath(url);
         microAppWindow.__MICRO_APP_WINDOW__ = microAppWindow;
+        microAppWindow.__MICRO_APP_PRE_RENDER__ = false;
         microAppWindow.rawWindow = globalEnv.rawWindow;
         microAppWindow.rawDocument = globalEnv.rawDocument;
         microAppWindow.microApp = assign(new EventCenterForMicroApp(appName), {
@@ -4918,7 +5019,7 @@ function dispatchCustomEventToMicroApp(eventName, appName, detail = {}) {
 // micro app instances
 const appInstanceMap = new Map();
 class CreateApp {
-    constructor({ name, url, container, scopecss, useSandbox, inline, esmodule, ssrUrl, isPrefetch, }) {
+    constructor({ name, url, container, scopecss, useSandbox, inline, esmodule, ssrUrl, isPrefetch, prefetchLevel, }) {
         this.state = appStates.CREATED;
         this.keepAliveState = null;
         this.keepAliveContainer = null;
@@ -4928,7 +5029,6 @@ class CreateApp {
         this.libraryName = null;
         this.umdMode = false;
         this.sandBox = null;
-        this.keepRouteState = false;
         this.fiber = false;
         this.useMemoryRouter = true;
         this.name = name;
@@ -4940,8 +5040,10 @@ class CreateApp {
         // not exist when prefetch 👇
         this.container = container !== null && container !== void 0 ? container : null;
         this.ssrUrl = ssrUrl !== null && ssrUrl !== void 0 ? ssrUrl : '';
-        // not exist when normal 👇
+        // exist only prefetch 👇
         this.isPrefetch = isPrefetch !== null && isPrefetch !== void 0 ? isPrefetch : false;
+        this.isPrerender = prefetchLevel === 3;
+        this.prefetchLevel = prefetchLevel;
         // init actions
         appInstanceMap.set(this.name, this);
         this.source = { html: null, links: new Set(), scripts: new Set() };
@@ -4956,14 +5058,46 @@ class CreateApp {
     /**
      * When resource is loaded, mount app if it is not prefetch or unmount
      */
-    onLoad(html) {
+    onLoad(html, defaultPage, disablePatchRequest) {
+        var _a;
         if (++this.loadSourceLevel === 2) {
             this.source.html = html;
             this.state = appStates.LOADED;
             if (!this.isPrefetch && appStates.UNMOUNT !== this.state) {
-                // @ts-ignore
                 getRootContainer(this.container).mount(this);
             }
+            else if (this.isPrerender) {
+                /**
+                 * PreRender is an option of prefetch, it will render app during prefetch
+                 * Limit:
+                 * 1. fiber forced on
+                 * 2. only virtual router support
+                 *
+                 * NOTE: (4P: not - update browser url, dispatch popstateEvent, reload window, dispatch lifecycle event)
+                 * 1. pushState/replaceState in child can update microLocation, but will not attach router info to browser url
+                 * 2. prevent dispatch popstate/hashchange event to browser
+                 * 3. all navigation actions of location are invalid (In the future, we can consider update microLocation without trigger browser reload)
+                 * 4. lifecycle event will not trigger when prerender
+                 *
+                 * Special scenes
+                 * 1. unmount prerender app when loading
+                 * 2. unmount prerender app when exec js
+                 * 2. unmount prerender app after exec js
+                 */
+                const container = pureCreateElement('div');
+                container.setAttribute('prerender', 'true');
+                (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.setPreRenderState(true);
+                this.mount({
+                    container,
+                    inline: this.inline,
+                    useMemoryRouter: true,
+                    baseroute: '',
+                    fiber: true,
+                    esmodule: this.esmodule,
+                    defaultPage: defaultPage !== null && defaultPage !== void 0 ? defaultPage : '',
+                    disablePatchRequest: disablePatchRequest !== null && disablePatchRequest !== void 0 ? disablePatchRequest : false,
+                });
+            }
         }
     }
     /**
@@ -4980,29 +5114,86 @@ class CreateApp {
     /**
      * mount app
      * @param container app container
-     * @param inline js runs in inline mode
+     * @param inline run js in inline mode
+     * @param useMemoryRouter use virtual router
+     * @param defaultPage default page of virtual router
      * @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
+     * @param fiber run js in fiber mode
+     * @param esmodule support type='module' script
      */
-    mount({ container, inline, esmodule, useMemoryRouter, baseroute, keepRouteState, defaultPage, disablePatchRequest, fiber, }) {
-        var _a, _b;
+    mount({ container, inline, useMemoryRouter, defaultPage, baseroute, disablePatchRequest, fiber, esmodule, }) {
+        var _a, _b, _c, _d, _e, _f;
+        if (this.loadSourceLevel !== 2) {
+            /**
+             * unmount prefetch app when loading source, when mount again before loading end,
+             * isPrefetch & isPrerender will be reset, and this.container sill be null
+             * so we should set this.container
+             */
+            this.container = container;
+            // mount before prerender exec mount (loading source), set isPrerender to false
+            this.isPrerender = false;
+            // reset app state to LOADING
+            this.state = appStates.LOADING;
+            return;
+        }
+        /**
+         * Mount app with prerender, this.container is empty
+         * When rendering again, identify prerender by this.container
+         * Transfer the contents of div to the <micro-app> tag
+         *
+         * Special scenes:
+         * 1. mount before prerender exec mount (loading source)
+         * 2. mount when prerender js executing
+         * 3. mount after prerender js exec end
+         *
+         * TODO: test shadowDOM
+         */
+        if (this.container instanceof HTMLDivElement &&
+            this.container.hasAttribute('prerender')) {
+            /**
+             * rebuild effect event of window, document, data center
+             * explain:
+             * 1. rebuild before exec mount, do nothing
+             * 2. rebuild when js executing, recovery recorded effect event, because prerender fiber mode
+             * 3. rebuild after js exec end, normal recovery effect event
+             */
+            (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.rebuildEffectSnapshot();
+            // current this.container is <div prerender='true'></div>
+            cloneContainer(this.container, container, false);
+            /**
+             * set this.container to <micro-app></micro-app>
+             * NOTE:
+             * must before exec this.preRenderEvent?.forEach((cb) => cb())
+             */
+            this.container = container;
+            (_b = this.preRenderEvent) === null || _b === void 0 ? void 0 : _b.forEach((cb) => cb());
+            // reset isPrerender config
+            this.isPrerender = false;
+            this.preRenderEvent = undefined;
+            // attach router info to browser url
+            router.attachToURL(this.name);
+            return (_c = this.sandBox) === null || _c === void 0 ? void 0 : _c.setPreRenderState(false);
+        }
         this.container = container;
         this.inline = inline;
         this.esmodule = esmodule;
-        this.keepRouteState = keepRouteState;
         this.fiber = fiber;
         // use in sandbox/effect
         this.useMemoryRouter = useMemoryRouter;
         // this.hiddenRouter = hiddenRouter ?? this.hiddenRouter
-        if (this.loadSourceLevel !== 2) {
-            this.state = appStates.LOADING;
-            return;
+        const dispatchBeforeMount = () => {
+            dispatchLifecyclesEvent(this.container, this.name, lifeCycles.BEFOREMOUNT);
+        };
+        if (this.isPrerender) {
+            ((_d = this.preRenderEvent) !== null && _d !== void 0 ? _d : (this.preRenderEvent = [])).push(dispatchBeforeMount);
+        }
+        else {
+            dispatchBeforeMount();
         }
-        dispatchLifecyclesEvent(this.container, this.name, lifeCycles.BEFOREMOUNT);
         this.state = appStates.MOUNTING;
         cloneContainer(this.source.html, this.container, !this.umdMode);
-        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.start({
+        (_e = this.sandBox) === null || _e === void 0 ? void 0 : _e.start({
             umdMode: this.umdMode,
             baseroute,
             useMemoryRouter,
@@ -5014,6 +5205,7 @@ class CreateApp {
             let hasDispatchMountedEvent = false;
             // if all js are executed, param isFinished will be true
             execScripts(this, (isFinished) => {
+                var _a;
                 if (!this.umdMode) {
                     const { mount, unmount } = this.getUmdLibraryHooks();
                     /**
@@ -5027,7 +5219,7 @@ class CreateApp {
                         this.umdMode = true;
                         if (this.sandBox)
                             this.sandBox.proxyWindow.__MICRO_APP_UMD_MODE__ = true;
-                        // this.sandBox?.recordUmdSnapshot()
+                        // this.sandBox?.recordEffectSnapshot()
                         try {
                             umdHookMountResult = this.umdHookMount(microApp.getData(this.name, true));
                         }
@@ -5038,12 +5230,19 @@ class CreateApp {
                 }
                 if (!hasDispatchMountedEvent && (isFinished === true || this.umdMode)) {
                     hasDispatchMountedEvent = true;
-                    this.handleMounted(umdHookMountResult);
+                    const dispatchMounted = () => this.handleMounted(umdHookMountResult);
+                    if (this.isPrerender) {
+                        ((_a = this.preRenderEvent) !== null && _a !== void 0 ? _a : (this.preRenderEvent = [])).push(dispatchMounted);
+                        this.recordAndReleaseEffect();
+                    }
+                    else {
+                        dispatchMounted();
+                    }
                 }
             });
         }
         else {
-            (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.rebuildUmdSnapshot();
+            (_f = this.sandBox) === null || _f === void 0 ? void 0 : _f.rebuildEffectSnapshot();
             try {
                 umdHookMountResult = this.umdHookMount();
             }
@@ -5083,9 +5282,11 @@ class CreateApp {
      * unmount app
      * NOTE: Do not add any params on account of unmountApp
      * @param destroy completely destroy, delete cache resources
+     * @param clearData clear data of dateCenter
+     * @param keepRouteState keep route state when unmount, default is false
      * @param unmountcb callback of unmount
      */
-    unmount({ destroy, clearData, unmountcb, }) {
+    unmount({ destroy, clearData, keepRouteState, unmountcb, }) {
         if (this.state === appStates.LOAD_FAILED) {
             destroy = true;
         }
@@ -5110,30 +5311,40 @@ class CreateApp {
         callFnWithTryCatch(this.getGlobalEventListener(microGlobalEvent.ONUNMOUNT), this.name, `window.${microGlobalEvent.ONUNMOUNT}`);
         // dispatch unmount event to micro app
         dispatchCustomEventToMicroApp('unmount', this.name);
-        this.handleUnmounted(destroy, clearData, umdHookUnmountResult, unmountcb);
+        this.handleUnmounted(destroy, clearData, keepRouteState, umdHookUnmountResult, unmountcb);
     }
     /**
      * handle for promise umdHookUnmount
      * @param destroy completely destroy, delete cache resources
+     * @param clearData clear data of dateCenter
+     * @param keepRouteState keep route state when unmount, default is false
      * @param umdHookUnmountResult result of umdHookUnmount
      * @param unmountcb callback of unmount
      */
-    handleUnmounted(destroy, clearData, umdHookUnmountResult, unmountcb) {
+    handleUnmounted(destroy, clearData, keepRouteState, umdHookUnmountResult, unmountcb) {
+        const unmountParam = {
+            destroy,
+            clearData,
+            keepRouteState,
+            unmountcb,
+        };
         if (isPromise(umdHookUnmountResult)) {
             umdHookUnmountResult
-                .then(() => this.actionsForUnmount(destroy, clearData, unmountcb))
-                .catch(() => this.actionsForUnmount(destroy, clearData, unmountcb));
+                .then(() => this.actionsForUnmount(unmountParam))
+                .catch(() => this.actionsForUnmount(unmountParam));
         }
         else {
-            this.actionsForUnmount(destroy, clearData, unmountcb);
+            this.actionsForUnmount(unmountParam);
         }
     }
     /**
      * actions for unmount app
      * @param destroy completely destroy, delete cache resources
+     * @param clearData clear data of dateCenter
+     * @param keepRouteState keep route state when unmount, default is false
      * @param unmountcb callback of unmount
      */
-    actionsForUnmount(destroy, clearData, unmountcb) {
+    actionsForUnmount({ destroy, clearData, keepRouteState, unmountcb }) {
         var _a, _b;
         if (destroy) {
             this.actionsForCompletelyDestroy();
@@ -5142,10 +5353,7 @@ class CreateApp {
             cloneContainer(this.container, this.source.html, false);
         }
         if (this.umdMode) {
-            (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.recordUmdSnapshot();
-        }
-        if (clearData || destroy) {
-            microApp.clearData(this.name);
+            (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.recordEffectSnapshot();
         }
         /**
          * this.container maybe contains micro-app element, stop sandbox should exec after cloneContainer
@@ -5155,7 +5363,7 @@ class CreateApp {
          */
         (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.stop({
             umdMode: this.umdMode,
-            keepRouteState: this.keepRouteState && !destroy,
+            keepRouteState: keepRouteState && !destroy,
             clearEventSource: !this.umdMode || destroy,
             clearData: clearData || destroy,
         });
@@ -5164,9 +5372,14 @@ class CreateApp {
         }
         // dispatch unmount event to base app
         dispatchLifecyclesEvent(this.container, this.name, lifeCycles.UNMOUNT);
+        this.resetConfig();
+        unmountcb && unmountcb();
+    }
+    resetConfig() {
         this.container.innerHTML = '';
         this.container = null;
-        unmountcb && unmountcb();
+        this.isPrerender = false;
+        this.preRenderEvent = undefined;
     }
     // actions for completely destroy
     actionsForCompletelyDestroy() {
@@ -5192,11 +5405,13 @@ class CreateApp {
         dispatchLifecyclesEvent(oldContainer, this.name, lifeCycles.AFTERHIDDEN);
         // called after lifeCyclesEvent
         (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.removeRouteInfoForKeepAliveApp();
+        this.recordAndReleaseEffect();
         callback && callback();
     }
     // show app when connectedCallback called with keep-alive
     showKeepAliveApp(container) {
-        var _a;
+        var _a, _b;
+        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.rebuildEffectSnapshot();
         // dispatch beforeShow event to micro-app
         dispatchCustomEventToMicroApp('appstate-change', this.name, {
             appState: 'beforeshow',
@@ -5207,7 +5422,7 @@ class CreateApp {
         this.container = container;
         this.keepAliveState = keepAliveStates.KEEP_ALIVE_SHOW;
         // called before lifeCyclesEvent
-        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.setRouteInfoForKeepAliveApp();
+        (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.setRouteInfoForKeepAliveApp();
         // dispatch afterShow event to micro-app
         dispatchCustomEventToMicroApp('appstate-change', this.name, {
             appState: 'aftershow',
@@ -5253,6 +5468,17 @@ class CreateApp {
         const listener = (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.proxyWindow[eventName];
         return isFunction(listener) ? listener : null;
     }
+    /**
+     * Record global effect and then release (effect: global event, timeout, data listener)
+     * Scenes:
+     * 1. hidden keep-alive app
+     * 2. after init prerender app
+     */
+    recordAndReleaseEffect() {
+        var _a, _b;
+        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.recordEffectSnapshot();
+        (_b = this.sandBox) === null || _b === void 0 ? void 0 : _b.releaseGlobalEffect();
+    }
 }
 
 /**
@@ -5448,7 +5674,7 @@ function defineElement(tagName) {
                     this.handleAppMount(app);
                 }
                 else if (app.isPrefetch || app.getAppState() === appStates.UNMOUNT) {
-                    if (process.env.NODE_ENV !== 'production' &&
+                    if ((process.env.NODE_ENV !== 'production') &&
                         app.scopecss === this.isScopecss() &&
                         app.useSandbox === this.isSandbox()) {
                         /**
@@ -5561,14 +5787,12 @@ function defineElement(tagName) {
             app.mount({
                 container: (_a = this.shadowRoot) !== null && _a !== void 0 ? _a : this,
                 inline: this.getDisposeResult('inline'),
-                esmodule: this.getDisposeResult('esmodule'),
                 useMemoryRouter: !this.getDisposeResult('disable-memory-router'),
-                baseroute: this.getBaseRouteCompatible(),
-                keepRouteState: this.getDisposeResult('keep-router-state'),
                 defaultPage: this.getDefaultPageValue(),
-                hiddenRouter: this.getDisposeResult('hidden-router'),
+                baseroute: this.getBaseRouteCompatible(),
                 disablePatchRequest: this.getDisposeResult('disable-patch-request'),
                 fiber: this.getDisposeResult('fiber'),
+                esmodule: this.getDisposeResult('esmodule'),
             });
         }
         /**
@@ -5582,6 +5806,7 @@ function defineElement(tagName) {
                 app.unmount({
                     destroy,
                     clearData: this.getDisposeResult('clear-data'),
+                    keepRouteState: this.getDisposeResult('keep-router-state'),
                     unmountcb,
                 });
             }
@@ -5729,19 +5954,37 @@ function defineElement(tagName) {
  *  2: disableScopecss, disableSandbox, disableMemoryRouter must be same with micro-app element, if conflict, the one who executes first shall prevail
  * @param apps micro apps
  */
-function preFetch(apps) {
+function preFetch(apps, delay) {
     if (!isBrowser) {
         return logError('preFetch is only supported in browser environment');
     }
     requestIdleCallback(() => {
-        isFunction(apps) && (apps = apps());
-        if (isArray(apps)) {
-            apps.reduce((pre, next) => pre.then(() => preFetchInSerial(next)), Promise.resolve());
-        }
+        const delayTime = delay !== null && delay !== void 0 ? delay : microApp.options.prefetchDelay;
+        setTimeout(() => {
+            // releasePrefetchEffect()
+            preFetchInSerial(apps);
+        }, isNumber(delayTime) ? delayTime : 3000);
     });
+    // const handleOnLoad = (): void => {
+    //   releasePrefetchEffect()
+    //   requestIdleCallback(() => {
+    //     preFetchInSerial(apps)
+    //   })
+    // }
+    // const releasePrefetchEffect = (): void => {
+    //   window.removeEventListener('load', handleOnLoad)
+    //   clearTimeout(preFetchTime)
+    // }
+    // window.addEventListener('load', handleOnLoad)
+}
+function preFetchInSerial(apps) {
+    isFunction(apps) && (apps = apps());
+    if (isArray(apps)) {
+        apps.reduce((pre, next) => pre.then(() => preFetchAction(next)), Promise.resolve());
+    }
 }
 // sequential preload app
-function preFetchInSerial(options) {
+function preFetchAction(options) {
     return promiseRequestIdle((resolve) => {
         var _a, _b, _c, _d, _e, _f;
         if (isPlainObject(options) && navigator.onLine) {
@@ -5751,21 +5994,22 @@ function preFetchInSerial(options) {
                 const app = new CreateApp({
                     name: options.name,
                     url: options.url,
+                    isPrefetch: true,
                     scopecss: !((_b = (_a = options['disable-scopecss']) !== null && _a !== void 0 ? _a : options.disableScopecss) !== null && _b !== void 0 ? _b : microApp.options['disable-scopecss']),
                     useSandbox: !((_d = (_c = options['disable-sandbox']) !== null && _c !== void 0 ? _c : options.disableSandbox) !== null && _d !== void 0 ? _d : microApp.options['disable-sandbox']),
                     inline: (_e = options.inline) !== null && _e !== void 0 ? _e : microApp.options.inline,
                     esmodule: (_f = options.esmodule) !== null && _f !== void 0 ? _f : microApp.options.esmodule,
-                    isPrefetch: true,
+                    prefetchLevel: options.level && PREFETCH_LEVEL.includes(options.level) ? options.level : microApp.options.prefetchLevel && PREFETCH_LEVEL.includes(microApp.options.prefetchLevel) ? microApp.options.prefetchLevel : 2,
                 });
                 const oldOnload = app.onLoad;
                 const oldOnLoadError = app.onLoadError;
                 app.onLoad = (html) => {
                     resolve();
-                    oldOnload.call(app, html);
+                    oldOnload.call(app, html, options['default-page'], options['disable-patch-request']);
                 };
-                app.onLoadError = (e) => {
+                app.onLoadError = (...rests) => {
                     resolve();
-                    oldOnLoadError.call(app, e);
+                    oldOnLoadError.call(app, ...rests);
                 };
             }
             else {
@@ -5823,13 +6067,14 @@ function fetchGlobalResources(resources, suffix, sourceHandler) {
 /**
  * if app not prefetch & not unmount, then app is active
  * @param excludeHiddenApp exclude hidden keep-alive app, default is false
+ * @param excludePreRender exclude pre render app
  * @returns active apps
  */
-function getActiveApps(excludeHiddenApp = false) {
+function getActiveApps({ excludeHiddenApp = false, excludePreRender = false, } = {}) {
     const activeApps = [];
     appInstanceMap.forEach((app, appName) => {
         if (appStates.UNMOUNT !== app.getAppState() &&
-            !app.isPrefetch &&
+            (!app.isPrefetch || (app.isPrerender && !excludePreRender)) &&
             (!excludeHiddenApp ||
                 keepAliveStates.KEEP_ALIVE_HIDDEN !== app.getKeepAliveState())) {
             activeApps.push(appName);
@@ -5862,6 +6107,7 @@ function unmountApp(appName, options) {
                     app.unmount({
                         destroy: true,
                         clearData: true,
+                        keepRouteState: true,
                         unmountcb: resolve.bind(null, true)
                     });
                 }
@@ -5869,6 +6115,7 @@ function unmountApp(appName, options) {
                     app.unmount({
                         destroy: false,
                         clearData: !!options.clearData,
+                        keepRouteState: true,
                         unmountcb: resolve.bind(null, true)
                     });
                 }