global: snapshot

website/scripts/utils/dom.js

@@ -291,7 +291,7 @@ export function createChoiceField({
     field.append(remainingSmall);
   }
 
-  signals.createEffect(choices, (choices) => {
+  signals.createScopedEffect(choices, (choices) => {
     const s = selected();
     const sKey = toKey(s);
     const keys = choices.map(toKey);

website/scripts/utils/format.js

@@ -24,6 +24,53 @@ export const numberToPercentage = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 2,
 });
 
+/**
+ * @param {number} value
+ * @param {0 | 2} [digits]
+ */
+export function numberToShortUSFormat(value, digits) {
+  const absoluteValue = Math.abs(value);
+
+  if (isNaN(value)) {
+    return "";
+  } else if (absoluteValue < 10) {
+    return numberToUSNumber(value, Math.min(3, digits || 10));
+  } else if (absoluteValue < 1_000) {
+    return numberToUSNumber(value, Math.min(2, digits || 10));
+  } else if (absoluteValue < 10_000) {
+    return numberToUSNumber(value, Math.min(1, digits || 10));
+  } else if (absoluteValue < 1_000_000) {
+    return numberToUSNumber(value, 0);
+  } else if (absoluteValue >= 1_000_000_000_000_000_000_000) {
+    return "Inf.";
+  }
+
+  const log = Math.floor(Math.log10(absoluteValue) - 6);
+
+  const suffices = ["M", "B", "T", "P", "E", "Z"];
+  const letterIndex = Math.floor(log / 3);
+  const letter = suffices[letterIndex];
+
+  const modulused = log % 3;
+
+  if (modulused === 0) {
+    return `${numberToUSNumber(
+      value / (1_000_000 * 1_000 ** letterIndex),
+      3,
+    )}${letter}`;
+  } else if (modulused === 1) {
+    return `${numberToUSNumber(
+      value / (1_000_000 * 1_000 ** letterIndex),
+      2,
+    )}${letter}`;
+  } else {
+    return `${numberToUSNumber(
+      value / (1_000_000 * 1_000 ** letterIndex),
+      1,
+    )}${letter}`;
+  }
+}
+
 /**
  * @param {string} s
  */

website/scripts/utils/timing.js

@@ -36,3 +36,23 @@ export function throttle(callback, wait = 1000) {
     }
   };
 }
+
+/**
+ * @template {(...args: any[]) => any} F
+ * @param {F} callback
+ * @param {number} [wait]
+ */
+export function debounce(callback, wait = 1000) {
+  /** @type {number | null} */
+  let timeoutId = null;
+
+  return (/** @type {Parameters<F>} */ ...args) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      callback(...args);
+      timeoutId = null;
+    }, wait);
+  };
+}