@tanstack/react-router 0.0.1-alpha.3 → 0.0.1-alpha.4

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":"b6e9-21","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"b6e9-23"},{"name":"react-router/src/index.tsx","uid":"b6e9-25"}]}]}],"isRoot":true},"nodeParts":{"b6e9-21":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"b6e9-20"},"b6e9-23":{"renderedLength":68622,"gzipLength":14235,"brotliLength":0,"mainUid":"b6e9-22"},"b6e9-25":{"renderedLength":11932,"gzipLength":3067,"brotliLength":0,"mainUid":"b6e9-24"}},"nodeMetas":{"b6e9-20":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"b6e9-21"},"imported":[],"importedBy":[{"uid":"b6e9-24"}]},"b6e9-22":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"b6e9-23"},"imported":[],"importedBy":[{"uid":"b6e9-24"}]},"b6e9-24":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"b6e9-25"},"imported":[{"uid":"b6e9-20"},{"uid":"b6e9-26"},{"uid":"b6e9-27"},{"uid":"b6e9-22"}],"importedBy":[],"isEntry":true},"b6e9-26":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b6e9-24"}],"isExternal":true},"b6e9-27":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"b6e9-24"}],"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":"c4e0-25","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"c4e0-27"},{"name":"react-router/src/index.tsx","uid":"c4e0-29"}]}]}],"isRoot":true},"nodeParts":{"c4e0-25":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"c4e0-24"},"c4e0-27":{"renderedLength":69609,"gzipLength":14467,"brotliLength":0,"mainUid":"c4e0-26"},"c4e0-29":{"renderedLength":11456,"gzipLength":2963,"brotliLength":0,"mainUid":"c4e0-28"}},"nodeMetas":{"c4e0-24":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"c4e0-25"},"imported":[],"importedBy":[{"uid":"c4e0-28"}]},"c4e0-26":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"c4e0-27"},"imported":[],"importedBy":[{"uid":"c4e0-28"}]},"c4e0-28":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"c4e0-29"},"imported":[{"uid":"c4e0-24"},{"uid":"c4e0-30"},{"uid":"c4e0-31"},{"uid":"c4e0-26"}],"importedBy":[],"isEntry":true},"c4e0-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4e0-28"}],"isExternal":true},"c4e0-31":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"c4e0-28"}],"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": "b6e9-29",
+            "uid": "c4e0-33",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "b6e9-31"
+                "uid": "c4e0-35"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "b6e9-33"
+                "uid": "c4e0-37"
               }
             ]
           }
@@ -29,90 +29,90 @@
     "isRoot": true
   },
   "nodeParts": {
-    "b6e9-29": {
+    "c4e0-33": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "b6e9-28"
+      "mainUid": "c4e0-32"
     },
-    "b6e9-31": {
-      "renderedLength": 68622,
-      "gzipLength": 14235,
+    "c4e0-35": {
+      "renderedLength": 69609,
+      "gzipLength": 14467,
       "brotliLength": 0,
-      "mainUid": "b6e9-30"
+      "mainUid": "c4e0-34"
     },
-    "b6e9-33": {
-      "renderedLength": 11932,
-      "gzipLength": 3067,
+    "c4e0-37": {
+      "renderedLength": 11456,
+      "gzipLength": 2963,
       "brotliLength": 0,
-      "mainUid": "b6e9-32"
+      "mainUid": "c4e0-36"
     }
   },
   "nodeMetas": {
-    "b6e9-28": {
+    "c4e0-32": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "b6e9-29"
+        "index.production.js": "c4e0-33"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "b6e9-32"
+          "uid": "c4e0-36"
         }
       ]
     },
-    "b6e9-30": {
+    "c4e0-34": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "b6e9-31"
+        "index.production.js": "c4e0-35"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "b6e9-32"
+          "uid": "c4e0-36"
         }
       ]
     },
