@next-core/runtime 1.62.1 → 1.62.2

package/dist/cjs/internal/Renderer.js

@@ -112,7 +112,7 @@ async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext
           if (route.type === "routes") {
             newOutput = await renderRoutes(returnNode, route.routes, runtimeContext, rendererContext, routePath, menuRequestNode, slotId, undefined, initialTracker);
           } else {
-            newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, menuRequestNode, slotId, undefined, undefined, initialTracker);
+            newOutput = await renderBricks(returnNode, route.bricks, runtimeContext, rendererContext, routePath, menuRequestNode, slotId, undefined, initialTracker);
           }
           mergeRenderOutput(output, newOutput);
           appendMenuRequestNode(menuRequestNode, newOutput.menuRequestNode);
@@ -121,24 +121,19 @@ async function renderRoutes(returnNode, routes, _runtimeContext, rendererContext
   }
   return output;
 }
-async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath, initialTracker) {
+async function renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, initialTracker) {
   (0, _setupRootRuntimeContext.setupRootRuntimeContext)(bricks, runtimeContext, true);
   const output = getEmptyRenderOutput();
-  const kPath = keyPath ?? [];
   // 多个构件并行异步转换，但转换的结果按原顺序串行合并。
-  const rendered = await Promise.all(bricks.map((brickConf, index) => renderBrick(returnNode, brickConf, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, kPath.concat(index), tplStack && new Map(tplStack), initialTracker)));
-  rendered.forEach((item, index) => {
-    if (item.hasTrackingControls) {
-      // Memoize a render node before it's been merged.
-      rendererContext.memoize(slotId, kPath.concat(index), item.node, returnNode);
-    }
+  const rendered = await Promise.all(bricks.map(brickConf => renderBrick(returnNode, brickConf, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack && new Map(tplStack), initialTracker)));
+  rendered.forEach(item => {
     mergeRenderOutput(output, item);
   });
   return output;
 }
-async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath = [], tplStack = new Map(), initialTracker) {
+async function renderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack = new Map(), initialTracker) {
   try {
-    return await legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack, initialTracker);
+    return await legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, initialTracker);
   } catch (error) {
     if (brickConf.errorBoundary) {
       // eslint-disable-next-line no-console
@@ -152,7 +147,7 @@ async function renderBrick(returnNode, brickConf, _runtimeContext, rendererConte
     }
   }
 }
-async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack, initialTracker) {
+async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, initialTracker) {
   var _hooks$checkPermissio2, _runtimeContext$app;
   const output = getEmptyRenderOutput();
   if (!brickConf.brick) {
@@ -190,7 +185,7 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
         ...acc,
         [symbol]: brickConf[symbol]
       }), {})
-    }, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath, tplStack, initialTracker);
+    }, _runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, initialTracker);
   }
   const tplStateStoreId = brickConf[_constants.symbolForTplStateStoreId];
   const formStateStoreId = brickConf[_constants2.symbolForFormStateStoreId];
@@ -251,23 +246,39 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
 
       // Then, get the bricks in that matched slot.
       const bricks = slots && (0, _general.hasOwnProperty)(slots, slot) && ((_slots$slot = slots[slot]) === null || _slots$slot === void 0 ? void 0 : _slots$slot.bricks);
+      const output = getEmptyRenderOutput();
+      const controlNode = {
+        tag: _enums.RenderTag.ABSTRACT,
+        return: returnNode
+      };
+      output.node = controlNode;
       if (!Array.isArray(bricks)) {
-        return getEmptyRenderOutput();
+        return output;
       }
+      let childrenOutput;
       switch (brickName) {
         case ":forEach":
           {
             if (!Array.isArray(computedDataSource)) {
-              return getEmptyRenderOutput();
+              break;
             }
-            return renderForEach(returnNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath, tracker);
+            childrenOutput = await renderForEach(controlNode, computedDataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, tracker);
+            break;
           }
         case ":if":
         case ":switch":
           {
-            return renderBricks(returnNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath, tracker);
+            childrenOutput = await renderBricks(controlNode, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, tracker);
           }
       }
