@tanstack/router-core 1.115.3 → 1.117.1

package/dist/cjs/router.d.cts

@@ -434,7 +434,13 @@ export interface ServerSrr {
 export type AnyRouterWithContext<TContext> = RouterCore<AnyRouteWithContext<TContext>, any, any, any, any>;
 export type AnyRouter = RouterCore<any, any, any, any, any>;
 export interface ViewTransitionOptions {
-    types: Array<string>;
+    types: Array<string> | ((locationChangeInfo: {
+        fromLocation?: ParsedLocation;
+        toLocation: ParsedLocation;
+        pathChanged: boolean;
+        hrefChanged: boolean;
+        hashChanged: boolean;
+    }) => Array<string>);
 }
 export declare function defaultSerializeError(err: unknown): {
     name: string;

package/dist/esm/router.d.ts

@@ -434,7 +434,13 @@ export interface ServerSrr {
 export type AnyRouterWithContext<TContext> = RouterCore<AnyRouteWithContext<TContext>, any, any, any, any>;
 export type AnyRouter = RouterCore<any, any, any, any, any>;
 export interface ViewTransitionOptions {
-    types: Array<string>;
+    types: Array<string> | ((locationChangeInfo: {
+        fromLocation?: ParsedLocation;
+        toLocation: ParsedLocation;
+        pathChanged: boolean;
+        hrefChanged: boolean;
+        hashChanged: boolean;
+    }) => Array<string>);
 }
 export declare function defaultSerializeError(err: unknown): {
     name: string;

package/dist/esm/router.js

@@ -772,9 +772,17 @@ class RouterCore {
       if (shouldViewTransition && typeof document !== "undefined" && "startViewTransition" in document && typeof document.startViewTransition === "function") {
         let startViewTransitionParams;
         if (typeof shouldViewTransition === "object" && this.isViewTransitionTypesSupported) {
+          const next = this.latestLocation;
+          const prevLocation = this.state.resolvedLocation;
+          const resolvedViewTransitionTypes = typeof shouldViewTransition.types === "function" ? shouldViewTransition.types(
+            getLocationChangeInfo({
+              resolvedLocation: prevLocation,
+              location: next
+            })
+          ) : shouldViewTransition.types;
           startViewTransitionParams = {
             update: fn,
-            types: shouldViewTransition.types
+            types: resolvedViewTransitionTypes
           };
         } else {
           startViewTransitionParams = fn;
@@ -830,9 +838,6 @@ class RouterCore {
       const resolvePreload = (matchId) => {
         return !!(allPreload && !this.state.matches.find((d) => d.id === matchId));
       };
-      if (!this.isServer && !this.state.matches.length) {
-        triggerOnReady();
-      }
       const handleRedirectAndNotFound = (match, err) => {
         var _a, _b, _c, _d;
         if (isResolvedRedirect(err)) {
@@ -913,7 +918,7 @@ class RouterCore {
                 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 && !resolvePreload(matchId) && (route.options.loader || route.options.beforeLoad) && typeof pendingMs === "number" && pendingMs !== Infinity && (route.options.pendingComponent ?? ((_b = this.options) == null ? void 0 : _b.defaultPendingComponent)));
+                const shouldPending = !!(onReady && !this.isServer && !resolvePreload(matchId) && (route.options.loader || route.options.beforeLoad || routeNeedsPreload(route)) && typeof pendingMs === "number" && pendingMs !== Infinity && (route.options.pendingComponent ?? ((_b = this.options) == null ? void 0 : _b.defaultPendingComponent)));
                 let executeBeforeLoad = true;
                 if (
                   // If we are in the middle of a load, either of these will be present
@@ -1101,6 +1106,7 @@ class RouterCore {
                             const headers = (_h = (_g = route.options).headers) == null ? void 0 : _h.call(_g, {
                               loaderData
                             });
+                            await route._componentsPromise;
                             updateMatch(matchId, (prev) => ({
                               ...prev,
                               error: void 0,
@@ -1138,7 +1144,6 @@ class RouterCore {
                             router: this,
                             match: this.getMatch(matchId)
                           });
-                          await route._componentsPromise;
                         } catch (err) {
                           updateMatch(matchId, (prev) => ({
                             ...prev,