@tanstack/react-router 0.0.1-beta.12 → 0.0.1-beta.14

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":"2ef3-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"2ef3-61"},{"name":"react-router/src/index.tsx","uid":"2ef3-63"}]}]}],"isRoot":true},"nodeParts":{"2ef3-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"2ef3-58"},"2ef3-61":{"renderedLength":75522,"gzipLength":15692,"brotliLength":0,"mainUid":"2ef3-60"},"2ef3-63":{"renderedLength":11941,"gzipLength":3092,"brotliLength":0,"mainUid":"2ef3-62"}},"nodeMetas":{"2ef3-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"2ef3-59"},"imported":[],"importedBy":[{"uid":"2ef3-62"}]},"2ef3-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"2ef3-61"},"imported":[],"importedBy":[{"uid":"2ef3-62"}]},"2ef3-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"2ef3-63"},"imported":[{"uid":"2ef3-58"},{"uid":"2ef3-64"},{"uid":"2ef3-65"},{"uid":"2ef3-60"}],"importedBy":[],"isEntry":true},"2ef3-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"2ef3-62"}],"isExternal":true},"2ef3-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"2ef3-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":"45db-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"45db-61"},{"name":"react-router/src/index.tsx","uid":"45db-63"}]}]}],"isRoot":true},"nodeParts":{"45db-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"45db-58"},"45db-61":{"renderedLength":74071,"gzipLength":15445,"brotliLength":0,"mainUid":"45db-60"},"45db-63":{"renderedLength":11304,"gzipLength":2961,"brotliLength":0,"mainUid":"45db-62"}},"nodeMetas":{"45db-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"45db-59"},"imported":[],"importedBy":[{"uid":"45db-62"}]},"45db-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"45db-61"},"imported":[],"importedBy":[{"uid":"45db-62"}]},"45db-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"45db-63"},"imported":[{"uid":"45db-58"},{"uid":"45db-64"},{"uid":"45db-65"},{"uid":"45db-60"},{"uid":"45db-66"}],"importedBy":[],"isEntry":true},"45db-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"45db-62"}],"isExternal":true},"45db-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"45db-62"}],"isExternal":true},"45db-66":{"id":"react-lazy-with-preload/lib/index","moduleParts":{},"imported":[],"importedBy":[{"uid":"45db-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": "2ef3-67",
+            "uid": "45db-68",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "2ef3-69"
+                "uid": "45db-70"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "2ef3-71"
+                "uid": "45db-72"
               }
             ]
           }
@@ -29,90 +29,104 @@
     "isRoot": true
   },
   "nodeParts": {
-    "2ef3-67": {
+    "45db-68": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "2ef3-66"
+      "mainUid": "45db-67"
     },
-    "2ef3-69": {
-      "renderedLength": 75522,
-      "gzipLength": 15692,
+    "45db-70": {
+      "renderedLength": 74071,
+      "gzipLength": 15445,
       "brotliLength": 0,
-      "mainUid": "2ef3-68"
+      "mainUid": "45db-69"
     },
-    "2ef3-71": {
-      "renderedLength": 11941,
-      "gzipLength": 3092,
+    "45db-72": {
+      "renderedLength": 11304,
+      "gzipLength": 2961,
       "brotliLength": 0,
-      "mainUid": "2ef3-70"
+      "mainUid": "45db-71"
     }
   },
   "nodeMetas": {
-    "2ef3-66": {
+    "45db-67": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "2ef3-67"
+        "index.production.js": "45db-68"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "2ef3-70"
+          "uid": "45db-71"
         }
       ]
     },
-    "2ef3-68": {
+    "45db-69": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "2ef3-69"
+        "index.production.js": "45db-70"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "2ef3-70"
+          "uid": "45db-71"
         }
       ]
     },
-    "2ef3-70": {
+    "45db-71": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "2ef3-71"
+        "index.production.js": "45db-72"
       },
       "imported": [
         {
-          "uid": "2ef3-66"
+          "uid": "45db-67"
         },
         {
-          "uid": "2ef3-72"
+          "uid": "45db-73"
         },
         {
-          "uid": "2ef3-73"
+          "uid": "45db-74"
         },
         {
-          "uid": "2ef3-68"
+          "uid": "45db-69"
+        },
+        {
+          "uid": "45db-75"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "2ef3-72": {
+    "45db-73": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "2ef3-70"
+          "uid": "45db-71"
         }
       ],
       "isExternal": true
     },
-    "2ef3-73": {
+    "45db-74": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "2ef3-70"
+          "uid": "45db-71"
+        }
+      ],
+      "isExternal": true
+    },
+    "45db-75": {
+      "id": "react-lazy-with-preload/lib/index",
+      "moduleParts": {},
+      "imported": [],
+      "importedBy": [
+        {
+          "uid": "45db-71"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -11,11 +11,18 @@
 import * as React from 'react';
 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';
+export { lazyWithPreload as lazy } from 'react-lazy-with-preload/lib/index';
+export { PreloadableComponent as LazyComponent } from 'react-lazy-with-preload';
 
+declare type SyncRouteComponent = (props?: {}) => React.ReactNode;
+declare type RouteComponent = SyncRouteComponent & {
+    preload?: () => Promise<{
+        default: SyncRouteComponent;
+    }>;
+};
 declare module '@tanstack/router-core' {
     interface FrameworkGenerics {
-        Element: React.ReactNode;
-        SyncOrAsyncElement: React.ReactNode | (() => Promise<any>);
+        Component: RouteComponent;
     }
     interface Router<TRouteConfig extends AnyRouteConfig = RouteConfig, TAllRouteInfo extends AnyAllRouteInfo = AllRouteInfo<TRouteConfig>> {
         useState: () => RouterState;
@@ -77,4 +84,4 @@ declare function DefaultErrorBoundary({ error }: {
 declare function usePrompt(message: string, when: boolean | any): void;
 declare function Prompt({ message, when, children }: PromptProps): React.ReactNode;
 
-export { DefaultErrorBoundary, MatchesProvider, MatchesProviderProps, Outlet, Prompt, PromptProps, RouterProps, RouterProvider, createReactRouter, useMatches, usePrompt, useRouter };
+export { DefaultErrorBoundary, MatchesProvider, MatchesProviderProps, Outlet, Prompt, PromptProps, RouteComponent, RouterProps, RouterProvider, createReactRouter, useMatches, usePrompt, useRouter };