@next-core/runtime 1.20.4 → 1.21.1

package/dist/cjs/createRoot.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.unstable_createRoot = unstable_createRoot;
-var _loader = require("@next-core/loader");
 var _Renderer = require("./internal/Renderer.js");
 var _RendererContext = require("./internal/RendererContext.js");
 var _DataStore = require("./internal/data/DataStore.js");
@@ -96,10 +95,9 @@ function unstable_createRoot(container, {
       let output;
       let stores = [];
       try {
-        output = await (0, _Renderer.renderBricks)(renderRoot, bricks, runtimeContext, rendererContext);
-        (0, _loader.flushStableLoadBricks)();
-        stores = [runtimeContext.ctxStore, ...runtimeContext.tplStateStoreMap.values(), ...runtimeContext.formStateStoreMap.values()];
-        await Promise.all([...output.blockingList, ...stores.map(store => store.waitForAll()), ...runtimeContext.pendingPermissionsPreCheck]);
+        output = await (0, _Renderer.renderBricks)(renderRoot, bricks, runtimeContext, rendererContext, []);
+        stores = (0, _Renderer.getDataStores)(runtimeContext);
+        await (0, _Renderer.postAsyncRender)(output, runtimeContext, stores);
       } catch (error) {
         failed = true;
         output = {
@@ -136,7 +134,7 @@ function unstable_createRoot(container, {
       }
       if (!failed) {
         for (const store of stores) {
-          store.handleAsyncAfterMount();
+          store.mountAsyncData();
         }
         if (scope === "page") {
           rendererContext.dispatchPageLoad();

package/dist/cjs/createRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRoot.js","names":["_loader","require","_Renderer","_RendererContext","_DataStore","_mount","_handleHttpError","_themeAndMode","_enums","_StoryboardFunctions","_registerAppI18n","_registerCustomTemplates","unstable_createRoot","container","portal","_portal","scope","unknownBricks","createPortal","document","createElement","style","position","width","height","body","append","unmounted","rendererContext","clearI18nBundles","render","brick","theme","context","functions","templates","i18n","i18nData","Error","bricks","concat","previousRendererContext","RendererContext","runtimeContext","ctxStore","DataStore","undefined","pendingPermissionsPreCheck","tplStateStoreMap","Map","formStateStoreMap","renderRoot","tag","RenderTag","ROOT","_clearI18nBundles","setTheme","setMode","demoApp","id","homepage","app","demoStoryboard","meta","customTemplates","registerAppI18n","registerCustomTemplates","registerStoryboardFunctions","define","failed","output","stores","renderBricks","flushStableLoadBricks","values","Promise","all","blockingList","map","store","waitForAll","error","node","BRICK","type","properties","textContent","httpErrorToString","return","menuRequests","child","dispatchOnUnmount","dispose","unmountTree","dispatchBeforePageLoad","applyTheme","applyMode","mountTree","window","scrollTo","handleAsyncAfterMount","dispatchPageLoad","dispatchOnMount","initializeScrollIntoView","initializeMediaChange","initializeMessageDispatcher","unmount","remove"],"sources":["../../src/createRoot.ts"],"sourcesContent":["import type {\n  BrickConf,\n  ContextConf,\n  CustomTemplate,\n  MetaI18n,\n  MicroApp,\n  SiteTheme,\n  Storyboard,\n  StoryboardFunction,\n} from \"@next-core/types\";\nimport { flushStableLoadBricks } from \"@next-core/loader\";\nimport { RenderOutput, renderBricks } from \"./internal/Renderer.js\";\nimport { RendererContext } from \"./internal/RendererContext.js\";\nimport { DataStore } from \"./internal/data/DataStore.js\";\nimport type { RenderRoot, RuntimeContext } from \"./internal/interfaces.js\";\nimport { mountTree, unmountTree } from \"./internal/mount.js\";\nimport { httpErrorToString } from \"./handleHttpError.js\";\nimport { applyMode, applyTheme, setMode, setTheme } from \"./themeAndMode.js\";\nimport { RenderTag } from \"./internal/enums.js\";\nimport { registerStoryboardFunctions } from \"./internal/compute/StoryboardFunctions.js\";\nimport { registerAppI18n } from \"./internal/registerAppI18n.js\";\nimport { registerCustomTemplates } from \"./internal/registerCustomTemplates.js\";\n\nexport interface CreateRootOptions {\n  portal?: HTMLElement;\n  /**\n   * Defaults to \"fragment\", only set it to \"page\" when the root is in a standalone iframe.\n   * - page: render as whole page, triggering page life cycles, and enable register of functions/templates/i18n.\n   * - fragment: render as fragment, not triggering page life cycles, and disable register of functions/templates/i18n.\n   */\n  scope?: \"page\" | \"fragment\";\n\n  /**\n   * Whether to throw error when encountering unknown bricks.\n   *\n   * Defaults to \"throw\".\n   */\n  unknownBricks?: \"silent\" | \"throw\";\n}\n\nexport interface RenderOptions {\n  theme?: SiteTheme;\n  context?: ContextConf[];\n  functions?: StoryboardFunction[];\n  templates?: CustomTemplate[];\n  i18n?: MetaI18n;\n}\n\nexport function unstable_createRoot(\n  container: HTMLElement | DocumentFragment,\n  { portal: _portal, scope = \"fragment\", unknownBricks }: CreateRootOptions = {}\n) {\n  let portal = _portal;\n  let createPortal: RenderRoot[\"createPortal\"];\n  if (_portal) {\n    createPortal = _portal;\n  } else {\n    // Create portal container when necessary.\n    createPortal = () => {\n      portal = document.createElement(\"div\");\n      portal.style.position = \"absolute\";\n      portal.style.width = portal.style.height = \"0\";\n      document.body.append(portal);\n      return portal;\n    };\n  }\n  let unmounted = false;\n  let rendererContext: RendererContext | undefined;\n  let clearI18nBundles: Function | undefined;\n\n  return {\n    async render(\n      brick: BrickConf | BrickConf[],\n      {\n        theme,\n        context,\n        functions,\n        templates,\n        i18n: i18nData,\n      }: RenderOptions = {}\n    ) {\n      if (unmounted) {\n        throw new Error(\n          \"The root is unmounted and cannot be rendered any more\"\n        );\n      }\n      const bricks = ([] as BrickConf[]).concat(brick);\n\n      const previousRendererContext = rendererContext;\n      rendererContext = new RendererContext(scope, { unknownBricks });\n\n      const runtimeContext = {\n        ctxStore: new DataStore(\"CTX\", undefined, rendererContext),\n        pendingPermissionsPreCheck: [],\n        tplStateStoreMap: new Map<string, DataStore<\"STATE\">>(),\n        formStateStoreMap: new Map<string, DataStore<\"FORM_STATE\">>(),\n      } as Partial<RuntimeContext> as RuntimeContext;\n\n      const renderRoot: RenderRoot = {\n        tag: RenderTag.ROOT,\n        container,\n        createPortal,\n      };\n\n      if (scope === \"page\") {\n        setTheme(theme ?? \"light\");\n        setMode(\"default\");\n\n        const demoApp = {\n          id: \"demo\",\n          homepage: \"/demo\",\n        } as MicroApp;\n        runtimeContext.app = demoApp;\n        const demoStoryboard = {\n          app: demoApp,\n          meta: {\n            i18n: i18nData,\n            customTemplates: templates,\n          },\n        } as Storyboard;\n\n        // Register i18n.\n        clearI18nBundles?.();\n        clearI18nBundles = registerAppI18n(demoStoryboard);\n\n        // Register custom templates.\n        registerCustomTemplates(demoStoryboard);\n\n        // Register functions.\n        registerStoryboardFunctions(functions, demoApp);\n      }\n\n      runtimeContext.ctxStore.define(context, runtimeContext);\n\n      let failed = false;\n      let output: RenderOutput;\n      let stores: DataStore<\"CTX\" | \"STATE\" | \"FORM_STATE\">[] = [];\n\n      try {\n        output = await renderBricks(\n          renderRoot,\n          bricks,\n          runtimeContext,\n          rendererContext\n        );\n\n        flushStableLoadBricks();\n\n        stores = [\n          runtimeContext.ctxStore,\n          ...runtimeContext.tplStateStoreMap.values(),\n          ...runtimeContext.formStateStoreMap.values(),\n        ];\n\n        await Promise.all([\n          ...output.blockingList,\n          ...stores.map((store) => store.waitForAll()),\n          ...runtimeContext.pendingPermissionsPreCheck,\n        ]);\n      } catch (error) {\n        failed = true;\n        output = {\n          node: {\n            tag: RenderTag.BRICK,\n            type: \"div\",\n            properties: {\n              textContent: httpErrorToString(error),\n            },\n            return: renderRoot,\n            runtimeContext: null!,\n          },\n          blockingList: [],\n          menuRequests: [],\n        };\n      }\n\n      renderRoot.child = output.node;\n\n      previousRendererContext?.dispatchOnUnmount();\n      previousRendererContext?.dispose();\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n      }\n\n      if (scope === \"page\") {\n        if (!failed) {\n          rendererContext.dispatchBeforePageLoad();\n        }\n\n        applyTheme();\n        applyMode();\n      }\n\n      mountTree(renderRoot);\n\n      if (scope === \"page\") {\n        window.scrollTo(0, 0);\n      }\n\n      if (!failed) {\n        for (const store of stores) {\n          store.handleAsyncAfterMount();\n        }\n\n        if (scope === \"page\") {\n          rendererContext.dispatchPageLoad();\n          // rendererContext.dispatchAnchorLoad();\n        }\n        rendererContext.dispatchOnMount();\n        rendererContext.initializeScrollIntoView();\n        rendererContext.initializeMediaChange();\n        rendererContext.initializeMessageDispatcher();\n      }\n    },\n    unmount() {\n      if (unmounted) {\n        return;\n      }\n      unmounted = true;\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n        // Only remove the portal from its parent when it's dynamic created.\n        if (!_portal) {\n          portal.remove();\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createRoot.js","names":["_Renderer","require","_RendererContext","_DataStore","_mount","_handleHttpError","_themeAndMode","_enums","_StoryboardFunctions","_registerAppI18n","_registerCustomTemplates","unstable_createRoot","container","portal","_portal","scope","unknownBricks","createPortal","document","createElement","style","position","width","height","body","append","unmounted","rendererContext","clearI18nBundles","render","brick","theme","context","functions","templates","i18n","i18nData","Error","bricks","concat","previousRendererContext","RendererContext","runtimeContext","ctxStore","DataStore","undefined","pendingPermissionsPreCheck","tplStateStoreMap","Map","formStateStoreMap","renderRoot","tag","RenderTag","ROOT","_clearI18nBundles","setTheme","setMode","demoApp","id","homepage","app","demoStoryboard","meta","customTemplates","registerAppI18n","registerCustomTemplates","registerStoryboardFunctions","define","failed","output","stores","renderBricks","getDataStores","postAsyncRender","error","node","BRICK","type","properties","textContent","httpErrorToString","return","blockingList","menuRequests","child","dispatchOnUnmount","dispose","unmountTree","dispatchBeforePageLoad","applyTheme","applyMode","mountTree","window","scrollTo","store","mountAsyncData","dispatchPageLoad","dispatchOnMount","initializeScrollIntoView","initializeMediaChange","initializeMessageDispatcher","unmount","remove"],"sources":["../../src/createRoot.ts"],"sourcesContent":["import type {\n  BrickConf,\n  ContextConf,\n  CustomTemplate,\n  MetaI18n,\n  MicroApp,\n  SiteTheme,\n  Storyboard,\n  StoryboardFunction,\n} from \"@next-core/types\";\nimport {\n  RenderOutput,\n  getDataStores,\n  postAsyncRender,\n  renderBricks,\n} from \"./internal/Renderer.js\";\nimport { RendererContext } from \"./internal/RendererContext.js\";\nimport { DataStore } from \"./internal/data/DataStore.js\";\nimport type { RenderRoot, RuntimeContext } from \"./internal/interfaces.js\";\nimport { mountTree, unmountTree } from \"./internal/mount.js\";\nimport { httpErrorToString } from \"./handleHttpError.js\";\nimport { applyMode, applyTheme, setMode, setTheme } from \"./themeAndMode.js\";\nimport { RenderTag } from \"./internal/enums.js\";\nimport { registerStoryboardFunctions } from \"./internal/compute/StoryboardFunctions.js\";\nimport { registerAppI18n } from \"./internal/registerAppI18n.js\";\nimport { registerCustomTemplates } from \"./internal/registerCustomTemplates.js\";\n\nexport interface CreateRootOptions {\n  portal?: HTMLElement;\n  /**\n   * Defaults to \"fragment\", only set it to \"page\" when the root is in a standalone iframe.\n   * - page: render as whole page, triggering page life cycles, and enable register of functions/templates/i18n.\n   * - fragment: render as fragment, not triggering page life cycles, and disable register of functions/templates/i18n.\n   */\n  scope?: \"page\" | \"fragment\";\n\n  /**\n   * Whether to throw error when encountering unknown bricks.\n   *\n   * Defaults to \"throw\".\n   */\n  unknownBricks?: \"silent\" | \"throw\";\n}\n\nexport interface RenderOptions {\n  theme?: SiteTheme;\n  context?: ContextConf[];\n  functions?: StoryboardFunction[];\n  templates?: CustomTemplate[];\n  i18n?: MetaI18n;\n}\n\nexport function unstable_createRoot(\n  container: HTMLElement | DocumentFragment,\n  { portal: _portal, scope = \"fragment\", unknownBricks }: CreateRootOptions = {}\n) {\n  let portal = _portal;\n  let createPortal: RenderRoot[\"createPortal\"];\n  if (_portal) {\n    createPortal = _portal;\n  } else {\n    // Create portal container when necessary.\n    createPortal = () => {\n      portal = document.createElement(\"div\");\n      portal.style.position = \"absolute\";\n      portal.style.width = portal.style.height = \"0\";\n      document.body.append(portal);\n      return portal;\n    };\n  }\n  let unmounted = false;\n  let rendererContext: RendererContext | undefined;\n  let clearI18nBundles: Function | undefined;\n\n  return {\n    async render(\n      brick: BrickConf | BrickConf[],\n      {\n        theme,\n        context,\n        functions,\n        templates,\n        i18n: i18nData,\n      }: RenderOptions = {}\n    ) {\n      if (unmounted) {\n        throw new Error(\n          \"The root is unmounted and cannot be rendered any more\"\n        );\n      }\n      const bricks = ([] as BrickConf[]).concat(brick);\n\n      const previousRendererContext = rendererContext;\n      rendererContext = new RendererContext(scope, { unknownBricks });\n\n      const runtimeContext = {\n        ctxStore: new DataStore(\"CTX\", undefined, rendererContext),\n        pendingPermissionsPreCheck: [],\n        tplStateStoreMap: new Map<string, DataStore<\"STATE\">>(),\n        formStateStoreMap: new Map<string, DataStore<\"FORM_STATE\">>(),\n      } as Partial<RuntimeContext> as RuntimeContext;\n\n      const renderRoot: RenderRoot = {\n        tag: RenderTag.ROOT,\n        container,\n        createPortal,\n      };\n\n      if (scope === \"page\") {\n        setTheme(theme ?? \"light\");\n        setMode(\"default\");\n\n        const demoApp = {\n          id: \"demo\",\n          homepage: \"/demo\",\n        } as MicroApp;\n        runtimeContext.app = demoApp;\n        const demoStoryboard = {\n          app: demoApp,\n          meta: {\n            i18n: i18nData,\n            customTemplates: templates,\n          },\n        } as Storyboard;\n\n        // Register i18n.\n        clearI18nBundles?.();\n        clearI18nBundles = registerAppI18n(demoStoryboard);\n\n        // Register custom templates.\n        registerCustomTemplates(demoStoryboard);\n\n        // Register functions.\n        registerStoryboardFunctions(functions, demoApp);\n      }\n\n      runtimeContext.ctxStore.define(context, runtimeContext);\n\n      let failed = false;\n      let output: RenderOutput;\n      let stores: DataStore<\"CTX\" | \"STATE\" | \"FORM_STATE\">[] = [];\n\n      try {\n        output = await renderBricks(\n          renderRoot,\n          bricks,\n          runtimeContext,\n          rendererContext,\n          []\n        );\n\n        stores = getDataStores(runtimeContext);\n        await postAsyncRender(output, runtimeContext, stores);\n      } catch (error) {\n        failed = true;\n        output = {\n          node: {\n            tag: RenderTag.BRICK,\n            type: \"div\",\n            properties: {\n              textContent: httpErrorToString(error),\n            },\n            return: renderRoot,\n            runtimeContext: null!,\n          },\n          blockingList: [],\n          menuRequests: [],\n        };\n      }\n\n      renderRoot.child = output.node;\n\n      previousRendererContext?.dispatchOnUnmount();\n      previousRendererContext?.dispose();\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n      }\n\n      if (scope === \"page\") {\n        if (!failed) {\n          rendererContext.dispatchBeforePageLoad();\n        }\n\n        applyTheme();\n        applyMode();\n      }\n\n      mountTree(renderRoot);\n\n      if (scope === \"page\") {\n        window.scrollTo(0, 0);\n      }\n\n      if (!failed) {\n        for (const store of stores) {\n          store.mountAsyncData();\n        }\n\n        if (scope === \"page\") {\n          rendererContext.dispatchPageLoad();\n          // rendererContext.dispatchAnchorLoad();\n        }\n        rendererContext.dispatchOnMount();\n        rendererContext.initializeScrollIntoView();\n        rendererContext.initializeMediaChange();\n        rendererContext.initializeMessageDispatcher();\n      }\n    },\n    unmount() {\n      if (unmounted) {\n        return;\n      }\n      unmounted = true;\n      unmountTree(container);\n      if (portal) {\n        unmountTree(portal);\n        // Only remove the portal from its parent when it's dynamic created.\n        if (!_portal) {\n          portal.remove();\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/internal/CustomTemplates/bindTemplateProxy.js

@@ -54,7 +54,7 @@ function unbindTemplateProxy(brick) {
     runtimeContext,
     element
   } = brick;
-  if (!runtimeContext.tplStateStoreId || !ref) {
+  if (!(runtimeContext !== null && runtimeContext !== void 0 && runtimeContext.tplStateStoreId) || !ref) {
     return;
   }
   const {

package/dist/cjs/internal/CustomTemplates/bindTemplateProxy.js.map

@@ -1 +1 @@
-{"version":3,"file":"bindTemplateProxy.js","names":["_utils","require","bindTemplateProxy","brick","_tplHostMetadata$prox","ref","runtimeContext","element","tplStateStoreId","hostBrick","getTplStateStore","tplHostMetadata","internalBricksByRef","set","events","proxy","from","to","Object","entries","_to$refEvent","_ref","_ref$$$proxyListeners","listener","e","bubbles","stopPropagation","dispatchEvent","CustomEvent","detail","cancelable","composed","eventType","refEvent","addEventListener","$$proxyListeners","push","unbindTemplateProxy","delete","type","fn","_$$proxyListeners","removeEventListener"],"sources":["../../../../src/internal/CustomTemplates/bindTemplateProxy.ts"],"sourcesContent":["import type { RuntimeBrick } from \"../interfaces.js\";\nimport { getTplStateStore } from \"./utils.js\";\n\nexport function bindTemplateProxy(brick: RuntimeBrick) {\n  const { ref, runtimeContext, element } = brick;\n\n  // Error recovering brick may have no runtimeContext.\n  if (!ref || !runtimeContext.tplStateStoreId) {\n    return;\n  }\n\n  const { hostBrick } = getTplStateStore(runtimeContext, \"bindTemplateProxy\");\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const tplHostMetadata = hostBrick!.tplHostMetadata!;\n\n  tplHostMetadata.internalBricksByRef.set(ref, brick);\n\n  const events = tplHostMetadata.proxy?.events;\n  if (events) {\n    for (const [from, to] of Object.entries(events)) {\n      if (to.ref === ref) {\n        const listener = (e: Event) => {\n          if (e.bubbles) {\n            e.stopPropagation();\n          }\n          hostBrick!.element!.dispatchEvent(\n            new CustomEvent(from, {\n              detail: (e as CustomEvent).detail,\n              bubbles: e.bubbles,\n              cancelable: e.cancelable,\n              composed: e.composed,\n            })\n          );\n        };\n        const eventType = to.refEvent ?? from;\n        element!.addEventListener(eventType, listener);\n        element!.$$proxyListeners ??= [];\n        element!.$$proxyListeners.push([eventType, listener]);\n      }\n    }\n  }\n}\n\nexport function unbindTemplateProxy(brick: RuntimeBrick) {\n  const { ref, runtimeContext, element } = brick;\n\n  if (!runtimeContext.tplStateStoreId || !ref) {\n    return;\n  }\n\n  const { hostBrick } = getTplStateStore(runtimeContext, \"unbindTemplateProxy\");\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const tplHostMetadata = hostBrick!.tplHostMetadata!;\n\n  tplHostMetadata.internalBricksByRef.delete(ref);\n\n  for (const [type, fn] of element!.$$proxyListeners ?? []) {\n    element!.removeEventListener(type, fn);\n  }\n  delete element!.$$proxyListeners;\n}\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAACC,KAAmB,EAAE;EAAA,IAAAC,qBAAA;EACrD,MAAM;IAAEC,GAAG;IAAEC,cAAc;IAAEC;EAAQ,CAAC,GAAGJ,KAAK;;EAE9C;EACA,IAAI,CAACE,GAAG,IAAI,CAACC,cAAc,CAACE,eAAe,EAAE;IAC3C;EACF;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,uBAAgB,EAACJ,cAAc,EAAE,mBAAmB,CAAC;EAC3E;EACA,MAAMK,eAAe,GAAGF,SAAS,CAAEE,eAAgB;EAEnDA,eAAe,CAACC,mBAAmB,CAACC,GAAG,CAACR,GAAG,EAAEF,KAAK,CAAC;EAEnD,MAAMW,MAAM,IAAAV,qBAAA,GAAGO,eAAe,CAACI,KAAK,cAAAX,qBAAA,uBAArBA,qBAAA,CAAuBU,MAAM;EAC5C,IAAIA,MAAM,EAAE;IACV,KAAK,MAAM,CAACE,IAAI,EAAEC,EAAE,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,MAAM,CAAC,EAAE;MAC/C,IAAIG,EAAE,CAACZ,GAAG,KAAKA,GAAG,EAAE;QAAA,IAAAe,YAAA,EAAAC,IAAA,EAAAC,qBAAA;QAClB,MAAMC,QAAQ,GAAIC,CAAQ,IAAK;UAC7B,IAAIA,CAAC,CAACC,OAAO,EAAE;YACbD,CAAC,CAACE,eAAe,CAAC,CAAC;UACrB;UACAjB,SAAS,CAAEF,OAAO,CAAEoB,aAAa,CAC/B,IAAIC,WAAW,CAACZ,IAAI,EAAE;YACpBa,MAAM,EAAGL,CAAC,CAAiBK,MAAM;YACjCJ,OAAO,EAAED,CAAC,CAACC,OAAO;YAClBK,UAAU,EAAEN,CAAC,CAACM,UAAU;YACxBC,QAAQ,EAAEP,CAAC,CAACO;UACd,CAAC,CACH,CAAC;QACH,CAAC;QACD,MAAMC,SAAS,IAAAZ,YAAA,GAAGH,EAAE,CAACgB,QAAQ,cAAAb,YAAA,cAAAA,YAAA,GAAIJ,IAAI;QACrCT,OAAO,CAAE2B,gBAAgB,CAACF,SAAS,EAAET,QAAQ,CAAC;QAC9C,CAAAD,qBAAA,IAAAD,IAAA,GAAAd,OAAO,EAAE4B,gBAAgB,cAAAb,qBAAA,cAAAA,qBAAA,GAAzBD,IAAA,CAASc,gBAAgB,GAAK,EAAE;QAChC5B,OAAO,CAAE4B,gBAAgB,CAACC,IAAI,CAAC,CAACJ,SAAS,EAAET,QAAQ,CAAC,CAAC;MACvD;IACF;EACF;AACF;AAEO,SAASc,mBAAmBA,CAAClC,KAAmB,EAAE;EACvD,MAAM;IAAEE,GAAG;IAAEC,cAAc;IAAEC;EAAQ,CAAC,GAAGJ,KAAK;EAE9C,IAAI,CAACG,cAAc,CAACE,eAAe,IAAI,CAACH,GAAG,EAAE;IAC3C;EACF;EAEA,MAAM;IAAEI;EAAU,CAAC,GAAG,IAAAC,uBAAgB,EAACJ,cAAc,EAAE,qBAAqB,CAAC;EAC7E;EACA,MAAMK,eAAe,GAAGF,SAAS,CAAEE,eAAgB;EAEnDA,eAAe,CAACC,mBAAmB,CAAC0B,MAAM,CAACjC,GAAG,CAAC;EAE/C,KAAK,MAAM,CAACkC,IAAI,EAAEC,EAAE,CAAC,KAAAC,iBAAA,GAAIlC,OAAO,CAAE4B,gBAAgB,cAAAM,iBAAA,cAAAA,iBAAA,GAAI,EAAE,EAAE;IAAA,IAAAA,iBAAA;IACxDlC,OAAO,CAAEmC,mBAAmB,CAACH,IAAI,EAAEC,EAAE,CAAC;EACxC;EACA,OAAOjC,OAAO,CAAE4B,gBAAgB;AAClC"}
+{"version":3,"file":"bindTemplateProxy.js","names":["_utils","require","bindTemplateProxy","brick","_tplHostMetadata$prox","ref","runtimeContext","element","tplStateStoreId","hostBrick","getTplStateStore","tplHostMetadata","internalBricksByRef","set","events","proxy","from","to","Object","entries","_to$refEvent","_ref","_ref$$$proxyListeners","listener","e","bubbles","stopPropagation","dispatchEvent","CustomEvent","detail","cancelable","composed","eventType","refEvent","addEventListener","$$proxyListeners","push","unbindTemplateProxy","delete","type","fn","_$$proxyListeners","removeEventListener"],"sources":["../../../../src/internal/CustomTemplates/bindTemplateProxy.ts"],"sourcesContent":["import type { RuntimeBrick } from \"../interfaces.js\";\nimport { getTplStateStore } from \"./utils.js\";\n\nexport function bindTemplateProxy(brick: RuntimeBrick) {\n  const { ref, runtimeContext, element } = brick;\n\n  // Error recovering brick may have no runtimeContext.\n  if (!ref || !runtimeContext.tplStateStoreId) {\n    return;\n  }\n\n  const { hostBrick } = getTplStateStore(runtimeContext, \"bindTemplateProxy\");\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const tplHostMetadata = hostBrick!.tplHostMetadata!;\n\n  tplHostMetadata.internalBricksByRef.set(ref, brick);\n\n  const events = tplHostMetadata.proxy?.events;\n  if (events) {\n    for (const [from, to] of Object.entries(events)) {\n      if (to.ref === ref) {\n        const listener = (e: Event) => {\n          if (e.bubbles) {\n            e.stopPropagation();\n          }\n          hostBrick!.element!.dispatchEvent(\n            new CustomEvent(from, {\n              detail: (e as CustomEvent).detail,\n              bubbles: e.bubbles,\n              cancelable: e.cancelable,\n              composed: e.composed,\n            })\n          );\n        };\n        const eventType = to.refEvent ?? from;\n        element!.addEventListener(eventType, listener);\n        element!.$$proxyListeners ??= [];\n        element!.$$proxyListeners.push([eventType, listener]);\n      }\n    }\n  }\n}\n\nexport function unbindTemplateProxy(brick: RuntimeBrick) {\n  const { ref, runtimeContext, element } = brick;\n\n  if (!runtimeContext?.tplStateStoreId || !ref) {\n    return;\n  }\n\n  const { hostBrick } = getTplStateStore(runtimeContext, \"unbindTemplateProxy\");\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const tplHostMetadata = hostBrick!.tplHostMetadata!;\n\n  tplHostMetadata.internalBricksByRef.delete(ref);\n\n  for (const [type, fn] of element!.$$proxyListeners ?? []) {\n    element!.removeEventListener(type, fn);\n  }\n  delete element!.$$proxyListeners;\n}\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAACC,KAAmB,EAAE;EAAA,IAAAC,qBAAA;EACrD,MAAM;IAAEC,GAAG;IAAEC,cAAc;IAAEC;EAAQ,CAAC,GAAGJ,KAAK;;EAE9C;EACA,IAAI,CAACE,GAAG,IAAI,CAACC,cAAc,CAACE,eAAe,EAAE;IAC3C;EACF;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,uBAAgB,EAACJ,cAAc,EAAE,mBAAmB,CAAC;EAC3E;EACA,MAAMK,eAAe,GAAGF,SAAS,CAAEE,eAAgB;EAEnDA,eAAe,CAACC,mBAAmB,CAACC,GAAG,CAACR,GAAG,EAAEF,KAAK,CAAC;EAEnD,MAAMW,MAAM,IAAAV,qBAAA,GAAGO,eAAe,CAACI,KAAK,cAAAX,qBAAA,uBAArBA,qBAAA,CAAuBU,MAAM;EAC5C,IAAIA,MAAM,EAAE;IACV,KAAK,MAAM,CAACE,IAAI,EAAEC,EAAE,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,MAAM,CAAC,EAAE;MAC/C,IAAIG,EAAE,CAACZ,GAAG,KAAKA,GAAG,EAAE;QAAA,IAAAe,YAAA,EAAAC,IAAA,EAAAC,qBAAA;QAClB,MAAMC,QAAQ,GAAIC,CAAQ,IAAK;UAC7B,IAAIA,CAAC,CAACC,OAAO,EAAE;YACbD,CAAC,CAACE,eAAe,CAAC,CAAC;UACrB;UACAjB,SAAS,CAAEF,OAAO,CAAEoB,aAAa,CAC/B,IAAIC,WAAW,CAACZ,IAAI,EAAE;YACpBa,MAAM,EAAGL,CAAC,CAAiBK,MAAM;YACjCJ,OAAO,EAAED,CAAC,CAACC,OAAO;YAClBK,UAAU,EAAEN,CAAC,CAACM,UAAU;YACxBC,QAAQ,EAAEP,CAAC,CAACO;UACd,CAAC,CACH,CAAC;QACH,CAAC;QACD,MAAMC,SAAS,IAAAZ,YAAA,GAAGH,EAAE,CAACgB,QAAQ,cAAAb,YAAA,cAAAA,YAAA,GAAIJ,IAAI;QACrCT,OAAO,CAAE2B,gBAAgB,CAACF,SAAS,EAAET,QAAQ,CAAC;QAC9C,CAAAD,qBAAA,IAAAD,IAAA,GAAAd,OAAO,EAAE4B,gBAAgB,cAAAb,qBAAA,cAAAA,qBAAA,GAAzBD,IAAA,CAASc,gBAAgB,GAAK,EAAE;QAChC5B,OAAO,CAAE4B,gBAAgB,CAACC,IAAI,CAAC,CAACJ,SAAS,EAAET,QAAQ,CAAC,CAAC;MACvD;IACF;EACF;AACF;AAEO,SAASc,mBAAmBA,CAAClC,KAAmB,EAAE;EACvD,MAAM;IAAEE,GAAG;IAAEC,cAAc;IAAEC;EAAQ,CAAC,GAAGJ,KAAK;EAE9C,IAAI,EAACG,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAEE,eAAe,KAAI,CAACH,GAAG,EAAE;IAC5C;EACF;EAEA,MAAM;IAAEI;EAAU,CAAC,GAAG,IAAAC,uBAAgB,EAACJ,cAAc,EAAE,qBAAqB,CAAC;EAC7E;EACA,MAAMK,eAAe,GAAGF,SAAS,CAAEE,eAAgB;EAEnDA,eAAe,CAACC,mBAAmB,CAAC0B,MAAM,CAACjC,GAAG,CAAC;EAE/C,KAAK,MAAM,CAACkC,IAAI,EAAEC,EAAE,CAAC,KAAAC,iBAAA,GAAIlC,OAAO,CAAE4B,gBAAgB,cAAAM,iBAAA,cAAAA,iBAAA,GAAI,EAAE,EAAE;IAAA,IAAAA,iBAAA;IACxDlC,OAAO,CAAEmC,mBAAmB,CAACH,IAAI,EAAEC,EAAE,CAAC;EACxC;EACA,OAAOjC,OAAO,CAAE4B,gBAAgB;AAClC"}

package/dist/cjs/internal/Renderer.js

@@ -4,12 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.childrenToSlots = childrenToSlots;
+exports.createScopedRuntimeContext = createScopedRuntimeContext;
+exports.getDataStores = getDataStores;
+exports.postAsyncRender = postAsyncRender;
 exports.renderBrick = renderBrick;
 exports.renderBricks = renderBricks;
 exports.renderRoutes = renderRoutes;
 var _loader = require("@next-core/loader");
 var _cook = require("@next-core/cook");
 var _general = require("@next-core/utils/general");
+var _storyboard = require("@next-core/utils/storyboard");
 var _lodash = require("lodash");
 var _checkIf = require("./compute/checkIf.js");
 var _computeRealProperties = require("./compute/computeRealProperties.js");
@@ -28,8 +32,8 @@ var _isStrictMode = require("../isStrictMode.js");
 var _constants2 = require("./FormRenderer/constants.js");
 var _expandFormRenderer = require("./FormRenderer/expandFormRenderer.js");
 var _evaluate = require("./compute/evaluate.js");
-var _storyboard = require("@next-core/utils/storyboard");
-async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext, slotId) {
+var _matchStoryboard = require("./matchStoryboard.js");
+async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext, parentRoutes, slotId, isIncremental) {
   const matched = await (0, _matchRoutes.matchRoutes)(routes, _runtimeContext);
   const output = {
     blockingList: [],
@@ -49,7 +53,11 @@ async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext
           ..._runtimeContext,
           match: matched.match
         };
-        runtimeContext.ctxStore.define(route.context, runtimeContext);
+        if (isIncremental) {
+          runtimeContext.ctxStore.disposeDataInRoutes(routes);
+        }
+        const routePath = parentRoutes.concat(route);
+        runtimeContext.ctxStore.define(route.context, runtimeContext, undefined, routePath);
         runtimeContext.pendingPermissionsPreCheck.push(_Runtime.hooks === null || _Runtime.hooks === void 0 || (_hooks$checkPermissio = _Runtime.hooks.checkPermissions) === null || _hooks$checkPermissio === void 0 ? void 0 : _hooks$checkPermissio.preCheckPermissionsForBrickOrRoute(route, value => (0, _computeRealValue.asyncComputeRealValue)(value, runtimeContext)));
 
         // Currently, this is only used for brick size-checking: these bricks
@@ -60,64 +68,63 @@ async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext
         if (Array.isArray(preLoadBricks)) {
           output.blockingList.push((0, _loader.loadBricksImperatively)(preLoadBricks, (0, _Runtime.getBrickPackages)()));
         }
-        switch (route.type) {
-          case "redirect":
-            {
-              let redirectTo;
-              if (typeof route.redirect === "string") {
-                redirectTo = await (0, _computeRealValue.asyncComputeRealValue)(route.redirect, runtimeContext);
-              } else {
-                const resolved = await (0, _resolveData.resolveData)({
-                  transform: "redirect",
-                  ...route.redirect
-                }, runtimeContext);
-                redirectTo = resolved.redirect;
-              }
-              if (typeof redirectTo !== "string") {
-                // eslint-disable-next-line no-console
-                console.error("Unexpected redirect result:", redirectTo);
-                throw new Error(`Unexpected type of redirect result: ${typeof redirectTo}`);
-              }
-              output.redirect = {
-                path: redirectTo
-              };
-              break;
-            }
-          case "routes":
-            {
-              output.menuRequests.push(loadMenu(route.menu, runtimeContext));
-              const newOutput = await renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, slotId);
-              mergeRenderOutput(output, newOutput);
-              break;
-            }
-          default:
-            {
-              output.menuRequests.push(loadMenu(route.menu, runtimeContext));
-              const newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, slotId);
-              mergeRenderOutput(output, newOutput);
-            }
+        if (route.type === "redirect") {
+          let redirectTo;
+          if (typeof route.redirect === "string") {
+            redirectTo = await (0, _computeRealValue.asyncComputeRealValue)(route.redirect, runtimeContext);
+          } else {
+            const resolved = await (0, _resolveData.resolveData)({
+              transform: "redirect",
+              ...route.redirect
+            }, runtimeContext);
+            redirectTo = resolved.redirect;
+          }
+          if (typeof redirectTo !== "string") {
+            // eslint-disable-next-line no-console
+            console.error("Unexpected redirect result:", redirectTo);
+            throw new Error(`Unexpected type of redirect result: ${typeof redirectTo}`);
+          }
+          output.redirect = {
+            path: redirectTo
+          };
+        } else {
+          const menuRequest = loadMenu(route.menu, runtimeContext);
+          if (menuRequest) {
+            output.menuRequests.push(menuRequest);
+          }
+          if (route.type === "routes") {
+            const newOutput = await renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, routePath, slotId);
+            mergeRenderOutput(output, newOutput);
+          } else {
+            const newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, slotId);
+            mergeRenderOutput(output, newOutput);
+          }
+          if (returnNode.tag === _enums.RenderTag.BRICK) {
+            rendererContext.memoizeMenuRequests(route, output.menuRequests);
+          }
         }
       }
   }
   return output;
 }
-async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, slotId, tplStack, noMemoize) {
+async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath) {
   const output = {
     blockingList: [],
     menuRequests: []
   };
+  const kPath = keyPath !== null && keyPath !== void 0 ? keyPath : [];
   // 多个构件并行异步转换，但转换的结果按原顺序串行合并。
-  const rendered = await Promise.all(bricks.map((brickConf, index) => renderBrick(returnNode, brickConf, runtimeContext, rendererContext, slotId, index, tplStack && new Map(tplStack))));
+  const rendered = await Promise.all(bricks.map((brickConf, index) => renderBrick(returnNode, brickConf, runtimeContext, rendererContext, parentRoutes, slotId, kPath.concat(index), tplStack && new Map(tplStack))));
   rendered.forEach((item, index) => {
-    if (!noMemoize && item.hasTrackingControls) {
+    if (item.hasTrackingControls) {
       // Memoize a render node before it's been merged.
-      rendererContext.memoizeControlNode(slotId, index, item.node, returnNode);
+      rendererContext.memoize(slotId, kPath.concat(index), item.node, returnNode);
     }
     mergeRenderOutput(output, item);
   });
   return output;
 }
-async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, slotId, key, tplStack = new Map()) {
+async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, slotId, keyPath = [], tplStack = new Map()) {
   var _hooks$checkPermissio2, _runtimeContext$app;
   const output = {
     blockingList: [],
@@ -158,7 +165,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
         ...acc,
         [symbol]: brickConf[symbol]
       }), {})
-    }, _runtimeContext, rendererContext, slotId, key, tplStack);
+    }, _runtimeContext, rendererContext, parentRoutes, slotId, keyPath, tplStack);
   }
   const tplStateStoreId = brickConf[_constants.symbolForTplStateStoreId];
   const formStateStoreId = brickConf[_constants2.symbolForFormStateStoreId];
