@tanstack/router-core 0.0.1-alpha.0 → 0.0.1-alpha.10

package/build/cjs/packages/location-core/src/index.js

@@ -1,1313 +0,0 @@
-/**
- * location-core
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../../../node_modules/history/index.js');
-var qss = require('./qss.js');
-
-const _excluded = ["basepath", "routes"];
-
-// Source
-// Detect if we're in the DOM
-const isDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement); // This is the default history object if none is defined
-
-const createDefaultHistory = () => isDOM ? index.createBrowserHistory() : index.createMemoryHistory();
-
-class Subscribable {
-  constructor() {
-    this.preNotify = () => {};
-
-    this.listeners = [];
-  }
-
-  subscribe(listener) {
-    this.listeners.push(listener);
-    return () => {
-      this.listeners = this.listeners.filter(x => x !== listener);
-    };
-  }
-
-  notify() {
-    this.preNotify();
-    this.listeners.forEach(listener => listener());
-  }
-
-}
-
-class RouterInstance extends Subscribable {
-  // Options:
-  // The history object to be used internally
-  // A history will be created automatically if not provided.
-  // Internal:
-  constructor(options) {
-    var _this, _options$stringifySea, _options$parseSearch, _experimental__snaps;
-
-    super();
-    _this = this;
-    this.isTransitioning = false;
-    this.routesById = {};
-    this.navigationPromise = Promise.resolve();
-
-    this.resolveNavigation = () => {};
-
-    this.loadPromise = Promise.resolve();
-
-    this.resolveLoad = () => {};
-
-    this.startedLoadingAt = Date.now();
-    this.resolveEarly = false;
-
-    this.preNotify = () => {
-      var _this$state$action;
-
-      const match = last(this.state.matches);
-      let loaderData = {};
-
-      if (match) {
-        const recurse = m => {
-          if (m.parentMatch) {
-            recurse(m.parentMatch);
-          }
-
-          loaderData = _rollupPluginBabelHelpers["extends"]({}, loaderData, m.data);
-        };
-
-        recurse(match);
-      }
-
-      const isPending = !!this.state.pending || this.state.matches.find(d => d.status === 'loading');
-      const isLoading = ((_this$state$action = this.state.action) == null ? void 0 : _this$state$action.status) === 'pending' || isPending;
-      this.state = _rollupPluginBabelHelpers["extends"]({}, this.state, {
-        status: isLoading ? 'loading' : 'idle',
-        loaderData: replaceEqualDeep(this.state.loaderData, loaderData),
-        lastUpdated: Date.now()
-      });
-    };
-
-    this.parseLocation = (location, previousLocation) => {
-      var _location$hash$split$;
-
-      const parsedSearch = this.parseSearch(location.search);
-      return {
-        pathname: location.pathname,
-        searchStr: location.search,
-        search: replaceEqualDeep(previousLocation == null ? void 0 : previousLocation.search, parsedSearch),
-        hash: (_location$hash$split$ = location.hash.split('#').reverse()[0]) != null ? _location$hash$split$ : '',
-        href: "" + location.pathname + location.search + location.hash,
-        state: location.state,
-        key: location.key
-      };
-    };
-
-    this.buildLocation = function (basepath, dest) {
-      var _dest$from, _dest$to, _dest$__preSearchFilt, _functionalUpdate, _dest$__preSearchFilt2, _dest$__postSearchFil;
-
-      if (basepath === void 0) {
-        basepath = '/';
-      }
-
-      if (dest === void 0) {
-        dest = {};
-      }
-
-      const resolvedFrom = _rollupPluginBabelHelpers["extends"]({}, _this.location, {
-        pathname: dest.fromCurrent ? _this.location.pathname : (_dest$from = dest.from) != null ? _dest$from : _this.location.pathname
-      });
-
-      const pathname = resolvePath(basepath, resolvedFrom.pathname, "" + ((_dest$to = dest.to) != null ? _dest$to : '.')); // Pre filters first
-
-      const preFilteredSearch = (_dest$__preSearchFilt = dest.__preSearchFilters) != null && _dest$__preSearchFilt.length ? dest.__preSearchFilters.reduce((prev, next) => next(prev), resolvedFrom.search) : resolvedFrom.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
-
-      const postFilteredSearch = (_dest$__postSearchFil = dest.__postSearchFilters) != null && _dest$__postSearchFil.length ? dest.__postSearchFilters.reduce((prev, next) => next(prev), destSearch) : destSearch;
-      const search = replaceEqualDeep(resolvedFrom.search, postFilteredSearch);
-
-      const searchStr = _this.stringifySearch(search);
-
-      let hash = dest.hash === true ? resolvedFrom.hash : functionalUpdate(dest.hash, resolvedFrom.hash);
-      hash = hash ? "#" + hash : '';
-      return {
-        pathname,
-        search,
-        searchStr,
-        state: resolvedFrom.state,
-        hash,
-        href: "" + pathname + searchStr + hash,
-        key: dest.key
-      };
-    };
-
-    this.commitLocation = (next, replace, opts) => {
-      console.log('commit');
-      if (this.navigateTimeout) clearTimeout(this.navigateTimeout);
-      let nextAction = 'replace';
-
-      if (!replace) {
-        nextAction = 'push';
-      }
-
-      const isSameUrl = this.parseLocation(this.history.location).href === next.href;
-
-      if (isSameUrl && !next.key) {
-        nextAction = 'replace';
-      }
-
-      if (nextAction === 'replace') {
-        this.history.replace({
-          pathname: next.pathname,
-          hash: next.hash,
-          search: next.searchStr
-        });
-      } else {
-        this.history.push({
-          pathname: next.pathname,
-          hash: next.hash,
-          search: next.searchStr
-        });
-      }
-
-      this.navigationPromise = new Promise(resolve => {
-        this.resolveNavigation = resolve;
-        this.resolveEarly = !!(opts != null && opts.resolveEarly);
-        console.log(this.resolveEarly);
-      });
-      return this.navigationPromise;
-    };
-
-    this.mount = () => {
-      const next = this.buildLocation(this.basepath, {
-        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 !== this.location.href) {
-        return this.commitLocation(next, true);
-      } else {
-        return this.loadLocation();
-      }
-    };
-
-    this.update = _ref => {
-      let {
-        basepath,
-        routes
-      } = _ref,
-          opts = _rollupPluginBabelHelpers.objectWithoutPropertiesLoose(_ref, _excluded);
-
-      Object.assign(this, opts);
-      this.basepath = cleanPath("/" + (basepath != null ? basepath : ''));
-      this.routesById = {};
-
-      const recurseRoutes = (routes, parent) => {
-        return routes.map(route => {
-          var _route$path, _route$pendingMs, _route$pendingMinMs, _route$children;
-
-          const path = (_route$path = route.path) != null ? _route$path : '*';
-          const id = joinPaths([(parent == null ? void 0 : parent.id) === 'root' ? '' : parent == null ? void 0 : parent.id, "" + (path == null ? void 0 : path.replace(/(.)\/$/, '$1')) + (route.id ? "-" + route.id : '')]);
-          route = _rollupPluginBabelHelpers["extends"]({}, route, {
-            pendingMs: (_route$pendingMs = route.pendingMs) != null ? _route$pendingMs : opts == null ? void 0 : opts.defaultPendingMs,
-            pendingMinMs: (_route$pendingMinMs = route.pendingMinMs) != null ? _route$pendingMinMs : opts == null ? void 0 : opts.defaultPendingMinMs,
-            id
-          });
-
-          if (this.routesById[id]) {
-            if (process.env.NODE_ENV !== 'production') {
-              console.warn("Duplicate routes found with id: " + id, this.routesById, route);
-            }
-
-            throw new Error();
-          }
-
-          this.routesById[id] = route;
-          route.children = (_route$children = route.children) != null && _route$children.length ? recurseRoutes(route.children, route) : undefined;
-          return route;
-        });
-      };
-
-      this.routes = recurseRoutes(routes != null ? routes : []);
-      this.rootMatch = {
-        id: 'root',
-        params: {},
-        search: {},
-        pathname: this.basepath,
-        data: {},
-        status: 'success'
-      };
-    };
-
-    this.buildNext = opts => {
-      const next = this.buildLocation(this.basepath, opts);
-      const matches = this.matchRoutes(next);
-
-      const __preSearchFilters = matches.map(match => {
-        var _match$route$preSearc;
-
-        return (_match$route$preSearc = match.route.preSearchFilters) != null ? _match$route$preSearc : [];
-      }).flat().filter(Boolean);
-
-      const __postSearchFilters = matches.map(match => {
-        var _match$route$postSear;
-
-        return (_match$route$postSear = match.route.postSearchFilters) != null ? _match$route$postSear : [];
-      }).flat().filter(Boolean);
-
-      return this.buildLocation(this.basepath, _rollupPluginBabelHelpers["extends"]({}, opts, {
-        __preSearchFilters,
-        __postSearchFilters
-      }));
-    };
-
-    this.navigate = (opts, otherOpts) => {
-      console.log('navigate', opts);
-      const next = this.buildNext(opts);
-      return this.commitLocation(next, opts.replace, otherOpts);
-    };
-
-    this.cancelMatches = () => {
-      var _this$state$pending$m, _this$state$pending;
-      [...this.state.matches, ...((_this$state$pending$m = (_this$state$pending = this.state.pending) == null ? void 0 : _this$state$pending.matches) != null ? _this$state$pending$m : [])].forEach(match => {
-        match.cancel();
-      });
-    };
-
-    this.loadLocation = async next => {
-      console.log('load location', next);
-      const now = Date.now();
-      this.startedLoadingAt = now;
-
-      if (next) {
-        // Ingest the new location
-        this.location = next;
-      } // Cancel any pending  matches
-
-
-      this.cancelMatches(); // Match the routes
-
-      const unloadedMatches = this.matchRoutes(this.location);
-      const resolvedMatches = this.resolveMatches(unloadedMatches);
-      this.state = _rollupPluginBabelHelpers["extends"]({}, this.state, {
-        pending: {
-          matches: resolvedMatches,
-          location: this.location
-        }
-      });
-      this.notify();
-      console.log('hello1');
-
-      if (this.resolveEarly) {
-        console.log('hello2');
-        this.resolveEarly = false;
-        this.resolveNavigation();
-      }
-
-      this.loadPromise = new Promise(resolve => {
-        this.resolveLoad = resolve;
-      }); // Load the matches
-
-      const matches = await this.loadMatches(resolvedMatches, {
-        withPending: true
-      });
-
-      if (this.startedLoadingAt !== now) {
-        // Ignore side-effects of match loading
-        return;
-      }
-
-      const previousMatches = this.state.matches;
-      previousMatches.filter(d => {
-        return !matches.find(dd => dd.id === d.id);
-      }).forEach(d => {
-        d.onExit == null ? void 0 : d.onExit(d);
-      });
-      previousMatches.filter(d => {
-        return matches.find(dd => dd.id === d.id);
-      }).forEach(d => {
-        d.route.onTransition == null ? void 0 : d.route.onTransition(d);
-      });
-      matches.filter(d => {
-        return !previousMatches.find(dd => dd.id === d.id);
-      }).forEach(d => {
-        d.onExit = d.route.onMatch == null ? void 0 : d.route.onMatch(d);
-      });
-      this.state = _rollupPluginBabelHelpers["extends"]({}, this.state, {
-        location: this.location,
-        matches: matches,
-        pending: undefined
-      });
-      this.notify();
-      this.resolveNavigation();
-      this.resolveLoad();
-    };
-
-    this.preloadCache = {};
-
-    this.cleanPreloadCache = () => {
-      var _this$state$matches, _this$state$pending$m2, _this$state$pending2;
-
-      const activeMatchIds = [...((_this$state$matches = this == null ? void 0 : this.state.matches) != null ? _this$state$matches : []), ...((_this$state$pending$m2 = this == null ? void 0 : (_this$state$pending2 = this.state.pending) == null ? void 0 : _this$state$pending2.matches) != null ? _this$state$pending$m2 : [])].map(d => d.id);
-      const now = Date.now();
-      Object.keys(this.preloadCache).forEach(matchId => {
-        const entry = this.preloadCache[matchId];
-
-        if (activeMatchIds.includes(matchId)) {
-          return;
-        }
-
-        if (entry.expiresAt < now) {
-          delete this.preloadCache[matchId];
-        }
-      });
-    };
-
-    this.loadRoute = async function (navigateOpts, loaderOpts) {
-      if (navigateOpts === void 0) {
-        navigateOpts = _this.location;
-      }
-
-      const next = _this.buildNext(navigateOpts);
-
-      const unloadedMatches = _this.matchRoutes(next);
-
-      const matches = _this.resolveMatches(unloadedMatches);
-
-      await _this.loadMatches(matches, {
-        preload: true,
-        maxAge: loaderOpts.maxAge
-      });
-      return matches;
-    };
-
-    this.matchRoutes = location => {
-      var _this$routes;
-
-      this.cleanPreloadCache();
-      const matches = [];
-
-      if (!((_this$routes = this.routes) != null && _this$routes.length)) {
-        return matches;
-      }
-
-      const recurse = async (routes, parentMatch) => {
-        var _route$children3;
-
-        let {
-          pathname,
-          params
-        } = parentMatch;
-        const filteredRoutes = this != null && this.filterRoutes ? this == null ? void 0 : this.filterRoutes(routes) : routes;
-        const route = filteredRoutes == null ? void 0 : filteredRoutes.find(route => {
-          var _route$children2, _route$caseSensitive;
-
-          const fullRoutePathName = joinPaths([pathname, route.path]);
-          const fuzzy = !!(route.path !== '/' || (_route$children2 = route.children) != null && _route$children2.length);
-          const matchParams = matchRoute(location, {
-            to: fullRoutePathName,
-            search: route.search,
-            fuzzy,
-            caseSensitive: (_route$caseSensitive = route.caseSensitive) != null ? _route$caseSensitive : this.caseSensitive
-          });
-
-          if (matchParams) {
-            params = _rollupPluginBabelHelpers["extends"]({}, params, matchParams);
-          }
-
-          return !!matchParams;
-        });
-
-        if (!route) {
-          return;
-        }
-
-        const interpolatedPath = interpolatePath(route.path, params);
-        pathname = joinPaths([pathname, interpolatedPath]);
-        const interpolatedId = interpolatePath(route.id, params, true);
-        const match = {
-          id: interpolatedId,
-          route,
-          params,
-          pathname,
-          search: location.search
-        };
-        matches.push(match);
-
-        if ((_route$children3 = route.children) != null && _route$children3.length) {
-          recurse(route.children, match);
-        }
-      };
-
-      recurse(this.routes, this.rootMatch);
-      return matches;
-    };
-
-    this.resolveMatches = unloadedMatches => {
-      var _this$state$pending$m3, _this$state$pending3;
-
-      if (!(unloadedMatches != null && unloadedMatches.length)) {
-        return [];
-      }
-
-      const existingMatches = [...this.state.matches, ...((_this$state$pending$m3 = (_this$state$pending3 = this.state.pending) == null ? void 0 : _this$state$pending3.matches) != null ? _this$state$pending$m3 : [])];
-      const matches = unloadedMatches.map((unloadedMatch, i) => {
-        var _this$preloadCache$un;
-
-        return existingMatches.find(d => d.id === unloadedMatch.id) || ((_this$preloadCache$un = this.preloadCache[unloadedMatch.id]) == null ? void 0 : _this$preloadCache$un.match) || new RouteMatch(this, unloadedMatch);
-      });
-      matches.forEach((match, index) => {
-        match.setParentMatch(matches[index - 1]);
-      });
-      return matches;
-    };
-
-    this.loadMatches = async (resolvedMatches, loaderOpts) => {
-      const matchPromises = resolvedMatches.map(async match => {
-        if (match.isInvalid || match.status === 'error' || match.status === 'idle') {
-          const promise = match.load();
-          if (loaderOpts != null && loaderOpts.withPending) match.startPending();
-
-          if (loaderOpts != null && loaderOpts.preload) {
-            this.preloadCache[match.id] = {
-              expiresAt: Date.now() + (loaderOpts == null ? void 0 : loaderOpts.maxAge),
-              match
-            };
-          }
-
-          return promise;
-        }
-
-        return match.loaderPromise;
-      });
-      await Promise.all(matchPromises);
-      return resolvedMatches;
-    };
-
-    this.invalidateRoute = opts => {
-      var _this$state$pending$m4, _this$state$pending4;
-
-      const next = this.buildNext(opts);
-      const unloadedMatchIds = this.matchRoutes(next).map(d => d.id);
-      [...this.state.matches, ...((_this$state$pending$m4 = (_this$state$pending4 = this.state.pending) == null ? void 0 : _this$state$pending4.matches) != null ? _this$state$pending$m4 : [])].forEach(match => {
-        if (unloadedMatchIds.includes(match.id)) {
-          match.isInvalid = true;
-        }
-      });
-
-      if (process.env.NODE_ENV === 'development') {
-        this.notify();
-      }
-    };
-
-    this.reload = () => this.navigate({
-      to: '',
-      fromCurrent: true,
-      replace: true
-    });
-
-    this.getAction = (matchOpts, opts) => {
-      const next = this.buildNext(matchOpts);
-      const matches = this.matchRoutes(next);
-      const match = matches.find(d => d.pathname === next.pathname);
-
-      if (!match) {
-        return {
-          status: 'idle',
-          send: () => {}
-        };
-      }
-
-      let action = this.state.actions[match.id] || (() => {
-        this.state.actions[match.id] = {
-          status: 'idle',
-          send: null
-        };
-        return this.state.actions[match.id];
-      })();
-
-      Object.assign(action, {
-        match,
-        send: async (payload, actionOpts) => {
-          var _actionOpts$invalidat;
-
-          if (!match) {
-            return;
-          }
-
-          const invalidate = (_actionOpts$invalidat = actionOpts == null ? void 0 : actionOpts.invalidate) != null ? _actionOpts$invalidat : true;
-
-          if (opts != null && opts.isActive) {
-            this.state.action = action;
-          }
-
-          action.status = 'pending';
-          this.notify();
-
-          try {
-            const res = await (match == null ? void 0 : match.route.action == null ? void 0 : match.route.action(payload, {
-              match,
-              router: this
-            }));
-
-            if (invalidate) {
-              this.invalidateRoute({
-                to: '.',
-                fromCurrent: true
-              });
-              await this.reload();
-            }
-
-            action.status = 'success';
-            return res;
-          } catch (err) {
-            action.error = err;
-            action.status = 'error';
-          } finally {
-            this.notify();
-          }
-        }
-      });
-      return action;
-    };
-
-    this.getOutletElement = matches => {
-      const match = matches[0];
-      return (() => {
-        var _match$errorElement, _ref3;
-
-        if (!match) {
-          return null;
-        }
-
-        const errorElement = (_match$errorElement = match.errorElement) != null ? _match$errorElement : this.defaultErrorElement;
-
-        if (match.status === 'error') {
-          if (errorElement) {
-            return errorElement;
-          }
-
-          if (!this.useErrorBoundary) {
-            return 'An unknown/unhandled error occurred!';
-          }
-
-          throw match.error;
-        }
-
-        if (match.status === 'loading' || match.status === 'idle') {
-          if (match.isPending) {
-            var _match$pendingElement;
-
-            const pendingElement = (_match$pendingElement = match.pendingElement) != null ? _match$pendingElement : this.defaultPendingElement;
-
-            if (match.route.pendingMs || pendingElement) {
-              var _ref2;
-
-              return (_ref2 = pendingElement) != null ? _ref2 : null;
-            }
-          }
-
-          return null;
-        }
-
-        return (_ref3 = match.element) != null ? _ref3 : this.defaultElement;
-      })();
-    };
-
-    this.resolvePath = (from, path) => {
-      return resolvePath(this.basepath, from, cleanPath(path));
-    };
-
-    this.matchRoute = (matchLocation, opts) => {
-      matchLocation = _rollupPluginBabelHelpers["extends"]({}, matchLocation, {
-        to: matchLocation.to ? this.resolvePath(matchLocation.from || this.rootMatch.pathname, "" + matchLocation.to) : undefined
-      });
-
-      if (opts != null && opts.pending) {
-        var _this$state$pending5;
-
-        if (!((_this$state$pending5 = this.state.pending) != null && _this$state$pending5.location)) {
-          return undefined;
-        }
-
-        return matchRoute(this.state.pending.location, matchLocation);
-      }
-
-      return matchRoute(this.state.location, matchLocation);
-    };
-
-    this.buildLinkInfo = _ref4 => {
-      var _preload, _ref5, _ref6;
-
-      let {
-        to = '.',
-        search,
-        hash,
-        target,
-        replace,
-        getActiveProps = () => ({
-          className: 'active'
-        }),
-        getInactiveProps = () => ({}),
-        activeOptions,
-        preload,
-        preloadMaxAge: userPreloadMaxAge,
-        preloadDelay: userPreloadDelay,
-        disabled,
-        from,
-        ref
-      } = _ref4;
-
-      // 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 null;
-      } catch (e) {}
-
-      const next = this.buildNext({
-        to,
-        search,
-        hash,
-        from
-      });
-      preload = (_preload = preload) != null ? _preload : this.defaultLinkPreload;
-      const preloadMaxAge = (_ref5 = userPreloadMaxAge != null ? userPreloadMaxAge : this.defaultLinkPreloadMaxAge) != null ? _ref5 : 2000;
-      const preloadDelay = (_ref6 = userPreloadDelay != null ? userPreloadDelay : this.defaultLinkPreloadDelay) != null ? _ref6 : 50; // Compare path/hash for matches
-
-      const pathIsEqual = this.state.location.pathname === next.pathname;
-      const currentPathSplit = this.state.location.pathname.split('/');
-      const nextPathSplit = next.pathname.split('/');
-      const pathIsFuzzyEqual = nextPathSplit.every((d, i) => d === currentPathSplit[i]);
-      const hashIsEqual = this.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 isActive = pathTest && hashTest; // Get the active props
-
-      const activeProps = isActive ? getActiveProps() : {}; // Get the inactive props
-
-      const inactiveProps = isActive ? {} : getInactiveProps(); // The click handler
-
-      const handleClick = e => {
-        if (!disabled && !isCtrlEvent(e) && !e.defaultPrevented && (!target || target === '_self') && e.button === 0) {
-          e.preventDefault();
-
-          if (pathIsEqual && !search && !hash) {
-            this.invalidateRoute({
-              to,
-              search,
-              from
-            });
-          } // All is well? Navigate!)
-
-
-          this.navigate({
-            to,
-            search,
-            hash,
-            replace,
-            from
-          });
-        }
-      }; // The click handler
-
-
-      const handleFocus = e => {
-        if (preload && preloadMaxAge > 0) {
-          this.loadRoute({
-            to,
-            search,
-            hash,
-            from
-          }, {
-            maxAge: preloadMaxAge
-          });
-        }
-      };
-
-      const handleEnter = e => {
-        if (preload && preloadMaxAge > 0) {
-          if (ref.preloadTimeout) {
-            return;
-          }
-
-          ref.preloadTimeout = setTimeout(() => {
-            ref.preloadTimeout = null;
-            this.loadRoute({
-              to,
-              search,
-              hash,
-              from
-            }, {
-              maxAge: preloadMaxAge
-            });
-          }, preloadDelay);
-        }
-      };
-
-      const handleLeave = e => {
-        if (ref.preloadTimeout) {
-          clearTimeout(ref.preloadTimeout);
-          ref.preloadTimeout = null;
-        }
-      };
-
-      return {
-        next,
-        handleFocus,
-        handleClick,
-        handleEnter,
-        handleLeave,
-        activeProps,
-        inactiveProps,
-        isActive
-      };
-    };
-
-    this.__experimental__createSnapshot = () => {
-      return _rollupPluginBabelHelpers["extends"]({}, this.state, {
-        matches: this.state.matches.map(_ref7 => {
-          let {
-            data,
-            id
-          } = _ref7;
-          return {
-            id,
-            data
-          };
-        })
-      });
-    };
-
-    this.history = (options == null ? void 0 : options.history) || createDefaultHistory();
-    this.stringifySearch = (_options$stringifySea = options == null ? void 0 : options.stringifySearch) != null ? _options$stringifySea : defaultStringifySearch;
-    this.parseSearch = (_options$parseSearch = options == null ? void 0 : options.parseSearch) != null ? _options$parseSearch : defaultParseSearch;
-    this.location = this.parseLocation(this.history.location);
-    this.destroy = this.history.listen(event => {
-      console.log('listen');
-      this.loadLocation(this.parseLocation(event.location, this.location));
-    });
-    let _matches = [];
-
-    const __experimental__snapshot = options == null ? void 0 : options.__experimental__snapshot;
-
-    this.state = {
-      status: 'idle',
-      location: (_experimental__snaps = __experimental__snapshot == null ? void 0 : __experimental__snapshot.location) != null ? _experimental__snaps : this.location,
-      matches: _matches,
-      actions: {},
-      loaderData: {},
-      lastUpdated: Date.now()
-    };
-  }
-
-}
-class RouteMatch {
-  constructor(router, unloadedMatch) {
-    this.isInvalid = false;
-    this.status = 'idle';
-    this.data = {};
-    this.isPending = false;
-    this.abortController = new AbortController();
-
-    this.resolve = () => {};
-
-    this.notify = () => {
-      this.resolve();
-      this.router.notify();
-    };
-
-    this.cancel = () => {
-      var _this$abortController;
-
-      (_this$abortController = this.abortController) == null ? void 0 : _this$abortController.abort();
-      this.cancelPending();
-    };
-
-    this.startPending = () => {
-      if (this.pendingTimeout || this.status !== 'loading' || typeof this.route.pendingMs === 'undefined') {
-        return;
-      }
-
-      this.pendingTimeout = setTimeout(() => {
-        this.isPending = true;
-        this.resolve();
-
-        if (typeof this.route.pendingMinMs !== 'undefined') {
-          this.pendingMinPromise = new Promise(r => setTimeout(r, this.route.pendingMinMs));
-        }
-      }, this.route.pendingMs);
-    };
-
-    this.cancelPending = () => {
-      this.isPending = false;
-      clearTimeout(this.pendingTimeout);
-    };
-
-    this.setParentMatch = parentMatch => {
-      this.parentMatch = parentMatch;
-    };
-
-    this.load = () => {
-      // If the match was in an error state, set it
-      // to a loading state again. Otherwise, keep it
-      // as loading or resolved
-      if (this.status === 'error' || this.status === 'idle') {
-        this.status = 'loading';
-      } // We started loading the route, so it's no longer invalid
-
-
-      this.isInvalid = false;
-      return new Promise(async resolve => {
-        this.resolve = resolve;
-
-        if (!this.loaderPromise) {
-          this.loaderPromise = (async () => {
-            const importer = this.route.import; // First, run any importers
-
-            if (importer) {
-              this.importPromise = importer({
-                params: this.params,
-                search: this.search
-              }).then(imported => {
-                this.route = _rollupPluginBabelHelpers["extends"]({}, this.route, imported);
-              });
-            } // Wait for the importer to finish before
-            // attempting to load elements and data
-
-
-            await this.importPromise; // Next, load the elements and data in parallel
-
-            this.elementsPromise = (async () => {
-              // then run all element and data loaders in parallel
-              // For each element type, potentially load it asynchronously
-              const elementTypes = ['element', 'errorElement', 'pendingElement'];
-              await Promise.all(elementTypes.map(async type => {
-                const routeElement = this.route[type];
-
-                if (this[type]) {
-                  return;
-                }
-
-                if (typeof routeElement === 'function') {
-                  const res = await routeElement(this);
-                  this[type] = res;
-                } else {
-                  this[type] = this.route[type];
-                }
-              }));
-            })();
-
-            this.dataPromise = Promise.resolve().then(async () => {
-              try {
-                var _this$route$loader, _this$route;
-
-                const data = await ((_this$route$loader = (_this$route = this.route).loader) == null ? void 0 : _this$route$loader.call(_this$route, this, {
-                  match: this,
-                  signal: this.abortController.signal,
-                  router: this.router
-                }));
-                this.data = replaceEqualDeep(this.data, data || {});
-                this.error = undefined;
-                this.status = 'success';
-                this.updatedAt = Date.now();
-              } catch (err) {
-                if (process.env.NODE_ENV === 'development') {
-                  console.error(err);
-                }
-
-                this.error = err;
-                this.status = 'error';
-                this.updatedAt = Date.now();
-              }
-            });
-
-            try {
-              await Promise.all([this.elementsPromise, this.dataPromise]);
-
-              if (this.pendingMinPromise) {
-                await this.pendingMinPromise;
-                delete this.pendingMinPromise;
-              }
-            } finally {
-              this.cancelPending();
-              this.isPending = false;
-              this.notify();
-            }
-          })();
-        }
-
-        await this.loaderPromise;
-        delete this.loaderPromise;
-      });
-    };
-
-    this.router = router;
-    Object.assign(this, unloadedMatch);
-  }
-
-}
-function matchRoute(currentLocation, matchLocation) {
-  const pathParams = matchByPath(currentLocation, matchLocation);
-  const searchMatched = matchBySearch(currentLocation, matchLocation);
-
-  if (matchLocation.to && !pathParams) {
-    return;
-  }
-
-  if (matchLocation.search && !searchMatched) {
-    return;
-  }
-
-  return pathParams != null ? pathParams : {};
-}
-
-function interpolatePath(path, params, leaveWildcard) {
-  const interpolatedPathSegments = parsePathname(path);
-  return joinPaths(interpolatedPathSegments.map(segment => {
-    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 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 joinPaths(paths) {
-  return cleanPath(paths.filter(Boolean).join('/'));
-}
-
-function cleanPath(path) {
-  // remove double slashes
-  return ("" + path).replace(/\/{2,}/g, '/');
-}
-function matchByPath(currentLocation, matchLocation) {
-  var _matchLocation$to;
-
-  const baseSegments = parsePathname(currentLocation.pathname);
-  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) {
-                return false;
-              }
-            } else if (routeSegment.value.toLowerCase() !== baseSegment.value.toLowerCase()) {
-              return false;
-            }
-          }
-        }
-
-        if (!baseSegment) {
-          return false;
-        }
-
-        if (routeSegment.type === 'param') {
-          params[routeSegment.value.substring(1)] = baseSegment.value;
-        }
-      }
-
-      if (isLastRouteSegment && !isLastBaseSegment) {
-        return !!matchLocation.fuzzy;
-      }
-    }
-
-    return true;
-  })();
-
-  return isMatch ? params : undefined;
-}
-
-function matchBySearch(currentLocation, matchLocation) {
-  return !!(matchLocation.search && matchLocation.search(currentLocation.search));
-}
-
-function parsePathname(pathname) {
-  if (!pathname) {
-    return [];
-  }
-
-  pathname = cleanPath(pathname);
-  const segments = [];
-
-  if (pathname.slice(0, 1) === '/') {
-    pathname = pathname.substring(1);
-    segments.push({
-      type: 'pathname',
-      value: '/'
-    });
-  }
-
-  if (!pathname) {
-    return segments;
-  } // Remove empty segments and '.' segments
-
-
-  const split = pathname.split('/').filter(Boolean);
-  segments.push(...split.map(part => {
-    if (part.startsWith('*')) {
-      return {
-        type: 'wildcard',
-        value: part
-      };
-    }
-
-    if (part.charAt(0) === ':') {
-      return {
-        type: 'param',
-        value: part
-      };
-    }
-
-    return {
-      type: 'pathname',
-      value: part
-    };
-  }));
-
-  if (pathname.slice(-1) === '/') {
-    pathname = pathname.substring(1);
-    segments.push({
-      type: 'pathname',
-      value: '/'
-    });
-  }
-
-  return segments;
-}
-function resolvePath(basepath, base, to) {
-  base = base.replace(new RegExp("^" + basepath), '/').replace(/(.+)\/$/, (_, group) => group);
-  to = to.replace(new RegExp("^" + basepath), '/');
-  let baseSegments = parsePathname(base);
-  const toSegments = parsePathname(to);
-  toSegments.forEach((toSegment, index) => {
-    if (toSegment.value === '/') {
-      if (!index) {
-        // Leading slash
-        baseSegments = [toSegment];
-      } else if (index === toSegments.length - 1) {
-        // Trailing Slash
-        baseSegments.push(toSegment);
-      } else ;
-    } else if (toSegment.value === '..') {
-      baseSegments.pop();
-    } else if (toSegment.value === '.') {
-      return;
-    } else {
-      baseSegments.push(toSegment);
-    }
-  });
-  const joined = joinPaths([basepath, ...baseSegments.map(d => d.value)]);
-  return cleanPath(joined);
-}
-/**
- * This function returns `a` if `b` is deeply equal.
- * If not, it will replace any deeply equal children of `b` with those of `a`.
- * This can be used for structural sharing between JSON values for example.
- */
-
-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
-
-function isPlainObject(o) {
-  if (!hasObjectPrototype(o)) {
-    return false;
-  } // If has modified constructor
-
-
-  const ctor = o.constructor;
-
-  if (typeof ctor === 'undefined') {
-    return true;
-  } // If has modified prototype
-
-
-  const prot = ctor.prototype;
-
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  } // If constructor does not have an Object-specific method
-
-
-  if (!prot.hasOwnProperty('isPrototypeOf')) {
-    return false;
-  } // Most likely a plain Object
-
-
-  return true;
-}
-
-function hasObjectPrototype(o) {
-  return Object.prototype.toString.call(o) === '[object Object]';
-}
-
-const defaultParseSearch = parseSearchWith(JSON.parse);
-const defaultStringifySearch = stringifySearchWith(JSON.stringify);
-function parseSearchWith(parser) {
-  return searchStr => {
-    if (searchStr.substring(0, 1) === '?') {
-      searchStr = searchStr.substring(1);
-    }
-
-    let query = qss.decode(searchStr); // 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) {//
-        }
-      }
-    }
-
-    return query;
-  };
-}
-function stringifySearchWith(stringify) {
-  return search => {
-    search = _rollupPluginBabelHelpers["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
-          }
-        }
-      });
-    }
-
-    const searchStr = qss.encode(search).toString();
-    return searchStr ? "?" + searchStr : '';
-  };
-}
-
-function isCtrlEvent(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-
-function last(arr) {
-  return arr[arr.length - 1];
-}
-
-exports.createBrowserHistory = index.createBrowserHistory;
-exports.createHashHistory = index.createHashHistory;
-exports.createMemoryHistory = index.createMemoryHistory;
-exports.RouteMatch = RouteMatch;
-exports.RouterInstance = RouterInstance;
-exports.cleanPath = cleanPath;
-exports.defaultParseSearch = defaultParseSearch;
-exports.defaultStringifySearch = defaultStringifySearch;
-exports.functionalUpdate = functionalUpdate;
-exports.matchByPath = matchByPath;
-exports.matchRoute = matchRoute;
-exports.parsePathname = parsePathname;
-exports.parseSearchWith = parseSearchWith;
-exports.replaceEqualDeep = replaceEqualDeep;
-exports.resolvePath = resolvePath;
-exports.stringifySearchWith = stringifySearchWith;
-exports.warning = warning;
-//# sourceMappingURL=index.js.map