-    "b6e9-32": {
+    "c4e0-36": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "b6e9-33"
+        "index.production.js": "c4e0-37"
       },
       "imported": [
         {
-          "uid": "b6e9-28"
+          "uid": "c4e0-32"
         },
         {
-          "uid": "b6e9-34"
+          "uid": "c4e0-38"
         },
         {
-          "uid": "b6e9-35"
+          "uid": "c4e0-39"
         },
         {
-          "uid": "b6e9-30"
+          "uid": "c4e0-34"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "b6e9-34": {
+    "c4e0-38": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "b6e9-32"
+          "uid": "c4e0-36"
         }
       ],
       "isExternal": true
     },
-    "b6e9-35": {
+    "c4e0-39": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "b6e9-32"
+          "uid": "c4e0-36"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -900,6 +900,15 @@
 
     return parsedPath;
   }
+  var prefix = 'Invariant failed';
+  function invariant(condition, message) {
+      if (condition) {
+          return;
+      }
+      var provided = typeof message === 'function' ? message() : message;
+      var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+      throw new Error(value);
+  }
 
   // @ts-nocheck
   // We're inlining qss here for compression's sake, but we've included it as a hard dependency for the MIT license it requires.
@@ -954,7 +963,7 @@
     return out;
   }
 
-  const createRouteConfig = function createRouteConfig(options, children, isRoot, parentId) {
+  const createRouteConfig = function createRouteConfig(options, children, isRoot, parentId, parentPath) {
     if (options === void 0) {
       options = {};
     }
@@ -965,8 +974,6 @@
 
     if (isRoot) {
       options.path = rootRouteId;
-    } else {
-      warning(!options.path, 'Routes must have a path property.');
     } // Strip the root from parentIds
 
 
@@ -974,13 +981,14 @@
       parentId = '';
     }
 
-    let path = String(isRoot ? rootRouteId : options.path); // If the path is anything other than an index path, trim it up
+    let path = isRoot ? rootRouteId : options.path; // If the path is anything other than an index path, trim it up
 
-    if (path !== '/') {
+    if (path && path !== '/') {
       path = trimPath(path);
     }
 
-    let id = joinPaths([parentId, path]);
+    const routeId = path || options.id;
+    let id = joinPaths([parentId, routeId]);
 
     if (path === rootRouteId) {
       path = '/';
@@ -990,14 +998,15 @@
       id = joinPaths(['/', id]);
     }
 
-    const fullPath = id === rootRouteId ? '/' : trimPathRight(id);
+    const fullPath = id === rootRouteId ? '/' : trimPathRight(joinPaths([parentPath, path]));
     return {
       id: id,
+      routeId: routeId,
       path: path,
       fullPath: fullPath,
       options: options,
       children,
-      addChildren: cb => createRouteConfig(options, cb(childOptions => createRouteConfig(childOptions, undefined, false, id)), false, parentId)
+      addChildren: cb => createRouteConfig(options, cb(childOptions => createRouteConfig(childOptions, undefined, false, id, fullPath)), false, parentId, parentPath)
     };
   };
   const rootRouteId = '__root__';
@@ -1373,55 +1382,76 @@
 
         const existingMatches = [...router.state.matches, ...((_router$state$pending3 = (_router$state$pending4 = router.state.pending) == null ? void 0 : _router$state$pending4.matches) != null ? _router$state$pending3 : [])];
 
-        const recurse = async (routes, parentMatch) => {
-          var _parentMatch$params, _router$options$filte, _router$preloadCache$, _route$childRoutes2;
+        const recurse = async routes => {
+          var _parentMatch$params, _router$options$filte, _foundRoute$childRout;
 
+          const parentMatch = last(matches);
           let params = (_parentMatch$params = parentMatch == null ? void 0 : parentMatch.params) != null ? _parentMatch$params : {};
           const filteredRoutes = (_router$options$filte = router.options.filterRoutes == null ? void 0 : router.options.filterRoutes(routes)) != null ? _router$options$filte : routes;
-          const route = filteredRoutes == null ? void 0 : filteredRoutes.find(route => {
-            var _route$childRoutes, _route$options$caseSe;
-
-            const fuzzy = !!(route.routePath !== '/' || (_route$childRoutes = route.childRoutes) != null && _route$childRoutes.length);
-            const matchParams = matchPathname(pathname, {
-              to: route.fullPath,
-              fuzzy,
-              caseSensitive: (_route$options$caseSe = route.options.caseSensitive) != null ? _route$options$caseSe : router.options.caseSensitive
-            });
+          let foundRoutes = [];
 
-            if (matchParams) {
-              let parsedParams;
+          const findMatchInRoutes = (parentRoutes, routes) => {
+            routes.some(route => {
+              var _route$childRoutes, _route$childRoutes2, _route$options$caseSe;
 
-              try {
-                var _route$options$parseP;
+              if (!route.routePath && (_route$childRoutes = route.childRoutes) != null && _route$childRoutes.length) {
+                return findMatchInRoutes([...foundRoutes, route], route.childRoutes);
+              }
 
-                parsedParams = (_route$options$parseP = route.options.parseParams == null ? void 0 : route.options.parseParams(matchParams)) != null ? _route$options$parseP : matchParams;
-              } catch (err) {
-                if (opts != null && opts.strictParseParams) {
-                  throw err;
+              const fuzzy = !!(route.routePath !== '/' || (_route$childRoutes2 = route.childRoutes) != null && _route$childRoutes2.length);
+              const matchParams = matchPathname(pathname, {
+                to: route.fullPath,
+                fuzzy,
+                caseSensitive: (_route$options$caseSe = route.options.caseSensitive) != null ? _route$options$caseSe : router.options.caseSensitive
+              });
+
+              if (matchParams) {
+                let parsedParams;
+
+                try {
+                  var _route$options$parseP;
+
+                  parsedParams = (_route$options$parseP = route.options.parseParams == null ? void 0 : route.options.parseParams(matchParams)) != null ? _route$options$parseP : matchParams;
+                } catch (err) {
+                  if (opts != null && opts.strictParseParams) {
+                    throw err;
+                  }
                 }
+
+                params = _extends$1({}, params, parsedParams);
               }
 
-              params = _extends$1({}, params, parsedParams);
-            }
+              if (!!matchParams) {
+                foundRoutes = [...parentRoutes, route];
+              }
 
-            return !!matchParams;
-          });
+              return !!foundRoutes.length;
+            });
+            return !!foundRoutes.length;
+          };
 
-          if (!route) {
+          findMatchInRoutes([], filteredRoutes);
+
+          if (!foundRoutes.length) {
             return;
           }
 
-          const interpolatedPath = interpolatePath(route.routePath, params);
-          const matchId = interpolatePath(route.routeId, params, true);
-          const match = existingMatches.find(d => d.matchId === matchId) || ((_router$preloadCache$ = router.preloadCache[matchId]) == null ? void 0 : _router$preloadCache$.match) || createRouteMatch(router, route, {
-            matchId,
-            params,
-            pathname: joinPaths([pathname, interpolatedPath])
+          foundRoutes.forEach(foundRoute => {
+            var _router$preloadCache$;
+
+            const interpolatedPath = interpolatePath(foundRoute.routePath, params);
+            const matchId = interpolatePath(foundRoute.routeId, params, true);
+            const match = existingMatches.find(d => d.matchId === matchId) || ((_router$preloadCache$ = router.preloadCache[matchId]) == null ? void 0 : _router$preloadCache$.match) || createRouteMatch(router, foundRoute, {
+              matchId,
+              params,
+              pathname: joinPaths([pathname, interpolatedPath])
+            });
+            matches.push(match);
           });
-          matches.push(match);
+          const foundRoute = last(foundRoutes);
 
-          if ((_route$childRoutes2 = route.childRoutes) != null && _route$childRoutes2.length) {
-            recurse(route.childRoutes, match);
+          if ((_foundRoute$childRout = foundRoute.childRoutes) != null && _foundRoute$childRout.length) {
+            recurse(foundRoute.childRoutes);
           }
         };
 
@@ -1525,12 +1555,7 @@
           isExternal = true;
         } catch (e) {}
 
-        if (isExternal) {
-          {
-            throw new Error('Attempting to navigate to external url with router.navigate!');
-          }
-        }
-
+        invariant(!isExternal, 'Attempting to navigate to external url with router.navigate!');
         return router._navigate({
           from: fromString,
           to: toString,
@@ -1685,13 +1710,14 @@
     //       ]).replace(new RegExp(`^${rootRouteId}`), '')
     // ) as TRouteInfo['id']
     const {
-      id: routeId,
+      id,
+      routeId,
       path: routePath,
       fullPath
     } = routeConfig;
 
-    const action = router.state.actions[routeId] || (() => {
-      router.state.actions[routeId] = {
+    const action = router.state.actions[id] || (() => {
+      router.state.actions[id] = {
         pending: [],
         submit: async (submission, actionOpts) => {
           var _actionOpts$invalidat;
@@ -1742,11 +1768,12 @@
           }
         }
       };
-      return router.state.actions[routeId];
+      return router.state.actions[id];
     })();
 
     let route = {
-      routeId,
+      routeId: id,
+      routeRouteId: routeId,
       routePath,
       fullPath,
       options,
@@ -2483,34 +2510,21 @@
           useRoute: routeId => {
             const route = router.getRoute(routeId);
             useRouterSubscription(router);
-
-            if (!route) {
-              throw new Error("Could not find a route for route \"" + routeId + "\"! Did you forget to add it to your route config?");
-            }
-
+            invariant(route, "Could not find a route for route \"" + routeId + "\"! Did you forget to add it to your route config?");
             return route;
           },
           useMatch: routeId => {
-            if (routeId === rootRouteId) {
-              throw new Error("\"" + rootRouteId + "\" cannot be used with useMatch! Did you mean to useRoute(\"" + rootRouteId + "\")?");
-            }
+            invariant(routeId !== rootRouteId, "\"" + rootRouteId + "\" cannot be used with useMatch! Did you mean to useRoute(\"" + rootRouteId + "\")?");
 
             const runtimeMatch = _useMatch();
 
             const match = router.state.matches.find(d => d.routeId === routeId);
-
-            if (!match) {
-              throw new Error("Could not find a match for route \"" + routeId + "\" being rendered in this component!");
-            }
-
-            if (runtimeMatch.routeId !== (match == null ? void 0 : match.routeId)) {
-              throw new Error("useMatch('" + (match == null ? void 0 : match.routeId) + "') is being called in a component that is meant to render the '" + runtimeMatch.routeId + "' route. Did you mean to 'useRoute(" + (match == null ? void 0 : match.routeId) + ")' instead?");
-            }
-
+            invariant(match, "Could not find a match for route \"" + routeId + "\" being rendered in this component!");
+            invariant(runtimeMatch.routeId == (match == null ? void 0 : match.routeId), "useMatch('" + (match == null ? void 0 : match.routeId) + "') is being called in a component that is meant to render the '" + runtimeMatch.routeId + "' route. Did you mean to 'useRoute(" + (match == null ? void 0 : match.routeId) + ")' instead?");
             useRouterSubscription(router);
 
             if (!match) {
-              throw new Error('Match not found!');
+              invariant('Match not found!');
             }
 
             return match;
@@ -2721,6 +2735,7 @@
   exports.defaultParseSearch = defaultParseSearch;
   exports.defaultStringifySearch = defaultStringifySearch;
   exports.functionalUpdate = functionalUpdate;
+  exports.invariant = invariant;
   exports.last = last;
   exports.matchByPath = matchByPath;
   exports.matchPathname = matchPathname;