@@ -193,7 +200,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
     const {
       dataSource
     } = brickConf;
-    const renderControlNode = async () => {
+    const renderControlNode = async runtimeContext => {
       var _slots$slot;
       // First, compute the `dataSource`
       const computedDataSource = await (0, _computeRealValue.asyncComputeRealValue)(dataSource, runtimeContext);
@@ -215,16 +222,16 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
             if (!Array.isArray(computedDataSource)) {
               return output;
             }
-            return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, slotId, tplStack);
+            return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath);
           }
         case ":if":
         case ":switch":
           {
-            return renderBricks(returnNode, bricks, runtimeContext, rendererContext, slotId, tplStack, true);
+            return renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath);
           }
       }
     };
-    const controlledOutput = await renderControlNode();
+    const controlledOutput = await renderControlNode(runtimeContext);
     const {
       contextNames,
       stateNames
@@ -234,12 +241,17 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
       let renderId = 0;
       const listener = async () => {
         const currentRenderId = ++renderId;
-        const controlOutput = await renderControlNode();
-        controlOutput.blockingList.push(...[...runtimeContext.tplStateStoreMap.values(), ...runtimeContext.formStateStoreMap.values()].map(store => store.waitForAll()), ...runtimeContext.pendingPermissionsPreCheck);
-        await Promise.all(controlOutput.blockingList);
+        const [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope] = createScopedRuntimeContext(runtimeContext);
+        const controlOutput = await renderControlNode(scopedRuntimeContext);
+        const scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
+        await postAsyncRender(controlOutput, scopedRuntimeContext, scopedStores);
+
         // Ignore stale renders
         if (renderId === currentRenderId) {
-          rendererContext.rerenderControlNode(slotId, key, controlOutput.node, returnNode);
+          rendererContext.reRender(slotId, keyPath, controlOutput.node, returnNode);
+          for (const store of scopedStores) {
+            store.mountAsyncData();
+          }
         }
       };
       const debouncedListener = (0, _lodash.debounce)(listener);
@@ -260,7 +272,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
 
   // Widgets need to be defined before rendering.
   if (/\.tpl-/.test(brickName) && !_CustomTemplates.customTemplates.get(brickName)) {
-    await catchLoadBrick((0, _loader.loadBricksImperatively)([brickName], (0, _Runtime.getBrickPackages)()), brickName, rendererContext.unknownBricks);
+    await catchLoad((0, _loader.loadBricksImperatively)([brickName], (0, _Runtime.getBrickPackages)()), "brick", brickName, rendererContext.unknownBricks);
   }
   const tplTagName = (0, _utils.getTagNameOfCustomTemplate)(brickName, (_runtimeContext$app = runtimeContext.app) === null || _runtimeContext$app === void 0 ? void 0 : _runtimeContext$app.id);
   if (tplTagName) {
@@ -278,7 +290,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
         }
       });
     } else {
-      output.blockingList.push(catchLoadBrick((0, _loader.enqueueStableLoadBricks)([brickName], (0, _Runtime.getBrickPackages)()), brickName, rendererContext.unknownBricks));
+      output.blockingList.push(catchLoad((0, _loader.enqueueStableLoadBricks)([brickName], (0, _Runtime.getBrickPackages)()), "brick", brickName, rendererContext.unknownBricks));
     }
   }
   let formData;
