@tanstack/react-router 0.0.1-beta.24 → 0.0.1-beta.26

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":"64ae-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"64ae-61"},{"name":"react-router/src/index.tsx","uid":"64ae-63"}]}]}],"isRoot":true},"nodeParts":{"64ae-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"64ae-58"},"64ae-61":{"renderedLength":75397,"gzipLength":15789,"brotliLength":0,"mainUid":"64ae-60"},"64ae-63":{"renderedLength":13128,"gzipLength":3268,"brotliLength":0,"mainUid":"64ae-62"}},"nodeMetas":{"64ae-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"64ae-59"},"imported":[],"importedBy":[{"uid":"64ae-62"}]},"64ae-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"64ae-61"},"imported":[],"importedBy":[{"uid":"64ae-62"}]},"64ae-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"64ae-63"},"imported":[{"uid":"64ae-58"},{"uid":"64ae-64"},{"uid":"64ae-65"},{"uid":"64ae-60"}],"importedBy":[],"isEntry":true},"64ae-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"64ae-62"}],"isExternal":true},"64ae-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"64ae-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":"ed65-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"ed65-61"},{"name":"react-router/src/index.tsx","uid":"ed65-63"}]}]}],"isRoot":true},"nodeParts":{"ed65-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"ed65-58"},"ed65-61":{"renderedLength":75287,"gzipLength":15783,"brotliLength":0,"mainUid":"ed65-60"},"ed65-63":{"renderedLength":13128,"gzipLength":3268,"brotliLength":0,"mainUid":"ed65-62"}},"nodeMetas":{"ed65-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"ed65-59"},"imported":[],"importedBy":[{"uid":"ed65-62"}]},"ed65-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"ed65-61"},"imported":[],"importedBy":[{"uid":"ed65-62"}]},"ed65-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"ed65-63"},"imported":[{"uid":"ed65-58"},{"uid":"ed65-64"},{"uid":"ed65-65"},{"uid":"ed65-60"}],"importedBy":[],"isEntry":true},"ed65-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ed65-62"}],"isExternal":true},"ed65-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"ed65-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": "64ae-67",
+            "uid": "ed65-67",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "64ae-69"
+                "uid": "ed65-69"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "64ae-71"
+                "uid": "ed65-71"
               }
             ]
           }
@@ -29,90 +29,90 @@
     "isRoot": true
   },
   "nodeParts": {
-    "64ae-67": {
+    "ed65-67": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "64ae-66"
+      "mainUid": "ed65-66"
     },
-    "64ae-69": {
-      "renderedLength": 75397,
-      "gzipLength": 15789,
+    "ed65-69": {
+      "renderedLength": 75287,
+      "gzipLength": 15783,
       "brotliLength": 0,
-      "mainUid": "64ae-68"
+      "mainUid": "ed65-68"
     },
-    "64ae-71": {
+    "ed65-71": {
       "renderedLength": 13128,
       "gzipLength": 3268,
       "brotliLength": 0,
-      "mainUid": "64ae-70"
+      "mainUid": "ed65-70"
     }
   },
   "nodeMetas": {
-    "64ae-66": {
+    "ed65-66": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "64ae-67"
+        "index.production.js": "ed65-67"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "64ae-70"
+          "uid": "ed65-70"
         }
       ]
     },
-    "64ae-68": {
+    "ed65-68": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "64ae-69"
+        "index.production.js": "ed65-69"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "64ae-70"
+          "uid": "ed65-70"
         }
       ]
     },
-    "64ae-70": {
+    "ed65-70": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "64ae-71"
+        "index.production.js": "ed65-71"
       },
       "imported": [
         {
-          "uid": "64ae-66"
+          "uid": "ed65-66"
         },
         {
-          "uid": "64ae-72"
+          "uid": "ed65-72"
         },
         {
-          "uid": "64ae-73"
+          "uid": "ed65-73"
         },
         {
-          "uid": "64ae-68"
+          "uid": "ed65-68"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "64ae-72": {
+    "ed65-72": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "64ae-70"
+          "uid": "ed65-70"
         }
       ],
       "isExternal": true
     },
-    "64ae-73": {
+    "ed65-73": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "64ae-70"
+          "uid": "ed65-70"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -20,9 +20,9 @@ type RegisteredRouter = RegisterRouter extends {
 type RegisteredAllRouteInfo = RegisterRouter extends {
     router: Router<infer TRouteConfig, infer TAllRouteInfo>;
 } ? TAllRouteInfo : AnyAllRouteInfo;
-type SyncRouteComponent = (props?: {}) => JSX.Element | React.ReactNode;
-type RouteComponent = SyncRouteComponent & {
-    preload?: () => Promise<SyncRouteComponent>;
+type SyncRouteComponent<TProps = {}> = (props: TProps) => JSX.Element | React.ReactNode;
+type RouteComponent<TProps = {}> = SyncRouteComponent<TProps> & {
+    preload?: () => Promise<SyncRouteComponent<TProps>>;
 };
 declare function lazy(importer: () => Promise<{
     default: SyncRouteComponent;
@@ -43,6 +43,12 @@ type MakeLinkOptions<TAllRouteInfo extends AnyAllRouteInfo, TFrom extends ValidF
 declare module '@tanstack/router-core' {
     interface FrameworkGenerics {
         Component: RouteComponent;
+        ErrorComponent: RouteComponent<{
+            error: unknown;
+            info: {
+                componentStack: string;
+            };
+        }>;
     }
     interface RouterOptions<TRouteConfig extends AnyRouteConfig> {
         useContext?: () => RouterContext;
@@ -73,7 +79,7 @@ type PromptProps = {
     children?: React.ReactNode;
 };
 declare function Link<TTo extends string = '.'>(props: MakeLinkOptions<RegisteredAllRouteInfo, '/', TTo>): JSX.Element;
-declare const matchesContext: React.Context<RouteMatch<DefaultAllRouteInfo, RouteInfo<string, string, string, string, {}, {}, {}, unknown, unknown, {}, {}, {}, {}, Record<never, string>, {}>>[]>;
+declare const matchesContext: React.Context<RouteMatch<DefaultAllRouteInfo, RouteInfo<string, string, string, string, {}, {}, {}, {}, unknown, unknown, {}, {}, {}, {}, {}, {}>>[]>;
 declare const routerContext: React.Context<{
     router: RegisteredRouter;
 }>;

package/build/umd/index.development.js

@@ -1070,7 +1070,7 @@
         };
       }
 
-      if (part.charAt(0) === ':') {
+      if (part.charAt(0) === '$') {
         return {
           type: 'param',
           value: part
@@ -1167,7 +1167,7 @@
               return false;
             }
 
-            if (!baseSegment.value.startsWith(':')) {
+            if (baseSegment.value.charAt(0) !== '$') {
               params[routeSegment.value.substring(1)] = baseSegment.value;
             }
           }
@@ -1429,9 +1429,11 @@
       fullPath: fullPath,
       options: options,
       children,
-      createChildren: cb => createRouteConfig(options, cb(childOptions => createRouteConfig(childOptions, undefined, false, id, fullPath)), false, parentId, parentPath),
       addChildren: children => createRouteConfig(options, children, false, parentId, parentPath),
-      createRoute: childOptions => createRouteConfig(childOptions, undefined, false, id, fullPath)
+      createRoute: childOptions => createRouteConfig(childOptions, undefined, false, id, fullPath),
+      generate: () => {
+        invariant(false, "routeConfig.generate() is used by TanStack Router's file-based routing code generation and should not actually be called during runtime. ");
+      }
     };
   };