@jsenv/navi 0.18.28 → 0.18.30

package/dist/jsenv_navi.js

@@ -12512,16 +12512,25 @@ const RootElement = () => {
 };
 const SlotContext = createContext(null);
 const RouteInfoContext = createContext(null);
+const UpdateOnlyContext = createContext(false);
+const ElementSignalMapContext = createContext(null);
 const Routes = ({
   element = jsx(RootElement, {}),
   children
 }) => {
   const routeInfo = useMatchingRouteInfo();
   const route = routeInfo?.route;
-  return jsx(Route, {
-    route: route,
-    element: element,
-    children: children
+  const elementSignalMapRef = useRef(null);
+  if (!elementSignalMapRef.current) {
+    elementSignalMapRef.current = new Map();
+  }
+  return jsx(ElementSignalMapContext.Provider, {
+    value: elementSignalMapRef.current,
+    children: jsx(Route, {
+      route: route,
+      element: element,
+      children: children
+    })
   });
 };
 const useMatchingRouteInfo = () => useContext(RouteInfoContext);
@@ -12538,7 +12547,29 @@ const Route = ({
   const forceRender = useForceRender();
   const hasDiscoveredRef = useRef(false);
   const matchingInfoRef = useRef(null);
+  const isUpdateOnly = useContext(UpdateOnlyContext);
+  const elementSignalMap = useContext(ElementSignalMapContext);
+
+  // Update the element signal for this route.
+  // In update-only mode this is the only purpose of rendering this Route.
+  if (route && elementSignalMap && elementSignalMap.has(route)) {
+    elementSignalMap.get(route).value = element;
+  }
+  if (isUpdateOnly) {
+    if (children) {
+      return jsx(UpdateOnlyContext.Provider, {
+        value: true,
+        children: children
+      });
+    }
+    return null;
+  }
   if (!hasDiscoveredRef.current) {
+    // Create the element signal during discovery
+    if (route && elementSignalMap && !elementSignalMap.has(route)) {
+      // eslint-disable-next-line signals/no-signal-in-component-body
+      elementSignalMap.set(route, signal(element));
+    }
     return jsx(RouteMatchManager, {
       element: element,
       action: action,
@@ -12562,7 +12593,14 @@ const Route = ({
   const {
     MatchingElement
   } = matchingInfo;
-  return jsx(MatchingElement, {});
+  // After discovery: render MatchingElement for visible output, and keep
+  // children alive in update-only mode so their element signals stay current.
+  return jsxs(Fragment, {
+    children: [jsx(MatchingElement, {}), children ? jsx(UpdateOnlyContext.Provider, {
+      value: true,
+      children: children
+    }) : null]
+  });
 };
 const RegisterChildRouteContext = createContext(null);
 
@@ -12585,6 +12623,7 @@ const RouteMatchManager = ({
     throw new Error("Route cannot have both route and fallback props");
   }
   const parentRegisterChildRoute = useContext(RegisterChildRouteContext);
+  const elementSignalMap = useContext(ElementSignalMapContext);
   const elementId = getElementSignature(element);
   const candidateSet = new Set();
   let indexCandidate = null;
@@ -12615,6 +12654,7 @@ const RouteMatchManager = ({
   useLayoutEffect(() => {
     initRouteObserver({
       element,
+      elementSignalMap,
       action,
       route,
       index,
@@ -12635,6 +12675,7 @@ const RouteMatchManager = ({
 };
 const initRouteObserver = ({
   element,
+  elementSignalMap,
   action,
   route,
   index,
@@ -12725,18 +12766,23 @@ const initRouteObserver = ({
   const matchingRouteInfoSignal = signal();
   const SlotMatchingElementSignal = signal();
   const MatchingElement = () => {
+    // Read element from the signal (updated by update-only renders) when
+    // available, falling back to the closure variable for routes without
+    // a route prop (e.g. the Routes wrapper).
+    const elementSignal = route && elementSignalMap ? elementSignalMap.get(route) : undefined;
+    const currentElement = elementSignal ? elementSignal.value : element;
     const matchingRouteInfo = matchingRouteInfoSignal.value;
     useUITransitionContentId(matchingRouteInfo ? matchingRouteInfo.route.urlPattern : fallback ? "fallback" : undefined);
     const SlotMatchingElement = SlotMatchingElementSignal.value;
-    element = action ? jsx(ActionRenderer, {
+    const renderedElement = action ? jsx(ActionRenderer, {
       action: action,
-      children: element
-    }) : element;
+      children: currentElement
+    }) : currentElement;
     return jsx(RouteInfoContext.Provider, {
       value: matchingRouteInfo,
       children: jsx(SlotContext.Provider, {
         value: SlotMatchingElement,
-        children: element
+        children: renderedElement
       })
     });
   };