@tanstack/react-router 1.86.1 → 1.87.1

package/dist/cjs/router.d.cts

@@ -541,7 +541,7 @@ export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailing
     startViewTransition: (fn: () => Promise<void>) => void;
     updateMatch: (id: string, updater: (match: AnyRouteMatch) => AnyRouteMatch) => AnyRouteMatch;
     getMatch: (matchId: string) => import('./Matches.cjs').RouteMatch<any, any, any, any, any, any, any> | undefined;
-    loadMatches: ({ location, matches, preload, onReady, updateMatch, }: {
+    loadMatches: ({ location, matches, preload: allPreload, onReady, updateMatch, }: {
         location: ParsedLocation;
         matches: Array<AnyRouteMatch>;
         preload?: boolean;

package/dist/esm/router.d.ts

@@ -541,7 +541,7 @@ export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailing
     startViewTransition: (fn: () => Promise<void>) => void;
     updateMatch: (id: string, updater: (match: AnyRouteMatch) => AnyRouteMatch) => AnyRouteMatch;
     getMatch: (matchId: string) => import('./Matches.js').RouteMatch<any, any, any, any, any, any, any> | undefined;
-    loadMatches: ({ location, matches, preload, onReady, updateMatch, }: {
+    loadMatches: ({ location, matches, preload: allPreload, onReady, updateMatch, }: {
         location: ParsedLocation;
         matches: Array<AnyRouteMatch>;
         preload?: boolean;

package/dist/esm/router.js

@@ -761,16 +761,19 @@ class Router {
       let updated;
       const isPending = (_a = this.state.pendingMatches) == null ? void 0 : _a.find((d) => d.id === id);
       const isMatched = this.state.matches.find((d) => d.id === id);
-      const matchesKey = isPending ? "pendingMatches" : isMatched ? "matches" : "cachedMatches";
-      this.__store.setState((s) => {
-        var _a2;
-        return {
-          ...s,
-          [matchesKey]: (_a2 = s[matchesKey]) == null ? void 0 : _a2.map(
-            (d) => d.id === id ? updated = updater(d) : d
-          )
-        };
-      });
+      const isCached = this.state.cachedMatches.find((d) => d.id === id);
+      const matchesKey = isPending ? "pendingMatches" : isMatched ? "matches" : isCached ? "cachedMatches" : "";
+      if (matchesKey) {
+        this.__store.setState((s) => {
+          var _a2;
+          return {
+            ...s,
+            [matchesKey]: (_a2 = s[matchesKey]) == null ? void 0 : _a2.map(
+              (d) => d.id === id ? updated = updater(d) : d
+            )
+          };
+        });
+      }
       return updated;
     };
     this.getMatch = (matchId) => {
@@ -783,7 +786,7 @@ class Router {
     this.loadMatches = async ({
       location,
       matches,
-      preload,
+      preload: allPreload,
       onReady,
       updateMatch = this.updateMatch
     }) => {
@@ -795,6 +798,9 @@ class Router {
           await (onReady == null ? void 0 : onReady());
         }
       };
+      const resolvePreload = (matchId) => {
+        return !!(allPreload && !this.state.matches.find((d) => d.id === matchId));
+      };
       if (!this.isServer && !this.state.matches.length) {
         triggerOnReady();
       }
@@ -870,7 +876,8 @@ class Router {
                 const parentMatchId = (_a = matches[index - 1]) == null ? void 0 : _a.id;
                 const route = this.looseRoutesById[routeId];
                 const pendingMs = route.options.pendingMs ?? this.options.defaultPendingMs;
-                const shouldPending = !!(onReady && !this.isServer && !preload && (route.options.loader || route.options.beforeLoad) && typeof pendingMs === "number" && pendingMs !== Infinity && (route.options.pendingComponent ?? this.options.defaultPendingComponent));
+                const shouldPending = !!(onReady && !this.isServer && !resolvePreload(matchId) && (route.options.loader || route.options.beforeLoad) && typeof pendingMs === "number" && pendingMs !== Infinity && (route.options.pendingComponent ?? this.options.defaultPendingComponent));
+                let executeBeforeLoad = true;
                 if (
                   // If we are in the middle of a load, either of these will be present
                   // (not to be confused with `loadPromise`, which is always defined)
@@ -885,7 +892,9 @@ class Router {
                     }, pendingMs);
                   }
                   await existingMatch.beforeLoadPromise;
-                } else {
+                  executeBeforeLoad = this.getMatch(matchId).status !== "success";
+                }
+                if (executeBeforeLoad) {
                   try {
                     updateMatch(matchId, (prev) => ({
                       ...prev,
@@ -926,11 +935,12 @@ class Router {
                       }
                     }));
                     const { search, params, context, cause } = this.getMatch(matchId);
+                    const preload = resolvePreload(matchId);
                     const beforeLoadFnContext = {
                       search,
                       abortController,
                       params,
-                      preload: !!preload,
+                      preload,
                       context,
                       location,
                       navigate: (opts) => this.navigate({ ...opts, _fromLocation: location }),
@@ -998,20 +1008,22 @@ class Router {
                           context,
                           cause
                         } = this.getMatch(matchId);
+                        const preload2 = resolvePreload(matchId);
                         return {
                           params,
                           deps: loaderDeps,
-                          preload: !!preload,
+                          preload: !!preload2,
                           parentMatchPromise,
                           abortController,
                           context,
                           location,
                           navigate: (opts) => this.navigate({ ...opts, _fromLocation: location }),
-                          cause: preload ? "preload" : cause,
+                          cause: preload2 ? "preload" : cause,
                           route
                         };
                       };
                       const age = Date.now() - this.getMatch(matchId).updatedAt;
+                      const preload = resolvePreload(matchId);
                       const staleAge = preload ? route.options.preloadStaleTime ?? this.options.defaultPreloadStaleTime ?? 3e4 : route.options.staleTime ?? this.options.defaultStaleTime ?? 0;
                       const shouldReloadOption = route.options.shouldReload;
                       const shouldReload = typeof shouldReloadOption === "function" ? shouldReloadOption(getLoaderContext()) : shouldReloadOption;
@@ -1167,7 +1179,7 @@ class Router {
         await triggerOnReady();
       } catch (err) {
         if (isRedirect(err) || isNotFound(err)) {
-          if (isNotFound(err) && !preload) {
+          if (isNotFound(err) && !allPreload) {
             await triggerOnReady();
           }
           throw err;
@@ -1243,16 +1255,18 @@ class Router {
         preload: true,
         dest: opts
       });
-      const loadedMatchIds = Object.fromEntries(
-        [
-          ...this.state.matches,
-          ...this.state.pendingMatches ?? [],
-          ...this.state.cachedMatches
-        ].map((d) => [d.id, true])
+      const activeMatchIds = new Set(
+        [...this.state.matches, ...this.state.pendingMatches ?? []].map(
+          (d) => d.id
+        )
       );
+      const loadedMatchIds = /* @__PURE__ */ new Set([
+        ...activeMatchIds,
+        ...this.state.cachedMatches.map((d) => d.id)
+      ]);
       this.__store.batch(() => {
         matches.forEach((match) => {
-          if (!loadedMatchIds[match.id]) {
+          if (!loadedMatchIds.has(match.id)) {
             this.__store.setState((s) => ({
               ...s,
               cachedMatches: [...s.cachedMatches, match]
@@ -1260,11 +1274,6 @@ class Router {
           }
         });
       });
-      const activeMatchIds = new Set(
-        [...this.state.matches, ...this.state.pendingMatches ?? []].map(
-          (d) => d.id
-        )
-      );
       try {
         matches = await this.loadMatches({
           matches,