@lwrjs/router 0.6.4 → 0.7.0-alpha.2

package/build/cjs/modules/lwr/domRouter/domRouter.cjs

@@ -0,0 +1,271 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/domRouter/domRouter.ts
+__markAsModule(exports);
+__export(exports, {
+  DomRouterImpl: () => DomRouterImpl,
+  NAV_EVENT: () => NAV_EVENT,
+  PARENT_EVENT: () => PARENT_EVENT,
+  createDomRouter: () => createDomRouter
+});
+var import_navigation = __toModule(require("lwr/navigation"));
+var import_contextProvider = __toModule(require("lwr/contextProvider"));
+var import_routerErrors = __toModule(require("lwr/routerErrors"));
+var import_routerUtils = __toModule(require("lwr/routerUtils"));
+var import_observable = __toModule(require("lwr/observable"));
+var import_metrics = __toModule(require("lwr/metrics"));
+var import_profiler = __toModule(require("lwr/profiler"));
+var import_navigationMixinHacks = __toModule(require("lwr/navigationMixinHacks"));
+var NAV_EVENT = `universalcontainernavigationevent${(0, import_routerUtils.guid)()}`;
+var PARENT_EVENT = `universalcontainerparentevent${(0, import_routerUtils.guid)()}`;
+var DomRouterImpl = class {
+  constructor(config, router, target) {
+    this.pendingRoute = null;
+    this.committedRoute = null;
+    this.contextId = Object.freeze(() => void 0);
+    this.connected = false;
+    this.preNavFilters = (0, import_routerUtils.createFilterChain)();
+    this.errorNavFilters = (0, import_routerUtils.createFilterChain)();
+    this._handleNavigationEvent = (event) => {
+      const navigationEvent = event;
+      if (navigationEvent.detail && typeof navigationEvent.detail === "object") {
+        const {url, replace, address} = navigationEvent.detail;
+        const continueNavigation = this.config.handleNavigation(address, replace);
+        if (!continueNavigation) {
+          navigationEvent.stopPropagation();
+        } else {
+          if (this.root && !url) {
+            this.root.processError((0, import_routerErrors.generateMessageObject)(import_routerErrors.messages.MISSING_URL, [JSON.stringify(address)]));
+          } else if (!this.parent) {
+            this.process(url, replace);
+          }
+        }
+      }
+    };
+    this._handleParentEvent = (event) => {
+      event.stopImmediatePropagation();
+      const parentRouterEvent = event;
+      if (parentRouterEvent && parentRouterEvent.detail && typeof parentRouterEvent.detail === "function") {
+        parentRouterEvent.detail(this);
+      }
+    };
+    this.config = {
+      handleNavigation: config.handleNavigation || (() => true)
+    };
+    this.target = target || window;
+    this.router = router;
+    this.routeObservable = (0, import_observable.createObservable)();
+  }
+  get root() {
+    if (!this.parent) {
+      return this;
+    }
+    let maybe = this.parent;
+    while (maybe) {
+      if (!maybe.parent) {
+        return maybe;
+      }
+      maybe = maybe.parent;
+    }
+    throw new Error("No root router could be found");
+  }
+  updateWires(result, url, error) {
+    if (error) {
+      this.processError(error);
+    } else {
+      if (this.committedRoute && result.route === this.committedRoute.route) {
+        return;
+      }
+      (0, import_profiler.logOperationEnd)({id: import_metrics.ROUTER_VIEW, specifier: this.eventId});
+      this.pendingRoute = this.pendingRoute || {...result, url};
+      this.committedRoute = {...this.pendingRoute, ...result};
+      import_navigation.CurrentPageReference.setContext(this.target, result.route.pageReference);
+      import_navigation.CurrentRoute.setContext(this.target, this.committedRoute.route);
+      this.routeObservable.next({...this.committedRoute, viewset: result.viewset});
+      (0, import_profiler.logOperationEnd)({id: import_metrics.ROUTER_NAV, specifier: this.eventId});
+      if (this.child) {
+        this.child.process(this._stripUrlForChild(this.committedRoute.url));
+      }
+    }
+  }
+  connect() {
+    this._sendEvent(PARENT_EVENT, (router) => {
+      this.parent = router;
+      router.addChild(this);
+    });
+    const contextApi = {
+      navigate: (address, replace) => this.navigate(address, replace),
+      generateUrl: (address) => this.generateUrl(address),
+      subscribe: (callback, replay) => this.subscribe(callback, replay)
+    };
+    (0, import_navigation.registerNavigationHelm)(this.contextId, contextApi);
+    (0, import_contextProvider.provideContext)(this.contextId, this.target, import_contextProvider.navigationContextContextualizer, import_navigation.NavigationContext);
+    (0, import_contextProvider.provideContext)(void 0, this.target, import_contextProvider.currentPageReferenceContextualizer, import_navigation.CurrentPageReference);
+    (0, import_contextProvider.provideContext)(void 0, this.target, import_contextProvider.currentRouteContextualizer, import_navigation.CurrentRoute);
+    (0, import_contextProvider.provideContext)(void 0, this.target, import_contextProvider.currentViewContextualizer, import_navigation.CurrentView);
+    this.router.subscribe((result) => {
+      const pageReference = result.route.pageReference || {};
+      const url = this.router.generateUrl(pageReference) || "";
+      (0, import_profiler.logOperationStart)({id: import_metrics.ROUTER_VIEW, specifier: this.eventId});
+      if (result.viewset) {
+        const currentViewContext = {
+          viewset: result.viewset,
+          onComplete: this.updateWires.bind(this, result, url)
+        };
+        import_navigation.CurrentView.setContext(this.target, currentViewContext);
+      } else if (result.route.pageReference) {
+        this.updateWires(result, url);
+      }
+    }, true);
+    this.target.addEventListener(NAV_EVENT, this._handleNavigationEvent);
+    this.target.addEventListener(PARENT_EVENT, this._handleParentEvent);
+    this.target.addEventListener(import_navigationMixinHacks.CONTEXT_ID_BACKDOOR, (event) => {
+      const navCtxEvent = event;
+      if (navCtxEvent.detail.callback) {
+        navCtxEvent.detail.callback(this.contextId);
+      }
+    });
+    this.connected = true;
+  }
+  disconnect() {
+    this.target.removeEventListener(NAV_EVENT, this._handleNavigationEvent);
+    this.target.removeEventListener(PARENT_EVENT, this._handleParentEvent);
+    if (this.parent) {
+      this.parent.child = void 0;
+    }
+    this.parent = void 0;
+    if (this.child) {
+      this.child.parent = void 0;
+    }
+    this.child = void 0;
+    this.connected = false;
+  }
+  addPreNavigate(filters) {
+    this.preNavFilters.add(filters);
+  }
+  addErrorNavigate(filters) {
+    this.errorNavFilters.add(filters);
+  }
+  async addChild(child) {
+    await new Promise((resolve) => {
+      setTimeout(() => {
+        (0, import_routerErrors.invariant)(!this.child, import_routerErrors.messages.MULTIPLE_CHILDREN);
+        this.child = child;
+        resolve();
+      }, 0);
+    });
+    if (this.child && this.committedRoute) {
+      const url = this._stripUrlForChild(this.committedRoute.url);
+      const canContinue = await this.child.preProcess(url);
+      if (canContinue) {
+        this.child.process(url);
+      }
+    }
+  }
+  async process(url, replace) {
+    this.eventId = new Date().getTime().toString();
+    (0, import_profiler.logOperationStart)({id: import_metrics.ROUTER_NAV, specifier: this.eventId});
+    try {
+      if (!this.parent) {
+        await this.preProcess(url);
+      }
+    } catch (e) {
+      if (e.code) {
+        this.processError(e);
+        return false;
+      }
+      throw e;
+    }
+    const address = this.router.parseUrl(url);
+    if (address) {
+      this.router.navigate(address);
+    }
+    return true;
+  }
+  preProcess(url) {
+    const address = this.router.parseUrl(url);
+    const routingMatch = address && this.router.matchRoute(address);
+    if (!routingMatch) {
+      return Promise.reject((0, import_routerErrors.generateMessageObject)(import_routerErrors.messages.MISSING_ROUTE, [url]));
+    }
+    this.pendingRoute = {url, ...routingMatch};
+    const canGo = this.preNavFilters.empty() ? Promise.resolve(true) : this.preNavFilters.compile({
+      current: this.committedRoute || void 0,
+      next: this.pendingRoute
+    });
+    return canGo.then((canContinue) => {
+      return canContinue && this.child ? this.child.preProcess(this._stripUrlForChild(url)) : canContinue;
+    }).then((canContinue) => {
+      return canContinue || Promise.reject((0, import_routerErrors.generateMessageObject)(import_routerErrors.messages.PRENAV_FAILED, [url]));
+    });
+  }
+  processError(messageObject) {
+    (0, import_profiler.logOperationStart)({id: import_metrics.ROUTER_ERROR});
+    this.errorNavFilters.compile(messageObject);
+    if (this.child) {
+      this.child.processError(messageObject);
+    }
+  }
+  navigate(address, replace) {
+    let url = this.router.generateUrl(address);
+    if (url) {
+      const parentPath = this.parent && this.parent.committedRoute && this.parent.committedRoute.pathMatch || "";
+      url = parentPath.concat(url);
+    }
+    this._sendEvent(NAV_EVENT, {url, replace, address});
+  }
+  generateUrl(address) {
+    const url = this.router.generateUrl(address);
+    if (!url) {
+      return null;
+    }
+    const parentPath = this.parent && this.parent.committedRoute && this.parent.committedRoute.pathMatch || "";
+    return `${parentPath}${url}`;
+  }
+  subscribe(callback, replay) {
+    return this.routeObservable.subscribe({
+      next: callback,
+      error: () => {
+      },
+      complete: () => {
+      }
+    }, Boolean(replay));
+  }
+  _sendEvent(name, payload) {
+    this.target.dispatchEvent(new CustomEvent(name, {
+      bubbles: true,
+      composed: true,
+      detail: payload
+    }));
+  }
+  _stripUrlForChild(url) {
+    if (this.pendingRoute && url.indexOf(this.pendingRoute.pathMatch) === 0) {
+      return url.replace(this.pendingRoute.pathMatch, "");
+    }
+    return url;
+  }
+};
+function createDomRouter(config, router, target) {
+  return new DomRouterImpl(config, router, target);
+}

