@tanstack/react-router 1.12.15 → 1.13.0

package/dist/esm/fileRoute.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { NoInfer } from '@tanstack/react-store';
-import { ParsePathParams } from './link';
-import { AnyRoute, ResolveFullPath, ResolveFullSearchSchema, MergeFromFromParent, RouteContext, AnyContext, RouteOptions, UpdatableRouteOptions, Route, RootRouteId, TrimPathLeft, RouteConstraints, ResolveFullSearchSchemaInput, SearchSchemaInput, RouteLoaderFn, AnySearchSchema } from './route';
-import { Assign, Expand, IsAny } from './utils';
+import { ParsePathParams } from './link.js';
+import { AnyRoute, ResolveFullPath, ResolveFullSearchSchema, MergeFromFromParent, RouteContext, AnyContext, RouteOptions, UpdatableRouteOptions, Route, RootRouteId, TrimPathLeft, RouteConstraints, ResolveFullSearchSchemaInput, SearchSchemaInput, RouteLoaderFn, AnySearchSchema } from './route.js';
+import { Assign, Expand, IsAny } from './utils.js';
 import { RegisteredRouter, RouteById, RouteIds } from '.';
 export interface FileRoutesByPath {
 }

package/dist/esm/index.d.ts

@@ -1,30 +1,30 @@
 export * from '@tanstack/history';
 export { default as invariant } from 'tiny-invariant';
 export { default as warning } from 'tiny-warning';
-export * from './awaited';
-export * from './defer';
-export * from './CatchBoundary';
-export * from './fileRoute';
-export * from './history';
-export * from './lazyRouteComponent';
-export * from './link';
-export * from './location';
-export * from './Matches';
-export * from './path';
-export * from './qss';
-export * from './redirects';
-export * from './route';
-export * from './routeInfo';
-export * from './router';
-export * from './RouterProvider';
-export * from './scroll-restoration';
-export * from './searchParams';
-export * from './useBlocker';
-export * from './useNavigate';
-export * from './useParams';
-export * from './useSearch';
-export * from './routerContext';
-export * from './useRouteContext';
-export * from './useRouter';
-export * from './useRouterState';
-export * from './utils';
+export * from './awaited.js';
+export * from './defer.js';
+export * from './CatchBoundary.js';
+export * from './fileRoute.js';
+export * from './history.js';
+export * from './lazyRouteComponent.js';
+export * from './link.js';
+export * from './location.js';
+export * from './Matches.js';
+export * from './path.js';
+export * from './qss.js';
+export * from './redirects.js';
+export * from './route.js';
+export * from './routeInfo.js';
+export * from './router.js';
+export * from './RouterProvider.js';
+export * from './scroll-restoration.js';
+export * from './searchParams.js';
+export * from './useBlocker.js';
+export * from './useNavigate.js';
+export * from './useParams.js';
+export * from './useSearch.js';
+export * from './routerContext.js';
+export * from './useRouteContext.js';
+export * from './useRouter.js';
+export * from './useRouterState.js';
+export * from './utils.js';

package/dist/esm/lazyRouteComponent.d.ts

@@ -1,2 +1,2 @@
-import { AsyncRouteComponent } from './route';
+import { AsyncRouteComponent } from './route.js';
 export declare function lazyRouteComponent<T extends Record<string, any>, TKey extends keyof T = 'default'>(importer: () => Promise<T>, exportName?: TKey): T[TKey] extends (props: infer TProps) => any ? AsyncRouteComponent<TProps> : never;

