@tanstack/react-router 0.0.1-beta.25 → 0.0.1-beta.27

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

package/build/types/index.d.ts

@@ -79,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. ");
+      }
     };
   };
 
@@ -2828,7 +2830,8 @@
     }, /*#__PURE__*/React__namespace.createElement(React__namespace.Suspense, {
       fallback: /*#__PURE__*/React__namespace.createElement(PendingComponent, null)
     }, /*#__PURE__*/React__namespace.createElement(CatchBoundary, {
-      errorComponent: errorComponent
+      errorComponent: errorComponent,
+      key: match.routeId
     }, (() => {
       if (match.status === 'error') {
         throw match.error;
@@ -2848,7 +2851,8 @@
     constructor() {
       super(...arguments);
       this.state = {
-        error: false
+        error: false,
+        info: undefined
       };
     }
 
@@ -2861,17 +2865,49 @@
     }
 
     render() {
-      var _this$props$errorComp;
+      return /*#__PURE__*/React__namespace.createElement(CatchBoundaryInner, _extends$2({}, this.props, {
+        errorState: this.state,
+        reset: () => this.setState({})
+      }));
+    }
+
+  } // This is the messiest thing ever... I'm either seriously tired (likely) or
+  // there has to be a better way to reset error boundaries when the
+  // router's location key changes.
 
-      const errorComponent = (_this$props$errorComp = this.props.errorComponent) != null ? _this$props$errorComp : DefaultErrorBoundary;
 
-      if (this.state.error) {
-        return /*#__PURE__*/React__namespace.createElement(errorComponent, this.state);
+  function CatchBoundaryInner(props) {
+    var _props$errorComponent;
+
+    const [activeErrorState, setActiveErrorState] = React__namespace.useState(props.errorState);
+    const router = useRouter();
+    const errorComponent = (_props$errorComponent = props.errorComponent) != null ? _props$errorComponent : DefaultErrorBoundary;
+    React__namespace.useEffect(() => {
+      if (activeErrorState) {
+        let prevKey = router.state.location.key;
+        return router.subscribe(() => {
+          if (router.state.location.key !== prevKey) {
+            prevKey = router.state.location.key;
+            setActiveErrorState({});
+          }
+        });
+      }
+
+      return;
+    }, [activeErrorState]);
+    React__namespace.useEffect(() => {
+      if (props.errorState.error) {
+        setActiveErrorState(props.errorState);
       }
 
-      return this.props.children;
+      props.reset();
+    }, [props.errorState.error]);
+
+    if (activeErrorState.error) {
+      return /*#__PURE__*/React__namespace.createElement(errorComponent, activeErrorState);
     }
 
+    return props.children;
   }
 
   function DefaultErrorBoundary(_ref6) {