package/build/cjs/modules/lwr/domRouterUtils/domRouterUtils.cjs

@@ -0,0 +1,32 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/domRouterUtils/domRouterUtils.ts
+__markAsModule(exports);
+__export(exports, {
+  getRelativeUrl: () => import_uriUtils.getRelativeUrl,
+  replace: () => import_historyUtils.replace,
+  set: () => import_historyUtils.set
+});
+var import_uriUtils = __toModule(require("./uriUtils"));
+var import_historyUtils = __toModule(require("./historyUtils"));

package/build/cjs/modules/lwr/domRouterUtils/historyUtils.cjs

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+
+// packages/@lwrjs/router/src/modules/lwr/domRouterUtils/historyUtils.ts
+__markAsModule(exports);
+__export(exports, {
+  replace: () => replace,
+  set: () => set
+});
+function set(path, route) {
+  const data = route || {};
+  window.history.pushState(data, "", path);
+}
+function replace(path, route) {
+  const data = route || {};
+  window.history.replaceState(data, "", path);
+}

package/build/cjs/modules/lwr/domRouterUtils/types.cjs

@@ -0,0 +1,5 @@
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+
+// packages/@lwrjs/router/src/modules/lwr/domRouterUtils/types.ts
+__markAsModule(exports);

package/build/cjs/modules/lwr/domRouterUtils/uriUtils.cjs

