global: snapshot

website/scripts/utils/url.js

@@ -0,0 +1,107 @@
+/**
+ * @param {string | string[]} [pathname]
+ */
+function processPathname(pathname) {
+  pathname ||= window.location.pathname;
+  return Array.isArray(pathname) ? pathname.join("/") : pathname;
+}
+
+const chartParamsWhitelist = ["from", "to"];
+
+/**
+ * @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 (_) {}
+}
+
+/**
+ * @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);
+}