@esmx/router 3.0.0-rc.18 → 3.0.0-rc.19

package/dist/navigation.mjs

@@ -0,0 +1,143 @@
+import { PAGE_ID } from "./increment-id.mjs";
+import { RouterMode } from "./types.mjs";
+const PAGE_ID_KEY = "__pageId__";
+export class Navigation {
+  options;
+  _history;
+  _unSubscribePopState;
+  _promiseResolve = null;
+  constructor(options, onUpdated) {
+    const history2 = options.mode === RouterMode.history ? window.history : new MemoryHistory();
+    const onPopStateChange = (url, state) => {
+      const dispatchEvent = this._promiseResolve || onUpdated;
+      dispatchEvent == null ? void 0 : dispatchEvent(url, state);
+    };
+    const subscribePopState = history2 instanceof MemoryHistory ? history2.onPopState(onPopStateChange) : subscribeHtmlHistory(onPopStateChange);
+    this.options = options;
+    this._history = history2;
+    this._unSubscribePopState = subscribePopState;
+  }
+  get length() {
+    return this._history.length;
+  }
+  _push(history2, data, url) {
+    const state = Object.freeze({
+      ...data || {},
+      [PAGE_ID_KEY]: PAGE_ID.next()
+    });
+    history2.pushState(state, "", url);
+    return state;
+  }
+  _replace(history2, data, url) {
+    var _a;
+    const oldId = (_a = history2.state) == null ? void 0 : _a[PAGE_ID_KEY];
+    const state = Object.freeze({
+      ...data || {},
+      [PAGE_ID_KEY]: typeof oldId === "number" ? oldId : PAGE_ID.next()
+    });
+    history2.replaceState(state, "", url);
+    return state;
+  }
+  push(data, url) {
+    return this._push(this._history, data, url);
+  }
+  replace(data, url) {
+    return this._replace(this._history, data, url);
+  }
+  pushHistoryState(data, url) {
+    this._push(history, data, url);
+  }
+  replaceHistoryState(data, url) {
+    this._replace(history, data, url);
+  }
+  go(index) {
+    if (this._promiseResolve) {
+      return Promise.resolve(null);
+    }
+    return new Promise((resolve) => {
+      this._promiseResolve = (url, state) => {
+        this._promiseResolve = null;
+        if (typeof url !== "string") return resolve(null);
+        resolve({ type: "success", url, state: state || {} });
+      };
+      setTimeout(this._promiseResolve, 80);
+      this._history.go(index);
+    });
+  }
+  forward() {
+    return this.go(1);
+  }
+  back() {
+    return this.go(-1);
+  }
+  destroy() {
+    var _a;
+    (_a = this._promiseResolve) == null ? void 0 : _a.call(this);
+    this._unSubscribePopState();
+  }
+}
+export class MemoryHistory {
+  _entries = [];
+  _index = -1;
+  get _curEntry() {
+    const idx = this._index;
+    if (idx < 0 || idx >= this.length) return null;
+    return this._entries[idx];
+  }
+  _popStateCbs = /* @__PURE__ */ new Set();
+  scrollRestoration = "auto";
+  // Return null when no current entry to align with browser history.state behavior
+  // Browser history.state can be null when no state was provided
+  get state() {
+    var _a;
+    return ((_a = this._curEntry) == null ? void 0 : _a.state) ?? null;
+  }
+  get url() {
+    var _a;
+    return ((_a = this._curEntry) == null ? void 0 : _a.url) ?? "";
+  }
+  constructor() {
+    this.pushState(null, "", "/");
+  }
+  get length() {
+    return this._entries.length;
+  }
+  pushState(data, unused, url) {
+    this._entries.splice(this._index + 1);
+    this._entries.push({ state: data, url: (url == null ? void 0 : url.toString()) ?? this.url });
+    this._index = this._entries.length - 1;
+  }
+  replaceState(data, unused, url) {
+    const curEntry = this._curEntry;
+    if (!curEntry) return;
+    curEntry.state = { ...data };
+    if (url) curEntry.url = url.toString();
+  }
+  back() {
+    this.go(-1);
+  }
+  forward() {
+    this.go(1);
+  }
+  go(delta) {
+    if (!delta) return;
+    const newIdx = this._index + delta;
+    if (newIdx < 0 || newIdx >= this.length) return;
+    this._index = newIdx;
+    const entry = this._curEntry;
+    setTimeout(() => {
+      this._popStateCbs.forEach((cb) => cb(entry.url, entry.state));
+    });
+  }
+  onPopState(cb) {
+    if (typeof cb !== "function") return () => {
+    };
+    this._popStateCbs.add(cb);
+    return () => this._popStateCbs.delete(cb);
+  }
+}
+function subscribeHtmlHistory(cb) {
+  const wrapper = () => cb(location.href, history.state || {});
+  window.addEventListener("popstate", wrapper);
+  return () => window.removeEventListener("popstate", wrapper);
+}

package/dist/navigation.test.d.ts

@@ -0,0 +1 @@
+export {};