@tanstack/react-router 0.0.1-alpha.9 → 0.0.1-beta.2

package/build/stats-html.html

@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"72d9-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"72d9-61"},{"name":"react-router/src/index.tsx","uid":"72d9-63"}]}]}],"isRoot":true},"nodeParts":{"72d9-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"72d9-58"},"72d9-61":{"renderedLength":74043,"gzipLength":15503,"brotliLength":0,"mainUid":"72d9-60"},"72d9-63":{"renderedLength":11495,"gzipLength":2999,"brotliLength":0,"mainUid":"72d9-62"}},"nodeMetas":{"72d9-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"72d9-59"},"imported":[],"importedBy":[{"uid":"72d9-62"}]},"72d9-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"72d9-61"},"imported":[],"importedBy":[{"uid":"72d9-62"}]},"72d9-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"72d9-63"},"imported":[{"uid":"72d9-58"},{"uid":"72d9-64"},{"uid":"72d9-65"},{"uid":"72d9-60"}],"importedBy":[],"isEntry":true},"72d9-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"72d9-62"}],"isExternal":true},"72d9-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"72d9-62"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"392f-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"392f-61"},{"name":"react-router/src/index.tsx","uid":"392f-63"}]}]}],"isRoot":true},"nodeParts":{"392f-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"392f-58"},"392f-61":{"renderedLength":74811,"gzipLength":15587,"brotliLength":0,"mainUid":"392f-60"},"392f-63":{"renderedLength":12726,"gzipLength":3316,"brotliLength":0,"mainUid":"392f-62"}},"nodeMetas":{"392f-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"392f-59"},"imported":[],"importedBy":[{"uid":"392f-62"}]},"392f-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"392f-61"},"imported":[],"importedBy":[{"uid":"392f-62"}]},"392f-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"392f-63"},"imported":[{"uid":"392f-58"},{"uid":"392f-64"},{"uid":"392f-65"},{"uid":"392f-60"}],"importedBy":[],"isEntry":true},"392f-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"392f-62"}],"isExternal":true},"392f-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"392f-62"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -7,7 +7,7 @@
         "name": "index.production.js",
         "children": [
           {
-            "uid": "72d9-67",
+            "uid": "392f-67",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "72d9-69"
+                "uid": "392f-69"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "72d9-71"
+                "uid": "392f-71"
               }
             ]
           }
@@ -29,90 +29,90 @@
     "isRoot": true
   },
   "nodeParts": {
-    "72d9-67": {
+    "392f-67": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "72d9-66"
+      "mainUid": "392f-66"
     },
-    "72d9-69": {
-      "renderedLength": 74043,
-      "gzipLength": 15503,
+    "392f-69": {
+      "renderedLength": 74811,
+      "gzipLength": 15587,
       "brotliLength": 0,
-      "mainUid": "72d9-68"
+      "mainUid": "392f-68"
     },
-    "72d9-71": {
-      "renderedLength": 11495,
-      "gzipLength": 2999,
+    "392f-71": {
+      "renderedLength": 12726,
+      "gzipLength": 3316,
       "brotliLength": 0,
-      "mainUid": "72d9-70"
+      "mainUid": "392f-70"
     }
   },
   "nodeMetas": {
-    "72d9-66": {
+    "392f-66": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "72d9-67"
+        "index.production.js": "392f-67"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "72d9-70"
+          "uid": "392f-70"
         }
       ]
     },
-    "72d9-68": {
+    "392f-68": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "72d9-69"
+        "index.production.js": "392f-69"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "72d9-70"
+          "uid": "392f-70"
         }
       ]
     },
-    "72d9-70": {
+    "392f-70": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "72d9-71"
+        "index.production.js": "392f-71"
       },
       "imported": [
         {
-          "uid": "72d9-66"
+          "uid": "392f-66"
         },
         {
-          "uid": "72d9-72"
+          "uid": "392f-72"
         },
         {
-          "uid": "72d9-73"
+          "uid": "392f-73"
         },
         {
-          "uid": "72d9-68"
+          "uid": "392f-68"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "72d9-72": {
+    "392f-72": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "72d9-70"
+          "uid": "392f-70"
         }
       ],
       "isExternal": true
     },