@@ -309,13 +321,13 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
           src,
           ...attrs
         } = props;
-        await (0, _loader.loadScript)(src, prefix, attrs);
+        await catchLoad((0, _loader.loadScript)(src, prefix, attrs), "script", src, "silent");
       } else {
         const {
           href,
           ...attrs
         } = props;
-        await (0, _loader.loadStyle)(href, prefix, attrs);
+        await catchLoad((0, _loader.loadStyle)(href, prefix, attrs), "stylesheet", href, "silent");
       }
       return output;
     }
@@ -336,7 +348,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
   // 在最终挂载前，先加载所有可能用到的 processors。
   const usedProcessors = (0, _storyboard.strictCollectMemberUsage)([brickConf.events, brickConf.lifeCycle], "PROCESSORS", 2);
   if (usedProcessors.size > 0) {
-    output.blockingList.push((0, _loader.loadProcessorsImperatively)(usedProcessors, (0, _Runtime.getBrickPackages)()));
+    output.blockingList.push(catchLoad((0, _loader.loadProcessorsImperatively)(usedProcessors, (0, _Runtime.getBrickPackages)()), "processors", [...usedProcessors].join(", "), rendererContext.unknownBricks));
   }
 
   // 加载构件属性和加载子构件等任务，可以并行。
@@ -372,15 +384,87 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
     if (!slots) {
       return;
     }
