aberdeen 1.17.0 → 2.0.0

package/dist-docs/assets/aberdeen/route.js

@@ -1,287 +1,287 @@
 // src/route.ts
-import A, { leakScope } from "./aberdeen.js";
-var log = () => {};
-function setLog(value) {
-  if (value === true) {
-    log = console.log.bind(console, "aberdeen router");
-  } else if (value === false) {
-    log = () => {};
-  } else {
-    log = value;
+function init(A) {
+  let log = () => {};
+  function setLog(value) {
+    if (value === true) {
+      log = console.log.bind(console, "aberdeen router");
+    } else if (value === false) {
+      log = () => {};
+    } else {
+      log = value;
+    }
   }
-}
-var windowE = typeof ABERDEEN_FAKE_WINDOW !== "undefined" ? ABERDEEN_FAKE_WINDOW : window;
-var locationE = windowE.location;
-var historyE = windowE.history;
-function getRouteFromBrowser() {
-  return toCanonRoute({
-    path: locationE.pathname,
-    hash: locationE.hash,
-    search: Object.fromEntries(new URLSearchParams(locationE.search)),
-    state: historyE.state?.state || {}
-  }, "load", (historyE.state?.stack?.length || 0) + 1);
-}
-function equal(a, b, partial) {
-  if (a === b)
-    return true;
-  if (typeof a !== "object" || !a || typeof b !== "object" || !b)
-    return false;
-  if (a.constructor !== b.constructor)
-    return false;
-  if (b instanceof Array) {
-    if (a.length !== b.length)
+  const windowE = () => A.window;
+  const locationE = () => A.window.location;
+  const historyE = () => A.window.history;
+  function getRouteFromBrowser() {
+    return toCanonRoute({
+      path: locationE().pathname,
+      hash: locationE().hash,
+      search: Object.fromEntries(new URLSearchParams(locationE().search)),
+      state: historyE().state?.state || {}
+    }, "load", (historyE().state?.stack?.length || 0) + 1);
+  }
+  function equal(a, b, partial) {
+    if (a === b)
+      return true;
+    if (typeof a !== "object" || !a || typeof b !== "object" || !b)
       return false;
-    for (let i = 0;i < b.length; i++) {
-      if (!equal(a[i], b[i], partial))
-        return false;
-    }
-  } else {
-    for (const k of Object.keys(b)) {
-      if (!equal(a[k], b[k], partial))
+    if (a.constructor !== b.constructor)
+      return false;
+    if (b instanceof Array) {
+      if (a.length !== b.length)
         return false;
-    }
-    if (!partial) {
-      for (const k of Object.keys(a)) {
-        if (!b.hasOwnProperty(k))
+      for (let i = 0;i < b.length; i++) {
+        if (!equal(a[i], b[i], partial))
           return false;
       }
+    } else {
+      for (const k of Object.keys(b)) {
+        if (!equal(a[k], b[k], partial))
+          return false;
+      }
+      if (!partial) {
+        for (const k of Object.keys(a)) {
+          if (!b.hasOwnProperty(k))
+            return false;
+        }
+      }
     }
+    return true;
   }
-  return true;
-}
-function getUrl(target) {
-  const search = new URLSearchParams(target.search).toString();
-  return (search ? `${target.path}?${search}` : target.path) + target.hash;
-}
-function toCanonRoute(target, nav, depth) {
-  let path = target.path || (target.p || []).join("/") || "/";
-  path = ("" + path).replace(/\/+$/, "");
-  if (!path.startsWith("/"))
-    path = `/${path}`;
-  return {
-    path,
-    hash: target.hash && target.hash !== "#" ? target.hash.startsWith("#") ? target.hash : "#" + target.hash : "",
-    p: path.length > 1 ? path.slice(1).replace(/\/+$/, "").split("/") : [],
-    nav,
-    search: typeof target.search === "object" && target.search ? A.clone(target.search) : {},
-    state: typeof target.state === "object" && target.state ? A.clone(target.state) : {},
-    depth
-  };
-}
-function targetToPartial(target, undefinedOnExternal = false) {
-  if (typeof target === "string") {
-    const url = new URL(target, locationE.href);
-    if (url.host !== locationE.host) {
-      if (undefinedOnExternal)
-        return;
-      throw new Error(`Unexpected external URL: ${url.host} != ${locationE.host}`);
-    }
-    target = {
-      path: url.pathname,
-      search: Object.fromEntries(url.searchParams),
-      hash: url.hash
-    };
-  } else if (target instanceof Array) {
-    target = { p: target };
-  }
-  if (target.p) {
-    target.p = target.p.map(String);
-  }
-  if (target.search) {
-    for (const key of Object.keys(target.search)) {
-      target.search[key] = String(target.search[key]);
-    }
+  function getUrl(target) {
+    const search = new URLSearchParams(target.search).toString();
+    return (search ? `${target.path}?${search}` : target.path) + target.hash;
   }
-  return target;
-}
-function go(target, nav = "go") {
-  pendingGoOffset = 0;
-  const stack = historyE.state?.stack || [];
-  prevStack = stack.concat(JSON.stringify(A.unproxy(current)));
-  const newRoute = toCanonRoute(targetToPartial(target), nav, prevStack.length + 1);
-  A.copy(current, newRoute);
-  log(nav, newRoute);
-  historyE.pushState({ state: newRoute.state, stack: prevStack }, "", getUrl(newRoute));
-  A.runQueue();
-}
-function matchCurrent(target) {
-  const partial = targetToPartial(target, true);
-  if (!partial)
-    return false;
-  if (partial.path != null || partial.p != null) {
-    let path = partial.path || (partial.p || []).join("/") || "/";
+  function toCanonRoute(target, nav, depth) {
+    let path = target.path || (target.p || []).join("/") || "/";
     path = ("" + path).replace(/\/+$/, "");
     if (!path.startsWith("/"))
       path = `/${path}`;
-    if (!currentRouteParts[path])
-      return false;
+    return {
+      path,
+      hash: target.hash && target.hash !== "#" ? target.hash.startsWith("#") ? target.hash : "#" + target.hash : "",
+      p: path.length > 1 ? path.slice(1).replace(/\/+$/, "").split("/") : [],
+      nav,
+      search: typeof target.search === "object" && target.search ? A.clone(target.search) : {},
+      state: typeof target.state === "object" && target.state ? A.clone(target.state) : {},
+      depth
+    };
   }
-  if (partial.search) {
-    for (const [k, v] of Object.entries(partial.search)) {
-      if (!currentRouteParts[`${k}=${v}`])
-        return false;
+  function targetToPartial(target, undefinedOnExternal = false) {
+    if (typeof target === "string") {
+      const url = new URL(target, locationE().href);
+      if (url.host !== locationE().host) {
+        if (undefinedOnExternal)
+          return;
+        throw new Error(`Unexpected external URL: ${url.host} != ${locationE().host}`);
+      }
+      target = {
+        path: url.pathname,
+        search: Object.fromEntries(url.searchParams),
+        hash: url.hash
+      };
+    } else if (target instanceof Array) {
+      target = { p: target };
     }
-  }
-  return true;
-}
-function push(target, nav) {
-  const c = A.clone(A.unproxy(current));
-  A.merge(c, targetToPartial(target));
-  go(c, nav || c.nav);
-}
-function back(target = {}) {
-  const partial = targetToPartial(target);
-  const stack = historyE.state?.stack || [];
-  const effectiveLen = stack.length + pendingGoOffset;
-  for (let i = effectiveLen - 1;i >= 0; i--) {
-    const histRoute = JSON.parse(stack[i]);
-    if (equal(histRoute, partial, true)) {
-      const pages = i - effectiveLen;
-      log(`back`, pages, histRoute);
-      scheduleHistoryGo(pages);
-      return;
+    if (target.p) {
+      target.p = target.p.map(String);
     }
-  }
-  const newRoute = toCanonRoute(partial, "back", effectiveLen + 1);
-  log(`back not found, replacing`, partial);
-  A.copy(current, newRoute);
-}
-function up(stripCount = 1) {
-  const currentP = A.unproxy(current).p;
-  const stack = historyE.state?.stack || [];
-  const effectiveLen = stack.length + pendingGoOffset;
-  for (let i = effectiveLen - 1;i >= 0; i--) {
-    const histRoute = JSON.parse(stack[i]);
-    if (histRoute.p.length < currentP.length && equal(histRoute.p, currentP.slice(0, histRoute.p.length), false)) {
-      log(`up to ${i + 1} / ${effectiveLen}`, histRoute);
-      scheduleHistoryGo(i - effectiveLen);
-      return;
+    if (target.search) {
+      for (const key of Object.keys(target.search)) {
+        target.search[key] = String(target.search[key]);
+      }
     }
+    return target;
   }
-  const newRoute = toCanonRoute({ p: currentP.slice(0, currentP.length - stripCount) }, "back", effectiveLen + 1);
-  log(`up not found, replacing`, newRoute);
-  A.copy(current, newRoute);
-}
-var prevStack;
-var pendingGoOffset = 0;
-function scheduleHistoryGo(delta) {
-  pendingGoOffset += delta;
-  setTimeout(() => {
-    if (pendingGoOffset) {
-      const offset = pendingGoOffset;
-      pendingGoOffset = 0;
-      historyE.go(offset);
+  function go(target, nav = "go") {
+    pendingGoOffset = 0;
+    const stack = historyE().state?.stack || [];
+    prevStack = stack.concat(JSON.stringify(A.unproxy(current)));
+    const newRoute = toCanonRoute(targetToPartial(target), nav, prevStack.length + 1);
+    A.copy(current, newRoute);
+    log(nav, newRoute);
+    historyE().pushState({ state: newRoute.state, stack: prevStack }, "", getUrl(newRoute));
+    A.runQueue();
+  }
+  function matchCurrent(target) {
+    const partial = targetToPartial(target, true);
+    if (!partial)
+      return false;
+    if (partial.path != null || partial.p != null) {
+      let path = partial.path || (partial.p || []).join("/") || "/";
+      path = ("" + path).replace(/\/+$/, "");
+      if (!path.startsWith("/"))
+        path = `/${path}`;
+      if (!currentRouteParts[path])
+        return false;
     }
-  }, 0);
-}
-var current = A.proxy({});
-var currentRouteParts = A.proxy({});
-function reset() {
-  prevStack = historyE.state?.stack || [];
-  const initRoute = getRouteFromBrowser();
-  log("initial", initRoute);
-  A.copy(A.unproxy(current), initRoute);
-}
-reset();
-windowE.addEventListener("popstate", function(event) {
-  pendingGoOffset = 0;
-  const newRoute = getRouteFromBrowser();
-  const stack = historyE.state?.stack || [];
-  if (stack.length !== prevStack.length) {
-    const maxIndex = Math.min(prevStack.length, stack.length) - 1;
-    if (maxIndex < 0 || stack[maxIndex] === prevStack[maxIndex]) {
-      newRoute.nav = stack.length < prevStack.length ? "back" : "forward";
+    if (partial.search) {
+      for (const [k, v] of Object.entries(partial.search)) {
+        if (!currentRouteParts[`${k}=${v}`])
+          return false;
+      }
     }
+    return true;
   }
-  prevStack = stack;
-  log("popstate", newRoute);
-  A.copy(current, newRoute);
-  A.runQueue();
-});
-leakScope(() => {
-  A(() => {
-    current.path = "/" + Array.from(current.p).join("/");
-  });
-  A(() => {
-    const stack = historyE.state?.stack || [];
-    const newRoute = toCanonRoute(current, A.unproxy(current).nav, stack.length + 1);
-    A.copy(current, newRoute);
-    const state = { state: newRoute.state, stack };
-    const url = getUrl(newRoute);
-    if (url !== locationE.pathname + locationE.search + locationE.hash || !equal(historyE.state, state, false)) {
-      log("replaceState", newRoute, state, url);
-      historyE.replaceState(state, "", url);
+  function push(target, nav) {
+    const c = A.clone(A.unproxy(current));
+    A.merge(c, targetToPartial(target));
+    go(c, nav || c.nav);
+  }
+  function back(target = {}) {
+    const partial = targetToPartial(target);
+    const stack = historyE().state?.stack || [];
+    const effectiveLen = stack.length + pendingGoOffset;
+    for (let i = effectiveLen - 1;i >= 0; i--) {
+      const histRoute = JSON.parse(stack[i]);
+      if (equal(histRoute, partial, true)) {
+        const pages = i - effectiveLen;
+        log(`back`, pages, histRoute);
+        scheduleHistoryGo(pages);
+        return;
+      }
     }
-  });
-  A(() => {
-    const n = {};
-    n[current.path] = true;
-    for (const [k, v] of Object.entries(current.search)) {
-      n[`${k}=${v}`] = true;
+    const newRoute = toCanonRoute(partial, "back", effectiveLen + 1);
+    log(`back not found, replacing`, partial);
+    A.copy(current, newRoute);
+  }
+  function up(stripCount = 1) {
+    const currentP = A.unproxy(current).p;
+    const stack = historyE().state?.stack || [];
+    const effectiveLen = stack.length + pendingGoOffset;
+    for (let i = effectiveLen - 1;i >= 0; i--) {
+      const histRoute = JSON.parse(stack[i]);
+      if (histRoute.p.length < currentP.length && equal(histRoute.p, currentP.slice(0, histRoute.p.length), false)) {
+        log(`up to ${i + 1} / ${effectiveLen}`, histRoute);
+        scheduleHistoryGo(i - effectiveLen);
+        return;
+      }
     }
-    A.copy(currentRouteParts, n);
-  });
-});
-function persistScroll(name = "main") {
-  const el = A();
-  A("scroll=", onScroll);
-  const restore = A.unproxy(current).state.scroll?.[name];
-  if (restore) {
-    log("restoring scroll", name, restore);
-    Object.assign(el, restore);
+    const newRoute = toCanonRoute({ p: currentP.slice(0, currentP.length - stripCount) }, "back", effectiveLen + 1);
+    log(`up not found, replacing`, newRoute);
+    A.copy(current, newRoute);
   }
-  function onScroll() {
-    (current.state.scroll ||= {})[name] = {
-      scrollTop: el.scrollTop,
-      scrollLeft: el.scrollLeft
-    };
+  let prevStack;
+  let pendingGoOffset = 0;
+  function scheduleHistoryGo(delta) {
+    pendingGoOffset += delta;
+    (A.window.setTimeout ?? setTimeout)(() => {
+      if (pendingGoOffset) {
+        const offset = pendingGoOffset;
+        pendingGoOffset = 0;
+        historyE().go(offset);
+      }
+    }, 0);
   }
-}
-function interceptLinks() {
-  A({
-    click: handleEvent,
-    keydown: handleKeyEvent
-  });
-  function handleKeyEvent(e) {
-    if (e.key === "Enter") {
-      handleEvent(e);
+  const current = A.proxy({});
+  const currentRouteParts = A.proxy({});
+  function reset() {
+    prevStack = historyE().state?.stack || [];
+    const initRoute = getRouteFromBrowser();
+    log("initial", initRoute);
+    A.copy(A.unproxy(current), initRoute);
+  }
+  let routerInited = false;
+  function initRouter() {
+    if (routerInited || !A.window)
+      return;
+    routerInited = true;
+    reset();
+    windowE().addEventListener("popstate", function(event) {
+      pendingGoOffset = 0;
+      const newRoute = getRouteFromBrowser();
+      const stack = historyE().state?.stack || [];
+      if (stack.length !== prevStack.length) {
+        const maxIndex = Math.min(prevStack.length, stack.length) - 1;
+        if (maxIndex < 0 || stack[maxIndex] === prevStack[maxIndex]) {
+          newRoute.nav = stack.length < prevStack.length ? "back" : "forward";
+        }
+      }
+      prevStack = stack;
+      log("popstate", newRoute);
+      A.copy(current, newRoute);
+      A.runQueue();
+    });
+    A.leakScope(() => {
+      A(() => {
+        current.path = "/" + Array.from(current.p).join("/");
+      });
+      A(() => {
+        const stack = historyE().state?.stack || [];
+        const newRoute = toCanonRoute(current, A.unproxy(current).nav, stack.length + 1);
+        A.copy(current, newRoute);
+        const state = { state: newRoute.state, stack };
+        const url = getUrl(newRoute);
+        if (url !== locationE().pathname + locationE().search + locationE().hash || !equal(historyE().state, state, false)) {
+          log("replaceState", newRoute, state, url);
+          historyE().replaceState(state, "", url);
+        }
+      });
+      A(() => {
+        const n = {};
+        n[current.path] = true;
+        for (const [k, v] of Object.entries(current.search)) {
+          n[`${k}=${v}`] = true;
+        }
+        A.copy(currentRouteParts, n);
+      });
+    });
+  }
+  initRouter();
+  function persistScroll(name = "main") {
+    const el = A();
+    A("scroll=", onScroll);
+    const restore = A.unproxy(current).state.scroll?.[name];
+    if (restore) {
+      log("restoring scroll", name, restore);
+      Object.assign(el, restore);
+    }
+    function onScroll() {
+      (current.state.scroll ||= {})[name] = {
+        scrollTop: el.scrollTop,
+        scrollLeft: el.scrollLeft
+      };
     }
   }
-  function handleEvent(e) {
-    let target = e.target;
-    while (target && target.tagName?.toUpperCase() !== "A") {
-      target = target.parentElement;
+  function interceptLinks() {
+    A({
+      click: handleEvent,
+      keydown: handleKeyEvent
+    });
+    function handleKeyEvent(e) {
+      if (e.key === "Enter") {
+        handleEvent(e);
+      }
+    }
+    function handleEvent(e) {
+      let target = e.target;
+      while (target && target.tagName?.toUpperCase() !== "A") {
+        target = target.parentElement;
+      }
+      if (!target)
+        return;
+      const anchor = target;
+      const href = anchor.getAttribute("href");
+      if (!href)
+        return;
+      if (href.startsWith("#"))
+        return;
+      if (href.startsWith("//") || /^[^/?#]+:/.test(href))
+        return;
+      if (anchor.getAttribute("target") || anchor.getAttribute("download"))
+        return;
+      if (typeof MouseEvent !== "undefined" && e instanceof MouseEvent && (e.ctrlKey || e.metaKey || e.shiftKey))
+        return;
+      e.preventDefault();
+      go(href);
     }
-    if (!target)
-      return;
-    const anchor = target;
-    const href = anchor.getAttribute("href");
-    if (!href)
-      return;
-    if (href.startsWith("#"))
-      return;
-    if (href.startsWith("//") || /^[^/?#]+:/.test(href))
-      return;
-    if (anchor.getAttribute("target") || anchor.getAttribute("download"))
-      return;
-    if (typeof MouseEvent !== "undefined" && e instanceof MouseEvent && (e.ctrlKey || e.metaKey || e.shiftKey))
-      return;
-    e.preventDefault();
-    go(href);
   }
+  return { current, setLog, go, matchCurrent, push, back, up, reset, initRouter, persistScroll, interceptLinks };
 }
 export {
-  up,
-  setLog,
-  reset,
-  push,
-  persistScroll,
-  matchCurrent,
-  interceptLinks,
-  go,
-  current,
-  back
+  init
 };
 
-//# debugId=E926F5C48B21197864756E2164756E21
+//# debugId=CA3A70B43BF6BD7864756E2164756E21
 //# sourceMappingURL=route.js.map