@tanstack/react-router 1.30.1 → 1.31.1

package/dist/cjs/router.cjs

@@ -30,7 +30,6 @@ class Router {
     )}`;
     this.resetNextScroll = true;
     this.shouldViewTransition = void 0;
-    this.navigateTimeout = null;
     this.latestLoadPromise = Promise.resolve();
     this.subscribers = /* @__PURE__ */ new Set();
     this.injectedHtml = [];
@@ -398,20 +397,20 @@ class Router {
     };
     this.buildLocation = (opts) => {
       const build = (dest = {}, matches) => {
-        var _a, _b, _c, _d;
-        const fromPath = dest.from || this.latestLocation.pathname;
-        let fromSearch = ((_a = dest._fromLocation) == null ? void 0 : _a.search) || this.latestLocation.search;
-        const fromMatches = this.matchRoutes(fromPath, fromSearch);
+        var _a, _b, _c;
+        let fromPath = this.latestLocation.pathname;
+        let fromSearch = dest.fromSearch || this.latestLocation.search;
+        const fromMatches = this.matchRoutes(
+          this.latestLocation.pathname,
+          fromSearch
+        );
+        fromPath = ((_a = fromMatches.find((d) => d.id === dest.from)) == null ? void 0 : _a.pathname) || fromPath;
         fromSearch = ((_b = utils.last(fromMatches)) == null ? void 0 : _b.search) || this.latestLocation.search;
         const stayingMatches = matches == null ? void 0 : matches.filter(
           (d) => fromMatches.find((e) => e.routeId === d.routeId)
         );
-        const fromRoute = this.looseRoutesById[(_c = utils.last(fromMatches)) == null ? void 0 : _c.routeId];
-        let pathname = dest.to ? this.resolvePathWithBase(
-          dest.from ?? this.latestLocation.pathname,
-          `${dest.to}`
-        ) : this.resolvePathWithBase(fromRoute == null ? void 0 : fromRoute.fullPath, fromRoute == null ? void 0 : fromRoute.fullPath);
-        const prevParams = { ...(_d = utils.last(fromMatches)) == null ? void 0 : _d.params };
+        let pathname = dest.to ? this.resolvePathWithBase(fromPath, `${dest.to}`) : this.resolvePathWithBase(fromPath, fromPath);
+        const prevParams = { ...(_c = utils.last(fromMatches)) == null ? void 0 : _c.params };
         let nextParams = (dest.params ?? true) === true ? prevParams : { ...prevParams, ...utils.functionalUpdate(dest.params, prevParams) };
         if (Object.keys(nextParams).length > 0) {
           matches == null ? void 0 : matches.map((d) => this.looseRoutesById[d.routeId].options.stringifyParams).filter(Boolean).forEach((fn) => {
@@ -505,8 +504,6 @@ class Router {
       viewTransition,
       ...next
     }) => {
-      if (this.navigateTimeout)
-        clearTimeout(this.navigateTimeout);
       const isSameUrl = this.latestLocation.href === next.href;
       if (!isSameUrl) {
         let { maskedLocation, ...nextHistory } = next;
@@ -620,14 +617,10 @@ class Router {
                     err.routeId = match.routeId;
                   }
                   if (redirects.isRedirect(err)) {
-                    const redirect = this.resolveRedirect(err);
-                    if (!preload && !this.isServer) {
-                      this.navigate({ ...redirect, replace: true });
-                    }
-                    throw redirect;
+                    err = this.resolveRedirect(err);
+                    throw err;
                   } else if (notFound.isNotFound(err)) {
-                    if (!preload)
-                      this.handleNotFound(matches, err);
+                    this.handleNotFound(matches, err);
                     throw err;
                   }
                 }
@@ -636,6 +629,20 @@ class Router {
                 const parentMatch = matches[index - 1];
                 const route2 = this.looseRoutesById[match.routeId];
                 const abortController = new AbortController();
+                let loadPromise = match.loadPromise;
+                if (match.isFetching) {
+                  continue;
+                }
+                const previousResolve = loadPromise.resolve;
+                loadPromise = utils.createControlledPromise(
+                  // Resolve the old when we we resolve the new one
+                  previousResolve
+                );
+                matches[index] = match = updateMatch(match.id, (prev) => ({
+                  ...prev,
+                  isFetching: "beforeLoad",
+                  loadPromise
+                }));
                 const handleSerialError = (err, routerCode) => {
                   var _a2, _b2;
                   err.routerCode = routerCode;
@@ -687,6 +694,8 @@ class Router {
                     buildLocation: this.buildLocation,
                     cause: preload ? "preload" : match.cause
                   })) ?? {};
+                  if (latestPromise = checkLatest())
+                    return latestPromise;
                   if (redirects.isRedirect(beforeLoadContext) || notFound.isNotFound(beforeLoadContext)) {
                     handleSerialError(beforeLoadContext, "BEFORE_LOAD");
                   }
@@ -710,6 +719,8 @@ class Router {
                   updateMatch(match.id, () => match);
                 }
               }
+              if (latestPromise = checkLatest())
+                return latestPromise;
               const validResolvedMatches = matches.slice(0, firstBadMatchIndex);
               const matchPromises = [];
               await Promise.all(
@@ -734,7 +745,6 @@ class Router {
                     let lazyPromise = Promise.resolve();
                     let componentsPromise = Promise.resolve();
                     let loaderPromise = existing.loaderPromise;
-                    let loadPromise = existing.loadPromise;
                     const potentialPendingMinPromise = async () => {
                       const latestMatch = RouterProvider.getRouteMatch(this.state, match.id);
                       if (latestMatch == null ? void 0 : latestMatch.minPendingPromise) {
@@ -748,12 +758,15 @@ class Router {
                       }
                     };
                     try {
-                      if (!match.isFetching) {
-                        matches[index] = match = {
-                          ...match,
-                          isFetching: true,
-                          fetchCount: match.fetchCount + 1
-                        };
+                      if (match.isFetching === "beforeLoad") {
+                        matches[index] = match = updateMatch(
+                          match.id,
+                          (prev) => ({
+                            ...prev,
+                            isFetching: "loader",
+                            fetchCount: match.fetchCount + 1
+                          })
+                        );
                         lazyPromise = ((_a2 = route2.lazyFn) == null ? void 0 : _a2.call(route2).then((lazyRoute) => {
                           Object.assign(route2.options, lazyRoute.options);
                         })) || Promise.resolve();
@@ -771,17 +784,14 @@ class Router {
                         if (latestPromise = checkLatest())
                           return await latestPromise;
                         loaderPromise = (_c = (_b2 = route2.options).loader) == null ? void 0 : _c.call(_b2, loaderContext);
-                        const previousResolve = loadPromise.resolve;
-                        loadPromise = utils.createControlledPromise(
-                          // Resolve the old when we we resolve the new one
-                          previousResolve
+                        matches[index] = match = updateMatch(
+                          match.id,
+                          (prev) => ({
+                            ...prev,
+                            loaderPromise
+                          })
                         );
                       }
-                      matches[index] = match = updateMatch(match.id, (prev) => ({
-                        ...prev,
-                        loaderPromise,
-                        loadPromise
-                      }));
                       const loaderData = await loaderPromise;
                       if (latestPromise = checkLatest())
                         return await latestPromise;
@@ -832,7 +842,7 @@ class Router {
                     await componentsPromise;
                     if (latestPromise = checkLatest())
                       return await latestPromise;
-                    loadPromise.resolve();
+                    match.loadPromise.resolve();
                   };
                   const age = Date.now() - match.updatedAt;
                   const staleAge = preload ? route2.options.preloadStaleTime ?? this.options.defaultPreloadStaleTime ?? 3e4 : route2.options.staleTime ?? this.options.defaultStaleTime ?? 0;
@@ -932,21 +942,28 @@ class Router {
           });
           let redirect;
           let notFound$1;
-          try {
-            const loadMatchesPromise = this.loadMatches({
-              matches: pendingMatches,
-              location: next,
-              checkLatest: () => this.checkLatest(promise)
-            });
-            if (previousMatches.length || this.isServer) {
-              await loadMatchesPromise;
-            }
-          } catch (err) {
-            if (redirects.isRedirect(err)) {
-              redirect = err;
-            } else if (notFound.isNotFound(err)) {
-              notFound$1 = err;
+          const loadMatches = () => this.loadMatches({
+            matches: pendingMatches,
+            location: next,
+            checkLatest: () => this.checkLatest(promise)
+          });
+          if (previousMatches.length || this.isServer) {
+            try {
+              await loadMatches();
+            } catch (err) {
+              if (redirects.isRedirect(err)) {
+                redirect = err;
+              } else if (notFound.isNotFound(err)) {
+                notFound$1 = err;
+              }
             }
+          } else {
+            loadMatches().catch((err) => {
+              if (redirects.isRedirect(err)) {
+                this.navigate({ ...err, replace: true });
+              }
+              this.load();
+            });
           }
           if (latestPromise = this.checkLatest(promise)) {
             return latestPromise;
@@ -1063,7 +1080,7 @@ class Router {
       } catch (err) {
         if (redirects.isRedirect(err)) {
           return await this.preloadRoute({
-            _fromDest: next,
+            fromSearch: next.search,
             from: next.pathname,
             ...err
           });