@tanstack/react-router 1.63.5 → 1.64.1

package/dist/cjs/router.d.cts

@@ -379,6 +379,10 @@ export interface BuildNextOptions {
     from?: string;
     _fromLocation?: ParsedLocation;
 }
+export interface MatchedRoutesResult {
+    matchedRoutes: Array<AnyRoute>;
+    routeParams: Record<string, string>;
+}
 export interface DehydratedRouterState {
     dehydratedMatches: Array<DehydratedRouteMatch>;
 }
@@ -425,6 +429,7 @@ type MatchRoutesOpts = {
     preload?: boolean;
     throwOnError?: boolean;
     _buildLocation?: boolean;
+    dest?: BuildNextOptions;
 };
 export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailingSlashOption extends TrailingSlashOption, in out TDehydrated extends Record<string, any> = Record<string, any>, in out TSerializedError extends Record<string, any> = Record<string, any>> {
     tempLocationKey: string | undefined;
@@ -480,6 +485,11 @@ export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailing
     matchRoutes(pathname: string, locationSearch: AnySearchSchema, opts?: MatchRoutesOpts): Array<AnyRouteMatch>;
     matchRoutes(next: ParsedLocation, opts?: MatchRoutesOpts): Array<AnyRouteMatch>;
     private matchRoutesInternal;
+    getMatchedRoutes: (next: ParsedLocation, dest?: BuildNextOptions) => {
+        matchedRoutes: AnyRoute[];
+        routeParams: Record<string, string>;
+        foundRoute: AnyRoute | undefined;
+    };
     cancelMatch: (id: string) => void;
     cancelMatches: () => void;
     buildLocation: BuildLocationFn;

package/dist/esm/router.d.ts

@@ -379,6 +379,10 @@ export interface BuildNextOptions {
     from?: string;
     _fromLocation?: ParsedLocation;
 }
+export interface MatchedRoutesResult {
+    matchedRoutes: Array<AnyRoute>;
+    routeParams: Record<string, string>;
+}
 export interface DehydratedRouterState {
     dehydratedMatches: Array<DehydratedRouteMatch>;
 }
@@ -425,6 +429,7 @@ type MatchRoutesOpts = {
     preload?: boolean;
     throwOnError?: boolean;
     _buildLocation?: boolean;
+    dest?: BuildNextOptions;
 };
 export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailingSlashOption extends TrailingSlashOption, in out TDehydrated extends Record<string, any> = Record<string, any>, in out TSerializedError extends Record<string, any> = Record<string, any>> {
     tempLocationKey: string | undefined;
@@ -480,6 +485,11 @@ export declare class Router<in out TRouteTree extends AnyRoute, in out TTrailing
     matchRoutes(pathname: string, locationSearch: AnySearchSchema, opts?: MatchRoutesOpts): Array<AnyRouteMatch>;
     matchRoutes(next: ParsedLocation, opts?: MatchRoutesOpts): Array<AnyRouteMatch>;
     private matchRoutesInternal;
+    getMatchedRoutes: (next: ParsedLocation, dest?: BuildNextOptions) => {
+        matchedRoutes: AnyRoute[];
+        routeParams: Record<string, string>;
+        foundRoute: AnyRoute | undefined;
+    };
     cancelMatch: (id: string) => void;
     cancelMatches: () => void;
     buildLocation: BuildLocationFn;

package/dist/esm/router.js

@@ -5,7 +5,7 @@ import warning from "tiny-warning";
 import { rootRouteId } from "./root.js";
 import { defaultStringifySearch, defaultParseSearch } from "./searchParams.js";
 import { pick, createControlledPromise, deepEqual, replaceEqualDeep, last, functionalUpdate } from "./utils.js";
-import { trimPath, trimPathLeft, parsePathname, resolvePath, cleanPath, matchPathname, trimPathRight, interpolatePath, joinPaths } from "./path.js";
+import { trimPath, trimPathLeft, parsePathname, resolvePath, cleanPath, trimPathRight, matchPathname, interpolatePath, joinPaths } from "./path.js";
 import { isResolvedRedirect, isRedirect } from "./redirects.js";
 import { isNotFound } from "./not-found.js";
 import { defaultTransformer } from "./transformer.js";
@@ -224,6 +224,38 @@ class Router {
       });
       return resolvedPath;
     };