@@ -0,0 +1,66 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/domRouterUtils/uriUtils.ts
+__markAsModule(exports);
+__export(exports, {
+  getPathFromAnyUrl: () => getPathFromAnyUrl,
+  getRelativeUrl: () => getRelativeUrl,
+  getUrlObject: () => getUrlObject
+});
+var import_routerUtils = __toModule(require("lwr/routerUtils"));
+function getUrlObject(url = "") {
+  url = url || "";
+  if (url.indexOf("://") < 0) {
+    const port = window.location.port ? `:${window.location.port}` : "";
+    const origin = `${window.location.protocol}//${window.location.hostname}${port}`;
+    const prefix = url.charAt(0) === "/" ? "" : "/";
+    url = origin + prefix + url;
+  }
+  const searchParams = {};
+  const link = document.createElement("a");
+  link.href = url;
+  const queryStr = link.search.substring(1);
+  if (queryStr) {
+    queryStr.split("&").forEach((pair) => {
+      const [key, value = ""] = pair.split("=");
+      searchParams[(0, import_routerUtils.decode)(key)] = (0, import_routerUtils.decode)(value);
+    });
+  }
+  return {
+    href: link.href,
+    origin: `${link.protocol}//${link.hostname}${link.port ? `:${link.port}` : ""}`,
+    pathname: link.pathname.replace(/(\/)?/, "/"),
+    searchParams
+  };
+}
+function getRelativeUrl(url) {
+  const urlObj = getUrlObject(url);
+  const href = urlObj.href.replace(/:\d+/, "");
+  const origin = urlObj.origin.replace(/:\d+/, "");
+  return href.replace(origin, "");
+}
+function getPathFromAnyUrl(url) {
+  const path = getUrlObject(url).pathname;
+  return path === "/" ? "/" : path.replace(/\/$/, "");
+}