package/dist/esm/link.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Trim } from './fileRoute';
-import { AnyRoute, ReactNode, RootSearchSchema } from './route';
-import { RouteByPath, RoutePaths } from './routeInfo';
-import { RegisteredRouter } from './router';
-import { LinkProps, UseLinkPropsOptions } from './useNavigate';
-import { Expand, NoInfer, NonNullableUpdater, PickRequired, StringLiteral, Updater, WithoutEmpty } from './utils';
+import { Trim } from './fileRoute.js';
+import { AnyRoute, ReactNode, RootSearchSchema } from './route.js';
+import { RouteByPath, RoutePaths } from './routeInfo.js';
+import { RegisteredRouter } from './router.js';
+import { LinkProps, UseLinkPropsOptions } from './useNavigate.js';
+import { Expand, NoInfer, NonNullableUpdater, PickRequired, StringLiteral, Updater, WithoutEmpty } from './utils.js';
 import { HistoryState } from '@tanstack/history';
 export type CleanPath<T extends string> = T extends `${infer L}//${infer R}` ? CleanPath<`${CleanPath<L>}/${CleanPath<R>}`> : T extends `${infer L}//` ? `${CleanPath<L>}/` : T extends `//${infer L}` ? `/${CleanPath<L>}` : T;
 export type Split<S, TIncludeTrailingSlash = true> = S extends unknown ? string extends S ? string[] : S extends string ? CleanPath<S> extends '' ? [] : TIncludeTrailingSlash extends true ? CleanPath<S> extends `${infer T}/` ? [...Split<T>, '/'] : CleanPath<S> extends `/${infer U}` ? Split<U> : CleanPath<S> extends `${infer T}/${infer U}` ? [...Split<T>, ...Split<U>] : [S] : CleanPath<S> extends `${infer T}/${infer U}` ? [...Split<T>, ...Split<U>] : S extends string ? [S] : never : never : never;

package/dist/esm/location.d.ts

@@ -1,5 +1,5 @@
 import { HistoryState } from '@tanstack/history';