-    "72d9-73": {
+    "392f-73": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "72d9-70"
+          "uid": "392f-70"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -9,18 +9,15 @@
  * @license MIT
  */
 import * as React from 'react';
-import { AnyRouteConfig, RouteConfig, AnyAllRouteInfo, AllRouteInfo, RootRouteId, RouterState, RouteMatch, ToOptions, MatchRouteOptions, RouteInfoByPath, ResolveRelativePath, NoInfer, DefaultAllRouteInfo, AnyRouteInfo, RouteInfo, ValidFromPath, LinkOptions, RouterOptions, Router } from '@tanstack/router-core';
+import { AnyRouteConfig, RouteConfig, AnyAllRouteInfo, AllRouteInfo, RouterState, RouteMatch, ToOptions, MatchRouteOptions, RouteInfoByPath, ResolveRelativePath, NoInfer, DefaultAllRouteInfo, AnyRouteInfo, RouteInfo, CheckId, ToIdOption, ValidFromPath, LinkOptions, RouterOptions, Router } from '@tanstack/router-core';
 export * from '@tanstack/router-core';
 
 declare module '@tanstack/router-core' {
     interface FrameworkGenerics {
         Element: React.ReactNode;
-        AsyncElement: (opts: {
-            params: Record<string, string>;
-        }) => Promise<React.ReactNode>;
-        SyncOrAsyncElement: React.ReactNode | FrameworkGenerics['AsyncElement'];
+        SyncOrAsyncElement: React.ReactNode | (() => Promise<any>);
     }
-    interface Router<TRouteConfig extends AnyRouteConfig = RouteConfig, TAllRouteInfo extends AnyAllRouteInfo = AllRouteInfo<TRouteConfig>> extends Pick<Route<TAllRouteInfo, TAllRouteInfo['routeInfoById'][RootRouteId]>, 'linkProps' | 'Link' | 'MatchRoute'> {
+    interface Router<TRouteConfig extends AnyRouteConfig = RouteConfig, TAllRouteInfo extends AnyAllRouteInfo = AllRouteInfo<TRouteConfig>> {
         useState: () => RouterState;
         useRoute: <TId extends keyof TAllRouteInfo['routeInfoById']>(routeId: TId) => Route<TAllRouteInfo, TAllRouteInfo['routeInfoById'][TId]>;
         useMatch: <TId extends keyof TAllRouteInfo['routeInfoById']>(routeId: TId) => RouteMatch<TAllRouteInfo, TAllRouteInfo['routeInfoById'][TId]>;
@@ -35,6 +32,7 @@ declare module '@tanstack/router-core' {
         }) => JSX.Element;
     }
     interface Route<TAllRouteInfo extends AnyAllRouteInfo = DefaultAllRouteInfo, TRouteInfo extends AnyRouteInfo = RouteInfo> {
+        useRoute: <TTo extends string = '.', TResolved extends string = ResolveRelativePath<TRouteInfo['id'], NoInfer<TTo>>>(routeId: CheckId<TAllRouteInfo, TResolved, ToIdOption<TAllRouteInfo, TRouteInfo['id'], TTo>>) => Route<TAllRouteInfo, TAllRouteInfo['routeInfoById'][TResolved]>;
         linkProps: <TTo extends string = '.'>(props: LinkPropsOptions<TAllRouteInfo, TRouteInfo['fullPath'], TTo> & React.AnchorHTMLAttributes<HTMLAnchorElement>) => React.AnchorHTMLAttributes<HTMLAnchorElement>;
         Link: <TTo extends string = '.'>(props: LinkPropsOptions<TAllRouteInfo, TRouteInfo['fullPath'], TTo> & React.AnchorHTMLAttributes<HTMLAnchorElement> & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> & {
             children?: React.ReactNode | ((state: {
@@ -70,5 +68,7 @@ declare function Outlet(): JSX.Element | null;
 declare function DefaultErrorBoundary({ error }: {
     error: any;
 }): JSX.Element;
+declare function usePrompt(message: string, when: boolean | any): void;
+declare function Prompt({ message, when, children }: PromptProps): React.ReactNode;
 
-export { DefaultErrorBoundary, MatchesProvider, MatchesProviderProps, Outlet, PromptProps, RouterProps, RouterProvider, createReactRouter };
+export { DefaultErrorBoundary, MatchesProvider, MatchesProviderProps, Outlet, Prompt, PromptProps, RouterProps, RouterProvider, createReactRouter, usePrompt };