+    this.getMatchedRoutes = (next, dest) => {
+      let routeParams = {};
+      const trimmedPath = trimPathRight(next.pathname);
+      const getMatchedParams = (route) => {
+        const result = matchPathname(this.basepath, trimmedPath, {
+          to: route.fullPath,
+          caseSensitive: route.options.caseSensitive ?? this.options.caseSensitive,
+          fuzzy: true
+        });
+        return result;
+      };
+      let foundRoute = (dest == null ? void 0 : dest.to) !== void 0 ? this.routesByPath[dest.to] : void 0;
+      if (foundRoute) {
+        routeParams = getMatchedParams(foundRoute);
+      } else {
+        foundRoute = this.flatRoutes.find((route) => {
+          const matchedParams = getMatchedParams(route);
+          if (matchedParams) {
+            routeParams = matchedParams;
+            return true;
+          }
+          return false;
+        });
+      }
+      let routeCursor = foundRoute || this.routesById[rootRouteId];
+      const matchedRoutes = [routeCursor];
+      while (routeCursor.parentRoute) {
+        routeCursor = routeCursor.parentRoute;
+        matchedRoutes.unshift(routeCursor);
+      }
+      return { matchedRoutes, routeParams, foundRoute };
+    };
     this.cancelMatch = (id) => {
       const match = this.getMatch(id);
       if (!match) return;
@@ -237,7 +269,7 @@ class Router {
       });
     };
     this.buildLocation = (opts) => {
-      const build = (dest = {}, matches) => {
+      const build = (dest = {}, matchedRoutesResult) => {
         var _a, _b, _c, _d, _e;
         const fromMatches = dest._fromLocation ? this.matchRoutes(dest._fromLocation, { _buildLocation: true }) : this.state.matches;
         const fromMatch = dest.from != null ? fromMatches.find(
@@ -253,21 +285,32 @@ class Router {
           "Could not find match for from: " + dest.from
         );
         const fromSearch = ((_a = this.state.pendingMatches) == null ? void 0 : _a.length) ? (_b = last(this.state.pendingMatches)) == null ? void 0 : _b.search : ((_c = last(fromMatches)) == null ? void 0 : _c.search) || this.latestLocation.search;
-        const stayingMatches = matches == null ? void 0 : matches.filter(
-          (d) => fromMatches.find((e) => e.routeId === d.routeId)
-        );
-        const fromRouteByFromPathRouteId = this.routesById[(_d = stayingMatches == null ? void 0 : stayingMatches.find((d) => d.pathname === fromPath)) == null ? void 0 : _d.routeId];
-        let pathname = dest.to ? this.resolvePathWithBase(fromPath, `${dest.to}`) : this.resolvePathWithBase(
-          fromPath,
-          (fromRouteByFromPathRouteId == null ? void 0 : fromRouteByFromPathRouteId.to) ?? fromPath
+        const stayingMatches = matchedRoutesResult == null ? void 0 : matchedRoutesResult.matchedRoutes.filter(
+          (d) => fromMatches.find((e) => e.routeId === d.id)
         );
+        let pathname;
+        if (dest.to) {
+          pathname = this.resolvePathWithBase(fromPath, `${dest.to}`);
+        } else {
+          const fromRouteByFromPathRouteId = this.routesById[(_d = stayingMatches == null ? void 0 : stayingMatches.find((route) => {
+            const interpolatedPath = interpolatePath({
+              path: route.fullPath,
+              params: (matchedRoutesResult == null ? void 0 : matchedRoutesResult.routeParams) ?? {}
+            });
+            const pathname2 = joinPaths([this.basepath, interpolatedPath]);
+            return pathname2 === fromPath;
+          })) == null ? void 0 : _d.id];
+          pathname = this.resolvePathWithBase(
+            fromPath,
+            (fromRouteByFromPathRouteId == null ? void 0 : fromRouteByFromPathRouteId.to) ?? fromPath
+          );
+        }
         const prevParams = { ...(_e = last(fromMatches)) == null ? void 0 : _e.params };
         let nextParams = (dest.params ?? true) === true ? prevParams : { ...prevParams, ...functionalUpdate(dest.params, prevParams) };
         if (Object.keys(nextParams).length > 0) {
-          matches == null ? void 0 : matches.map((d) => {
+          matchedRoutesResult == null ? void 0 : matchedRoutesResult.matchedRoutes.map((route) => {
             var _a2;
-            const route = this.looseRoutesById[d.routeId];
-            return ((_a2 = route == null ? void 0 : route.options.params) == null ? void 0 : _a2.stringify) ?? route.options.stringifyParams;
+            return ((_a2 = route.options.params) == null ? void 0 : _a2.stringify) ?? route.options.stringifyParams;
           }).filter(Boolean).forEach((fn) => {
             nextParams = { ...nextParams, ...fn(nextParams) };
           });
@@ -278,12 +321,8 @@ class Router {
           leaveWildcards: false,
           leaveParams: opts.leaveParams
         });
-        const preSearchFilters = (stayingMatches == null ? void 0 : stayingMatches.map(
-          (match) => this.looseRoutesById[match.routeId].options.preSearchFilters ?? []
-        ).flat().filter(Boolean)) ?? [];
-        const postSearchFilters = (stayingMatches == null ? void 0 : stayingMatches.map(
-          (match) => this.looseRoutesById[match.routeId].options.postSearchFilters ?? []
-        ).flat().filter(Boolean)) ?? [];
+        const preSearchFilters = (stayingMatches == null ? void 0 : stayingMatches.map((route) => route.options.preSearchFilters ?? []).flat().filter(Boolean)) ?? [];
+        const postSearchFilters = (stayingMatches == null ? void 0 : stayingMatches.map((route) => route.options.postSearchFilters ?? []).flat().filter(Boolean)) ?? [];
         const preFilteredSearch = preSearchFilters.length ? preSearchFilters.reduce((prev, next) => next(prev), fromSearch) : fromSearch;
         const destSearch = dest.search === true ? preFilteredSearch : dest.search ? functionalUpdate(dest.search, preFilteredSearch) : preSearchFilters.length ? preFilteredSearch : {};
         const postFilteredSearch = postSearchFilters.length ? postSearchFilters.reduce((prev, next) => next(prev), destSearch) : destSearch;
@@ -331,11 +370,11 @@ class Router {
             maskedNext = build(maskedDest);
           }
         }
-        const nextMatches = this.matchRoutes(next, { _buildLocation: true });
-        const maskedMatches = maskedNext ? this.matchRoutes(maskedNext, { _buildLocation: true }) : void 0;
-        const maskedFinal = maskedNext ? build(maskedDest, maskedMatches) : void 0;
+        const nextMatches = this.getMatchedRoutes(next, dest);
         const final = build(dest, nextMatches);
-        if (maskedFinal) {
+        if (maskedNext) {
+          const maskedMatches = this.getMatchedRoutes(maskedNext, maskedDest);
+          const maskedFinal = build(maskedDest, maskedMatches);
           final.maskedLocation = maskedFinal;
         }
         return final;
@@ -1018,7 +1057,8 @@ class Router {
       const next = this.buildLocation(opts);
       let matches = this.matchRoutes(next, {
         throwOnError: true,
-        preload: true
+        preload: true,
+        dest: opts
       });
       const loadedMatchIds = Object.fromEntries(
         [
@@ -1263,25 +1303,10 @@ class Router {
     }
   }
   matchRoutesInternal(next, opts) {
-    let routeParams = {};
-    const foundRoute = this.flatRoutes.find((route) => {
-      const matchedParams = matchPathname(
-        this.basepath,
-        trimPathRight(next.pathname),
-        {
-          to: route.fullPath,
-          caseSensitive: route.options.caseSensitive ?? this.options.caseSensitive,
-          fuzzy: true
-        }
-      );
-      if (matchedParams) {
-        routeParams = matchedParams;
-        return true;
-      }
-      return false;
-    });
-    let routeCursor = foundRoute || this.routesById[rootRouteId];
-    const matchedRoutes = [routeCursor];
+    const { foundRoute, matchedRoutes, routeParams } = this.getMatchedRoutes(
+      next,
+      opts == null ? void 0 : opts.dest
+    );
     let isGlobalNotFound = false;
     if (
       // If we found a route, and it's not an index route and we have left over path
@@ -1296,10 +1321,6 @@ class Router {
         isGlobalNotFound = true;
       }
     }
-    while (routeCursor.parentRoute) {
-      routeCursor = routeCursor.parentRoute;
-      matchedRoutes.unshift(routeCursor);
-    }
     const globalNotFoundRouteId = (() => {
       if (!isGlobalNotFound) {
         return void 0;