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

package/build/esm/index.js

@@ -1013,6 +1013,7 @@ function createRouter(userOptions) {
   let router = {
     options: originalOptions,
     listeners: [],
+    removeActionQueue: [],
     // Resolved after construction
     basepath: '',
     routeTree: undefined,
@@ -1136,12 +1137,14 @@ function createRouter(userOptions) {
         strictParseParams: true
       });
       const toMatches = router.matchRoutes(pathname);
-      const prevParams = (_last = last(fromMatches)) == null ? void 0 : _last.params;
+
+      const prevParams = _extends$1({}, (_last = last(fromMatches)) == null ? void 0 : _last.params);
+
       let nextParams = ((_dest$params = dest.params) != null ? _dest$params : true) === true ? prevParams : functionalUpdate(dest.params, prevParams);
 
       if (nextParams) {
         toMatches.map(d => d.options.stringifyParams).filter(Boolean).forEach(fn => {
-          Object.assign(nextParams, fn(nextParams));
+          Object.assign({}, nextParams, fn(nextParams));
         });
       }
 
@@ -1246,20 +1249,30 @@ function createRouter(userOptions) {
       if (next) {
         // Ingest the new location
         router.location = next;
-      } // Cancel any pending matches
+      } // Clear out old actions
+
+
+      router.removeActionQueue.forEach(_ref => {
+        let {
+          action,
+          actionState
+        } = _ref;
+
+        if (router.state.currentAction === actionState) {
+          router.state.currentAction = undefined;
+        }
 
+        if (action.current === actionState) {
+          action.current = undefined;
+        }
+      });
+      router.removeActionQueue = []; // Cancel any pending matches
 
       router.cancelMatches(); // Match the routes
 
       const unloadedMatches = router.matchRoutes(location.pathname, {
         strictParseParams: true
       });
-      unloadedMatches.forEach((match, index) => {
-        const parent = unloadedMatches[index - 1];
-        const child = unloadedMatches[index + 1];
-        if (parent) match.__.setParentMatch(parent);
-        if (child) match.__.addChildMatch(child);
-      });
       router.state = _extends$1({}, router.state, {
         pending: {
           matches: unloadedMatches,
@@ -1440,6 +1453,7 @@ function createRouter(userOptions) {
       };
 
       recurse([router.routeTree]);
+      cascadeLoaderData(matches);
       return matches;
     },
     loadMatches: async (resolvedMatches, loaderOpts) => {
@@ -1477,7 +1491,7 @@ function createRouter(userOptions) {
       const unloadedMatchIds = router.matchRoutes(next.pathname).map(d => d.matchId);
       [...router.state.matches, ...((_router$state$pending5 = (_router$state$pending6 = router.state.pending) == null ? void 0 : _router$state$pending6.matches) != null ? _router$state$pending5 : [])].forEach(match => {
         if (unloadedMatchIds.includes(match.matchId)) {
-          match.isInvalid = true;
+          match.invalidate();
         }
       });
     },
@@ -1518,14 +1532,15 @@ function createRouter(userOptions) {
       const next = router.buildNext(location);
       return router.commitLocation(next, location.replace);
     },
-    navigate: async _ref => {
+    navigate: async _ref2 => {
       let {
         from,
         to = '.',
         search,
         hash,
-        replace
-      } = _ref;
+        replace,
+        params
+      } = _ref2;
       // If this link simply reloads the current route,
       // make sure it has a new key so it will trigger a data refresh
       // If this `to` is a valid external URL, return
@@ -1544,11 +1559,13 @@ function createRouter(userOptions) {
         from: fromString,
         to: toString,
         search,
-        hash
+        hash,
+        replace,
+        params
       });
     },
-    buildLink: _ref2 => {
-      var _preload, _ref3, _ref4;
+    buildLink: _ref3 => {
+      var _preload, _ref4, _ref5;
 
       let {
         from,
@@ -1563,7 +1580,7 @@ function createRouter(userOptions) {
         preloadMaxAge: userPreloadMaxAge,
         preloadDelay: userPreloadDelay,
         disabled
-      } = _ref2;
+      } = _ref3;
 
       // If this link simply reloads the current route,
       // make sure it has a new key so it will trigger a data refresh
@@ -1587,8 +1604,8 @@ function createRouter(userOptions) {
       };
       const next = router.buildNext(nextOpts);
       preload = (_preload = preload) != null ? _preload : router.options.defaultLinkPreload;
-      const preloadMaxAge = (_ref3 = userPreloadMaxAge != null ? userPreloadMaxAge : router.options.defaultLinkPreloadMaxAge) != null ? _ref3 : 2000;
-      const preloadDelay = (_ref4 = userPreloadDelay != null ? userPreloadDelay : router.options.defaultLinkPreloadDelay) != null ? _ref4 : 50; // Compare path/hash for matches
+      const preloadMaxAge = (_ref4 = userPreloadMaxAge != null ? userPreloadMaxAge : router.options.defaultLinkPreloadMaxAge) != null ? _ref4 : 2000;
+      const preloadDelay = (_ref5 = userPreloadDelay != null ? userPreloadDelay : router.options.defaultLinkPreloadDelay) != null ? _ref5 : 50; // Compare path/hash for matches
 
       const pathIsEqual = router.state.location.pathname === next.pathname;
       const currentPathSplit = router.state.location.pathname.split('/');
@@ -1662,11 +1679,11 @@ function createRouter(userOptions) {
     },
     __experimental__createSnapshot: () => {
       return _extends$1({}, router.state, {
-        matches: router.state.matches.map(_ref5 => {
+        matches: router.state.matches.map(_ref6 => {
           let {
             routeLoaderData: loaderData,
             matchId
-          } = _ref5;
+          } = _ref6;
           return {
             matchId,
             loaderData
@@ -1716,10 +1733,12 @@ function createRoute(routeConfig, options, parent, router) {
           status: 'pending',
           submission
         };
+        action.current = actionState;
         action.latest = actionState;
         action.pending.push(actionState);
         router.state = _extends$1({}, router.state, {
-          action: actionState
+          currentAction: actionState,
+          latestAction: actionState
         });
         router.notify();
 
@@ -1743,11 +1762,10 @@ function createRoute(routeConfig, options, parent, router) {
           actionState.status = 'error';
         } finally {
           action.pending = action.pending.filter(d => d !== actionState);
-
-          if (actionState === router.state.action) {
-            router.state.action = undefined;
-          }
-
+          router.removeActionQueue.push({
+            action,
+            actionState
+          });
           router.notify();
         }
       }
@@ -1834,16 +1852,17 @@ function createRouteMatch(router, route, opts) {
         clearTimeout(routeMatch.__.pendingMinTimeout);
         delete routeMatch.__.pendingMinPromise;
       },
-      setParentMatch: parentMatch => {
-        routeMatch.parentMatch = parentMatch;
-      },
-      addChildMatch: childMatch => {
-        if (routeMatch.childMatches.find(d => d.matchId === childMatch.matchId)) {
-          return;
-        }
-
-        routeMatch.childMatches.push(childMatch);
-      },
+      // setParentMatch: (parentMatch?: RouteMatch) => {
+      //   routeMatch.parentMatch = parentMatch
+      // },
+      // addChildMatch: (childMatch: RouteMatch) => {
+      //   if (
+      //     routeMatch.childMatches.find((d) => d.matchId === childMatch.matchId)
+      //   ) {
+      //     return
+      //   }
+      //   routeMatch.childMatches.push(childMatch)
+      // },
       validate: () => {
         var _routeMatch$parentMat, _routeMatch$parentMat2;
 
@@ -1880,6 +1899,9 @@ function createRouteMatch(router, route, opts) {
 
       routeMatch.__.cancelPending();
     },
+    invalidate: () => {
+      routeMatch.isInvalid = true;
+    },
     load: async () => {
       const id = '' + Date.now() + Math.random();
       routeMatch.__.latestId = id; // If the match was in an error state, set it
@@ -1947,7 +1969,6 @@ function createRouteMatch(router, route, opts) {
               }
 
               routeMatch.routeLoaderData = replaceEqualDeep(routeMatch.routeLoaderData, data);
-              cascadeLoaderData(routeMatch);
               routeMatch.error = undefined;
               routeMatch.status = 'success';
               routeMatch.updatedAt = Date.now();
@@ -2007,16 +2028,14 @@ function createRouteMatch(router, route, opts) {
   return routeMatch;
 }
 
-function cascadeLoaderData(routeMatch) {
-  if (routeMatch.parentMatch) {
-    routeMatch.loaderData = replaceEqualDeep(routeMatch.loaderData, _extends$1({}, routeMatch.parentMatch.loaderData, routeMatch.routeLoaderData));
-  }
+function cascadeLoaderData(matches) {
+  matches.forEach((match, index) => {
+    const parent = matches[index - 1];
 
-  if (routeMatch.childMatches.length) {
-    routeMatch.childMatches.forEach(childMatch => {
-      cascadeLoaderData(childMatch);
-    });
-  }
+    if (parent) {
+      match.loaderData = replaceEqualDeep(match.loaderData, _extends$1({}, parent.loaderData, match.routeLoaderData));
+    }
+  });
 }
 
 function matchPathname(currentPathname, matchLocation) {
@@ -2548,29 +2567,33 @@ function RouterProvider(_ref2) {
     value: router.state.matches
   }, children != null ? children : /*#__PURE__*/React.createElement(Outlet, null)));
 }
+
 function useRouter() {
   const value = React.useContext(routerContext);
   warning(!value, 'useRouter must be used inside a <Router> component!');
   useRouterSubscription(value.router);
   return value.router;
 }
+
 function useMatches() {
   return React.useContext(matchesContext);
-}
-function useParentMatches() {
-  const router = useRouter();
-
-  const match = _useMatch();
+} // function useParentMatches(): RouteMatch[] {
+//   const router = useRouter()
+//   const match = useMatch()
+//   const matches = router.state.matches
+//   return matches.slice(
+//     0,
+//     matches.findIndex((d) => d.matchId === match.matchId) - 1,
+//   )
+// }
 
-  const matches = router.state.matches;
-  return matches.slice(0, matches.findIndex(d => d.matchId === match.matchId) - 1);
-}
 
 function _useMatch() {
   var _useMatches;
 
   return (_useMatches = useMatches()) == null ? void 0 : _useMatches[0];
 }
+
 function Outlet() {
   var _ref3, _childMatch$options$c;
 
@@ -2704,5 +2727,5 @@ function DefaultCatchBoundary(_ref6) {
   }, "If you are the owner of this website, it's highly recommended that you configure your own custom Catch/Error boundaries for the router. You can optionally configure a boundary for each route."));
 }
 
-export { DefaultCatchBoundary, MatchesProvider, Outlet, RouterProvider, createBrowserHistory, createHashHistory, createMemoryHistory, createReactRouter, createRoute, createRouteConfig, createRouteMatch, createRouter, defaultParseSearch, defaultStringifySearch, functionalUpdate, invariant, last, matchByPath, matchPathname, parsePathname, parseSearchWith, replaceEqualDeep, _resolvePath as resolvePath, rootRouteId, stringifySearchWith, _useMatch as useMatch, useMatches, useParentMatches, useRouter, warning };
+export { DefaultCatchBoundary, MatchesProvider, Outlet, RouterProvider, createBrowserHistory, createHashHistory, createMemoryHistory, createReactRouter, createRoute, createRouteConfig, createRouteMatch, createRouter, defaultParseSearch, defaultStringifySearch, functionalUpdate, invariant, last, matchByPath, matchPathname, parsePathname, parseSearchWith, replaceEqualDeep, _resolvePath as resolvePath, rootRouteId, stringifySearchWith, warning };
 //# sourceMappingURL=index.js.map