package/build/cjs/modules/lwr/historyRouter/historyRouter.cjs

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/historyRouter/historyRouter.ts
+__markAsModule(exports);
+__export(exports, {
+  HistoryRouter: () => HistoryRouter,
+  createHistoryRouter: () => createHistoryRouter
+});
+var import_domRouter = __toModule(require("lwr/domRouter"));
+var import_domRouterUtils = __toModule(require("lwr/domRouterUtils"));
+var HistoryRouter = class extends import_domRouter.DomRouterImpl {
+  constructor() {
+    super(...arguments);
+    this.historyDisabled = false;
+  }
+  connect() {
+    super.connect();
+    if (!this.historyDisabled) {
+      window.addEventListener("popstate", this.onpopstate.bind(this));
+      this.onpopstate();
+    }
+  }
+  onpopstate() {
+    if (!this.parent) {
+      this.catchBrowserUpdate((0, import_domRouterUtils.getRelativeUrl)(document.location.href));
+    }
+  }
+  disconnect() {
+    super.disconnect();
+    window.removeEventListener("popstate", this.onpopstate);
+  }
+  async process(url, shouldReplace, updateHistory = true) {
+    const canContinue = await super.process(url);
+    if (canContinue && !this.historyDisabled && updateHistory && this.connected && !this.parent) {
+      if (shouldReplace) {
+        (0, import_domRouterUtils.replace)(url);
+      } else {
+        (0, import_domRouterUtils.set)(url);
+      }
+    }
+    return canContinue;
+  }
+  catchBrowserUpdate(url) {
+    this.process(url, false, false);
+  }
+};
+function createHistoryRouter(config, router, target) {
+  return new HistoryRouter(config, router, target);
+}

