mobx-route 1.2.3 → 1.3.1

package/index.js

@@ -1,744 +1,16 @@
-import { isObservableHistory, createBrowserHistory, createQueryParams, buildSearchString } from "mobx-location-history";
 export * from "mobx-location-history";
-import { createGlobalDynamicConfig } from "yummies/complex";
-import { computed, observable, reaction, runInAction, action } from "mobx";
-import { match, compile, parse } from "path-to-regexp";
-import { applyObservable } from "yummies/mobx";
-import { callFunction } from "yummies/common";
-const routeConfig = createGlobalDynamicConfig(
-  (update, current) => {
-    let history;
-    let queryParams;
-    if (update?.history) {
-      history = update.history;
-      queryParams = update.queryParams;
-      if (current?.history && isObservableHistory(current.history)) {
-        current.history.destroy();
-      }
-    } else if (current?.history) {
-      history = current.history;
-      queryParams = update?.queryParams ?? current.queryParams;
-    } else {
-      history = createBrowserHistory();
-    }
-    queryParams ??= createQueryParams({ history });
-    return {
-      ...update,
-      history,
-      queryParams
-    };
-  },
-  /* @__PURE__ */ Symbol.for("MOBX_ROUTE_CONFIG")
-);
-const annotations$3 = [
-  [
-    computed,
-    "isPathMatched",
-    "isOpened",
-    "isOpening",
-    "path",
-    "absolutePath",
-    "hasOpenedChildren",
-    "isAbleToMergeQuery",
-    "baseUrl"
-  ],
-  [computed.struct, "parsedPathData", "params"],
-  [observable, "children"],
-  [observable.ref, "parent", "status"]
-];
-class Route {
-  constructor(pathDeclaration, config = {}) {
-    this.config = config;
-    this.history = config.history ?? routeConfig.get().history;
-    this.query = config.queryParams ?? routeConfig.get().queryParams;
-    this.pathDeclaration = pathDeclaration;
-    this.isIndex = !!this.config.index;
-    this.isHash = !!this.config.hash;
-    this.meta = this.config.meta;
-    this.status = "unknown";
-    this.parent = config.parent ?? null;
-    applyObservable(this, annotations$3);
-    if (this.config.abortSignal?.aborted) {
-      this.isDestroyed = true;
-    } else {
-      this.disposer = reaction(() => this.isPathMatched, this.checkPathMatch, {
-        fireImmediately: true
-      });
-      this.config.abortSignal?.addEventListener("abort", () => this.destroy(), {
-        once: true
-      });
-    }
-  }
-  config;
-  isDestroyed;
-  disposer;
-  history;
-  /**
-   * Parent route.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#parent)
-   */
-  parent;
-  query;
-  _tokenData;
-  _matcher;
-  _compiler;
-  ignoreOpenByPathMatch = false;
-  status;
-  meta;
-  /**
-   * Route path pattern declaration.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#pathdeclaration)
-   */
-  pathDeclaration;
-  /**
-   * Indicates if this route is an index route. Index routes activate when parent route path matches exactly.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#isindex)
-   */
-  isIndex;
-  /**
-   * Indicates if this route is an hash route.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#ishash)
-   */
-  isHash;
-  /**
-   * Array of child routes.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#children)
-   */
-  children = [];
-  get baseUrl() {
-    const baseUrl = this.config.baseUrl ?? routeConfig.get().baseUrl;
-    return baseUrl?.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
-  }
-  /**
-   * Checks whether current route matches provided path.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#matchpath)
-   */
-  matchPath(path) {
-    let pathnameToCheck;
-    if (path != null) {
-      pathnameToCheck = path;
-    } else if (this.isHash) {
-      pathnameToCheck = this.history.location.hash.slice(1);
-    } else {
-      pathnameToCheck = this.history.location.pathname;
-    }
-    if (this.baseUrl) {
-      if (!pathnameToCheck.startsWith(this.baseUrl)) {
-        return null;
-      }
-      pathnameToCheck = pathnameToCheck.replace(this.baseUrl, "");
-    }
-    if ((this.pathDeclaration === "" || this.pathDeclaration === "/") && (pathnameToCheck === "/" || pathnameToCheck === "")) {
-      return { params: {}, path: pathnameToCheck };
-    }
-    this._matcher ??= match(this.tokenData, {
-      end: this.config.exact ?? false,
-      ...this.config.matchOptions
-    });
-    const parsed = this._matcher(pathnameToCheck);
-    if (parsed === false) {
-      return null;
-    }
-    return parsed;
-  }
-  get parsedPathData() {
-    return this.matchPath();
-  }
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#isopening)
-   *
-   * Also true in the short gap after history already matches this route but
-   * `confirmOpening` has not started yet (e.g. browser Back) — otherwise every
-   * route looks closed for one tick and RouteViewGroup unmounts the page.
-   */
-  get isOpening() {
-    if (this.status === "opening") {
-      return true;
-    }
-    if (this.isDestroyed || !this.isPathMatched || this.params === null || this.status === "open-confirmed" || this.status === "open-rejected") {
-      return false;
-    }
-    return this.status === "closed" || this.status === "unknown";
-  }
-  /**
-   * Matched path segment for current URL.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#path)
-   */
-  get path() {
-    return this.parsedPathData?.path ?? null;
-  }
-  /**
-   * Matched path segment for current URL with base URL.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#absolutepath)
-   */
-  get absolutePath() {
-    const path = this.path;
-    if (path === null) {
-      return null;
-    }
-    return `${this.baseUrl || ""}${path}`;
-  }
-  /**
-   * Current parsed path parameters.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#params)
-   */
-  get params() {
-    if (!this.parsedPathData?.params) {
-      return null;
-    }
-    let params = this.parsedPathData?.params ?? null;
-    if (this.config.params) {
-      const result = this.config.params(
-        this.parsedPathData.params,
-        this.config.meta
-      );
-      if (result) {
-        params = result;
-      } else {
-        return null;
-      }
-    }
-    return params;
-  }
-  get isPathMatched() {
-    return this.parsedPathData !== null;
-  }
-  /**
-   * Defines the "open" state for this route.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#isopened)
-   */
-  get isOpened() {
-    if (this.isDestroyed || !this.isPathMatched || this.params === null || this.status !== "open-confirmed") {
-      return false;
-    }
-    return (
-      // this.parsedPathData is defined because this.params !== null
-      !this.config.checkOpened || this.config.checkOpened(this.parsedPathData)
-    );
-  }
-  /**
-   * Allows to create child route based on this route with merging this route path and extending path.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#extend)
-   */
-  extend(pathDeclaration, config) {
-    const { index, params, exact, ...configFromCurrentRoute } = this.config;
-    const extendedChild = new Route(`${this.pathDeclaration}${pathDeclaration}`, {
-      ...configFromCurrentRoute,
-      ...config,
-      parent: this
-    });
-    this.addChildren(extendedChild);
-    return extendedChild;
-  }
-  /**
-   * Manually add child routes.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#addchildren)
-   */
-  addChildren(...routes) {
-    this.children.push(...routes);
-  }
-  /**
-   * Remove specified routes from children.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#removechildren)
-   */
-  removeChildren(...routes) {
-    this.children = this.children.filter((child) => !routes.includes(child));
-  }
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#hasopenedchildren)
-   */
-  get hasOpenedChildren() {
-    return this.children.some(
-      (child) => child.isOpened || child.hasOpenedChildren
-    );
-  }
-  processParams(params) {
-    if (params == null) return void 0;
-    return Object.entries(params).reduce((acc, [key, value]) => {
-      if (value != null) {
-        acc[key] = Array.isArray(value) ? value.map(String) : String(value);
-      }
-      return acc;
-    }, {});
-  }
-  /**
-   * Generates full route URL.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#createurl)
-   */
-  createUrl(...args) {
-    const params = args[0];
-    const rawQuery = args[1];
-    const mergeQueryOrOutputParams = args[2] ?? this.isAbleToMergeQuery;
-    const outputParams = typeof mergeQueryOrOutputParams === "boolean" ? { mergeQuery: mergeQueryOrOutputParams } : mergeQueryOrOutputParams;
-    const query = outputParams?.mergeQuery ? { ...this.query.data, ...rawQuery } : rawQuery ?? {};
-    this._compiler ??= compile(this.tokenData);
-    const defaultUrlCreateParams = {
-      baseUrl: this.baseUrl,
-      params,
-      query
-    };
-    const urlCreateParams = this.config.createUrl?.(defaultUrlCreateParams, this.query.data) ?? routeConfig.get().createUrl?.(defaultUrlCreateParams, this.query.data) ?? defaultUrlCreateParams;
-    let path;
-    try {
-      path = this._compiler(this.processParams(urlCreateParams.params));
-    } catch (e) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(
-          'Error #1: Route path compilation failed\nThe path pattern could not be built into a URL (often missing or invalid params for a `:param` segment). Using fallbackPath or "/".\nSee docs: https://js2me.github.io/mobx-route/errors/1',
-          e
-        );
-      } else {
-        console.error("minified error #1;see mobx-route docs", e);
-      }
-      path = this.config.fallbackPath ?? routeConfig.get().fallbackPath ?? "/";
-    }
-    const url = `${urlCreateParams.baseUrl || ""}${this.isHash ? "#" : ""}${path}`;
-    if (outputParams?.omitQuery) {
-      return url;
-    }
-    return `${url}${buildSearchString(urlCreateParams.query)}`;
-  }
-  /**
-   * Navigates to this route.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#open)
-   */
-  async open(...args) {
-    const {
-      replace,
-      state: rawState,
-      query: rawQuery,
-      mergeQuery: rawMergeQuery
-    } = typeof args[1] === "boolean" || args.length > 2 ? { replace: args[1], query: args[2] } : args[1] ?? {};
-    let url;
-    let params;
-    const mergeQuery = rawMergeQuery ?? this.isAbleToMergeQuery;
-    const query = mergeQuery ? { ...this.query.data, ...rawQuery } : rawQuery;
-    if (typeof args[0] === "string") {
-      url = args[0];
-    } else {
-      params = args[0];
-      url = this.createUrl(args[0], query);
-    }
-    const state = rawState ?? null;
-    const trx = {
-      url,
-      params,
-      replace,
-      state,
-      query
-    };
-    this.ignoreOpenByPathMatch = true;
-    const isConfirmed = await this.confirmOpening(trx);
-    if (isConfirmed !== true) {
-      this.ignoreOpenByPathMatch = false;
-    }
-  }
-  get tokenData() {
-    if (!this._tokenData) {
-      this._tokenData = parse(this.pathDeclaration, this.config.parseOptions);
-    }
-    return this._tokenData;
-  }
-  async confirmOpening(trx) {
-    runInAction(() => {
-      this.status = "opening";
-    });
-    let skipHistoryUpdate = !!trx.preferSkipHistoryUpdate;
-    if (skipHistoryUpdate) {
-      this.ignoreOpenByPathMatch = false;
-    }
-    if (this.config.beforeOpen) {
-      const feedback = await this.config.beforeOpen(trx);
-      if (feedback === false) {
-        runInAction(() => {
-          this.status = "open-rejected";
-        });
-        return;
-      }
-      if (typeof feedback === "object") {
-        skipHistoryUpdate = false;
-        Object.assign(trx, feedback);
-      }
-    }
-    if (this.isDestroyed) {
-      return;
-    }
-    if (!skipHistoryUpdate) {
-      if (trx.replace) {
-        this.history.replace(trx.url, trx.state);
-      } else {
-        this.history.push(trx.url, trx.state);
-      }
-    }
-    if (this.isPathMatched) {
-      runInAction(() => {
-        this.status = "open-confirmed";
-      });
-      this.config.afterOpen?.(this.parsedPathData, this);
-    }
-    return true;
-  }
-  confirmClosing() {
-    runInAction(() => {
-      this.status = "closed";
-    });
-    return true;
-  }
-  firstPathMatchingRun = true;
-  checkPathMatch = async (isPathMathched) => {
-    if (this.firstPathMatchingRun) {
-      this.firstPathMatchingRun = false;
-      if (!isPathMathched) {
-        return;
-      }
-    }
-    if (isPathMathched) {
-      if (this.ignoreOpenByPathMatch) {
-        this.ignoreOpenByPathMatch = false;
-        if (this.status === "opening" && this.parsedPathData) {
-          runInAction(() => {
-            this.status = "open-confirmed";
-          });
-          this.config.afterOpen?.(this.parsedPathData, this);
-        }
-        return;
-      }
-      if (this.status !== "opening" && this.status !== "open-confirmed") {
-        runInAction(() => {
-          this.status = "opening";
-        });
-      }
-      const trx = {
-        url: this.parsedPathData.path,
-        params: this.parsedPathData.params,
-        state: this.history.location.state,
-        query: this.query.data,
-        preferSkipHistoryUpdate: true
-      };
-      await this.confirmOpening(trx);
-    } else {
-      this.ignoreOpenByPathMatch = false;
-      const isConfirmed = this.confirmClosing();
-      if (isConfirmed) {
-        this.config.afterClose?.();
-      }
-    }
-  };
-  get isAbleToMergeQuery() {
-    return this.config.mergeQuery ?? routeConfig.get().mergeQuery;
-  }
-  /**
-   * Destroys route subscriptions and reactions.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/Route.html#destroy)
-   */
-  destroy() {
-    this.isDestroyed = true;
-    this.disposer?.();
-    this.disposer = void 0;
-  }
-}
-const createRoute = (path, config) => new Route(path, config);
-const annotations$2 = [
-  [computed, "isOpened", "indexRoute", "canNavigate"],
-  [observable.shallow, "routes"]
-];
-class RouteGroup {
-  constructor(routes, _indexRoute) {
-    this._indexRoute = _indexRoute;
-    this.routes = routes;
-    applyObservable(this, annotations$2);
-  }
-  _indexRoute;
-  routes;
-  /**
-   * Returns true if at least one route in the group is open.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/groupRoutes.html#isopened)
-   */
-  get isOpened() {
-    const routes = Object.values(this.routes);
-    return routes.some(
-      (route) => route.isOpened || "hasOpenedChildren" in route && route.hasOpenedChildren
-    );
-  }
-  /**
-   * First found index route.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/groupRoutes.html#indexroute)
-   */
-  get indexRoute() {
-    return this._indexRoute ?? Object.values(this.routes).find(
-      (route) => "isIndex" in route && route.isIndex
-    );
-  }
-  /**
-   * `true` if `open()` has a target to navigate to —
-   * either an own index route or a nested `RouteGroup` that itself can navigate.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/groupRoutes.html#cannavigate)
-   */
-  get canNavigate() {
-    if (this.indexRoute) return true;
-    for (const routeName in this.routes) {
-      const route = this.routes[routeName];
-      if (route instanceof RouteGroup && route.canNavigate) {
-        return true;
-      }
-    }
-    return false;
-  }
-  /**
-   * Main navigation method for the group.
-   *
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/groupRoutes.html#open)
-   */
-  open(...args) {
-    if (this.indexRoute && "open" in this.indexRoute) {
-      this.indexRoute.open(...args);
-      return;
-    }
-    for (const routeName in this.routes) {
-      const route = this.routes[routeName];
-      if (route instanceof RouteGroup && route.canNavigate) {
-        route.open(...args);
-        return;
-      }
-    }
-    if (process.env.NODE_ENV !== "production") {
-      console.warn(
-        "Warning #1: RouteGroup.open() cannot navigate\nThis group has no index route (`index: true` or `groupRoutes(routes, indexRoute)`) and no navigable nested RouteGroup, so open() does nothing.\nSee docs: https://js2me.github.io/mobx-route/warnings/1"
-      );
-    } else {
-      console.warn("minified warning #1;see mobx-route docs");
-    }
-  }
-}
-const groupRoutes = (routes, indexRoute) => new RouteGroup(routes, indexRoute);
-const annotations$1 = [
-  [computed.struct, "location"]
-];
-class Router {
-  routes;
-  history;
-  query;
-  constructor(config) {
-    this.routes = config.routes;
-    this.history = config.history ?? routeConfig.get().history;
-    this.query = config.queryParams ?? routeConfig.get().queryParams;
-    applyObservable(this, annotations$1);
-  }
-  get location() {
-    return this.history.location;
-  }
-  navigate(url, options) {
-    const query = options?.mergeQuery ?? routeConfig.get().mergeQuery ? { ...this.query.data, ...options?.query } : { ...options?.query };
-    const searchString = buildSearchString(query);
-    const navigationUrl = `${url}${searchString}`;
-    if (options?.replace) {
-      this.history.replace(navigationUrl, options?.state);
-    } else {
-      this.history.push(navigationUrl, options?.state);
-    }
-  }
-}
-const createRouter = (config) => new Router(config);
+import { R, a, b, V, c, d, e, g, r } from "./virtual-route-fZzKp_7K.js";
 const isRouteEntity = (route) => route && "isOpened" in route;