-    const rendered = await Promise.all(Object.entries(slots).map(([childSlotId, slotConf]) => slotConf.type !== "routes" ? renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, childSlotId, tplStack) : renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, childSlotId)));
+    const routeSlotIndexes = new Set();
+    const rendered = await Promise.all(Object.entries(slots).map(([childSlotId, slotConf], index) => {
+      if (slotConf.type !== "routes") {
+        return renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, parentRoutes, childSlotId, tplStack);
+      }
+      if (runtimeContext.flags["incremental-sub-route-rendering"]) {
+        routeSlotIndexes.add(index);
+        rendererContext.performIncrementalRender(async location => {
+          const {
+            homepage
+          } = childRuntimeContext.app;
+          const {
+            pathname
+          } = location;
+          // Ignore if any one of homepage and parent routes not matched.
+          if (!(0, _matchStoryboard.matchHomepage)(homepage, pathname) || !parentRoutes.every(route => (0, _matchRoutes.matchRoute)(route, homepage, pathname))) {
+            return false;
+          }
+          const [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope] = createScopedRuntimeContext({
+            ...childRuntimeContext,
+            location,
+            query: new URLSearchParams(location.search)
+          });
+          let failed = false;
+          let incrementalOutput;
+          let scopedStores = [];
+          try {
+            incrementalOutput = await renderRoutes(brick, slotConf.routes, scopedRuntimeContext, rendererContext, parentRoutes, childSlotId, true);
+
+            // If all sub-routes are missed, ignore incremental rendering
+            if (!incrementalOutput.route) {
+              return false;
+            }
+
+            // Bailout if redirect or unauthenticated is set
+            if (rendererContext.reBailout(incrementalOutput)) {
+              return true;
+            }
+            scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
+            await postAsyncRender(incrementalOutput, scopedRuntimeContext, [scopedRuntimeContext.ctxStore, ...scopedStores]);
+            await rendererContext.reMergeMenuRequests(slotConf.routes, incrementalOutput.route, incrementalOutput.menuRequests);
+          } catch (error) {
+            // eslint-disable-next-line no-console
+            console.error("Incremental sub-router failed:", error);
+            const result = rendererContext.reCatch(error, brick);
+            if (!result) {
+              return true;
+            }
+            ({
+              failed,
+              output: incrementalOutput
+            } = result);
+
+            // Assert: no errors will be throw
+            await rendererContext.reMergeMenuRequests(slotConf.routes, incrementalOutput.route, incrementalOutput.menuRequests);
+          }
+          rendererContext.reRender(childSlotId, [], incrementalOutput.node, brick);
+          if (!failed) {
+            scopedRuntimeContext.ctxStore.mountAsyncData(incrementalOutput.route);
+            for (const store of scopedStores) {
+              store.mountAsyncData();
+            }
+          }
+          return true;
+        });
+      }
+      return renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, childSlotId);
+    }));
     const childrenOutput = {
       ...output,
       node: undefined,
-      blockingList: []
+      blockingList: [],
+      menuRequests: []
     };
