@tanstack/router-core 0.0.1-beta.3 → 0.0.1-beta.31

package/build/esm/index.js

@@ -8,835 +8,10 @@
  *
  * @license MIT
  */
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-
-/**
- * Actions represent the type of change to a location value.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#action
- */
-var Action;
-
-(function (Action) {
-  /**
-   * A POP indicates a change to an arbitrary index in the history stack, such
-   * as a back or forward navigation. It does not describe the direction of the
-   * navigation, only that the current index changed.
-   *
-   * Note: This is the default action for newly created history objects.
-   */
-  Action["Pop"] = "POP";
-  /**
-   * A PUSH indicates a new entry being added to the history stack, such as when
-   * a link is clicked and a new page loads. When this happens, all subsequent
-   * entries in the stack are lost.
-   */
-
-  Action["Push"] = "PUSH";
-  /**
-   * A REPLACE indicates the entry at the current index in the history stack
-   * being replaced by a new one.
-   */
-
-  Action["Replace"] = "REPLACE";
-})(Action || (Action = {}));
-
-var readOnly = process.env.NODE_ENV !== "production" ? function (obj) {
-  return Object.freeze(obj);
-} : function (obj) {
-  return obj;
-};
-
-function warning$1(cond, message) {
-  if (!cond) {
-    // eslint-disable-next-line no-console
-    if (typeof console !== 'undefined') console.warn(message);
-
-    try {
-      // Welcome to debugging history!
-      //
-      // This error is thrown as a convenience so you can more easily
-      // find the source for a warning that appears in the console by
-      // enabling "pause on exceptions" in your JavaScript debugger.
-      throw new Error(message); // eslint-disable-next-line no-empty
-    } catch (e) {}
-  }
-}
-
-var BeforeUnloadEventType = 'beforeunload';
-var HashChangeEventType = 'hashchange';
-var PopStateEventType = 'popstate';
-/**
- * Browser history stores the location in regular URLs. This is the standard for
- * most web apps, but it requires some configuration on the server to ensure you
- * serve the same app at multiple URLs.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory
- */
-
-function createBrowserHistory(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options = options,
-      _options$window = _options.window,
-      window = _options$window === void 0 ? document.defaultView : _options$window;
-  var globalHistory = window.history;
-
-  function getIndexAndLocation() {
-    var _window$location = window.location,
-        pathname = _window$location.pathname,
-        search = _window$location.search,
-        hash = _window$location.hash;
-    var state = globalHistory.state || {};
-    return [state.idx, readOnly({
-      pathname: pathname,
-      search: search,
-      hash: hash,
-      state: state.usr || null,
-      key: state.key || 'default'
-    })];
-  }
-
-  var blockedPopTx = null;
-
-  function handlePop() {
-    if (blockedPopTx) {
-      blockers.call(blockedPopTx);
-      blockedPopTx = null;
-    } else {
-      var nextAction = Action.Pop;
-
-      var _getIndexAndLocation = getIndexAndLocation(),
-          nextIndex = _getIndexAndLocation[0],
-          nextLocation = _getIndexAndLocation[1];
-
-      if (blockers.length) {
-        if (nextIndex != null) {
-          var delta = index - nextIndex;
-
-          if (delta) {
-            // Revert the POP
-            blockedPopTx = {
-              action: nextAction,
-              location: nextLocation,
-              retry: function retry() {
-                go(delta * -1);
-              }
-            };
-            go(delta);
-          }
-        } else {
-          // Trying to POP to a location with no index. We did not create
-          // this location, so we can't effectively block the navigation.
-          process.env.NODE_ENV !== "production" ? warning$1(false, // TODO: Write up a doc that explains our blocking strategy in
-          // detail and link to it here so people can understand better what
-          // is going on and how to avoid it.
-          "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : void 0;
-        }
-      } else {
-        applyTx(nextAction);
-      }
-    }
-  }
-
-  window.addEventListener(PopStateEventType, handlePop);
-  var action = Action.Pop;
-
-  var _getIndexAndLocation2 = getIndexAndLocation(),
-      index = _getIndexAndLocation2[0],
-      location = _getIndexAndLocation2[1];
-
-  var listeners = createEvents();
-  var blockers = createEvents();
-
-  if (index == null) {
-    index = 0;
-    globalHistory.replaceState(_extends$1({}, globalHistory.state, {
-      idx: index
-    }), '');
-  }
-
-  function createHref(to) {
-    return typeof to === 'string' ? to : createPath(to);
-  } // state defaults to `null` because `window.history.state` does
-
-
-  function getNextLocation(to, state) {
-    if (state === void 0) {
-      state = null;
-    }
-
-    return readOnly(_extends$1({
-      pathname: location.pathname,
-      hash: '',
-      search: ''
-    }, typeof to === 'string' ? parsePath(to) : to, {
-      state: state,
-      key: createKey()
-    }));
-  }
-
-  function getHistoryStateAndUrl(nextLocation, index) {
-    return [{
-      usr: nextLocation.state,
-      key: nextLocation.key,
-      idx: index
-    }, createHref(nextLocation)];
-  }
-
-  function allowTx(action, location, retry) {
-    return !blockers.length || (blockers.call({
-      action: action,
-      location: location,
-      retry: retry
-    }), false);
-  }
-
-  function applyTx(nextAction) {
-    action = nextAction;
-
-    var _getIndexAndLocation3 = getIndexAndLocation();
-
-    index = _getIndexAndLocation3[0];
-    location = _getIndexAndLocation3[1];
-    listeners.call({
-      action: action,
-      location: location
-    });
-  }
-
-  function push(to, state) {
-    var nextAction = Action.Push;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      push(to, state);
-    }
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr = getHistoryStateAndUrl(nextLocation, index + 1),
-          historyState = _getHistoryStateAndUr[0],
-          url = _getHistoryStateAndUr[1]; // TODO: Support forced reloading
-      // try...catch because iOS limits us to 100 pushState calls :/
-
-
-      try {
-        globalHistory.pushState(historyState, '', url);
-      } catch (error) {
-        // They are going to lose state here, but there is no real
-        // way to warn them about it since the page will refresh...
-        window.location.assign(url);
-      }
-
-      applyTx(nextAction);
-    }
-  }
-
-  function replace(to, state) {
-    var nextAction = Action.Replace;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      replace(to, state);
-    }
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr2 = getHistoryStateAndUrl(nextLocation, index),
-          historyState = _getHistoryStateAndUr2[0],
-          url = _getHistoryStateAndUr2[1]; // TODO: Support forced reloading
-
-
-      globalHistory.replaceState(historyState, '', url);
-      applyTx(nextAction);
-    }
-  }
-
-  function go(delta) {
-    globalHistory.go(delta);
-  }
-
-  var history = {
-    get action() {
-      return action;
-    },
-
-    get location() {
-      return location;
-    },
-
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    back: function back() {
-      go(-1);
-    },
-    forward: function forward() {
-      go(1);
-    },
-    listen: function listen(listener) {
-      return listeners.push(listener);
-    },
-    block: function block(blocker) {
-      var unblock = blockers.push(blocker);
-
-      if (blockers.length === 1) {
-        window.addEventListener(BeforeUnloadEventType, promptBeforeUnload);
-      }
-
-      return function () {
-        unblock(); // Remove the beforeunload listener so the document may
-        // still be salvageable in the pagehide event.
-        // See https://html.spec.whatwg.org/#unloading-documents
-
-        if (!blockers.length) {
-          window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload);
-        }
-      };
-    }
-  };
-  return history;
-}
-/**
- * Hash history stores the location in window.location.hash. This makes it ideal
- * for situations where you don't want to send the location to the server for
- * some reason, either because you do cannot configure it or the URL space is
- * reserved for something else.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory
- */
-
-function createHashHistory(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options2 = options,
-      _options2$window = _options2.window,
-      window = _options2$window === void 0 ? document.defaultView : _options2$window;
-  var globalHistory = window.history;
-
-  function getIndexAndLocation() {
-    var _parsePath = parsePath(window.location.hash.substr(1)),
-        _parsePath$pathname = _parsePath.pathname,
-        pathname = _parsePath$pathname === void 0 ? '/' : _parsePath$pathname,
-        _parsePath$search = _parsePath.search,
-        search = _parsePath$search === void 0 ? '' : _parsePath$search,
-        _parsePath$hash = _parsePath.hash,
-        hash = _parsePath$hash === void 0 ? '' : _parsePath$hash;
-
-    var state = globalHistory.state || {};
-    return [state.idx, readOnly({
-      pathname: pathname,
-      search: search,
-      hash: hash,
-      state: state.usr || null,
-      key: state.key || 'default'
-    })];
-  }
-
-  var blockedPopTx = null;
-
-  function handlePop() {
-    if (blockedPopTx) {
-      blockers.call(blockedPopTx);
-      blockedPopTx = null;
-    } else {
-      var nextAction = Action.Pop;
-
-      var _getIndexAndLocation4 = getIndexAndLocation(),
-          nextIndex = _getIndexAndLocation4[0],
-          nextLocation = _getIndexAndLocation4[1];
-
-      if (blockers.length) {
-        if (nextIndex != null) {
-          var delta = index - nextIndex;
-
-          if (delta) {
-            // Revert the POP
-            blockedPopTx = {
-              action: nextAction,
-              location: nextLocation,
-              retry: function retry() {
-                go(delta * -1);
-              }
-            };
-            go(delta);
-          }
-        } else {
-          // Trying to POP to a location with no index. We did not create
-          // this location, so we can't effectively block the navigation.
-          process.env.NODE_ENV !== "production" ? warning$1(false, // TODO: Write up a doc that explains our blocking strategy in
-          // detail and link to it here so people can understand better
-          // what is going on and how to avoid it.
-          "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : void 0;
-        }
-      } else {
-        applyTx(nextAction);
-      }
-    }
-  }
-
-  window.addEventListener(PopStateEventType, handlePop); // popstate does not fire on hashchange in IE 11 and old (trident) Edge
-  // https://developer.mozilla.org/de/docs/Web/API/Window/popstate_event
-
-  window.addEventListener(HashChangeEventType, function () {
-    var _getIndexAndLocation5 = getIndexAndLocation(),
-        nextLocation = _getIndexAndLocation5[1]; // Ignore extraneous hashchange events.
-
-
-    if (createPath(nextLocation) !== createPath(location)) {
-      handlePop();
-    }
-  });
-  var action = Action.Pop;
-
-  var _getIndexAndLocation6 = getIndexAndLocation(),
-      index = _getIndexAndLocation6[0],
-      location = _getIndexAndLocation6[1];
-
-  var listeners = createEvents();
-  var blockers = createEvents();
-
-  if (index == null) {
-    index = 0;
-    globalHistory.replaceState(_extends$1({}, globalHistory.state, {
-      idx: index
-    }), '');
-  }
-
-  function getBaseHref() {
-    var base = document.querySelector('base');
-    var href = '';
-
-    if (base && base.getAttribute('href')) {
-      var url = window.location.href;
-      var hashIndex = url.indexOf('#');
-      href = hashIndex === -1 ? url : url.slice(0, hashIndex);
-    }
-
-    return href;
-  }
-
-  function createHref(to) {
-    return getBaseHref() + '#' + (typeof to === 'string' ? to : createPath(to));
-  }
-
-  function getNextLocation(to, state) {
-    if (state === void 0) {
-      state = null;
-    }
-
-    return readOnly(_extends$1({
-      pathname: location.pathname,
-      hash: '',
-      search: ''
-    }, typeof to === 'string' ? parsePath(to) : to, {
-      state: state,
-      key: createKey()
-    }));
-  }
-
-  function getHistoryStateAndUrl(nextLocation, index) {
-    return [{
-      usr: nextLocation.state,
-      key: nextLocation.key,
-      idx: index
-    }, createHref(nextLocation)];
-  }
-
-  function allowTx(action, location, retry) {
-    return !blockers.length || (blockers.call({
-      action: action,
-      location: location,
-      retry: retry
-    }), false);
-  }
-
-  function applyTx(nextAction) {
-    action = nextAction;
-
-    var _getIndexAndLocation7 = getIndexAndLocation();
-
-    index = _getIndexAndLocation7[0];
-    location = _getIndexAndLocation7[1];
-    listeners.call({
-      action: action,
-      location: location
-    });
-  }
-
-  function push(to, state) {
-    var nextAction = Action.Push;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      push(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.push(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr3 = getHistoryStateAndUrl(nextLocation, index + 1),
-          historyState = _getHistoryStateAndUr3[0],
-          url = _getHistoryStateAndUr3[1]; // TODO: Support forced reloading
-      // try...catch because iOS limits us to 100 pushState calls :/
-
-
-      try {
-        globalHistory.pushState(historyState, '', url);
-      } catch (error) {
-        // They are going to lose state here, but there is no real
-        // way to warn them about it since the page will refresh...
-        window.location.assign(url);
-      }
-
-      applyTx(nextAction);
-    }
-  }
-
-  function replace(to, state) {
-    var nextAction = Action.Replace;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      replace(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      var _getHistoryStateAndUr4 = getHistoryStateAndUrl(nextLocation, index),
-          historyState = _getHistoryStateAndUr4[0],
-          url = _getHistoryStateAndUr4[1]; // TODO: Support forced reloading
-
-
-      globalHistory.replaceState(historyState, '', url);
-      applyTx(nextAction);
-    }
-  }
-
-  function go(delta) {
-    globalHistory.go(delta);
-  }
-
-  var history = {
-    get action() {
-      return action;
-    },
-
-    get location() {
-      return location;
-    },
-
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    back: function back() {
-      go(-1);
-    },
-    forward: function forward() {
-      go(1);
-    },
-    listen: function listen(listener) {
-      return listeners.push(listener);
-    },
-    block: function block(blocker) {
-      var unblock = blockers.push(blocker);
-
-      if (blockers.length === 1) {
-        window.addEventListener(BeforeUnloadEventType, promptBeforeUnload);
-      }
-
-      return function () {
-        unblock(); // Remove the beforeunload listener so the document may
-        // still be salvageable in the pagehide event.
-        // See https://html.spec.whatwg.org/#unloading-documents
-
-        if (!blockers.length) {
-          window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload);
-        }
-      };
-    }
-  };
-  return history;
-}
-/**
- * Memory history stores the current location in memory. It is designed for use
- * in stateful non-browser environments like tests and React Native.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#creatememoryhistory
- */
-
-function createMemoryHistory(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  var _options3 = options,
-      _options3$initialEntr = _options3.initialEntries,
-      initialEntries = _options3$initialEntr === void 0 ? ['/'] : _options3$initialEntr,
-      initialIndex = _options3.initialIndex;
-  var entries = initialEntries.map(function (entry) {
-    var location = readOnly(_extends$1({
-      pathname: '/',
-      search: '',
-      hash: '',
-      state: null,
-      key: createKey()
-    }, typeof entry === 'string' ? parsePath(entry) : entry));
-    process.env.NODE_ENV !== "production" ? warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(entry) + ")") : void 0;
-    return location;
-  });
-  var index = clamp(initialIndex == null ? entries.length - 1 : initialIndex, 0, entries.length - 1);
-  var action = Action.Pop;
-  var location = entries[index];
-  var listeners = createEvents();
-  var blockers = createEvents();
-
-  function createHref(to) {
-    return typeof to === 'string' ? to : createPath(to);
-  }
-
-  function getNextLocation(to, state) {
-    if (state === void 0) {
-      state = null;
-    }
-
-    return readOnly(_extends$1({
-      pathname: location.pathname,
-      search: '',
-      hash: ''
-    }, typeof to === 'string' ? parsePath(to) : to, {
-      state: state,
-      key: createKey()
-    }));
-  }
-
-  function allowTx(action, location, retry) {
-    return !blockers.length || (blockers.call({
-      action: action,
-      location: location,
-      retry: retry
-    }), false);
-  }
-
-  function applyTx(nextAction, nextLocation) {
-    action = nextAction;
-    location = nextLocation;
-    listeners.call({
-      action: action,
-      location: location
-    });
-  }
-
-  function push(to, state) {
-    var nextAction = Action.Push;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      push(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.push(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      index += 1;
-      entries.splice(index, entries.length, nextLocation);
-      applyTx(nextAction, nextLocation);
-    }
-  }
-
-  function replace(to, state) {
-    var nextAction = Action.Replace;
-    var nextLocation = getNextLocation(to, state);
-
-    function retry() {
-      replace(to, state);
-    }
-
-    process.env.NODE_ENV !== "production" ? warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(to) + ")") : void 0;
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      entries[index] = nextLocation;
-      applyTx(nextAction, nextLocation);
-    }
-  }
-
-  function go(delta) {
-    var nextIndex = clamp(index + delta, 0, entries.length - 1);
-    var nextAction = Action.Pop;
-    var nextLocation = entries[nextIndex];
-
-    function retry() {
-      go(delta);
-    }
-
-    if (allowTx(nextAction, nextLocation, retry)) {
-      index = nextIndex;
-      applyTx(nextAction, nextLocation);
-    }
-  }
-
-  var history = {
-    get index() {
-      return index;
-    },
-
-    get action() {
-      return action;
-    },
-
-    get location() {
-      return location;
-    },
-
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    back: function back() {
-      go(-1);
-    },
-    forward: function forward() {
-      go(1);
-    },
-    listen: function listen(listener) {
-      return listeners.push(listener);
-    },
-    block: function block(blocker) {
-      return blockers.push(blocker);
-    }
-  };
-  return history;
-} ////////////////////////////////////////////////////////////////////////////////
-// UTILS
-////////////////////////////////////////////////////////////////////////////////
-
-function clamp(n, lowerBound, upperBound) {
-  return Math.min(Math.max(n, lowerBound), upperBound);
-}
-
-function promptBeforeUnload(event) {
-  // Cancel the event.
-  event.preventDefault(); // Chrome (and legacy IE) requires returnValue to be set.
-
-  event.returnValue = '';
-}
-
-function createEvents() {
-  var handlers = [];
-  return {
-    get length() {
-      return handlers.length;
-    },
-
-    push: function push(fn) {
-      handlers.push(fn);
-      return function () {
-        handlers = handlers.filter(function (handler) {
-          return handler !== fn;
-        });
-      };
-    },
-    call: function call(arg) {
-      handlers.forEach(function (fn) {
-        return fn && fn(arg);
-      });
-    }
-  };
-}
-
-function createKey() {
-  return Math.random().toString(36).substr(2, 8);
-}
-/**
- * Creates a string URL path from the given pathname, search, and hash components.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createpath
- */
-
-
-function createPath(_ref) {
-  var _ref$pathname = _ref.pathname,
-      pathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
-      _ref$search = _ref.search,
-      search = _ref$search === void 0 ? '' : _ref$search,
-      _ref$hash = _ref.hash,
-      hash = _ref$hash === void 0 ? '' : _ref$hash;
-  if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search;
-  if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash;
-  return pathname;
-}
-/**
- * Parses a string URL path into its separate pathname, search, and hash components.
- *
- * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#parsepath
- */
-
-function parsePath(path) {
-  var parsedPath = {};
-
-  if (path) {
-    var hashIndex = path.indexOf('#');
-
-    if (hashIndex >= 0) {
-      parsedPath.hash = path.substr(hashIndex);
-      path = path.substr(0, hashIndex);
-    }
-
-    var searchIndex = path.indexOf('?');
-
-    if (searchIndex >= 0) {
-      parsedPath.search = path.substr(searchIndex);
-      path = path.substr(0, searchIndex);
-    }
-
-    if (path) {
-      parsedPath.pathname = path;
-    }
-  }
-
-  return parsedPath;
-}
-
-var isProduction = process.env.NODE_ENV === 'production';
-var prefix = 'Invariant failed';
-function invariant(condition, message) {
-    if (condition) {
-        return;
-    }
-    if (isProduction) {
-        throw new Error(prefix);
-    }
-    var provided = typeof message === 'function' ? message() : message;
-    var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-    throw new Error(value);
-}
-
-// type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
-//   k: infer I,
-// ) => any
-//   ? I
-//   : never
+import { createMemoryHistory, createBrowserHistory } from 'history';
+export { createBrowserHistory, createHashHistory, createMemoryHistory } from 'history';
+import invariant from 'tiny-invariant';
+export { default as invariant } from 'tiny-invariant';
 
 /**
  * This function returns `a` if `b` is deeply equal.
@@ -847,89 +22,81 @@ function replaceEqualDeep(prev, next) {
   if (prev === next) {
     return prev;
   }
-
   const array = Array.isArray(prev) && Array.isArray(next);
-
   if (array || isPlainObject(prev) && isPlainObject(next)) {
     const aSize = array ? prev.length : Object.keys(prev).length;
     const bItems = array ? next : Object.keys(next);
     const bSize = bItems.length;
     const copy = array ? [] : {};
     let equalItems = 0;
-
     for (let i = 0; i < bSize; i++) {
       const key = array ? i : bItems[i];
       copy[key] = replaceEqualDeep(prev[key], next[key]);
-
       if (copy[key] === prev[key]) {
         equalItems++;
       }
     }
-
     return aSize === bSize && equalItems === aSize ? prev : copy;
   }
-
   return next;
-} // Copied from: https://github.com/jonschlinkert/is-plain-object
+}
 
+// Copied from: https://github.com/jonschlinkert/is-plain-object
 function isPlainObject(o) {
   if (!hasObjectPrototype(o)) {
     return false;
-  } // If has modified constructor
-
+  }
 
+  // If has modified constructor
   const ctor = o.constructor;
-
   if (typeof ctor === 'undefined') {
     return true;
-  } // If has modified prototype
-
+  }
 
+  // If has modified prototype
   const prot = ctor.prototype;
-
   if (!hasObjectPrototype(prot)) {
     return false;
-  } // If constructor does not have an Object-specific method
-
+  }
 
+  // If constructor does not have an Object-specific method
   if (!prot.hasOwnProperty('isPrototypeOf')) {
     return false;
-  } // Most likely a plain Object
-
+  }
 
+  // Most likely a plain Object
   return true;
 }
-
 function hasObjectPrototype(o) {
   return Object.prototype.toString.call(o) === '[object Object]';
 }
-
 function last(arr) {
   return arr[arr.length - 1];
 }
 function warning(cond, message) {
   if (cond) {
     if (typeof console !== 'undefined') console.warn(message);
-
     try {
       throw new Error(message);
     } catch (_unused) {}
   }
-
   return true;
 }
-
 function isFunction(d) {
   return typeof d === 'function';
 }
-
 function functionalUpdate(updater, previous) {
   if (isFunction(updater)) {
     return updater(previous);
   }
-
   return updater;
 }
+function pick(parent, keys) {
+  return keys.reduce((obj, key) => {
+    obj[key] = parent[key];
+    return obj;
+  }, {});
+}
 
 function joinPaths(paths) {
   return cleanPath(paths.filter(Boolean).join('/'));
@@ -963,12 +130,10 @@ function resolvePath(basepath, base, to) {
       } else ;
     } else if (toSegment.value === '..') {
       var _last;
-
       // Extra trailing slash? pop it off
       if (baseSegments.length > 1 && ((_last = last(baseSegments)) == null ? void 0 : _last.value) === '/') {
         baseSegments.pop();
       }
-
       baseSegments.pop();
     } else if (toSegment.value === '.') {
       return;
@@ -983,10 +148,8 @@ function parsePathname(pathname) {
   if (!pathname) {
     return [];
   }
-
   pathname = cleanPath(pathname);
   const segments = [];
-
   if (pathname.slice(0, 1) === '/') {
     pathname = pathname.substring(1);
     segments.push({
@@ -994,12 +157,11 @@ function parsePathname(pathname) {
       value: '/'
     });
   }
-
   if (!pathname) {
     return segments;
-  } // Remove empty segments and '.' segments
-
+  }
 
+  // Remove empty segments and '.' segments
   const split = pathname.split('/').filter(Boolean);
   segments.push(...split.map(part => {
     if (part.startsWith('*')) {
@@ -1008,20 +170,17 @@ function parsePathname(pathname) {
         value: part
       };
     }
-
-    if (part.charAt(0) === ':') {
+    if (part.charAt(0) === '$') {
       return {
         type: 'param',
         value: part
       };
     }
-
     return {
       type: 'pathname',
       value: part
     };
   }));
-
   if (pathname.slice(-1) === '/') {
     pathname = pathname.substring(1);
     segments.push({
@@ -1029,7 +188,6 @@ function parsePathname(pathname) {
       value: '/'
     });
   }
-
   return segments;
 }
 function interpolatePath(path, params, leaveWildcard) {
@@ -1038,57 +196,45 @@ function interpolatePath(path, params, leaveWildcard) {
     if (segment.value === '*' && !leaveWildcard) {
       return '';
     }
-
     if (segment.type === 'param') {
       var _segment$value$substr;
-
       return (_segment$value$substr = params[segment.value.substring(1)]) != null ? _segment$value$substr : '';
     }
-
     return segment.value;
   }));
 }
 function matchPathname(currentPathname, matchLocation) {
-  const pathParams = matchByPath(currentPathname, matchLocation); // const searchMatched = matchBySearch(currentLocation.search, matchLocation)
+  const pathParams = matchByPath(currentPathname, matchLocation);
+  // const searchMatched = matchBySearch(currentLocation.search, matchLocation)
 
   if (matchLocation.to && !pathParams) {
     return;
-  } // if (matchLocation.search && !searchMatched) {
-  //   return
-  // }
-
-
+  }
   return pathParams != null ? pathParams : {};
 }
 function matchByPath(from, matchLocation) {
   var _matchLocation$to;
-
   const baseSegments = parsePathname(from);
   const routeSegments = parsePathname("" + ((_matchLocation$to = matchLocation.to) != null ? _matchLocation$to : '*'));
   const params = {};
-
   let isMatch = (() => {
     for (let i = 0; i < Math.max(baseSegments.length, routeSegments.length); i++) {
       const baseSegment = baseSegments[i];
       const routeSegment = routeSegments[i];
       const isLastRouteSegment = i === routeSegments.length - 1;
       const isLastBaseSegment = i === baseSegments.length - 1;
-
       if (routeSegment) {
         if (routeSegment.type === 'wildcard') {
           if (baseSegment != null && baseSegment.value) {
             params['*'] = joinPaths(baseSegments.slice(i).map(d => d.value));
             return true;
           }
-
           return false;
         }
-
         if (routeSegment.type === 'pathname') {
           if (routeSegment.value === '/' && !(baseSegment != null && baseSegment.value)) {
             return true;
           }
-
           if (baseSegment) {
             if (matchLocation.caseSensitive) {
               if (routeSegment.value !== baseSegment.value) {
@@ -1099,41 +245,36 @@ function matchByPath(from, matchLocation) {
             }
           }
         }
-
         if (!baseSegment) {
           return false;
         }
-
         if (routeSegment.type === 'param') {
           if ((baseSegment == null ? void 0 : baseSegment.value) === '/') {
             return false;
           }
-
-          if (!baseSegment.value.startsWith(':')) {
+          if (baseSegment.value.charAt(0) !== '$') {
             params[routeSegment.value.substring(1)] = baseSegment.value;
           }
         }
       }
-
       if (isLastRouteSegment && !isLastBaseSegment) {
         return !!matchLocation.fuzzy;
       }
     }
-
     return true;
   })();
-
   return isMatch ? params : undefined;
 }
 
 // @ts-nocheck
+
 // qss has been slightly modified and inlined here for our use cases (and compression's sake). We've included it as a hard dependency for MIT license attribution.
+
 function encode(obj, pfx) {
   var k,
-      i,
-      tmp,
-      str = '';
-
+    i,
+    tmp,
+    str = '';
   for (k in obj) {
     if ((tmp = obj[k]) !== void 0) {
       if (Array.isArray(tmp)) {
@@ -1147,35 +288,30 @@ function encode(obj, pfx) {
       }
     }
   }
-
   return (pfx || '') + str;
 }
-
 function toValue(mix) {
   if (!mix) return '';
   var str = decodeURIComponent(mix);
   if (str === 'false') return false;
   if (str === 'true') return true;
+  if (str.charAt(0) === '0') return str;
   return +str * 0 === 0 ? +str : str;
 }
-
 function decode(str) {
   var tmp,
-      k,
-      out = {},
-      arr = str.split('&');
-
+    k,
+    out = {},
+    arr = str.split('&');
   while (tmp = arr.shift()) {
     tmp = tmp.split('=');
     k = tmp.shift();
-
     if (out[k] !== void 0) {
       out[k] = [].concat(out[k], toValue(tmp.shift()));
     } else {
       out[k] = toValue(tmp.shift());
     }
   }
-
   return out;
 }
 
@@ -1183,14 +319,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -1203,36 +337,31 @@ function createRoute(routeConfig, options, parent, router) {
     path: routePath,
     fullPath
   } = routeConfig;
-
   const action = router.state.actions[id] || (() => {
     router.state.actions[id] = {
-      pending: [],
+      submissions: [],
       submit: async (submission, actionOpts) => {
         var _actionOpts$invalidat;
-
         if (!route) {
           return;
         }
-
         const invalidate = (_actionOpts$invalidat = actionOpts == null ? void 0 : actionOpts.invalidate) != null ? _actionOpts$invalidat : true;
+        if (!(actionOpts != null && actionOpts.multi)) {
+          action.submissions = action.submissions.filter(d => d.isMulti);
+        }
         const actionState = {
           submittedAt: Date.now(),
           status: 'pending',
-          submission
+          submission,
+          isMulti: !!(actionOpts != null && actionOpts.multi)
         };
         action.current = actionState;
         action.latest = actionState;
-        action.pending.push(actionState);
-        router.state = _extends({}, router.state, {
-          currentAction: actionState,
-          latestAction: actionState
-        });
+        action.submissions.push(actionState);
         router.notify();
-
         try {
           const res = await (route.options.action == null ? void 0 : route.options.action(submission));
           actionState.data = res;
-
           if (invalidate) {
             router.invalidateRoute({
               to: '.',
@@ -1240,26 +369,20 @@ function createRoute(routeConfig, options, parent, router) {
             });
             await router.reload();
           }
-
           actionState.status = 'success';
           return res;
         } catch (err) {
+          console.log('tanner');
           console.error(err);
           actionState.error = err;
           actionState.status = 'error';
         } finally {
-          action.pending = action.pending.filter(d => d !== actionState);
-          router.removeActionQueue.push({
-            action,
-            actionState
-          });
           router.notify();
         }
       }
     };
     return router.state.actions[id];
   })();
-
   const loader = router.state.loaders[id] || (() => {
     router.state.loaders[id] = {
       pending: [],
@@ -1267,34 +390,34 @@ function createRoute(routeConfig, options, parent, router) {
         if (!route) {
           return;
         }
-
         const loaderState = {
           loadedAt: Date.now(),
           loaderContext
         };
         loader.current = loaderState;
         loader.latest = loaderState;
-        loader.pending.push(loaderState); // router.state = {
+        loader.pending.push(loaderState);
+
+        // router.state = {
         //   ...router.state,
         //   currentAction: loaderState,
         //   latestAction: loaderState,
         // }
 
         router.notify();
-
         try {
           return await (route.options.loader == null ? void 0 : route.options.loader(loaderContext));
         } finally {
-          loader.pending = loader.pending.filter(d => d !== loaderState); // router.removeActionQueue.push({ loader, loaderState })
-
+          loader.pending = loader.pending.filter(d => d !== loaderState);
+          // router.removeActionQueue.push({ loader, loaderState })
           router.notify();
         }
       }
     };
     return router.state.loaders[id];
   })();
-
   let route = {
+    routeInfo: undefined,
     routeId: id,
     routeRouteId: routeId,
     routePath,
@@ -1327,52 +450,37 @@ function createRoute(routeConfig, options, parent, router) {
   });
   return route;
 }
-function cascadeLoaderData(matches) {
-  matches.forEach((match, index) => {
-    const parent = matches[index - 1];
-
-    if (parent) {
-      match.loaderData = replaceEqualDeep(match.loaderData, _extends({}, parent.loaderData, match.routeLoaderData));
-    }
-  });
-}
 
 const rootRouteId = '__root__';
 const createRouteConfig = function createRouteConfig(options, children, isRoot, parentId, parentPath) {
   if (options === void 0) {
     options = {};
   }
-
   if (isRoot === void 0) {
     isRoot = true;
   }
-
   if (isRoot) {
     options.path = rootRouteId;
-  } // Strip the root from parentIds
-
+  }
 
+  // Strip the root from parentIds
   if (parentId === rootRouteId) {
     parentId = '';
   }
+  let path = isRoot ? rootRouteId : options.path;
 
-  let path = isRoot ? rootRouteId : options.path; // If the path is anything other than an index path, trim it up
-
+  // If the path is anything other than an index path, trim it up
   if (path && path !== '/') {
     path = trimPath(path);
   }
-
   const routeId = path || options.id;
   let id = joinPaths([parentId, routeId]);
-
   if (path === rootRouteId) {
     path = '/';
   }
-
   if (id !== rootRouteId) {
     id = joinPaths(['/', id]);
   }
-
   const fullPath = id === rootRouteId ? '/' : trimPathRight(joinPaths([parentPath, path]));
   return {
     id: id,
@@ -1381,13 +489,15 @@ const createRouteConfig = function createRouteConfig(options, children, isRoot,
     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. ");
+    }
   };
 };
 
-const elementTypes = ['element', 'errorElement', 'catchElement', 'pendingElement'];
+const componentTypes = ['component', 'errorComponent', 'pendingComponent'];
 function createRouteMatch(router, route, opts) {
   const routeMatch = _extends({}, route, opts, {
     router,
@@ -1397,77 +507,44 @@ function createRouteMatch(router, route, opts) {
     status: 'idle',
     routeLoaderData: {},
     loaderData: {},
-    isPending: false,
     isFetching: false,
     isInvalid: false,
     invalidAt: Infinity,
+    // pendingActions: [],
     getIsInvalid: () => {
       const now = Date.now();
       return routeMatch.isInvalid || routeMatch.invalidAt < now;
     },
     __: {
-      abortController: new AbortController(),
-      latestId: '',
-      resolve: () => {},
-      notify: () => {
-        routeMatch.__.resolve();
-
-        routeMatch.router.notify();
-      },
-      startPending: () => {
-        var _routeMatch$options$p, _routeMatch$options$p2;
-
-        const pendingMs = (_routeMatch$options$p = routeMatch.options.pendingMs) != null ? _routeMatch$options$p : router.options.defaultPendingMs;
-        const pendingMinMs = (_routeMatch$options$p2 = routeMatch.options.pendingMinMs) != null ? _routeMatch$options$p2 : router.options.defaultPendingMinMs;
-
-        if (routeMatch.__.pendingTimeout || routeMatch.status !== 'loading' || typeof pendingMs === 'undefined') {
-          return;
-        }
-
-        routeMatch.__.pendingTimeout = setTimeout(() => {
-          routeMatch.isPending = true;
-
-          routeMatch.__.resolve();
-
-          if (typeof pendingMinMs !== 'undefined') {
-            routeMatch.__.pendingMinPromise = new Promise(r => routeMatch.__.pendingMinTimeout = setTimeout(r, pendingMinMs));
-          }
-        }, pendingMs);
-      },
-      cancelPending: () => {
-        routeMatch.isPending = false;
-        clearTimeout(routeMatch.__.pendingTimeout);
-        clearTimeout(routeMatch.__.pendingMinTimeout);
-        delete routeMatch.__.pendingMinPromise;
+      abortController: new AbortController(),
+      latestId: '',
+      resolve: () => {},
+      notify: () => {
+        routeMatch.__.resolve();
+        routeMatch.router.notify();
       },
-      // 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;
-
         // Validate the search params and stabilize them
-        const parentSearch = (_routeMatch$parentMat = (_routeMatch$parentMat2 = routeMatch.parentMatch) == null ? void 0 : _routeMatch$parentMat2.search) != null ? _routeMatch$parentMat : router.location.search;
-
+        const parentSearch = (_routeMatch$parentMat = (_routeMatch$parentMat2 = routeMatch.parentMatch) == null ? void 0 : _routeMatch$parentMat2.search) != null ? _routeMatch$parentMat : router.__location.search;
         try {
+          var _validator;
           const prevSearch = routeMatch.routeSearch;
           const validator = typeof routeMatch.options.validateSearch === 'object' ? routeMatch.options.validateSearch.parse : routeMatch.options.validateSearch;
-          let nextSearch = replaceEqualDeep(prevSearch, validator == null ? void 0 : validator(parentSearch)); // Invalidate route matches when search param stability changes
+          let nextSearch = replaceEqualDeep(prevSearch, (_validator = validator == null ? void 0 : validator(parentSearch)) != null ? _validator : {});
 
+          // Invalidate route matches when search param stability changes
           if (prevSearch !== nextSearch) {
             routeMatch.isInvalid = true;
           }
-
           routeMatch.routeSearch = nextSearch;
           routeMatch.search = replaceEqualDeep(parentSearch, _extends({}, parentSearch, nextSearch));
+          componentTypes.map(async type => {
+            const component = routeMatch.options[type];
+            if (typeof routeMatch.__[type] !== 'function') {
+              routeMatch.__[type] = component;
+            }
+          });
         } catch (err) {
           console.error(err);
           const error = new Error('Invalid search params found', {
@@ -1475,162 +552,129 @@ function createRouteMatch(router, route, opts) {
           });
           error.code = 'INVALID_SEARCH_PARAMS';
           routeMatch.status = 'error';
-          routeMatch.error = error; // Do not proceed with loading the route
-
+          routeMatch.error = error;
+          // Do not proceed with loading the route
           return;
         }
       }
     },
     cancel: () => {
       var _routeMatch$__$abortC;
-
       (_routeMatch$__$abortC = routeMatch.__.abortController) == null ? void 0 : _routeMatch$__$abortC.abort();
-
-      routeMatch.__.cancelPending();
     },
     invalidate: () => {
       routeMatch.isInvalid = true;
     },
     hasLoaders: () => {
-      return !!(route.options.loader || elementTypes.some(d => typeof route.options[d] === 'function'));
+      return !!(route.options.loader || componentTypes.some(d => {
+        var _route$options$d;
+        return (_route$options$d = route.options[d]) == null ? void 0 : _route$options$d.preload;
+      }));
     },
     load: async loaderOpts => {
       const now = Date.now();
-      const minMaxAge = loaderOpts != null && loaderOpts.preload ? Math.max(loaderOpts == null ? void 0 : loaderOpts.maxAge, loaderOpts == null ? void 0 : loaderOpts.gcMaxAge) : 0; // If this is a preload, add it to the preload cache
+      const minMaxAge = loaderOpts != null && loaderOpts.preload ? Math.max(loaderOpts == null ? void 0 : loaderOpts.maxAge, loaderOpts == null ? void 0 : loaderOpts.gcMaxAge) : 0;
 
+      // If this is a preload, add it to the preload cache
       if (loaderOpts != null && loaderOpts.preload && minMaxAge > 0) {
         // If the match is currently active, don't preload it
         if (router.state.matches.find(d => d.matchId === routeMatch.matchId)) {
           return;
         }
-
         router.matchCache[routeMatch.matchId] = {
           gc: now + loaderOpts.gcMaxAge,
           match: routeMatch
         };
-      } // If the match is invalid, errored or idle, trigger it to load
-
+      }
 
+      // If the match is invalid, errored or idle, trigger it to load
       if (routeMatch.status === 'success' && routeMatch.getIsInvalid() || routeMatch.status === 'error' || routeMatch.status === 'idle') {
         const maxAge = loaderOpts != null && loaderOpts.preload ? loaderOpts == null ? void 0 : loaderOpts.maxAge : undefined;
-        routeMatch.fetch({
+        await routeMatch.fetch({
           maxAge
         });
       }
     },
     fetch: async opts => {
-      const id = '' + Date.now() + Math.random();
-      routeMatch.__.latestId = id; // If the match was in an error state, set it
+      const loadId = '' + Date.now() + Math.random();
+      routeMatch.__.latestId = loadId;
+      const checkLatest = async () => {
+        if (loadId !== routeMatch.__.latestId) {
+          // warning(true, 'Data loader is out of date!')
+          return new Promise(() => {});
+        }
+      };
+
+      // If the match was in an error state, set it
       // to a loading state again. Otherwise, keep it
       // as loading or resolved
-
       if (routeMatch.status === 'idle') {
         routeMatch.status = 'loading';
-      } // We started loading the route, so it's no longer invalid
-
+      }
 
+      // We started loading the route, so it's no longer invalid
       routeMatch.isInvalid = false;
       routeMatch.__.loadPromise = new Promise(async resolve => {
         // We are now fetching, even if it's in the background of a
         // resolved state
         routeMatch.isFetching = true;
         routeMatch.__.resolve = resolve;
-
-        const loaderPromise = (async () => {
-          // Load the elements and data in parallel
-          routeMatch.__.elementsPromise = (async () => {
-            // then run all element and data loaders in parallel
-            // For each element type, potentially load it asynchronously
-            await Promise.all(elementTypes.map(async type => {
-              const routeElement = routeMatch.options[type];
-
-              if (routeMatch.__[type]) {
-                return;
-              }
-
-              routeMatch.__[type] = await router.options.createElement(routeElement);
-            }));
-          })();
-
-          routeMatch.__.dataPromise = Promise.resolve().then(async () => {
-            try {
-              var _ref, _ref2, _opts$maxAge;
-
-              if (routeMatch.options.loader) {
-                const data = await routeMatch.options.loader({
-                  params: routeMatch.params,
-                  search: routeMatch.routeSearch,
-                  signal: routeMatch.__.abortController.signal
-                });
-
-                if (id !== routeMatch.__.latestId) {
-                  return routeMatch.__.loaderPromise;
-                }
-
-                routeMatch.routeLoaderData = replaceEqualDeep(routeMatch.routeLoaderData, data);
-              }
-
-              routeMatch.error = undefined;
-              routeMatch.status = 'success';
-              routeMatch.updatedAt = Date.now();
-              routeMatch.invalidAt = routeMatch.updatedAt + ((_ref = (_ref2 = (_opts$maxAge = opts == null ? void 0 : opts.maxAge) != null ? _opts$maxAge : routeMatch.options.loaderMaxAge) != null ? _ref2 : router.options.defaultLoaderMaxAge) != null ? _ref : 0);
-            } catch (err) {
-              if (id !== routeMatch.__.latestId) {
-                return routeMatch.__.loaderPromise;
-              }
-
-              if (process.env.NODE_ENV !== 'production') {
-                console.error(err);
-              }
-
-              routeMatch.error = err;
-              routeMatch.status = 'error';
-              routeMatch.updatedAt = Date.now();
+        routeMatch.__.componentsPromise = (async () => {
+          // then run all component and data loaders in parallel
+          // For each component type, potentially load it asynchronously
+
+          await Promise.all(componentTypes.map(async type => {
+            var _routeMatch$__$type;
+            const component = routeMatch.options[type];
+            if ((_routeMatch$__$type = routeMatch.__[type]) != null && _routeMatch$__$type.preload) {
+              routeMatch.__[type] = await router.options.loadComponent(component);
             }
-          });
-
+          }));
+        })();
+        routeMatch.__.dataPromise = Promise.resolve().then(async () => {
           try {
-            await Promise.all([routeMatch.__.elementsPromise, routeMatch.__.dataPromise]);
-
-            if (id !== routeMatch.__.latestId) {
-              return routeMatch.__.loaderPromise;
+            var _ref, _ref2, _opts$maxAge;
+            if (routeMatch.options.loader) {
+              const data = await router.loadMatchData(routeMatch);
+              await checkLatest();
+              routeMatch.routeLoaderData = replaceEqualDeep(routeMatch.routeLoaderData, data);
             }
-
-            if (routeMatch.__.pendingMinPromise) {
-              await routeMatch.__.pendingMinPromise;
-              delete routeMatch.__.pendingMinPromise;
-            }
-          } finally {
-            if (id !== routeMatch.__.latestId) {
-              return routeMatch.__.loaderPromise;
+            routeMatch.error = undefined;
+            routeMatch.status = 'success';
+            routeMatch.updatedAt = Date.now();
+            routeMatch.invalidAt = routeMatch.updatedAt + ((_ref = (_ref2 = (_opts$maxAge = opts == null ? void 0 : opts.maxAge) != null ? _opts$maxAge : routeMatch.options.loaderMaxAge) != null ? _ref2 : router.options.defaultLoaderMaxAge) != null ? _ref : 0);
+            return routeMatch.routeLoaderData;
+          } catch (err) {
+            await checkLatest();
+            if (process.env.NODE_ENV !== 'production') {
+              console.error(err);
             }
-
-            routeMatch.__.cancelPending();
-
-            routeMatch.isPending = false;
-            routeMatch.isFetching = false;
-
-            routeMatch.__.notify();
+            routeMatch.error = err;
+            routeMatch.status = 'error';
+            routeMatch.updatedAt = Date.now();
+            throw err;
           }
-        })();
-
-        routeMatch.__.loaderPromise = loaderPromise;
-        await loaderPromise;
-
-        if (id !== routeMatch.__.latestId) {
-          return routeMatch.__.loaderPromise;
+        });
+        const after = async () => {
+          await checkLatest();
+          routeMatch.isFetching = false;
+          delete routeMatch.__.loadPromise;
+          routeMatch.__.notify();
+        };
+        try {
+          await Promise.all([routeMatch.__.componentsPromise, routeMatch.__.dataPromise.catch(() => {})]);
+          after();
+        } catch (_unused) {
+          after();
         }
-
-        delete routeMatch.__.loaderPromise;
       });
-      return await routeMatch.__.loadPromise;
+      await routeMatch.__.loadPromise;
+      await checkLatest();
     }
   });
-
   if (!routeMatch.hasLoaders()) {
     routeMatch.status = 'success';
   }
-
   return routeMatch;
 }
 
@@ -1641,42 +685,39 @@ function parseSearchWith(parser) {
     if (searchStr.substring(0, 1) === '?') {
       searchStr = searchStr.substring(1);
     }
+    let query = decode(searchStr);
 
-    let query = decode(searchStr); // Try to parse any query params that might be json
-
+    // Try to parse any query params that might be json
     for (let key in query) {
       const value = query[key];
-
       if (typeof value === 'string') {
         try {
           query[key] = parser(value);
-        } catch (err) {//
+        } catch (err) {
+          //
         }
       }
     }
-
     return query;
   };
 }
 function stringifySearchWith(stringify) {
   return search => {
     search = _extends({}, search);
-
     if (search) {
       Object.keys(search).forEach(key => {
         const val = search[key];
-
         if (typeof val === 'undefined' || val === undefined) {
           delete search[key];
         } else if (val && typeof val === 'object' && val !== null) {
           try {
             search[key] = stringify(val);
-          } catch (err) {// silent
+          } catch (err) {
+            // silent
           }
         }
       });
     }
-
     const searchStr = encode(search).toString();
     return searchStr ? "?" + searchStr : '';
   };
@@ -1684,50 +725,53 @@ function stringifySearchWith(stringify) {
 
 var _window$document;
 // Detect if we're in the DOM
-const isServer = typeof window === 'undefined' || !((_window$document = window.document) != null && _window$document.createElement); // This is the default history object if none is defined
+const isServer = typeof window === 'undefined' || !((_window$document = window.document) != null && _window$document.createElement);
 
+// This is the default history object if none is defined
 const createDefaultHistory = () => isServer ? createMemoryHistory() : createBrowserHistory();
-
+function getInitialRouterState() {
+  return {
+    status: 'idle',
+    location: null,
+    matches: [],
+    actions: {},
+    loaders: {},
+    lastUpdated: Date.now(),
+    isFetching: false,
+    isPreloading: false
+  };
+}
 function createRouter(userOptions) {
   var _userOptions$stringif, _userOptions$parseSea;
-
   const history = (userOptions == null ? void 0 : userOptions.history) || createDefaultHistory();
-
   const originalOptions = _extends({
     defaultLoaderGcMaxAge: 5 * 60 * 1000,
     defaultLoaderMaxAge: 0,
     defaultPreloadMaxAge: 2000,
-    defaultPreloadDelay: 50
+    defaultPreloadDelay: 50,
+    context: undefined
   }, userOptions, {
     stringifySearch: (_userOptions$stringif = userOptions == null ? void 0 : userOptions.stringifySearch) != null ? _userOptions$stringif : defaultStringifySearch,
     parseSearch: (_userOptions$parseSea = userOptions == null ? void 0 : userOptions.parseSearch) != null ? _userOptions$parseSea : defaultParseSearch
   });
-
   let router = {
+    types: undefined,
+    // public api
     history,
     options: originalOptions,
     listeners: [],
-    removeActionQueue: [],
     // Resolved after construction
     basepath: '',
     routeTree: undefined,
     routesById: {},
-    location: undefined,
-    allRouteInfo: undefined,
+    __location: undefined,
     //
-    navigationPromise: Promise.resolve(),
     resolveNavigation: () => {},
     matchCache: {},
-    state: {
-      status: 'idle',
-      location: null,
-      matches: [],
-      actions: {},
-      loaders: {},
-      loaderData: {},
-      lastUpdated: Date.now(),
-      isFetching: false,
-      isPreloading: false
+    state: getInitialRouterState(),
+    reset: () => {
+      router.state = getInitialRouterState();
+      router.notify();
     },
     startedLoadingAt: Date.now(),
     subscribe: listener => {
@@ -1740,62 +784,104 @@ function createRouter(userOptions) {
       return router.routesById[id];
     },
     notify: () => {
-      router.state = _extends({}, router.state, {
-        isFetching: router.state.status === 'loading' || router.state.matches.some(d => d.isFetching),
-        isPreloading: Object.values(router.matchCache).some(d => d.match.isFetching && !router.state.matches.find(dd => dd.matchId === d.match.matchId))
-      });
+      const isFetching = router.state.status === 'loading' || router.state.matches.some(d => d.isFetching);
+      const isPreloading = Object.values(router.matchCache).some(d => d.match.isFetching && !router.state.matches.find(dd => dd.matchId === d.match.matchId));
+      if (router.state.isFetching !== isFetching || router.state.isPreloading !== isPreloading) {
+        router.state = _extends({}, router.state, {
+          isFetching,
+          isPreloading
+        });
+      }
       cascadeLoaderData(router.state.matches);
       router.listeners.forEach(listener => listener(router));
     },
+    dehydrate: () => {
+      return {
+        location: router.__location,
+        state: _extends({}, pick(router.state, ['status', 'location', 'lastUpdated', 'location']), {
+          matches: router.state.matches.map(match => pick(match, ['matchId', 'status', 'routeLoaderData', 'loaderData', 'isInvalid', 'invalidAt']))
+        }),
+        context: router.options.context
+      };
+    },
+    hydrate: dehydratedState => {
+      // Update the location
+      router.__location = dehydratedState.location;
+
+      // Update the context
+      router.options.context = dehydratedState.context;
+
+      // Match the routes
+      const matches = router.matchRoutes(router.__location.pathname, {
+        strictParseParams: true
+      });
+      matches.forEach((match, index) => {
+        const dehydratedMatch = dehydratedState.state.matches[index];
+        invariant(dehydratedMatch, 'Oh no! Dehydrated route matches did not match the active state of the router 😬');
+        Object.assign(match, dehydratedMatch);
+      });
+      matches.forEach(match => match.__.validate());
+      router.state = _extends({}, router.state, dehydratedState, {
+        matches
+      });
+    },
     mount: () => {
       const next = router.__.buildLocation({
         to: '.',
         search: true,
         hash: true
-      }); // If the current location isn't updated, trigger a navigation
-      // to the current location. Otherwise, load the current location.
-
+      });
 
-      if (next.href !== router.location.href) {
+      // If the current location isn't updated, trigger a navigation
+      // to the current location. Otherwise, load the current location.
+      if (next.href !== router.__location.href) {
         router.__.commitLocation(next, true);
-      } else {
-        router.loadLocation();
       }
+      if (!router.state.matches.length) {
+        router.load();
+      }
+      const unsub = router.history.listen(event => {
+        router.load(router.__.parseLocation(event.location, router.__location));
+      });
 
-      const unsub = history.listen(event => {
-        router.loadLocation(router.__.parseLocation(event.location, router.location));
-      }); // addEventListener does not exist in React Native, but window does
+      // addEventListener does not exist in React Native, but window does
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-
       if (!isServer && window.addEventListener) {
         // Listen to visibillitychange and focus
         window.addEventListener('visibilitychange', router.onFocus, false);
         window.addEventListener('focus', router.onFocus, false);
       }
-
       return () => {
-        unsub(); // Be sure to unsubscribe if a new handler is set
-
-        window.removeEventListener('visibilitychange', router.onFocus);
-        window.removeEventListener('focus', router.onFocus);
+        unsub();
+        if (!isServer && window.removeEventListener) {
+          // Be sure to unsubscribe if a new handler is set
+          window.removeEventListener('visibilitychange', router.onFocus);
+          window.removeEventListener('focus', router.onFocus);
+        }
       };
     },
     onFocus: () => {
-      router.loadLocation();
+      router.load();
     },
     update: opts => {
+      const newHistory = (opts == null ? void 0 : opts.history) !== router.history;
+      if (!router.__location || newHistory) {
+        if (opts != null && opts.history) {
+          router.history = opts.history;
+        }
+        router.__location = router.__.parseLocation(router.history.location);
+        router.state.location = router.__location;
+      }
       Object.assign(router.options, opts);
       const {
         basepath,
         routeConfig
       } = router.options;
       router.basepath = cleanPath("/" + (basepath != null ? basepath : ''));
-
       if (routeConfig) {
         router.routesById = {};
         router.routeTree = router.__.buildRouteTree(routeConfig);
       }
-
       return router;
     },
     cancelMatches: () => {
@@ -1804,58 +890,60 @@ function createRouter(userOptions) {
         match.cancel();
       });
     },
-    loadLocation: async next => {
+    load: async next => {
       const id = Math.random();
       router.startedLoadingAt = id;
-
       if (next) {
         // Ingest the new location
-        router.location = next;
-      } // 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.__location = next;
+      }
 
-      router.cancelMatches(); // Match the routes
+      // Cancel any pending matches
+      router.cancelMatches();
 
-      const matches = router.matchRoutes(location.pathname, {
+      // Match the routes
+      const matches = router.matchRoutes(router.__location.pathname, {
         strictParseParams: true
       });
-      router.state = _extends({}, router.state, {
-        pending: {
+      if (typeof document !== 'undefined') {
+        router.state = _extends({}, router.state, {
+          pending: {
+            matches: matches,
+            location: router.__location
+          },
+          status: 'loading'
+        });
+      } else {
+        router.state = _extends({}, router.state, {
           matches: matches,
-          location: router.location
-        },
-        status: 'loading'
-      });
-      router.notify(); // Load the matches
+          location: router.__location,
+          status: 'loading'
+        });
+      }
 
-      await router.loadMatches(matches, {
-        withPending: true
-      });
+      // Check if each match middleware to see if the route can be accessed
+      try {
+        await Promise.all(matches.map(match => match.options.beforeLoad == null ? void 0 : match.options.beforeLoad({
+          router: router,
+          match
+        })));
+      } catch (err) {
+        if (err != null && err.then) {
+          await new Promise(() => {});
+        }
+        throw err;
+      }
+      router.notify();
 
+      // Load the matches
+      await router.loadMatches(matches);
       if (router.startedLoadingAt !== id) {
         // Ignore side-effects of match loading
         return router.navigationPromise;
       }
-
       const previousMatches = router.state.matches;
       const exiting = [],
-            staying = [];
+        staying = [];
       previousMatches.forEach(d => {
         if (matches.find(dd => dd.matchId === d.matchId)) {
           staying.push(d);
@@ -1863,22 +951,23 @@ function createRouter(userOptions) {
           exiting.push(d);
         }
       });
+      const entering = matches.filter(d => {
+        return !previousMatches.find(dd => dd.matchId === d.matchId);
+      });
       const now = Date.now();
       exiting.forEach(d => {
-        var _ref2, _d$options$loaderGcMa, _ref3, _d$options$loaderMaxA;
-
+        var _ref, _d$options$loaderGcMa, _ref2, _d$options$loaderMaxA;
         d.__.onExit == null ? void 0 : d.__.onExit({
           params: d.params,
           search: d.routeSearch
-        }); // Clear idle error states when match leaves
+        });
 
+        // Clear idle error states when match leaves
         if (d.status === 'error' && !d.isFetching) {
           d.status = 'idle';
           d.error = undefined;
         }
-
-        const gc = Math.max((_ref2 = (_d$options$loaderGcMa = d.options.loaderGcMaxAge) != null ? _d$options$loaderGcMa : router.options.defaultLoaderGcMaxAge) != null ? _ref2 : 0, (_ref3 = (_d$options$loaderMaxA = d.options.loaderMaxAge) != null ? _d$options$loaderMaxA : router.options.defaultLoaderMaxAge) != null ? _ref3 : 0);
-
+        const gc = Math.max((_ref = (_d$options$loaderGcMa = d.options.loaderGcMaxAge) != null ? _d$options$loaderGcMa : router.options.defaultLoaderGcMaxAge) != null ? _ref : 0, (_ref2 = (_d$options$loaderMaxA = d.options.loaderMaxAge) != null ? _d$options$loaderMaxA : router.options.defaultLoaderMaxAge) != null ? _ref2 : 0);
         if (gc > 0) {
           router.matchCache[d.matchId] = {
             gc: gc == Infinity ? Number.MAX_SAFE_INTEGER : now + gc,
@@ -1892,29 +981,26 @@ function createRouter(userOptions) {
           search: d.routeSearch
         });
       });
-      const entering = matches.filter(d => {
-        return !previousMatches.find(dd => dd.matchId === d.matchId);
-      });
       entering.forEach(d => {
-        d.__.onExit = d.options.onMatch == null ? void 0 : d.options.onMatch({
+        d.__.onExit = d.options.onLoaded == null ? void 0 : d.options.onLoaded({
           params: d.params,
           search: d.search
         });
         delete router.matchCache[d.matchId];
       });
-
-      if (matches.some(d => d.status === 'loading')) {
-        router.notify();
-        await Promise.all(matches.map(d => d.__.loaderPromise || Promise.resolve()));
-      }
-
       if (router.startedLoadingAt !== id) {
         // Ignore side-effects of match loading
         return;
       }
-
+      matches.forEach(match => {
+        // Clear actions
+        if (match.action) {
+          match.action.current = undefined;
+          match.action.submissions = [];
+        }
+      });
       router.state = _extends({}, router.state, {
-        location: router.location,
+        location: router.__location,
         matches,
         pending: undefined,
         status: 'idle'
@@ -1925,26 +1011,26 @@ function createRouter(userOptions) {
     cleanMatchCache: () => {
       const now = Date.now();
       Object.keys(router.matchCache).forEach(matchId => {
-        const entry = router.matchCache[matchId]; // Don't remove loading matches
+        const entry = router.matchCache[matchId];
 
+        // Don't remove loading matches
         if (entry.match.status === 'loading') {
           return;
-        } // Do not remove successful matches that are still valid
-
+        }
 
+        // Do not remove successful matches that are still valid
         if (entry.gc > 0 && entry.gc > now) {
           return;
-        } // Everything else gets removed
-
+        }
 
+        // Everything else gets removed
         delete router.matchCache[matchId];
       });
     },
     loadRoute: async function loadRoute(navigateOpts) {
       if (navigateOpts === void 0) {
-        navigateOpts = router.location;
+        navigateOpts = router.__location;
       }
-
       const next = router.buildNext(navigateOpts);
       const matches = router.matchRoutes(next.pathname, {
         strictParseParams: true
@@ -1953,108 +1039,87 @@ function createRouter(userOptions) {
       return matches;
     },
     preloadRoute: async function preloadRoute(navigateOpts, loaderOpts) {
-      var _ref4, _ref5, _loaderOpts$maxAge, _ref6, _ref7, _loaderOpts$gcMaxAge;
-
+      var _ref3, _ref4, _loaderOpts$maxAge, _ref5, _ref6, _loaderOpts$gcMaxAge;
       if (navigateOpts === void 0) {
-        navigateOpts = router.location;
+        navigateOpts = router.__location;
       }
-
       const next = router.buildNext(navigateOpts);
       const matches = router.matchRoutes(next.pathname, {
         strictParseParams: true
       });
       await router.loadMatches(matches, {
         preload: true,
-        maxAge: (_ref4 = (_ref5 = (_loaderOpts$maxAge = loaderOpts.maxAge) != null ? _loaderOpts$maxAge : router.options.defaultPreloadMaxAge) != null ? _ref5 : router.options.defaultLoaderMaxAge) != null ? _ref4 : 0,
-        gcMaxAge: (_ref6 = (_ref7 = (_loaderOpts$gcMaxAge = loaderOpts.gcMaxAge) != null ? _loaderOpts$gcMaxAge : router.options.defaultPreloadGcMaxAge) != null ? _ref7 : router.options.defaultLoaderGcMaxAge) != null ? _ref6 : 0
+        maxAge: (_ref3 = (_ref4 = (_loaderOpts$maxAge = loaderOpts.maxAge) != null ? _loaderOpts$maxAge : router.options.defaultPreloadMaxAge) != null ? _ref4 : router.options.defaultLoaderMaxAge) != null ? _ref3 : 0,
+        gcMaxAge: (_ref5 = (_ref6 = (_loaderOpts$gcMaxAge = loaderOpts.gcMaxAge) != null ? _loaderOpts$gcMaxAge : router.options.defaultPreloadGcMaxAge) != null ? _ref6 : router.options.defaultLoaderGcMaxAge) != null ? _ref5 : 0
       });
       return matches;
     },
     matchRoutes: (pathname, opts) => {
       var _router$state$pending3, _router$state$pending4;
-
       router.cleanMatchCache();
       const matches = [];
-
       if (!router.routeTree) {
         return matches;
       }
-
       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 => {
         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;
         let foundRoutes = [];
-
         const findMatchInRoutes = (parentRoutes, routes) => {
           routes.some(route => {
             var _route$childRoutes, _route$childRoutes2, _route$options$caseSe;
-
             if (!route.routePath && (_route$childRoutes = route.childRoutes) != null && _route$childRoutes.length) {
               return findMatchInRoutes([...foundRoutes, route], route.childRoutes);
             }
-
             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({}, params, parsedParams);
             }
-
             if (!!matchParams) {
               foundRoutes = [...parentRoutes, route];
             }
-
             return !!foundRoutes.length;
           });
           return !!foundRoutes.length;
         };
-
         findMatchInRoutes([], filteredRoutes);
-
         if (!foundRoutes.length) {
           return;
         }
-
         foundRoutes.forEach(foundRoute => {
           var _router$matchCache$ma;
-
           const interpolatedPath = interpolatePath(foundRoute.routePath, params);
           const matchId = interpolatePath(foundRoute.routeId, params, true);
           const match = existingMatches.find(d => d.matchId === matchId) || ((_router$matchCache$ma = router.matchCache[matchId]) == null ? void 0 : _router$matchCache$ma.match) || createRouteMatch(router, foundRoute, {
+            parentMatch,
             matchId,
             params,
-            pathname: joinPaths([pathname, interpolatedPath])
+            pathname: joinPaths([router.basepath, interpolatedPath])
           });
           matches.push(match);
         });
         const foundRoute = last(foundRoutes);
-
         if ((_foundRoute$childRout = foundRoute.childRoutes) != null && _foundRoute$childRout.length) {
           recurse(foundRoute.childRoutes);
         }
       };
-
       recurse([router.routeTree]);
       cascadeLoaderData(matches);
       return matches;
@@ -2063,23 +1128,61 @@ function createRouter(userOptions) {
       const matchPromises = resolvedMatches.map(async match => {
         // Validate the match (loads search params etc)
         match.__.validate();
-
         match.load(loaderOpts);
-
-        if (match.status === 'loading') {
-          // If requested, start the pending timers
-          if (loaderOpts != null && loaderOpts.withPending) match.__.startPending(); // Wait for the first sign of activity from the match
-          // This might be completion, error, or a pending state
-
+        const search = match.search;
+        if (search.__data && search.__data.matchId !== match.matchId) {
+          return;
+        }
+        if (match.__.loadPromise) {
+          // Wait for the first sign of activity from the match
           await match.__.loadPromise;
         }
       });
       router.notify();
       await Promise.all(matchPromises);
     },
+    loadMatchData: async routeMatch => {
+      if (isServer || !router.options.useServerData) {
+        var _await$routeMatch$opt;
+        return (_await$routeMatch$opt = await (routeMatch.options.loader == null ? void 0 : routeMatch.options.loader({
+          // parentLoaderPromise: routeMatch.parentMatch?.__.dataPromise,
+          params: routeMatch.params,
+          search: routeMatch.routeSearch,
+          signal: routeMatch.__.abortController.signal
+        }))) != null ? _await$routeMatch$opt : {};
+      } else {
+        const next = router.buildNext({
+          to: '.',
+          search: d => _extends({}, d != null ? d : {}, {
+            __data: {
+              matchId: routeMatch.matchId
+            }
+          })
+        });
+
+        // Refresh:
+        // '/dashboard'
+        // '/dashboard/invoices/'
+        // '/dashboard/invoices/123'
+
+        // New:
+        // '/dashboard/invoices/456'
+
+        // TODO: batch requests when possible
+
+        const res = await fetch(next.href, {
+          method: 'GET'
+          // signal: routeMatch.__.abortController.signal,
+        });
+
+        if (res.ok) {
+          return res.json();
+        }
+        throw new Error('Failed to fetch match data');
+      }
+    },
     invalidateRoute: opts => {
       var _router$state$pending5, _router$state$pending6;
-
       const next = router.buildNext(opts);
       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 => {
@@ -2098,30 +1201,26 @@ function createRouter(userOptions) {
     },
     matchRoute: (location, opts) => {
       var _location$from;
-
       // const location = router.buildNext(opts)
+
       location = _extends({}, location, {
         to: location.to ? router.resolvePath((_location$from = location.from) != null ? _location$from : '', location.to) : undefined
       });
       const next = router.buildNext(location);
-
       if (opts != null && opts.pending) {
         var _router$state$pending7;
-
         if (!((_router$state$pending7 = router.state.pending) != null && _router$state$pending7.location)) {
           return false;
         }
-
         return !!matchPathname(router.state.pending.location.pathname, _extends({}, opts, {
           to: next.pathname
         }));
       }
-
       return !!matchPathname(router.state.location.pathname, _extends({}, opts, {
         to: next.pathname
       }));
     },
-    navigate: async _ref8 => {
+    navigate: async _ref7 => {
       let {
         from,
         to = '.',
@@ -2129,20 +1228,19 @@ function createRouter(userOptions) {
         hash,
         replace,
         params
-      } = _ref8;
+      } = _ref7;
       // 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
       // null for LinkUtils
       const toString = String(to);
       const fromString = String(from);
       let isExternal;
-
       try {
         new URL("" + toString);
         isExternal = true;
       } catch (e) {}
-
       invariant(!isExternal, 'Attempting to navigate to external url with router.navigate!');
       return router.__.navigate({
         from: fromString,
@@ -2153,9 +1251,8 @@ function createRouter(userOptions) {
         params
       });
     },
-    buildLink: _ref9 => {
-      var _preload, _ref10;
-
+    buildLink: _ref8 => {
+      var _preload, _ref9;
       let {
         from,
         to = '.',
@@ -2170,12 +1267,13 @@ function createRouter(userOptions) {
         preloadGcMaxAge: userPreloadGcMaxAge,
         preloadDelay: userPreloadDelay,
         disabled
-      } = _ref9;
-
+      } = _ref8;
       // 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
       // null for LinkUtils
+
       try {
         new URL("" + to);
         return {
@@ -2183,7 +1281,6 @@ function createRouter(userOptions) {
           href: to
         };
       } catch (e) {}
-
       const nextOpts = {
         from,
         to,
@@ -2194,33 +1291,35 @@ function createRouter(userOptions) {
       };
       const next = router.buildNext(nextOpts);
       preload = (_preload = preload) != null ? _preload : router.options.defaultPreload;
-      const preloadDelay = (_ref10 = userPreloadDelay != null ? userPreloadDelay : router.options.defaultPreloadDelay) != null ? _ref10 : 0; // Compare path/hash for matches
+      const preloadDelay = (_ref9 = userPreloadDelay != null ? userPreloadDelay : router.options.defaultPreloadDelay) != null ? _ref9 : 0;
 
+      // Compare path/hash for matches
       const pathIsEqual = router.state.location.pathname === next.pathname;
       const currentPathSplit = router.state.location.pathname.split('/');
       const nextPathSplit = next.pathname.split('/');
       const pathIsFuzzyEqual = nextPathSplit.every((d, i) => d === currentPathSplit[i]);
-      const hashIsEqual = router.state.location.hash === next.hash; // Combine the matches based on user options
-
+      const hashIsEqual = router.state.location.hash === next.hash;
+      // Combine the matches based on user options
       const pathTest = activeOptions != null && activeOptions.exact ? pathIsEqual : pathIsFuzzyEqual;
-      const hashTest = activeOptions != null && activeOptions.includeHash ? hashIsEqual : true; // The final "active" test
+      const hashTest = activeOptions != null && activeOptions.includeHash ? hashIsEqual : true;
 
-      const isActive = pathTest && hashTest; // The click handler
+      // The final "active" test
+      const isActive = pathTest && hashTest;
 
+      // The click handler
       const handleClick = e => {
         if (!disabled && !isCtrlEvent(e) && !e.defaultPrevented && (!target || target === '_self') && e.button === 0) {
           e.preventDefault();
-
           if (pathIsEqual && !search && !hash) {
             router.invalidateRoute(nextOpts);
-          } // All is well? Navigate!)
-
+          }
 
+          // All is well? Navigate!)
           router.__.navigate(nextOpts);
         }
-      }; // The click handler
-
+      };
 
+      // The click handler
       const handleFocus = e => {
         if (preload) {
           router.preloadRoute(nextOpts, {
@@ -2229,15 +1328,12 @@ function createRouter(userOptions) {
           });
         }
       };
-
       const handleEnter = e => {
         const target = e.target || {};
-
         if (preload) {
           if (target.preloadTimeout) {
             return;
           }
-
           target.preloadTimeout = setTimeout(() => {
             target.preloadTimeout = null;
             router.preloadRoute(nextOpts, {
@@ -2247,16 +1343,13 @@ function createRouter(userOptions) {
           }, preloadDelay);
         }
       };
-
       const handleLeave = e => {
         const target = e.target || {};
-
         if (target.preloadTimeout) {
           clearTimeout(target.preloadTimeout);
           target.preloadTimeout = null;
         }
       };
-
       return {
         type: 'internal',
         next,
@@ -2270,21 +1363,15 @@ function createRouter(userOptions) {
     },
     buildNext: opts => {
       const next = router.__.buildLocation(opts);
-
       const matches = router.matchRoutes(next.pathname);
-
       const __preSearchFilters = matches.map(match => {
         var _match$options$preSea;
-
         return (_match$options$preSea = match.options.preSearchFilters) != null ? _match$options$preSea : [];
       }).flat().filter(Boolean);
-
       const __postSearchFilters = matches.map(match => {
         var _match$options$postSe;
-
         return (_match$options$postSe = match.options.postSearchFilters) != null ? _match$options$postSe : [];
       }).flat().filter(Boolean);
-
       return router.__.buildLocation(_extends({}, opts, {
         __preSearchFilters,
         __postSearchFilters
@@ -2295,18 +1382,12 @@ function createRouter(userOptions) {
         const recurseRoutes = (routeConfigs, parent) => {
           return routeConfigs.map(routeConfig => {
             const routeOptions = routeConfig.options;
-            const route = createRoute(routeConfig, routeOptions, parent, router); // {
-            //   pendingMs: routeOptions.pendingMs ?? router.defaultPendingMs,
-            //   pendingMinMs: routeOptions.pendingMinMs ?? router.defaultPendingMinMs,
-            // }
-
+            const route = createRoute(routeConfig, routeOptions, parent, router);
             const existingRoute = router.routesById[route.routeId];
-
             if (existingRoute) {
               if (process.env.NODE_ENV !== 'production') {
                 console.warn("Duplicate routes found with id: " + String(route.routeId), router.routesById, route);
               }
-
               throw new Error();
             }
             router.routesById[route.routeId] = route;
@@ -2315,13 +1396,11 @@ function createRouter(userOptions) {
             return route;
           });
         };
-
         const routes = recurseRoutes([rootRouteConfig]);
         return routes[0];
       },
       parseLocation: (location, previousLocation) => {
         var _location$hash$split$;
-
         const parsedSearch = router.options.parseSearch(location.search);
         return {
           pathname: location.pathname,
@@ -2339,51 +1418,44 @@ function createRouter(userOptions) {
       },
       buildLocation: function buildLocation(dest) {
         var _dest$from, _router$basepath, _dest$to, _last, _dest$params, _dest$__preSearchFilt, _functionalUpdate, _dest$__preSearchFilt2, _dest$__postSearchFil;
-
         if (dest === void 0) {
           dest = {};
         }
-
-        // const resolvedFrom: Location = {
-        //   ...router.location,
-        const fromPathname = dest.fromCurrent ? router.location.pathname : (_dest$from = dest.from) != null ? _dest$from : router.location.pathname;
-
+        const fromPathname = dest.fromCurrent ? router.__location.pathname : (_dest$from = dest.from) != null ? _dest$from : router.__location.pathname;
         let pathname = resolvePath((_router$basepath = router.basepath) != null ? _router$basepath : '/', fromPathname, "" + ((_dest$to = dest.to) != null ? _dest$to : '.'));
-
-        const fromMatches = router.matchRoutes(router.location.pathname, {
+        const fromMatches = router.matchRoutes(router.__location.pathname, {
           strictParseParams: true
         });
         const toMatches = router.matchRoutes(pathname);
-
         const prevParams = _extends({}, (_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));
           });
         }
+        pathname = interpolatePath(pathname, nextParams != null ? nextParams : {});
 
-        pathname = interpolatePath(pathname, nextParams != null ? nextParams : {}); // Pre filters first
-
-        const preFilteredSearch = (_dest$__preSearchFilt = dest.__preSearchFilters) != null && _dest$__preSearchFilt.length ? dest.__preSearchFilters.reduce((prev, next) => next(prev), router.location.search) : router.location.search; // Then the link/navigate function
+        // Pre filters first
+        const preFilteredSearch = (_dest$__preSearchFilt = dest.__preSearchFilters) != null && _dest$__preSearchFilt.length ? dest.__preSearchFilters.reduce((prev, next) => next(prev), router.__location.search) : router.__location.search;
 
+        // Then the link/navigate function
         const destSearch = dest.search === true ? preFilteredSearch // Preserve resolvedFrom true
         : dest.search ? (_functionalUpdate = functionalUpdate(dest.search, preFilteredSearch)) != null ? _functionalUpdate : {} // Updater
         : (_dest$__preSearchFilt2 = dest.__preSearchFilters) != null && _dest$__preSearchFilt2.length ? preFilteredSearch // Preserve resolvedFrom filters
-        : {}; // Then post filters
+        : {};
 
+        // Then post filters
         const postFilteredSearch = (_dest$__postSearchFil = dest.__postSearchFilters) != null && _dest$__postSearchFil.length ? dest.__postSearchFilters.reduce((prev, next) => next(prev), destSearch) : destSearch;
-        const search = replaceEqualDeep(router.location.search, postFilteredSearch);
+        const search = replaceEqualDeep(router.__location.search, postFilteredSearch);
         const searchStr = router.options.stringifySearch(search);
-        let hash = dest.hash === true ? router.location.hash : functionalUpdate(dest.hash, router.location.hash);
+        let hash = dest.hash === true ? router.__location.hash : functionalUpdate(dest.hash, router.__location.hash);
         hash = hash ? "#" + hash : '';
         return {
           pathname,
           search,
           searchStr,
-          state: router.location.state,
+          state: router.__location.state,
           hash,
           href: "" + pathname + searchStr + hash,
           key: dest.key
@@ -2393,25 +1465,21 @@ function createRouter(userOptions) {
         const id = '' + Date.now() + Math.random();
         if (router.navigateTimeout) clearTimeout(router.navigateTimeout);
         let nextAction = 'replace';
-
         if (!replace) {
           nextAction = 'push';
         }
-
         const isSameUrl = router.__.parseLocation(history.location).href === next.href;
-
         if (isSameUrl && !next.key) {
           nextAction = 'replace';
         }
-
         if (nextAction === 'replace') {
           history.replace({
             pathname: next.pathname,
             hash: next.hash,
             search: next.searchStr
-          }, {
+          }, _extends({
             id
-          });
+          }, next.state));
         } else {
           history.push({
             pathname: next.pathname,
@@ -2421,30 +1489,35 @@ function createRouter(userOptions) {
             id
           });
         }
-
         router.navigationPromise = new Promise(resolve => {
           const previousNavigationResolve = router.resolveNavigation;
-
           router.resolveNavigation = () => {
             previousNavigationResolve();
             resolve();
+            delete router.navigationPromise;
           };
         });
         return router.navigationPromise;
       }
     }
   };
-  router.location = router.__.parseLocation(history.location);
-  router.state.location = router.location;
-  router.update(userOptions); // Allow frameworks to hook into the router creation
+  router.update(userOptions);
 
+  // Allow frameworks to hook into the router creation
   router.options.createRouter == null ? void 0 : router.options.createRouter(router);
   return router;
 }
-
 function isCtrlEvent(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
+function cascadeLoaderData(matches) {
+  matches.forEach((match, index) => {
+    const parent = matches[index - 1];
+    if (parent) {
+      match.loaderData = replaceEqualDeep(match.loaderData, _extends({}, parent.loaderData, match.routeLoaderData));
+    }
+  });
+}
 
-export { cascadeLoaderData, cleanPath, createBrowserHistory, createHashHistory, createMemoryHistory, createRoute, createRouteConfig, createRouteMatch, createRouter, decode, defaultParseSearch, defaultStringifySearch, encode, functionalUpdate, interpolatePath, invariant, joinPaths, last, matchByPath, matchPathname, parsePathname, parseSearchWith, replaceEqualDeep, resolvePath, rootRouteId, stringifySearchWith, trimPath, trimPathLeft, trimPathRight, warning };
+export { cleanPath, createRoute, createRouteConfig, createRouteMatch, createRouter, decode, defaultParseSearch, defaultStringifySearch, encode, functionalUpdate, interpolatePath, joinPaths, last, matchByPath, matchPathname, parsePathname, parseSearchWith, pick, replaceEqualDeep, resolvePath, rootRouteId, stringifySearchWith, trimPath, trimPathLeft, trimPathRight, warning };
 //# sourceMappingURL=index.js.map