-const annotations = [
-  [observable, "params"],
-  [observable.ref, "status", "trx", "openChecker", "isOuterOpened"],
-  [computed, "isOpened", "isOpening", "isClosing"],
-  [action, "setOpenChecker", "open", "close", "destroy"]
-];
-class VirtualRoute {
-  constructor(config = {}) {
-    this.config = config;
-    this.query = config.queryParams ?? routeConfig.get().queryParams;
-    this.params = callFunction(config.initialParams, this) ?? null;
-    this.openChecker = config.checkOpened;
-    this.skipAutoOpenClose = false;
-    this.isOuterOpened = this.openChecker?.(this);
-    this.status = this.isOuterOpened ? "opened" : "unknown";
-    applyObservable(this, annotations);
-    if (this.config.abortSignal?.aborted) {
-      this.isDestroyed = true;
-    } else {
-      this.disposer = reaction(
-        () => this.openChecker?.(this),
-        action((isOuterOpened) => {
-          this.isOuterOpened = isOuterOpened;
-          if (this.skipAutoOpenClose || this.status === "closing" || this.status === "opening") {
-            return;
-          }
-          if (this.isOuterOpened) {
-            if (this.status === "opened") {
-              return;
-            }
-            void this.confirmOpening({
-              params: this.params ?? null,
-              ...this.config.getAutoOpenParams?.(this)
-            });
-          } else {
-            if (this.status === "closed" || this.status === "unknown") {
-              return;
-            }
-            void this.confirmClosing();
-          }
-        }),
-        { signal: this.config.abortSignal, fireImmediately: true }
-      );
-    }
-    if (this.status === "opened") {
-      this.config.afterOpen?.(this.params, this);
-    }
-  }
-  config;
-  isDestroyed;
-  disposer;
-  query;
-  params;
-  status;
-  openChecker;
-  trx;
-  skipAutoOpenClose;
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/VirtualRoute.html#isouteropened)
-   */
-  isOuterOpened;
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/VirtualRoute.html#isopened)
-   */
-  get isOpened() {
-    return !this.isDestroyed && this.status === "opened" && this.isOuterOpened !== false;
-  }
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/VirtualRoute.html#isopening)
-   */
-  get isOpening() {
-    return this.status === "opening";
-  }
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/VirtualRoute.html#isclosing)
-   */
-  get isClosing() {
-    return this.status === "closing";
-  }
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/VirtualRoute.html#setopenchecker)
-   */
-  setOpenChecker(openChecker) {
-    this.openChecker = openChecker;
-  }
-  async open(...args) {
-    const params = args[0] ?? null;
-    const extra = args[1];
-    this.skipAutoOpenClose = true;
-    this.trx = {
-      params,
-      extra,
-      manual: true
-    };
-    await this.confirmOpening(this.trx);
-    this.skipAutoOpenClose = false;
-  }
-  /**
-   * [**Documentation**](https://js2me.github.io/mobx-route/core/VirtualRoute.html#close)
-   */
-  async close() {
-    this.skipAutoOpenClose = true;
-    const result = await this.confirmClosing();
-    this.skipAutoOpenClose = false;
-    return result;
-  }
-  async confirmOpening(trx) {
-    runInAction(() => {
-      this.trx = void 0;
-      this.status = "opening";
-    });
-    if (await this.config.beforeOpen?.(trx.params, this) === false) {
-      runInAction(() => {
-        this.status = "open-rejected";
-        this.trx = void 0;
-      });
-      return;
-    }
-    if (await this.config.open?.(trx.params, this) === false) {
-      runInAction(() => {
-        this.status = "open-rejected";
-        this.trx = void 0;
-      });
-      return;
-    }
-    runInAction(() => {
-      if (trx.extra?.query) {
-        this.query.update(trx.extra.query, trx.extra.replace);
-      }
-      this.trx = void 0;
-      this.params = trx.params;
-      this.status = "opened";
-      this.config.afterOpen?.(this.params, this);
-    });
-    return true;
-  }
-  async confirmClosing() {
-    if (this.status === "closed") {
-      return true;
-    }
-    const lastStatus = this.status;
-    runInAction(() => {
-      this.status = "closing";
-    });
-    if (await this.config.beforeClose?.() === false) {
-      runInAction(() => {
-        this.status = lastStatus;
-      });
-      return;
-    }
-    if (this.config.close?.(this) === false) {
-      runInAction(() => {
-        this.status = lastStatus;
-      });
-      return;
-    }
-    runInAction(() => {
-      this.status = "closed";
-      this.params = null;
-    });
-    this.config.afterClose?.();
-    return true;
-  }
-  destroy() {
-    this.isDestroyed = true;
-    this.status = "unknown";
-    this.disposer?.();
-  }
-}
-const createVirtualRoute = (config) => new VirtualRoute(config);
 export {
-  Route,
-  RouteGroup,
-  Router,
-  VirtualRoute,
-  createRoute,
-  createRouter,
-  createVirtualRoute,
-  groupRoutes,
+  R as Route,
+  a as RouteGroup,
+  b as Router,
+  V as VirtualRoute,
+  c as createRoute,
+  d as createRouter,
+  e as createVirtualRoute,
+  g as groupRoutes,
   isRouteEntity,
-  routeConfig
+  r as routeConfig
 };
 //# sourceMappingURL=index.js.map