-    for (const item of rendered) {
+    rendered.forEach((item, index) => {
+      if (routeSlotIndexes.has(index)) {
+        // Memoize a render node before it's been merged.
+        rendererContext.memoize(slotId, [], item.node, brick);
+      }
       mergeRenderOutput(childrenOutput, item);
-    }
+    });
     if (childrenOutput.node) {
       brick.child = childrenOutput.node;
     }
@@ -403,22 +487,44 @@ function ensureValidControlBrick(brick) {
     throw new Error(`Unknown storyboard control node: "${brick}"`);
   }
 }
-async function renderForEach(returnNode, dataSource, bricks, runtimeContext, rendererContext, slotId, tplStack) {
+async function renderForEach(returnNode, dataSource, bricks, runtimeContext, rendererContext, parentRoutes, slotId, tplStack, keyPath) {
   const output = {
     blockingList: [],
     menuRequests: []
   };
+  const rows = dataSource.length;
   const rendered = await Promise.all(dataSource.map((item, i) => Promise.all(bricks.map((brickConf, j) => renderBrick(returnNode, brickConf, {
     ...runtimeContext,
     forEachItem: item
-  }, rendererContext, slotId, i * j, tplStack && new Map(tplStack))))));
+  }, rendererContext, parentRoutes, slotId, keyPath.concat(i * rows + j), tplStack && new Map(tplStack))))));
 
   // 多层构件并行异步转换，但转换的结果按原顺序串行合并。