-import { AnySearchSchema } from './route';
+import { AnySearchSchema } from './route.js';
 export interface ParsedLocation<TSearchObj extends AnySearchSchema = {}> {
     href: string;
     pathname: string;

package/dist/esm/path.d.ts

@@ -1,5 +1,5 @@
-import { MatchLocation } from './RouterProvider';
-import { AnyPathParams } from './route';
+import { MatchLocation } from './RouterProvider.js';
+import { AnyPathParams } from './route.js';
 export interface Segment {
     type: 'pathname' | 'param' | 'wildcard';
     value: string;

package/dist/esm/redirects.d.ts

@@ -1,7 +1,7 @@
-import { NavigateOptions } from './link';
-import { AnyRoute } from './route';
-import { RoutePaths } from './routeInfo';
-import { RegisteredRouter } from './router';
+import { NavigateOptions } from './link.js';
+import { AnyRoute } from './route.js';
+import { RoutePaths } from './routeInfo.js';
+import { RegisteredRouter } from './router.js';
 export type AnyRedirect = Redirect<any, any, any, any, any>;
 export type Redirect<TRouteTree extends AnyRoute = RegisteredRouter['routeTree'], TFrom extends RoutePaths<TRouteTree> = '/', TTo extends string = '', TMaskFrom extends RoutePaths<TRouteTree> = TFrom, TMaskTo extends string = ''> = {
     code?: number;

package/dist/esm/route.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { AnyRouteMatch } from './Matches';
-import { NavigateOptions, ParsePathParams, ToSubOptions } from './link';
-import { ParsedLocation } from './location';
-import { RouteById, RouteIds, RoutePaths } from './routeInfo';
-import { AnyRouter, RegisteredRouter } from './router';
-import { Assign, Expand, IsAny, NoInfer, PickRequired, UnionToIntersection } from './utils';
-import { BuildLocationFn, NavigateFn } from './RouterProvider';
+import { AnyRouteMatch } from './Matches.js';
+import { NavigateOptions, ParsePathParams, ToSubOptions } from './link.js';
+import { ParsedLocation } from './location.js';
+import { RouteById, RouteIds, RoutePaths } from './routeInfo.js';
+import { AnyRouter, RegisteredRouter } from './router.js';
+import { Assign, Expand, IsAny, NoInfer, PickRequired, UnionToIntersection } from './utils.js';
+import { BuildLocationFn, NavigateFn } from './RouterProvider.js';
 import { LazyRoute } from '.';
 export declare const rootRouteId: "__root__";
 export type RootRouteId = typeof rootRouteId;

package/dist/esm/routeInfo.d.ts

@@ -1,5 +1,5 @@
-import { AnyRoute, Route } from './route';
-import { Expand, UnionToIntersection, UnionToTuple } from './utils';
+import { AnyRoute, Route } from './route.js';
+import { Expand, UnionToIntersection, UnionToTuple } from './utils.js';
 export type ParseRoute<TRouteTree extends AnyRoute> = TRouteTree | ParseRouteChildren<TRouteTree>;
 export type ParseRouteChildren<TRouteTree extends AnyRoute> = TRouteTree extends Route<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, infer TChildren, any> ? unknown extends TChildren ? never : TChildren extends AnyRoute[] ? {
     [TId in TChildren[number]['id'] as string]: ParseRoute<TChildren[number]>;

package/dist/esm/router.d.ts

@@ -1,19 +1,21 @@
 /// <reference types="react" />
 import { HistoryState, RouterHistory } from '@tanstack/history';
 import { Store } from '@tanstack/react-store';
-import { AnySearchSchema, AnyRoute, AnyContext, RouteMask } from './route';
-import { FullSearchSchema, RouteById, RoutePaths, RoutesById, RoutesByPath } from './routeInfo';
-import { PickAsRequired, Updater, NonNullableUpdater, Timeout } from './utils';
-import { RouteComponent } from './route';
-import { AnyRouteMatch, MatchRouteOptions, RouteMatch } from './Matches';
-import { ParsedLocation } from './location';
-import { SearchSerializer, SearchParser } from './searchParams';
-import { BuildLocationFn, CommitLocationOptions, InjectedHtmlEntry, NavigateFn } from './RouterProvider';
-import { ResolveRelativePath, ToOptions } from './link';
+import { AnySearchSchema, AnyRoute, AnyContext, RouteMask } from './route.js';
+import { FullSearchSchema, RouteById, RoutePaths, RoutesById, RoutesByPath } from './routeInfo.js';
+import { PickAsRequired, Updater, NonNullableUpdater, Timeout } from './utils.js';
+import { RouteComponent } from './route.js';
+import { AnyRouteMatch, MatchRouteOptions, RouteMatch } from './Matches.js';
+import { ParsedLocation } from './location.js';
+import { SearchSerializer, SearchParser } from './searchParams.js';
+import { BuildLocationFn, CommitLocationOptions, InjectedHtmlEntry, NavigateFn } from './RouterProvider.js';
+import { ResolveRelativePath, ToOptions } from './link.js';
 import { NoInfer } from '@tanstack/react-store';
 declare global {
     interface Window {
-        __TSR_DEHYDRATED__?: HydrationCtx;
+        __TSR_DEHYDRATED__?: {
+            data: string;
+        };
         __TSR_ROUTER_CONTEXT__?: React.Context<Router<any>>;
     }
 }
@@ -62,8 +64,13 @@ export interface RouterOptions<TRouteTree extends AnyRoute, TDehydrated extends
         children: any;
     }) => JSX.Element;
     notFoundRoute?: AnyRoute;
+    transformer?: RouterTransformer;
     errorSerializer?: RouterErrorSerializer<TSerializedError>;
 }
+export interface RouterTransformer {
+    stringify: (obj: unknown) => string;
+    parse: (str: string) => unknown;
+}
 export interface RouterErrorSerializer<TSerializedError> {
     serialize: (err: unknown) => TSerializedError;
     deserialize: (err: TSerializedError) => unknown;
@@ -143,7 +150,9 @@ export declare class Router<TRouteTree extends AnyRoute = AnyRoute, TDehydrated
     injectedHtml: InjectedHtmlEntry[];
     dehydratedData?: TDehydrated;
     __store: Store<RouterState<TRouteTree>>;
-    options: PickAsRequired<RouterOptions<TRouteTree, TDehydrated, TSerializedError>, 'stringifySearch' | 'parseSearch' | 'context'>;
+    options: PickAsRequired<Omit<RouterOptions<TRouteTree, TDehydrated, TSerializedError>, 'transformer'> & {
+        transformer: RouterTransformer;
+    }, 'stringifySearch' | 'parseSearch' | 'context'>;
     history: RouterHistory;
     latestLocation: ParsedLocation;
     basepath: string;
@@ -186,7 +195,7 @@ export declare class Router<TRouteTree extends AnyRoute = AnyRoute, TDehydrated
     dehydrateData: <T>(key: any, getData: T | (() => T | Promise<T>)) => () => T | undefined;
     hydrateData: <T extends unknown = unknown>(key: any) => T | undefined;
     dehydrate: () => DehydratedRouter;
-    hydrate: (__do_not_use_server_ctx?: HydrationCtx) => Promise<void>;
+    hydrate: (__do_not_use_server_ctx?: string) => Promise<void>;
 }
 export declare function lazyFn<T extends Record<string, (...args: any[]) => any>, TKey extends keyof T = 'default'>(fn: () => Promise<T>, key?: TKey): (...args: Parameters<T[TKey]>) => Promise<Awaited<ReturnType<T[TKey]>>>;
 export declare class SearchParamError extends Error {

package/dist/esm/router.js

@@ -964,7 +964,7 @@ class Router {
           const data = typeof getData === "function" ? await getData() : getData;
           return `<script id='${id}' suppressHydrationWarning>window["__TSR_DEHYDRATED__${escapeJSON(
             strKey
-          )}"] = ${JSON.stringify(data)}
+          )}"] = ${JSON.stringify(this.options.transformer.stringify(data))}
           ;(() => {
             var el = document.getElementById('${id}')
             el.parentElement.removeChild(el)
@@ -978,7 +978,9 @@ class Router {
     this.hydrateData = (key) => {
       if (typeof document !== "undefined") {
         const strKey = typeof key === "string" ? key : JSON.stringify(key);
-        return window[`__TSR_DEHYDRATED__${strKey}`];
+        return this.options.transformer.parse(
+          window[`__TSR_DEHYDRATED__${strKey}`]
+        );
       }
       return void 0;
     };
@@ -1000,24 +1002,24 @@ class Router {
       };
     };
     this.hydrate = async (__do_not_use_server_ctx) => {
-      var _a, _b;
+      var _a, _b, _c;
       let _ctx = __do_not_use_server_ctx;
       if (typeof document !== "undefined") {
-        _ctx = window.__TSR_DEHYDRATED__;
+        _ctx = (_a = window.__TSR_DEHYDRATED__) == null ? void 0 : _a.data;
       }
       invariant(
         _ctx,
         "Expected to find a __TSR_DEHYDRATED__ property on window... but we did not. Did you forget to render <DehydrateRouter /> in your app?"
       );
-      const ctx = _ctx;
+      const ctx = this.options.transformer.parse(_ctx);
       this.dehydratedData = ctx.payload;
-      (_b = (_a = this.options).hydrate) == null ? void 0 : _b.call(_a, ctx.payload);
+      (_c = (_b = this.options).hydrate) == null ? void 0 : _c.call(_b, ctx.payload);
       const dehydratedState = ctx.router.state;
       let matches = this.matchRoutes(
         this.state.location.pathname,
         this.state.location.search
       ).map((match) => {
-        var _a2, _b2, _c, _d, _e, _f;
+        var _a2, _b2, _c2, _d, _e, _f;
         const dehydratedMatch = dehydratedState.dehydratedMatches.find(
           (d) => d.id === match.id
         );
@@ -1033,7 +1035,7 @@ class Router {
             meta: (_b2 = (_a2 = route.options).meta) == null ? void 0 : _b2.call(_a2, {
               loaderData: dehydratedMatch.loaderData
             }),
-            links: (_d = (_c = route.options).links) == null ? void 0 : _d.call(_c),
+            links: (_d = (_c2 = route.options).links) == null ? void 0 : _d.call(_c2),
             scripts: (_f = (_e = route.options).scripts) == null ? void 0 : _f.call(_e)
           };
         }
@@ -1054,7 +1056,8 @@ class Router {
       context: void 0,
       ...options,
       stringifySearch: (options == null ? void 0 : options.stringifySearch) ?? defaultStringifySearch,
-      parseSearch: (options == null ? void 0 : options.parseSearch) ?? defaultParseSearch
+      parseSearch: (options == null ? void 0 : options.parseSearch) ?? defaultParseSearch,
+      transformer: (options == null ? void 0 : options.transformer) ?? JSON
     });
   }
   get state() {