+      if (childrenOutput) {
+        controlNode.child = childrenOutput.node;
+        mergeRenderOutput(output, {
+          ...childrenOutput,
+          node: undefined
+        });
+      }
+      return output;
     };
     const renderControlNode = async ({
       type,
@@ -275,7 +286,6 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
       tplStateStoreScope,
       formStateStoreScope
     }) => {
-      var _ref;
       let changedAfterInitial = false;
       const tracker = {
         disposes: [],
@@ -310,14 +320,9 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
           throw new Error(`Maximum rerender stack overflowed (iid: ${brickConf.iid})`);
         }
       }
-      (_ref = rawOutput).node ?? (_ref.node = {
-        tag: _enums.RenderTag.PLACEHOLDER,
-        return: returnNode,
-        tracking
-      });
       return rawOutput;
     };
-    const controlledOutput = await renderControlNode({
+    let controlledOutput = await renderControlNode({
       type: "initial",
       runtimeContext
     });
@@ -326,7 +331,6 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
       onUnmount
     } = brickConf.lifeCycle ?? {};
     if (tracking) {
-      controlledOutput.hasTrackingControls = true;
       let renderId = 0;
       const listener = async () => {
         const currentRenderId = ++renderId;
@@ -347,7 +351,8 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
               }
             }));
           }
