@richie-router/react 0.0.1 → 0.1.1

package/dist/esm/history.mjs

@@ -0,0 +1,110 @@
+// packages/react/src/history.ts
+function readBrowserLocation() {
+  return {
+    href: `${window.location.pathname}${window.location.search}${window.location.hash}`,
+    pathname: window.location.pathname,
+    search: window.location.search,
+    hash: window.location.hash,
+    state: window.history.state
+  };
+}
+function createBrowserHistory() {
+  return {
+    get location() {
+      return readBrowserLocation();
+    },
+    listen(listener) {
+      window.addEventListener("popstate", listener);
+      return () => window.removeEventListener("popstate", listener);
+    },
+    push(href, state) {
+      window.history.pushState(state, "", href);
+    },
+    replace(href, state) {
+      window.history.replaceState(state, "", href);
+    }
+  };
+}
+function readHashLocation() {
+  const rawHash = window.location.hash.replace(/^#/, "") || "/";
+  const url = new URL(rawHash.startsWith("/") ? `http://hash.local${rawHash}` : `http://hash.local/${rawHash}`);
+  return {
+    href: `${url.pathname}${url.search}${url.hash}`,
+    pathname: url.pathname,
+    search: url.search,
+    hash: url.hash,
+    state: window.history.state
+  };
+}
+function createHashHistory() {
+  return {
+    get location() {
+      return readHashLocation();
+    },
+    listen(listener) {
+      window.addEventListener("popstate", listener);
+      window.addEventListener("hashchange", listener);
+      return () => {
+        window.removeEventListener("popstate", listener);
+        window.removeEventListener("hashchange", listener);
+      };
+    },
+    push(href, state) {
+      window.history.pushState(state, "", `#${href.startsWith("/") ? href : `/${href}`}`);
+    },
+    replace(href, state) {
+      window.history.replaceState(state, "", `#${href.startsWith("/") ? href : `/${href}`}`);
+    }
+  };
+}
+
+class MemoryHistory {
+  entries;
+  index = 0;
+  listeners = new Set;
+  constructor(options) {
+    const initialEntries = options?.initialEntries?.length ? options.initialEntries : ["/"];
+    this.entries = initialEntries.map((entry) => ({ href: entry, state: null }));
+    this.index = this.entries.length - 1;
+  }
+  get location() {
+    const current = this.entries[this.index] ?? { href: "/", state: null };
+    const url = new URL(current.href, "http://memory.local");
+    return {
+      href: `${url.pathname}${url.search}${url.hash}`,
+      pathname: url.pathname,
+      search: url.search,
+      hash: url.hash,
+      state: current.state
+    };
+  }
+  listen(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  push(href, state) {
+    this.entries.splice(this.index + 1);
+    this.entries.push({ href, state });
+    this.index = this.entries.length - 1;
+    this.emit();
+  }
+  replace(href, state) {
+    this.entries[this.index] = { href, state };
+    this.emit();
+  }
+  emit() {
+    for (const listener of this.listeners) {
+      listener();
+    }
+  }
+}
+function createMemoryHistory(options) {
+  return new MemoryHistory(options);
+}
+export {
+  createMemoryHistory,
+  createHashHistory,
+  createBrowserHistory
+};

package/dist/esm/index.mjs

@@ -0,0 +1,3 @@
+// packages/react/src/index.ts
+export * from "./history.mjs";
+export * from "./router.mjs";

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}