package/build/cjs/modules/lwr/navigation/navigation.cjs

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/navigation/navigation.ts
+__markAsModule(exports);
+__export(exports, {
+  ContextInfo: () => import_contextUtils.ContextInfo,
+  CurrentPageReference: () => import_currentPageReference.CurrentPageReference,
+  CurrentRoute: () => import_currentRoute.CurrentRoute,
+  CurrentView: () => import_currentView.CurrentView,
+  NavigationContext: () => import_navigationContext.NavigationContext,
+  NavigationMixin: () => import_navigationMixin.NavigationMixin,
+  generateContextualWireAdapter: () => import_contextUtils.generateContextualWireAdapter,
+  generateUrl: () => import_navigationApi.generateUrl,
+  getNavigationHelm: () => import_contextUtils.getNavigationHelm,
+  navigate: () => import_navigationApi.navigate,
+  registerNavigationHelm: () => import_contextUtils.registerNavigationHelm
+});
+var import_navigationContext = __toModule(require("lwr/navigationContext"));
+var import_currentPageReference = __toModule(require("lwr/currentPageReference"));
+var import_currentRoute = __toModule(require("lwr/currentRoute"));
+var import_currentView = __toModule(require("lwr/currentView"));
+var import_contextUtils = __toModule(require("lwr/contextUtils"));
+var import_navigationApi = __toModule(require("./navigationApi"));
+var import_navigationMixin = __toModule(require("./navigationMixin"));

package/build/cjs/modules/lwr/navigation/navigationApi.cjs

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/navigation/navigationApi.ts
+__markAsModule(exports);
+__export(exports, {
+  generateUrl: () => generateUrl,
+  navigate: () => navigate
+});
+var import_contextUtils = __toModule(require("lwr/contextUtils"));
+function navigate(context, pageReference, replace) {
+  const api = (0, import_contextUtils.getNavigationHelm)(context);
+  api.navigate(pageReference, replace);
+}
+function generateUrl(context, pageReference) {
+  const api = (0, import_contextUtils.getNavigationHelm)(context);
+  return api.generateUrl(pageReference);
+}

package/build/cjs/modules/lwr/navigation/navigationMixin.cjs

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/navigation/navigationMixin.ts
+__markAsModule(exports);
+__export(exports, {
+  NavigationMixin: () => NavigationMixin
+});
+var import_routerErrors = __toModule(require("lwr/routerErrors"));
+var import_navigationApi = __toModule(require("./navigationApi"));
+var import_navigationMixinHacks = __toModule(require("lwr/navigationMixinHacks"));
+var Navigate = Symbol("Navigate");
+var GenerateUrl = Symbol("GenerateUrl");
+var NavContext = Symbol("NavContext");
+var GetContext = Symbol("NavContext");
+function NavigationMixin(Base) {
+  (0, import_routerErrors.invariant)(typeof Base.prototype.dispatchEvent === "function", import_routerErrors.messages.INVALID_MIXIN_CMP, [
+    Base.toString()
+  ]);
+  class Mixin extends Base {
+    [GetContext]() {
+      if (!this[NavContext]) {
+        this.dispatchEvent(new CustomEvent(import_navigationMixinHacks.CONTEXT_ID_BACKDOOR, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            callback: (contextId) => {
+              this[NavContext] = contextId;
+            }
+          }
+        }));
+        if (!this[NavContext]) {
+          throw new Error((0, import_routerErrors.generateMessage)(import_routerErrors.messages.MISSING_CONTEXT));
+        }
+      }
+    }
+    [Navigate](pageRef, replace) {
+      this[GetContext]();
+      (0, import_navigationApi.navigate)(this[NavContext], pageRef, replace);
+    }
+    async [GenerateUrl](pageRef) {
+      this[GetContext]();
+      return (0, import_navigationApi.generateUrl)(this[NavContext], pageRef);
+    }
+  }
+  return Mixin;
+}
+NavigationMixin.Navigate = Navigate;
+NavigationMixin.GenerateUrl = GenerateUrl;
+NavigationMixin.NavContext = NavContext;

package/build/cjs/modules/lwr/navigationContext/navigationContext.cjs

@@ -0,0 +1,31 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __exportStar = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __exportStar(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+
+// packages/@lwrjs/router/src/modules/lwr/navigationContext/navigationContext.ts
+__markAsModule(exports);
+__export(exports, {
+  NavigationContext: () => NavigationContext
+});
+var import_contextUtils = __toModule(require("lwr/contextUtils"));
+var NAVIGATION_CONTEXT = new import_contextUtils.ContextInfo(void 0);
+var NavigationContext = (0, import_contextUtils.generateContextualWireAdapter)(NAVIGATION_CONTEXT);