bitview: reorg part 3

2026-06-02 19:23:37 -07:00 · 2025-09-24 00:35:32 +02:00
parent d45686128e
commit 2279aa8f18
18 changed files with 480 additions and 445 deletions
@@ -6,96 +6,102 @@ function processPathname(pathname) {
  return Array.isArray(pathname) ? pathname.join("/") : pathname;
 }

-export default {
-  chartParamsWhitelist: ["from", "to"],
-  /**
-   * @param {string | string[]} pathname
-   */
-  pushHistory(pathname) {
-    const urlParams = new URLSearchParams(window.location.search);
-    pathname = processPathname(pathname);
-    try {
-      const url = `/${pathname}?${urlParams.toString()}`;
-      console.log(`push history: ${url}`);
-      window.history.pushState(null, "", url);
-    } catch (_) {}
-  },
-  /**
-   * @param {Object} args
-   * @param {URLSearchParams} [args.urlParams]
-   * @param {string | string[]} [args.pathname]
-   */
-  replaceHistory({ urlParams, pathname }) {
-    urlParams ||= new URLSearchParams(window.location.search);
-    pathname = processPathname(pathname);
-    try {
-      const url = `/${pathname}?${urlParams.toString()}`;
-      console.log(`replace history: ${url}`);
-      window.history.replaceState(null, "", url);
-    } catch (_) {}
-  },
-  /**
-   * @param {Option} option
-   */
-  resetParams(option) {
-    const urlParams = new URLSearchParams();
-    if (option.kind === "chart") {
-      [...new URLSearchParams(window.location.search).entries()]
-        .filter(([key, _]) => this.chartParamsWhitelist.includes(key))
-        .forEach(([key, value]) => {
-          urlParams.set(key, value);
-        });
-    }
-    this.replaceHistory({ urlParams, pathname: option.path.join("/") });
-  },
-  /**
-   * @param {string} key
-   * @param {string | boolean | null | undefined} value
-   */
-  writeParam(key, value) {
-    const urlParams = new URLSearchParams(window.location.search);
+const chartParamsWhitelist = ["from", "to"];

-    if (value !== null && value !== undefined) {
-      urlParams.set(key, String(value));
-    } else {
-      urlParams.delete(key);
-    }
+/**
+ * @param {string | string[]} pathname
+ */
+export function pushHistory(pathname) {
+  const urlParams = new URLSearchParams(window.location.search);
+  pathname = processPathname(pathname);
+  try {
+    const url = `/${pathname}?${urlParams.toString()}`;
+    console.log(`push history: ${url}`);
+    window.history.pushState(null, "", url);
+  } catch (_) {}
+}

-    this.replaceHistory({ urlParams });
-  },
-  /**
-   * @param {string} key
-   */
-  removeParam(key) {
-    this.writeParam(key, undefined);
-  },
-  /**
-   * @param {string} key
-   */
-  readBoolParam(key) {
-    const param = this.readParam(key);
-    if (param) {
-      return param === "true" || param === "1";
-    }
-    return null;
-  },
-  /**
-   * @param {string} key
-   */
-  readNumberParam(key) {
-    const param = this.readParam(key);
-    if (param) {
-      return Number(param);
-    }
-    return null;
-  },
-  /**
-   *
-   * @param {string} key
-   * @returns {string | null}
-   */
-  readParam(key) {
-    const params = new URLSearchParams(window.location.search);
-    return params.get(key);
-  },
-};
+/**
+ * @param {Object} args
+ * @param {URLSearchParams} [args.urlParams]
+ * @param {string | string[]} [args.pathname]
+ */
+export function replaceHistory({ urlParams, pathname }) {
+  urlParams ||= new URLSearchParams(window.location.search);
+  pathname = processPathname(pathname);
+  try {
+    const url = `/${pathname}?${urlParams.toString()}`;
+    console.log(`replace history: ${url}`);
+    window.history.replaceState(null, "", url);
+  } catch (_) {}
+}
+
+/**
+ * @param {Option} option
+ */
+export function resetParams(option) {
+  const urlParams = new URLSearchParams();
+  if (option.kind === "chart") {
+    [...new URLSearchParams(window.location.search).entries()]
+      .filter(([key, _]) => chartParamsWhitelist.includes(key))
+      .forEach(([key, value]) => {
+        urlParams.set(key, value);
+      });
+  }
+  replaceHistory({ urlParams, pathname: option.path.join("/") });
+}
+
+/**
+ * @param {string} key
+ * @param {string | boolean | null | undefined} value
+ */
+export function writeParam(key, value) {
+  const urlParams = new URLSearchParams(window.location.search);
+
+  if (value !== null && value !== undefined) {
+    urlParams.set(key, String(value));
+  } else {
+    urlParams.delete(key);
+  }
+
+  replaceHistory({ urlParams });
+}
+
+/**
+ * @param {string} key
+ */
+export function removeParam(key) {
+  writeParam(key, undefined);
+}
+
+/**
+ * @param {string} key
+ */
+export function readBoolParam(key) {
+  const param = readParam(key);
+  if (param) {
+    return param === "true" || param === "1";
+  }
+  return null;
+}
+
+/**
+ * @param {string} key
+ */
+export function readNumberParam(key) {
+  const param = readParam(key);
+  if (param) {
+    return Number(param);
+  }
+  return null;
+}
+
+/**
+ *
+ * @param {string} key
+ * @returns {string | null}
+ */
+export function readParam(key) {
+  const params = new URLSearchParams(window.location.search);
+  return params.get(key);
+}