-  for (const item of rendered.flat()) {
+  rendered.flat().forEach((item, index) => {
+    if (item.hasTrackingControls) {
+      // Memoize a render node before it's been merged.
+      rendererContext.memoize(slotId, keyPath.concat(index), item.node, returnNode);
+    }
     mergeRenderOutput(output, item);
-  }
+  });
   return output;
 }
+function getDataStores(runtimeContext) {
+  return [runtimeContext.ctxStore, ...runtimeContext.tplStateStoreMap.values(), ...runtimeContext.formStateStoreMap.values()];
+}
+function postAsyncRender(output, runtimeContext, stores) {
+  (0, _loader.flushStableLoadBricks)();
+  return Promise.all([...output.blockingList, ...stores.map(store => store.waitForAll()), ...runtimeContext.pendingPermissionsPreCheck]);
+}
+function createScopedRuntimeContext(runtimeContext) {
+  const tplStateStoreScope = [];
+  const formStateStoreScope = [];
+  const scopedRuntimeContext = {
+    ...runtimeContext,
+    tplStateStoreScope,
+    formStateStoreScope
+  };
+  return [scopedRuntimeContext, tplStateStoreScope, formStateStoreScope];
+}
 function loadMenu(menuConf, runtimeContext) {
   if (!menuConf) {
     return;
@@ -486,10 +592,10 @@ function childrenToSlots(children, originalSlots) {
   }
   return newSlots;
 }
-function catchLoadBrick(promise, brickName, unknownBricks) {
-  return unknownBricks === "silent" ? promise.catch(e => {
+function catchLoad(promise, type, name, unknownPolicy) {
+  return unknownPolicy === "silent" ? promise.catch(e => {
     // eslint-disable-next-line no-console
-    console.error(`Load brick "${brickName}" failed:`, e);
+    console.error(`Load ${type} "${name}" failed:`, e);
   }) : promise;
 }
 //# sourceMappingURL=Renderer.js.map