-          rendererContext.reRender(slotId, keyPath, reControlledOutput.node, returnNode);
+          rendererContext.reRender(returnNode, reControlledOutput.node, controlledOutput.node);
+          controlledOutput = reControlledOutput;
           if (onMount) {
             (0, _bindListeners.listenerFactory)(onMount, scopedRuntimeContext)(new CustomEvent("mount", {
               detail: {
@@ -530,10 +535,16 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
       return;
     }
     const routeSlotFromIndexToSlotId = new Map();
-    const rendered = await Promise.all(Object.entries(slots).map(([childSlotId, slotConf], index) => {
+    const rendered = await Promise.all(Object.entries(slots).map(async ([childSlotId, slotConf], index) => {
       if (slotConf.type !== "routes") {
-        return renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, tplStack, undefined, initialTracker);
+        return renderBricks(brick, slotConf.bricks, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, tplStack, initialTracker);
       }
+      let lastOutput = getEmptyRenderOutput();
+      const controlNode = {
+        tag: _enums.RenderTag.ABSTRACT,
+        return: brick
+      };
+      lastOutput.node = controlNode;
       const parentRoute = parentRoutes[parentRoutes.length - 1];
       if (parentRoute !== null && parentRoute !== void 0 && parentRoute.incrementalSubRoutes) {
         routeSlotFromIndexToSlotId.set(index, childSlotId);
@@ -560,8 +571,14 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
           let failed = false;
           let incrementalOutput;
           let scopedStores = [];
+          const newOutput = getEmptyRenderOutput();
+          const newControlNode = {
+            tag: _enums.RenderTag.ABSTRACT,
+            return: brick
+          };
+          newOutput.node = newControlNode;
           try {
-            incrementalOutput = await renderRoutes(brick, slotConf.routes, scopedRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, true);
+            incrementalOutput = await renderRoutes(newControlNode, slotConf.routes, scopedRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, true);
 
             // Do not ignore incremental rendering even if all sub-routes are missed.
             // Since parent route is matched.
@@ -573,11 +590,10 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
               scopedStores = [...tplStateStoreScope, ...formStateStoreScope];
               await postAsyncRender(incrementalOutput, scopedRuntimeContext, [scopedRuntimeContext.ctxStore, ...scopedStores]);
             }
-            await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
           } catch (error) {
             // eslint-disable-next-line no-console
             console.error("Incremental sub-router failed:", error);
-            const result = await rendererContext.reCatch(error, brick);
+            const result = await rendererContext.reCatch(error, newControlNode);
             if (!result) {
               return true;
             }
@@ -585,11 +601,16 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
               failed,
               output: incrementalOutput
             } = result);
-
-            // Assert: no errors will be throw
-            await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
           }
-          rendererContext.reRender(childSlotId, [], incrementalOutput.node, brick);
+          newControlNode.child = incrementalOutput.node;
+          mergeRenderOutput(newOutput, {
+            ...incrementalOutput,
+            node: undefined
+          });
+          // Assert: no errors will be throw
+          await rendererContext.reMergeMenuRequestNodes(menuRequestReturnNode, slotConf.routes, incrementalOutput.menuRequestNode);
+          rendererContext.reRender(brick, newControlNode, lastOutput.node);
+          lastOutput = newOutput;
           if (!failed) {
             scopedRuntimeContext.ctxStore.mountAsyncData(incrementalOutput.route);
             for (const store of scopedStores) {
@@ -601,7 +622,14 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
           return true;
         });
       }
-      return renderRoutes(brick, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, undefined, initialTracker);
+      const routesOutput = await renderRoutes(controlNode, slotConf.routes, childRuntimeContext, rendererContext, parentRoutes, menuRequestReturnNode, childSlotId, undefined, initialTracker);
+      controlNode.child = routesOutput.node;
+      mergeRenderOutput(output, {
+        ...routesOutput,
+        node: undefined
+      });
+      appendMenuRequestNode(menuRequestReturnNode, output.menuRequestNode = routesOutput.menuRequestNode);
+      return lastOutput;
     }));
     const childrenOutput = {
       ...output,
@@ -609,11 +637,7 @@ async function legacyRenderBrick(returnNode, brickConf, _runtimeContext, rendere
       blockingList: [],
       menuRequestNode: undefined
     };
-    rendered.forEach((item, index) => {
-      if (routeSlotFromIndexToSlotId.has(index)) {
-        // Memoize a render node before it's been merged.
-        rendererContext.memoize(routeSlotFromIndexToSlotId.get(index), [], item.node, brick);
-      }
+    rendered.forEach(item => {
       mergeRenderOutput(childrenOutput, item);
       mergeSiblingRenderMenuRequest(childrenOutput, item);
     });
@@ -640,22 +664,18 @@ function ensureValidControlBrick(brick) {
     throw new Error(`Unknown storyboard control node: "${brick}"`);
   }
 }
-async function renderForEach(returnNode, dataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, keyPath, initialTracker) {
+async function renderForEach(returnNode, dataSource, bricks, runtimeContext, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack, initialTracker) {
   const output = getEmptyRenderOutput();
   const size = dataSource.length;
-  const rendered = await Promise.all(dataSource.map((item, i) => Promise.all(bricks.map((brickConf, j) => renderBrick(returnNode, brickConf, {
+  const rendered = await Promise.all(dataSource.map((item, i) => Promise.all(bricks.map(brickConf => renderBrick(returnNode, brickConf, {
     ...runtimeContext,
     forEachItem: item,
     forEachIndex: i,
     forEachSize: size
-  }, rendererContext, parentRoutes, menuRequestReturnNode, slotId, keyPath.concat(i * size + j), tplStack && new Map(tplStack), initialTracker)))));
+  }, rendererContext, parentRoutes, menuRequestReturnNode, slotId, tplStack && new Map(tplStack), initialTracker)))));
 
   // 多层构件并行异步转换，但转换的结果按原顺序串行合并。
-  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);
-    }
+  rendered.flat().forEach(item => {
     mergeRenderOutput(output, item);
   });
   return output;
@@ -702,7 +722,6 @@ function mergeRenderOutput(output, newOutput) {
     blockingList,
     node,
     menuRequestNode,
-    hasTrackingControls,
     ...rest
   } = newOutput;
   output.blockingList.push(...blockingList);