@tanstack/router-core 0.0.1-beta.166 → 0.0.1-beta.167

package/build/esm/index.js

@@ -551,6 +551,15 @@ const rootRouteId = '__root__';
 
 // The parse type here allows a zod schema to be passed directly to the validator
 
+// T extends Record<PropertyKey, infer U>
+//   ? {
+//       [K in keyof T]: UseLoaderResultPromise<T[K]>
+//     }
+//   : UseLoaderResultPromise<T>
+
+// export type UseLoaderResultPromise<T> = T extends Promise<infer U>
+//   ? StreamedPromise<U>
+//   : T
 class Route {
   // Set up in this.init()
 
@@ -813,7 +822,7 @@ class Router {
     } = this.options;
     this.basepath = `/${trimPath(basepath ?? '') ?? ''}`;
     if (routeTree && routeTree !== this.routeTree) {
-      this.#buildRouteTree(routeTree);
+      this.#processRoutes(routeTree);
     }
     return this;
   };
@@ -1049,8 +1058,8 @@ class Router {
         params: routeParams,
         pathname: joinPaths([this.basepath, interpolatedPath]),
         updatedAt: Date.now(),
-        invalidAt: Infinity,
-        preloadInvalidAt: Infinity,
+        invalidAt: 9999999999999,
+        preloadInvalidAt: 9999999999999,
         routeSearch: {},
         search: {},
         status: hasLoaders ? 'pending' : 'success',
@@ -1464,7 +1473,9 @@ class Router {
   };
   dehydrate = () => {
     return {
-      state: pick(this.state, ['location', 'status', 'lastUpdated'])
+      state: {
+        dehydratedMatches: this.state.matches.map(d => pick(d, ['fetchedAt', 'invalid', 'invalidAt', 'id', 'loaderData', 'status', 'updatedAt']))
+      }
     };
   };
   hydrate = async __do_not_use_server_ctx => {
@@ -1477,16 +1488,27 @@ class Router {
     const ctx = _ctx;
     this.dehydratedData = ctx.payload;
     this.options.hydrate?.(ctx.payload);
-    const routerState = ctx.router.state;
+    const {
+      dehydratedMatches
+    } = ctx.router.state;
+    let matches = this.matchRoutes(this.state.location.pathname, this.state.location.search).map(match => {
+      const dehydratedMatch = dehydratedMatches.find(d => d.id === match.id);
+      invariant(dehydratedMatch, `Could not find a client-side match for dehydrated match with id: ${match.id}!`);
+      if (dehydratedMatch) {
+        return {
+          ...match,
+          ...dehydratedMatch
+        };
+      }
+      return match;
+    });
     this.__store.setState(s => {
       return {
         ...s,
-        ...routerState,
-        resolvedLocation: routerState.location
+        matches,
+        matchesById: this.#mergeMatches(s.matchesById, matches)
       };
     });
-    await this.load();
-    return;
   };
   injectedHtml = [];
   injectHtml = async html => {
@@ -1499,10 +1521,10 @@ class Router {
         const id = `__TSR_DEHYDRATED__${strKey}`;
         const data = typeof getData === 'function' ? await getData() : getData;
         return `<script id='${id}' suppressHydrationWarning>window["__TSR_DEHYDRATED__${escapeJSON(strKey)}"] = ${JSON.stringify(data)}
-        ;(() => {
-          var el = document.getElementById('${id}')
-          el.parentElement.removeChild(el)
-        })()
+        // ;(() => {
+        //   var el = document.getElementById('${id}')
+        //   el.parentElement.removeChild(el)
+        // })()
         </script>`;
       });
       return () => this.hydrateData(key);
@@ -1523,7 +1545,7 @@ class Router {
   //     ?.__promisesByKey[key]?.resolve(value)
   // }
 
-  #buildRouteTree = routeTree => {
+  #processRoutes = routeTree => {
     this.routeTree = routeTree;
     this.routesById = {};
     this.routesByPath = {};
@@ -1715,7 +1737,7 @@ class Router {
     const route = this.getRoute(match.routeId);
     const updatedAt = opts?.updatedAt ?? Date.now();
     const preloadInvalidAt = updatedAt + (opts?.maxAge ?? route.options.preloadMaxAge ?? this.options.defaultPreloadMaxAge ?? 5000);
-    const invalidAt = updatedAt + (opts?.maxAge ?? route.options.maxAge ?? this.options.defaultMaxAge ?? Infinity);
+    const invalidAt = updatedAt + (opts?.maxAge ?? route.options.maxAge ?? this.options.defaultMaxAge ?? 9999999999999);
     this.setRouteMatch(id, s => ({
       ...s,
       error: undefined,
@@ -1935,5 +1957,27 @@ function restoreScrollPositions(router, opts) {
   }
 }
 
-export { FileRoute, PathParamError, RootRoute, Route, Router, RouterContext, SearchParamError, cleanPath, componentTypes, createBrowserHistory, createHashHistory, createMemoryHistory, decode, defaultParseSearch, defaultStringifySearch, encode, functionalUpdate, interpolatePath, isPlainObject, isRedirect, joinPaths, last, lazyFn, matchByPath, matchPathname, parsePathname, parseSearchWith, partialDeepEqual, pick, redirect, replaceEqualDeep, resolvePath, restoreScrollPositions, rootRouteId, stringifySearchWith, trimPath, trimPathLeft, trimPathRight, watchScrollPositions };
+function defer(_promise) {
+  const promise = _promise;
+  if (!promise.__deferredState) {
+    promise.__deferredState = {
+      uid: Math.random().toString(36).slice(2),
+      status: 'pending'
+    };
+    const state = promise.__deferredState;
+    promise.then(data => {
+      state.status = 'success';
+      state.data = data;
+    }).catch(error => {
+      state.status = 'error';
+      state.error = error;
+    });
+  }
+  return promise;
+}
+function isDehydratedDeferred(obj) {
+  return typeof obj === 'object' && obj !== null && !(obj instanceof Promise) && !obj.then && '__deferredState' in obj;
+}
+
+export { FileRoute, PathParamError, RootRoute, Route, Router, RouterContext, SearchParamError, cleanPath, componentTypes, createBrowserHistory, createHashHistory, createMemoryHistory, decode, defaultParseSearch, defaultStringifySearch, defer, encode, functionalUpdate, interpolatePath, isDehydratedDeferred, isPlainObject, isRedirect, joinPaths, last, lazyFn, matchByPath, matchPathname, parsePathname, parseSearchWith, partialDeepEqual, pick, redirect, replaceEqualDeep, resolvePath, restoreScrollPositions, rootRouteId, stringifySearchWith, trimPath, trimPathLeft, trimPathRight, watchScrollPositions };
 //# sourceMappingURL=index.js.map