@choksheak/react-utils 0.4.7 → 0.4.8

package/chunk-PCGGKBOL.min.js

@@ -0,0 +1,222 @@
+import {
+  getStorageAdapter
+} from "./chunk-4YV72T4D.min.js";
+
+// src/sharedState.ts
+import { MS_PER_DAY } from "@choksheak/ts-utils/timeConstants";
+import { useSyncExternalStore } from "react";
+var SharedStateConfig = {
+  /**
+   * Default duration for storage expiration in milliseconds. Initial value
+   * is 30 days, but can be changed to anything.
+   */
+  storeExpiryMs: 30 * MS_PER_DAY,
+  /**
+   * True to load from storage only on mount, false (default) to load in
+   * the top level scope when the shared state is defined.
+   */
+  lazyLoad: false,
+  /** Default to log to console. */
+  log: (...args) => console.log("[sharedState]", ...args)
+};
+function configureSharedState(config) {
+  Object.assign(SharedStateConfig, config);
+}
+function createPubSubStore() {
+  const dataByKey = /* @__PURE__ */ new Map();
+  const subscribersByKey = /* @__PURE__ */ new Map();
+  function notify(key, next, prev) {
+    const subscribers = subscribersByKey.get(key);
+    if (!subscribers) return;
+    const copy = Array.from(subscribers.values());
+    for (const subscriber of copy) {
+      try {
+        subscriber(next, prev);
+      } catch (e) {
+        console.error(`Error invoking subscriber:`, e);
+      }
+    }
+  }
+  return {
+    // This could be undefined if T includes undefined, else it should never
+    // return undefined because the user has to always specify the default value.
+    get(key) {
+      return dataByKey.get(key);
+    },
+    set(key, value) {
+      const prev = dataByKey.get(key);
+      if (prev === value) return;
+      dataByKey.set(key, value);
+      notify(key, value, prev);
+    },
+    delete(key) {
+      dataByKey.delete(key);
+    },
+    setNoNotify(key, value) {
+      dataByKey.set(key, value);
+    },
+    // Subscribe to changes of a specific key
+    subscribe(key, subscriber) {
+      let subscribers = subscribersByKey.get(key);
+      if (!subscribers) {
+        subscribers = /* @__PURE__ */ new Set();
+        subscribersByKey.set(key, subscribers);
+      }
+      subscribers.add(subscriber);
+      return () => {
+        subscribers.delete(subscriber);
+        if (subscribers.size === 0) subscribersByKey.delete(key);
+      };
+    }
+  };
+}
+function getOrCreatePubSubStore() {
+  if (typeof window !== "undefined") {
+    const t = window.globalThis;
+    return t.reactUtilsPubSubStore || (t.reactUtilsPubSubStore = createPubSubStore());
+  }
+  return createPubSubStore();
+}
+var pubSubStore = getOrCreatePubSubStore();
+var STORAGE_KEY = "state";
+var stateKey = 0;
+function getNextStateKey() {
+  if (typeof window !== "undefined") {
+    const t = window.globalThis;
+    t.reactUtilsStateKey = (t.reactUtilsStateKey ?? 0) + 1;
+    return t.reactUtilsStateKey;
+  }
+  return ++stateKey;
+}
+function sharedState(defaultValue, options) {
+  let readyResolve = () => {
+  };
+  const readyPromise = new Promise((resolve) => {
+    readyResolve = resolve;
+  });
+  const resolveReadyPromise = readyResolve;
+  const log = options?.log || SharedStateConfig.log;
+  const pubSubKey = String(getNextStateKey());
+  if (log && options?.name) {
+    log(`${options.name} -> ${pubSubKey}`);
+  }
+  const storageAdapter = getStorageAdapter(
+    options,
+    SharedStateConfig.storeExpiryMs
+  );
+  pubSubStore.setNoNotify(pubSubKey, defaultValue);
+  const lazyLoad = options?.lazyLoad;
+  const lazy = lazyLoad !== void 0 ? lazyLoad : SharedStateConfig.lazyLoad;
+  function completeInit(stored) {
+    const value = stored !== void 0 ? stored : defaultValue;
+    pubSubStore.set(pubSubKey, value);
+    obj.initDone = true;
+    resolveReadyPromise();
+  }
+  const obj = {
+    name: options?.name,
+    defaultValue,
+    pubSubKey,
+    /** Allow users to await for the completion of data init. */
+    readyPromise,
+    storeExpiryMs: SharedStateConfig.storeExpiryMs,
+    lazy,
+    storageAdapter,
+    initStarted: false,
+    initDone: false,
+    /** `subscribe` function required by useSyncExternalStore. */
+    subscribe(subscriber) {
+      return pubSubStore.subscribe(pubSubKey, () => subscriber());
+    },
+    /** Returns true if there is a backing store. */
+    hasStore() {
+      return Boolean(storageAdapter);
+    },
+    /**
+     * Set a value directly into the store. Does nothing if there is no
+     * backing store.
+     *
+     * Warning: If you want to set the value properly, you should use
+     * `setValue()` instead which also updates the in-memory copy.
+     */
+    setInStore(value) {
+      return storageAdapter?.set(STORAGE_KEY, value);
+    },
+    /**
+     * Get a value directly from the store. Returns undefined if there is no
+     * backing store.
+     */
+    getFromStore() {
+      return storageAdapter?.get(STORAGE_KEY);
+    },
+    /**
+     * Get the value of the shared state.
+     *  `getSnapshot` function — must return same ref if value unchanged.
+     * Note that this would return the default value if data init from store is
+     * not completed yet.
+     */
+    getSnapshot() {
+      return pubSubStore.get(pubSubKey);
+    },
+    /** Set the value of the shared state. */
+    setValue(next) {
+      if (typeof next === "function") {
+        const prev = pubSubStore.get(pubSubKey);
+        next = next(prev);
+      }
+      pubSubStore.set(pubSubKey, next);
+      void obj.setInStore(next);
+    },
+    /**
+     * Remove the value of the shared state. Actually this just sets the value
+     * back to the given default value.
+     */
+    delete() {
+      pubSubStore.set(pubSubKey, defaultValue);
+      return storageAdapter?.set(STORAGE_KEY, defaultValue);
+    },
+    /** Initial default handling. */
+    initDefaultValueOnce() {
+      if (obj.initDone || obj.initStarted) return;
+      obj.initStarted = true;
+      const maybePromise = obj.getFromStore();
+      if (maybePromise instanceof Promise) {
+        return maybePromise.then(completeInit);
+      } else {
+        const stored = maybePromise;
+        completeInit(stored);
+      }
+    }
+  };
+  if (!lazy) {
+    obj.initDefaultValueOnce();
+  }
+  return obj;
+}
+function useSharedState(state) {
+  void state.initDefaultValueOnce();
+  const value = useSyncExternalStore(
+    (onStoreChange) => state.subscribe(onStoreChange),
+    () => state.getSnapshot(),
+    // getServerSnapshot is needed to prevent SSR dev errors in nextjs.
+    () => state.getSnapshot()
+  );
+  return [value, state.setValue];
+}
+function useSharedStateValue(state) {
+  return useSharedState(state)[0];
+}
+function useSharedStateSetter(state) {
+  void state.initDefaultValueOnce();
+  return state.setValue;
+}
+
+export {
+  SharedStateConfig,
+  configureSharedState,
+  sharedState,
+  useSharedState,
+  useSharedStateValue,
+  useSharedStateSetter
+};
+//# sourceMappingURL=chunk-PCGGKBOL.min.js.map

package/chunk-PCGGKBOL.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sharedState.ts"],"sourcesContent":["/**\n * @packageDocumentation\n *\n * The \"shared state\" is a React state that shares the same value across the\n * entire app. Users declare a shared state constant that can be reused across\n * multiple components with the same underlying value.\n *\n * Shared states provide persistence to local storage and/or indexed DB out of\n * the box, by using \"@choksheak/ts-utils\". Note that no matter if the shared\n * state uses persistence or not, it will always maintain a copy of the state\n * in memory. Persisted values can be configured with an automatic expiration\n * duration.\n *\n * This module is largely similar to the open source \"jotai\" npm library. You\n * can use shared states to replace \"jotai\" in your code, and optionally make\n * use of the persistence mechanism. A quick migration guide from jotai is:\n *\n * ```\n *   atom()          -->  sharedState()\n *   useAtom()       -->  useSharedState()\n *   useAtomValue()  -->  useSharedStateValue()\n *   useSetAtom()    -->  useSharedStateSetter()\n * ```\n *\n * Example:\n * ```\n *   import { sharedState, useSharedState } from \"@choksheak/react-utils/sharedState\";\n *\n *   // Create a new shared state in the top level scope.\n *   // The first argument is the default value, which is required.\n *   // The second argument is an options object, and is optional (defaults\n *   // to storing in memory only without any persistence).\n *   const usersState = sharedState(\n *     [], { store: { persistTo: \"indexedDb\", key: \"users\" }}\n *   );\n *\n *   export const UsersComponent: React.FC = () => {\n *     // Get both the value and the setter.\n *     const [users, setUsers] = useSharedState(usersState);\n *     ...\n *   };\n *\n *   export const ReadOnlyComponent: React.FC = () => {\n *     // Get the value only.\n *     const users = useSharedStateValue(usersState);\n *     ...\n *   };\n *\n *   export const WriteOnlyComponent: React.FC = () => {\n *     // Get the setter only.\n *     const setUsers = useSharedStateSetter(usersState);\n *     ...\n *   };\n * ```\n */\n\nimport { MS_PER_DAY } from \"@choksheak/ts-utils/timeConstants\";\nimport { Dispatch, SetStateAction, useSyncExternalStore } from \"react\";\n\nimport { getStorageAdapter, StorageOptions } from \"./storage\";\n\n/************************************************************************/\n/* Global config                                                        */\n/************************************************************************/\n\n/**\n * These values are configurable by the user at any time.\n */\nexport const SharedStateConfig = {\n  /**\n   * Default duration for storage expiration in milliseconds. Initial value\n   * is 30 days, but can be changed to anything.\n   */\n  storeExpiryMs: 30 * MS_PER_DAY,\n\n  /**\n   * True to load from storage only on mount, false (default) to load in\n   * the top level scope when the shared state is defined.\n   */\n  lazyLoad: false,\n\n  /** Default to log to console. */\n  log: (...args: unknown[]) => console.log(\"[sharedState]\", ...args),\n};\n\nexport type SharedStateConfig = typeof SharedStateConfig;\n\n/** Convenience function to update global defaults. */\nexport function configureSharedState(config: Partial<SharedStateConfig>) {\n  Object.assign(SharedStateConfig, config);\n}\n\n/************************************************************************/\n/* Pub-sub store\n/************************************************************************/\n\ntype Subscriber<T> = (next: T, prev: T) => void;\n\nfunction createPubSubStore() {\n  const dataByKey = new Map<string, unknown>();\n  const subscribersByKey = new Map<string, Set<Subscriber<unknown>>>();\n\n  function notify<T>(key: string, next: T, prev: T): void {\n    const subscribers = subscribersByKey.get(key);\n    if (!subscribers) return;\n\n    // Make copy to protect against mutation during iteration.\n    const copy = Array.from(subscribers.values());\n    for (const subscriber of copy) {\n      try {\n        subscriber(next, prev);\n      } catch (e) {\n        console.error(`Error invoking subscriber:`, e);\n      }\n    }\n  }\n\n  return {\n    // This could be undefined if T includes undefined, else it should never\n    // return undefined because the user has to always specify the default value.\n    get<T>(key: string): T {\n      return dataByKey.get(key) as T;\n    },\n\n    set<T>(key: string, value: T): void {\n      const prev = dataByKey.get(key) as T;\n\n      // Do nothing if no change.\n      if (prev === value) return;\n\n      dataByKey.set(key, value);\n      notify(key, value, prev);\n    },\n\n    delete(key: string): void {\n      dataByKey.delete(key);\n    },\n\n    setNoNotify<T>(key: string, value: T): void {\n      dataByKey.set(key, value);\n    },\n\n    // Subscribe to changes of a specific key\n    subscribe<T>(key: string, subscriber: Subscriber<T>): () => void {\n      let subscribers = subscribersByKey.get(key);\n      if (!subscribers) {\n        subscribers = new Set();\n        subscribersByKey.set(key, subscribers);\n      }\n\n      // Type coercion: we store Subscriber<unknown>\n      subscribers.add(subscriber as Subscriber<unknown>);\n\n      // Return unsubscribe function\n      return () => {\n        subscribers.delete(subscriber as Subscriber<unknown>);\n        if (subscribers.size === 0) subscribersByKey.delete(key);\n      };\n    },\n  } as const;\n}\n\n/**\n * Ensure we always use the same store. If we create two stores, then the\n * reactive updates will fail.\n */\nfunction getOrCreatePubSubStore() {\n  if (typeof window !== \"undefined\") {\n    const t = window.globalThis as {\n      reactUtilsPubSubStore?: ReturnType<typeof createPubSubStore>;\n    };\n    return (\n      t.reactUtilsPubSubStore || (t.reactUtilsPubSubStore = createPubSubStore())\n    );\n  }\n  return createPubSubStore();\n}\n\nconst pubSubStore = getOrCreatePubSubStore();\n\n/************************************************************************/\n/* Shared state implementation                                          */\n/************************************************************************/\n\nconst STORAGE_KEY = \"state\";\n\n/** Options to configure a shared state. */\nexport type SharedStateOptions<T> = {\n  /** Load from store only on first use of useSharedState(). */\n  lazyLoad?: boolean;\n  /** Used for debug logging. */\n  name?: string;\n  /** Customize the logger. */\n  log?: (...args: unknown[]) => void;\n} & StorageOptions<T>;\n\nlet stateKey = 0;\n\n// Try to make this safe across hot reloads and bundling.\nfunction getNextStateKey() {\n  if (typeof window !== \"undefined\") {\n    const t = window.globalThis as { reactUtilsStateKey?: number };\n    t.reactUtilsStateKey = (t.reactUtilsStateKey ?? 0) + 1;\n    return t.reactUtilsStateKey;\n  }\n  return ++stateKey;\n}\n\n/**\n * Create a new shared state object. Put this code at the top level scope:\n *\n * Example:\n * ```\n *   const counterState = sharedState<number>(0);\n * ```\n */\nexport function sharedState<T>(\n  defaultValue: T,\n  options?: SharedStateOptions<T>,\n) {\n  let readyResolve: () => void = () => {};\n\n  const readyPromise = new Promise<void>((resolve) => {\n    readyResolve = resolve;\n  });\n\n  const resolveReadyPromise = readyResolve;\n\n  const log = options?.log || SharedStateConfig.log;\n\n  // We'll make a new key with each hot reload, but that's ok.\n  const pubSubKey = String(getNextStateKey());\n\n  if (log && options?.name) {\n    log(`${options.name} -> ${pubSubKey}`);\n  }\n\n  // Use max of 1 storage adapter per shared state.\n  const storageAdapter = getStorageAdapter(\n    options,\n    SharedStateConfig.storeExpiryMs,\n  );\n\n  // Always set the default value first to avoid returning undefineds if that\n  // is not part of T. Don't notify with the default value.\n  pubSubStore.setNoNotify(pubSubKey, defaultValue);\n\n  const lazyLoad = options?.lazyLoad;\n  const lazy = lazyLoad !== undefined ? lazyLoad : SharedStateConfig.lazyLoad;\n\n  function completeInit(stored: T | undefined) {\n    const value = stored !== undefined ? stored : defaultValue;\n\n    pubSubStore.set(pubSubKey, value);\n\n    // @ts-expect-error ts(2540) - Assign to readonly property.\n    obj.initDone = true;\n    resolveReadyPromise();\n  }\n\n  const obj = {\n    name: options?.name,\n    defaultValue,\n    pubSubKey,\n\n    /** Allow users to await for the completion of data init. */\n    readyPromise,\n\n    storeExpiryMs: SharedStateConfig.storeExpiryMs,\n    lazy,\n    storageAdapter,\n\n    initStarted: false,\n    initDone: false,\n\n    /** `subscribe` function required by useSyncExternalStore. */\n    subscribe(subscriber: () => void): () => void {\n      return pubSubStore.subscribe(pubSubKey, () => subscriber());\n    },\n\n    /** Returns true if there is a backing store. */\n    hasStore(): boolean {\n      return Boolean(storageAdapter);\n    },\n\n    /**\n     * Set a value directly into the store. Does nothing if there is no\n     * backing store.\n     *\n     * Warning: If you want to set the value properly, you should use\n     * `setValue()` instead which also updates the in-memory copy.\n     */\n    setInStore(value: T): Promise<void> | void {\n      return storageAdapter?.set(STORAGE_KEY, value);\n    },\n\n    /**\n     * Get a value directly from the store. Returns undefined if there is no\n     * backing store.\n     */\n    getFromStore(): Promise<T | undefined> | T | undefined {\n      return storageAdapter?.get(STORAGE_KEY);\n    },\n\n    /**\n     * Get the value of the shared state.\n     *  `getSnapshot` function — must return same ref if value unchanged.\n     * Note that this would return the default value if data init from store is\n     * not completed yet.\n     */\n    getSnapshot(): T {\n      return pubSubStore.get(pubSubKey);\n    },\n\n    /** Set the value of the shared state. */\n    setValue(next: SetStateAction<T>): void {\n      if (typeof next === \"function\") {\n        const prev = pubSubStore.get<T>(pubSubKey);\n        next = (next as (p: T) => T)(prev);\n      }\n\n      pubSubStore.set(pubSubKey, next);\n      void obj.setInStore(next);\n    },\n\n    /**\n     * Remove the value of the shared state. Actually this just sets the value\n     * back to the given default value.\n     */\n    delete(): Promise<void> | void {\n      pubSubStore.set(pubSubKey, defaultValue);\n      return storageAdapter?.set(STORAGE_KEY, defaultValue);\n    },\n\n    /** Initial default handling. */\n    initDefaultValueOnce(): Promise<void> | void {\n      if (obj.initDone || obj.initStarted) return;\n      // @ts-expect-error ts(2540) - Assign to readonly property.\n      obj.initStarted = true;\n\n      const maybePromise = obj.getFromStore();\n\n      // Allow sync vs async code paths. This allows init to be fully completed\n      // from store before the sharedState() function returns.\n      if (maybePromise instanceof Promise) {\n        return maybePromise.then(completeInit);\n      } else {\n        const stored = maybePromise;\n        completeInit(stored);\n      }\n    },\n  } as const;\n\n  if (!lazy) {\n    obj.initDefaultValueOnce();\n  }\n\n  return obj;\n}\n\nexport type SharedState<T> = ReturnType<typeof sharedState<T>>;\n\n/**\n * React hook for subscribing to a key in the global store.\n *\n * Example:\n * ```\n *   const [counter, setCounter] = useSharedState(counterState);\n * ```\n */\nexport function useSharedState<T>(\n  state: SharedState<T>,\n): [T, Dispatch<SetStateAction<T>>] {\n  void state.initDefaultValueOnce();\n\n  const value = useSyncExternalStore(\n    (onStoreChange) => state.subscribe(onStoreChange),\n    () => state.getSnapshot(),\n    // getServerSnapshot is needed to prevent SSR dev errors in nextjs.\n    () => state.getSnapshot(),\n  );\n\n  return [value, state.setValue];\n}\n\n/**\n * Same as useSharedState(), but returns the value only.\n *\n * Example:\n * ```\n *   const counter = useSharedStateValue(counterState);\n * ```\n */\nexport function useSharedStateValue<T>(state: SharedState<T>) {\n  return useSharedState(state)[0];\n}\n\n/**\n * Same as useSharedState(), but returns the setter only.\n *\n * Example:\n * ```\n *   const setCounter = useSharedStateSetter(counterState);\n * ```\n */\nexport function useSharedStateSetter<T>(state: SharedState<T>) {\n  void state.initDefaultValueOnce();\n\n  return state.setValue;\n}\n"],"mappings":";;;;;AAwDA,SAAS,kBAAkB;AAC3B,SAAmC,4BAA4B;AAWxD,IAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK/B,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,UAAU;AAAA;AAAA,EAGV,KAAK,IAAI,SAAoB,QAAQ,IAAI,iBAAiB,GAAG,IAAI;AACnE;AAKO,SAAS,qBAAqB,QAAoC;AACvE,SAAO,OAAO,mBAAmB,MAAM;AACzC;AAQA,SAAS,oBAAoB;AAC3B,QAAM,YAAY,oBAAI,IAAqB;AAC3C,QAAM,mBAAmB,oBAAI,IAAsC;AAEnE,WAAS,OAAU,KAAa,MAAS,MAAe;AACtD,UAAM,cAAc,iBAAiB,IAAI,GAAG;AAC5C,QAAI,CAAC,YAAa;AAGlB,UAAM,OAAO,MAAM,KAAK,YAAY,OAAO,CAAC;AAC5C,eAAW,cAAc,MAAM;AAC7B,UAAI;AACF,mBAAW,MAAM,IAAI;AAAA,MACvB,SAAS,GAAG;AACV,gBAAQ,MAAM,8BAA8B,CAAC;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA;AAAA;AAAA,IAGL,IAAO,KAAgB;AACrB,aAAO,UAAU,IAAI,GAAG;AAAA,IAC1B;AAAA,IAEA,IAAO,KAAa,OAAgB;AAClC,YAAM,OAAO,UAAU,IAAI,GAAG;AAG9B,UAAI,SAAS,MAAO;AAEpB,gBAAU,IAAI,KAAK,KAAK;AACxB,aAAO,KAAK,OAAO,IAAI;AAAA,IACzB;AAAA,IAEA,OAAO,KAAmB;AACxB,gBAAU,OAAO,GAAG;AAAA,IACtB;AAAA,IAEA,YAAe,KAAa,OAAgB;AAC1C,gBAAU,IAAI,KAAK,KAAK;AAAA,IAC1B;AAAA;AAAA,IAGA,UAAa,KAAa,YAAuC;AAC/D,UAAI,cAAc,iBAAiB,IAAI,GAAG;AAC1C,UAAI,CAAC,aAAa;AAChB,sBAAc,oBAAI,IAAI;AACtB,yBAAiB,IAAI,KAAK,WAAW;AAAA,MACvC;AAGA,kBAAY,IAAI,UAAiC;AAGjD,aAAO,MAAM;AACX,oBAAY,OAAO,UAAiC;AACpD,YAAI,YAAY,SAAS,EAAG,kBAAiB,OAAO,GAAG;AAAA,MACzD;AAAA,IACF;AAAA,EACF;AACF;AAMA,SAAS,yBAAyB;AAChC,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,OAAO;AAGjB,WACE,EAAE,0BAA0B,EAAE,wBAAwB,kBAAkB;AAAA,EAE5E;AACA,SAAO,kBAAkB;AAC3B;AAEA,IAAM,cAAc,uBAAuB;AAM3C,IAAM,cAAc;AAYpB,IAAI,WAAW;AAGf,SAAS,kBAAkB;AACzB,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,IAAI,OAAO;AACjB,MAAE,sBAAsB,EAAE,sBAAsB,KAAK;AACrD,WAAO,EAAE;AAAA,EACX;AACA,SAAO,EAAE;AACX;AAUO,SAAS,YACd,cACA,SACA;AACA,MAAI,eAA2B,MAAM;AAAA,EAAC;AAEtC,QAAM,eAAe,IAAI,QAAc,CAAC,YAAY;AAClD,mBAAe;AAAA,EACjB,CAAC;AAED,QAAM,sBAAsB;AAE5B,QAAM,MAAM,SAAS,OAAO,kBAAkB;AAG9C,QAAM,YAAY,OAAO,gBAAgB,CAAC;AAE1C,MAAI,OAAO,SAAS,MAAM;AACxB,QAAI,GAAG,QAAQ,IAAI,OAAO,SAAS,EAAE;AAAA,EACvC;AAGA,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,kBAAkB;AAAA,EACpB;AAIA,cAAY,YAAY,WAAW,YAAY;AAE/C,QAAM,WAAW,SAAS;AAC1B,QAAM,OAAO,aAAa,SAAY,WAAW,kBAAkB;AAEnE,WAAS,aAAa,QAAuB;AAC3C,UAAM,QAAQ,WAAW,SAAY,SAAS;AAE9C,gBAAY,IAAI,WAAW,KAAK;AAGhC,QAAI,WAAW;AACf,wBAAoB;AAAA,EACtB;AAEA,QAAM,MAAM;AAAA,IACV,MAAM,SAAS;AAAA,IACf;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IAEA,eAAe,kBAAkB;AAAA,IACjC;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,IACb,UAAU;AAAA;AAAA,IAGV,UAAU,YAAoC;AAC5C,aAAO,YAAY,UAAU,WAAW,MAAM,WAAW,CAAC;AAAA,IAC5D;AAAA;AAAA,IAGA,WAAoB;AAClB,aAAO,QAAQ,cAAc;AAAA,IAC/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,WAAW,OAAgC;AACzC,aAAO,gBAAgB,IAAI,aAAa,KAAK;AAAA,IAC/C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,eAAuD;AACrD,aAAO,gBAAgB,IAAI,WAAW;AAAA,IACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,cAAiB;AACf,aAAO,YAAY,IAAI,SAAS;AAAA,IAClC;AAAA;AAAA,IAGA,SAAS,MAA+B;AACtC,UAAI,OAAO,SAAS,YAAY;AAC9B,cAAM,OAAO,YAAY,IAAO,SAAS;AACzC,eAAQ,KAAqB,IAAI;AAAA,MACnC;AAEA,kBAAY,IAAI,WAAW,IAAI;AAC/B,WAAK,IAAI,WAAW,IAAI;AAAA,IAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAA+B;AAC7B,kBAAY,IAAI,WAAW,YAAY;AACvC,aAAO,gBAAgB,IAAI,aAAa,YAAY;AAAA,IACtD;AAAA;AAAA,IAGA,uBAA6C;AAC3C,UAAI,IAAI,YAAY,IAAI,YAAa;AAErC,UAAI,cAAc;AAElB,YAAM,eAAe,IAAI,aAAa;AAItC,UAAI,wBAAwB,SAAS;AACnC,eAAO,aAAa,KAAK,YAAY;AAAA,MACvC,OAAO;AACL,cAAM,SAAS;AACf,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,CAAC,MAAM;AACT,QAAI,qBAAqB;AAAA,EAC3B;AAEA,SAAO;AACT;AAYO,SAAS,eACd,OACkC;AAClC,OAAK,MAAM,qBAAqB;AAEhC,QAAM,QAAQ;AAAA,IACZ,CAAC,kBAAkB,MAAM,UAAU,aAAa;AAAA,IAChD,MAAM,MAAM,YAAY;AAAA;AAAA,IAExB,MAAM,MAAM,YAAY;AAAA,EAC1B;AAEA,SAAO,CAAC,OAAO,MAAM,QAAQ;AAC/B;AAUO,SAAS,oBAAuB,OAAuB;AAC5D,SAAO,eAAe,KAAK,EAAE,CAAC;AAChC;AAUO,SAAS,qBAAwB,OAAuB;AAC7D,OAAK,MAAM,qBAAqB;AAEhC,SAAO,MAAM;AACf;","names":[]}

package/chunk-PHITDXZT.min.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __export,
+  __toESM
+};
+//# sourceMappingURL=chunk-PHITDXZT.min.js.map

package/chunk-PHITDXZT.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/{sharedQuery.mjs → chunk-RFKUMDNU.js}

@@ -1,3 +1,15 @@
+import {
+  sharedState,
+  useSharedState
+} from "./chunk-CIDQGOPA.js";
+import {
+  stringifyDeterministicForKeys
+} from "./chunk-7XC6EVMX.js";
+import {
+  useDeepMemo
+} from "./chunk-YTXGK6BR.js";
+
+// src/sharedQuery.ts
 import { http, retries } from "@choksheak/ts-utils/http";
 import { nonNil } from "@choksheak/ts-utils/nonNil";
 import getByteSize from "object-sizeof";
@@ -9,10 +21,7 @@ import {
   useState
 } from "react";
 import XXH from "xxhashjs";
-import { sharedState, useSharedState } from "./sharedState";
-import { stringifyDeterministicForKeys } from "./stringify";
-import { useDeepMemo } from "./useDeepMemo";
-const SharedQueryConfig = {
+var SharedQueryConfig = {
   /** Refetch on every page load. */
   staleMs: 0,
   /** Keep in cache for a long time. */
@@ -31,7 +40,7 @@ const SharedQueryConfig = {
 function configureSharedQuery(config) {
   Object.assign(SharedQueryConfig, config);
 }
-const moduleQueryRegistry = /* @__PURE__ */ new Map();
+var moduleQueryRegistry = /* @__PURE__ */ new Map();
 function getOrCreateQueryRegistry() {
   if (typeof window !== "undefined") {
     const g = window.globalThis;
@@ -141,6 +150,7 @@ function sharedQuery2(options) {
   const maxBytes = options?.maxBytes ?? SharedQueryConfig.maxBytes;
   const keepLastNonEmptyData = Boolean(options?.keepLastNonEmptyData);
   const log = options?.log ?? SharedQueryConfig.log;
+  options.name = queryName;
   const queryState = sharedState(
     {},
     // defaultValue
@@ -453,7 +463,7 @@ function sharedQuery2(options) {
 function sharedQuery(options) {
   return sharedQuery1(options);
 }
-const DEFAULT_QUERY_STATE_ENTRY = {
+var DEFAULT_QUERY_STATE_ENTRY = {
   lastUpdatedMs: 0,
   loading: true
 };
@@ -576,6 +586,7 @@ function useSharedQuery(query, ...args) {
     stableArgs
   ]);
 }
+
 export {
   SharedQueryConfig,
   configureSharedQuery,

package/chunk-RRQBFF4W.min.cjs

@@ -0,0 +1,105 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/storage.ts
+var _kvStore = require('@choksheak/ts-utils/kvStore');
+var _localStore = require('@choksheak/ts-utils/localStore');
+var IS_NOT_BROWSER = typeof window === "undefined";
+function getStorageAdapter(options, defaultStoreExpiryMs) {
+  const { store } = _nullishCoalesce(options, () => ( {}));
+  if (!store) {
+    return null;
+  }
+  if ("persistTo" in store && typeof store.persistTo === "string" && "key" in store && typeof store.key === "string") {
+    const expiryMs = store.expiryMs || defaultStoreExpiryMs;
+    const config = { ...store, expiryMs };
+    switch (store.persistTo) {
+      case "localStorage":
+        return localStoreAdapter(config);
+      case "indexedDb":
+        return kvStoreAdapter(config);
+      default:
+        store.persistTo;
+        throw new Error(`Unknown store.adapter ${store.persistTo}`);
+    }
+  }
+  return store;
+}
+function localStoreAdapter({
+  key,
+  expiryMs,
+  isValid
+}) {
+  const STORE_NAME = "react-utils";
+  const adapter = _localStore.createLocalStore.call(void 0, STORE_NAME, {
+    defaultExpiryMs: expiryMs
+  });
+  const keyPrefix = key + ":";
+  return {
+    set: (key2, value) => {
+      if (IS_NOT_BROWSER) return;
+      adapter.set(keyPrefix + key2, value);
+    },
+    get: (key2) => {
+      if (IS_NOT_BROWSER) return void 0;
+      const fullKey = keyPrefix + key2;
+      const value = adapter.get(fullKey);
+      if (value !== void 0 && isValid && !isValid(value)) {
+        console.warn(
+          `localStorage adapter: Auto-discard invalid value for ${fullKey}: ${JSON.stringify(value)}`
+        );
+        adapter.delete(fullKey);
+        return void 0;
+      }
+      return value;
+    },
+    delete: (key2) => {
+      if (IS_NOT_BROWSER) return;
+      adapter.delete(keyPrefix + key2);
+    },
+    /** Note that this will clear all keys in all shared states. */
+    clear: () => {
+      if (IS_NOT_BROWSER) return;
+      adapter.clear();
+    }
+  };
+}
+function kvStoreAdapter({
+  key,
+  expiryMs,
+  isValid
+}) {
+  const keyPrefix = key + ":";
+  return {
+    set: async (key2, value) => {
+      if (IS_NOT_BROWSER) return;
+      await _kvStore.kvStore.set(keyPrefix + key2, value, expiryMs);
+    },
+    get: async (key2) => {
+      if (IS_NOT_BROWSER) return void 0;
+      const fullKey = keyPrefix + key2;
+      const value = await _kvStore.kvStore.get(fullKey);
+      if (value !== void 0 && isValid && !isValid(value)) {
+        console.warn(
+          `indexedDb adapter: Auto-discard invalid value for ${key2}:`,
+          value
+        );
+        await _kvStore.kvStore.delete(fullKey);
+        return void 0;
+      }
+      return value;
+    },
+    delete: async (key2) => {
+      if (IS_NOT_BROWSER) return;
+      await _kvStore.kvStore.delete(keyPrefix + key2);
+    },
+    clear: async () => {
+      if (IS_NOT_BROWSER) return;
+      await _kvStore.kvStore.clear();
+    }
+  };
+}
+
+
+
+
+
+exports.getStorageAdapter = getStorageAdapter; exports.localStoreAdapter = localStoreAdapter; exports.kvStoreAdapter = kvStoreAdapter;
+//# sourceMappingURL=chunk-RRQBFF4W.min.cjs.map

package/chunk-RRQBFF4W.min.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/choksheaklau/src/react-utils/dist/chunk-RRQBFF4W.min.cjs","../src/storage.ts"],"names":["key"],"mappings":"AAAA;ACYA,sDAAwB;AACxB,4DAAiC;AAkCjC,IAAM,eAAA,EAAiB,OAAO,OAAA,IAAW,WAAA;AAMlC,SAAS,iBAAA,CACd,OAAA,EACA,oBAAA,EAC0B;AAC1B,EAAA,MAAM,EAAE,MAAM,EAAA,mBAAI,OAAA,UAAW,CAAC,GAAA;AAE9B,EAAA,GAAA,CAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,GAAA,CACE,YAAA,GAAe,MAAA,GACf,OAAO,KAAA,CAAM,UAAA,IAAc,SAAA,GAC3B,MAAA,GAAS,MAAA,GACT,OAAO,KAAA,CAAM,IAAA,IAAQ,QAAA,EACrB;AACA,IAAA,MAAM,SAAA,EAAW,KAAA,CAAM,SAAA,GAAY,oBAAA;AACnC,IAAA,MAAM,OAAA,EAAS,EAAE,GAAG,KAAA,EAAO,SAAS,CAAA;AAEpC,IAAA,OAAA,CAAQ,KAAA,CAAM,SAAA,EAAW;AAAA,MACvB,KAAK,cAAA;AACH,QAAA,OAAO,iBAAA,CAAqB,MAAM,CAAA;AAAA,MAEpC,KAAK,WAAA;AACH,QAAA,OAAO,cAAA,CAAkB,MAAM,CAAA;AAAA,MAEjC,OAAA;AACE,QAAA,KAAA,CAAM,SAAA;AACN,QAAA,MAAM,IAAI,KAAA,CAAM,CAAA,sBAAA,EAAyB,KAAA,CAAM,SAAS,CAAA,CAAA;AAC5D,IAAA;AACF,EAAA;AAEO,EAAA;AACT;AAMqC;AACnC,EAAA;AACA,EAAA;AACA,EAAA;AACuB;AAEJ,EAAA;AAE0B,EAAA;AAC1B,IAAA;AAClB,EAAA;AAGuB,EAAA;AAEjB,EAAA;AACiC,IAAA;AAChB,MAAA;AAGc,MAAA;AACpC,IAAA;AAEqC,IAAA;AACR,MAAA;AAECA,MAAAA;AACQ,MAAA;AAGmB,MAAA;AAC7C,QAAA;AACN,UAAA;AACF,QAAA;AACsB,QAAA;AACf,QAAA;AACT,MAAA;AAEO,MAAA;AACT,IAAA;AAE+B,IAAA;AACT,MAAA;AAEU,MAAA;AAChC,IAAA;AAAA;AAGmB,IAAA;AACG,MAAA;AAEN,MAAA;AAChB,IAAA;AACF,EAAA;AACF;AAMkC;AAChC,EAAA;AACA,EAAA;AACA,EAAA;AACuB;AAEC,EAAA;AAKjB,EAAA;AACgD,IAAA;AAC/B,MAAA;AAG8B,MAAA;AACpD,IAAA;AACoD,IAAA;AACvB,MAAA;AAECA,MAAAA;AACc,MAAA;AAGa,MAAA;AAC7C,QAAA;AAC+CA,UAAAA;AACrD,UAAA;AACF,QAAA;AAC4B,QAAA;AACrB,QAAA;AACT,MAAA;AAEO,MAAA;AACT,IAAA;AAC8C,IAAA;AACxB,MAAA;AAEgB,MAAA;AACtC,IAAA;AACkC,IAAA;AACZ,MAAA;AAEA,MAAA;AACtB,IAAA;AACF,EAAA;AACF;ADrGiE;AACA;AACA;AACA;AACA;AACA","file":"/Users/choksheaklau/src/react-utils/dist/chunk-RRQBFF4W.min.cjs","sourcesContent":[null,"/**\n * @packageDocumentation\n *\n * Backing storage implementation for the shared state. Note that this uses the\n * LocalStore and KvStore from package \"@choksheak/ts-utils\", but is customized\n * to be used for shared states.\n *\n * Normally you will not need to use this module directly, but if you have a\n * need for it, feel free to use it.\n */\n\nimport { Duration } from \"@choksheak/ts-utils/duration\";\nimport { kvStore } from \"@choksheak/ts-utils/kvStore\";\nimport { createLocalStore } from \"@choksheak/ts-utils/localStore\";\nimport { StorageAdapter } from \"@choksheak/ts-utils/storageAdapter\";\n\n/** List of all available pre-built persistence options. */\nexport type PersistTo = \"localStorage\" | \"indexedDb\";\n\n/** Options to configure a pre-built store adapter. */\nexport type StoreOptions = {\n  /** Choose which pre-built store adapter to use. */\n  persistTo: PersistTo;\n\n  /** Storage key to act as a namespace to store the data. */\n  key: string;\n\n  /** How long to wait before the value is considered expired. */\n  expiryMs?: number | Duration;\n\n  /** Returns true if the given value supposed to be of type T is valid. */\n  isValid?: (u: unknown) => boolean;\n};\n\nexport type StoreConstructorArgs = Omit<StoreOptions, \"persistTo\">;\n\n/** Either use a pre-built store, or a custom one you provide. */\nexport type StorageOptions<T> = {\n  /**\n   * You can either specify the storage adapter directly to use a custom\n   * store, or specify the properties to use the pre-built ones.\n   */\n  store?: StorageAdapter<T> | StoreOptions;\n};\n\n// In SSR (Server-Side Rendering) mode, we never want to use our storage\n// adapters for anything.\nconst IS_NOT_BROWSER = typeof window === \"undefined\";\n\n/**\n * Convert a StorageOptions<T> config object into an actual storage adapter, or\n * returns null if a storage adapter is not configured.\n */\nexport function getStorageAdapter<T>(\n  options: StorageOptions<T> | undefined,\n  defaultStoreExpiryMs: number,\n): StorageAdapter<T> | null {\n  const { store } = options ?? {};\n\n  if (!store) {\n    return null;\n  }\n\n  if (\n    \"persistTo\" in store &&\n    typeof store.persistTo === \"string\" &&\n    \"key\" in store &&\n    typeof store.key === \"string\"\n  ) {\n    const expiryMs = store.expiryMs || defaultStoreExpiryMs;\n    const config = { ...store, expiryMs };\n\n    switch (store.persistTo) {\n      case \"localStorage\":\n        return localStoreAdapter<T>(config);\n\n      case \"indexedDb\":\n        return kvStoreAdapter<T>(config);\n\n      default:\n        store.persistTo satisfies never;\n        throw new Error(`Unknown store.adapter ${store.persistTo}`);\n    }\n  }\n\n  return store as StorageAdapter<T>;\n}\n\n/**\n * Create a new SSR-safe local store adapter, which allows users to reuse the\n * same adapter in multiple shared states or shared queries.\n */\nexport function localStoreAdapter<T>({\n  key,\n  expiryMs,\n  isValid,\n}: StoreConstructorArgs) {\n  // Put everything in the same store so that we can GC properly.\n  const STORE_NAME = \"react-utils\";\n\n  const adapter = createLocalStore(STORE_NAME, {\n    defaultExpiryMs: expiryMs,\n  });\n\n  // Use the key prefix as a unique namespace for this store.\n  const keyPrefix = key + \":\";\n\n  return {\n    set: (key: string, value: T): void => {\n      if (IS_NOT_BROWSER) return; // handle SSR\n\n      // Also apply the custom expiryMs on every item in this store.\n      adapter.set(keyPrefix + key, value);\n    },\n\n    get: (key: string): T | undefined => {\n      if (IS_NOT_BROWSER) return undefined; // handle SSR\n\n      const fullKey = keyPrefix + key;\n      const value = adapter.get<T>(fullKey);\n\n      // If there is no value, don't try to check for validatity.\n      if (value !== undefined && isValid && !isValid(value)) {\n        console.warn(\n          `localStorage adapter: Auto-discard invalid value for ${fullKey}: ${JSON.stringify(value)}`,\n        );\n        adapter.delete(fullKey);\n        return undefined;\n      }\n\n      return value;\n    },\n\n    delete: (key: string): void => {\n      if (IS_NOT_BROWSER) return; // handle SSR\n\n      adapter.delete(keyPrefix + key);\n    },\n\n    /** Note that this will clear all keys in all shared states. */\n    clear: (): void => {\n      if (IS_NOT_BROWSER) return; // handle SSR\n\n      adapter.clear();\n    },\n  };\n}\n\n/**\n * Create a new SSR-safe indexed DB KV store adapter, which allows users to\n * reuse the same adapter in multiple shared states or shared queries.\n */\nexport function kvStoreAdapter<T>({\n  key,\n  expiryMs,\n  isValid,\n}: StoreConstructorArgs) {\n  // Use the key prefix as a unique namespace for this store.\n  const keyPrefix = key + \":\";\n\n  // Prefix all keys using `keyPrefix` so that we can keep all data in\n  // the same store in the same DB. If we keep the data in different\n  // DB stores, then GC will not be able to clean up abandoned stores.\n  return {\n    set: async (key: string, value: T): Promise<void> => {\n      if (IS_NOT_BROWSER) return; // handle SSR\n\n      // Also apply the custom expiryMs on every item in this store.\n      await kvStore.set(keyPrefix + key, value, expiryMs);\n    },\n    get: async (key: string): Promise<T | undefined> => {\n      if (IS_NOT_BROWSER) return undefined; // handle SSR\n\n      const fullKey = keyPrefix + key;\n      const value = await kvStore.get<T>(fullKey);\n\n      // If there is no value, don't try to check for validatity.\n      if (value !== undefined && isValid && !isValid(value)) {\n        console.warn(\n          `indexedDb adapter: Auto-discard invalid value for ${key}:`,\n          value,\n        );\n        await kvStore.delete(fullKey);\n        return undefined;\n      }\n\n      return value;\n    },\n    delete: async (key: string): Promise<void> => {\n      if (IS_NOT_BROWSER) return; // handle SSR\n\n      await kvStore.delete(keyPrefix + key);\n    },\n    clear: async (): Promise<void> => {\n      if (IS_NOT_BROWSER) return; // handle SSR\n\n      await kvStore.clear();\n    },\n  };\n}\n"]}

package/chunk-TST6JKQ5.min.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+
+
+
+
+exports.__commonJS = __commonJS; exports.__export = __export; exports.__toESM = __toESM;
+//# sourceMappingURL=chunk-TST6JKQ5.min.cjs.map

package/chunk-TST6JKQ5.min.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/choksheaklau/src/react-utils/dist/chunk-TST6JKQ5.min.cjs"],"names":[],"mappings":"AAAA,6EAAI,SAAS,EAAE,MAAM,CAAC,MAAM;AAC5B,IAAI,UAAU,EAAE,MAAM,CAAC,cAAc;AACrC,IAAI,iBAAiB,EAAE,MAAM,CAAC,wBAAwB;AACtD,IAAI,kBAAkB,EAAE,MAAM,CAAC,mBAAmB;AAClD,IAAI,aAAa,EAAE,MAAM,CAAC,cAAc;AACxC,IAAI,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,cAAc;AAClD,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,SAAS,SAAS,CAAC,EAAE;AACnD,EAAE,OAAO,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO;AACpG,CAAC;AACD,IAAI,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG;AAChC,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG;AACtB,IAAI,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAI,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG;AAC9C,EAAE,GAAG,CAAC,KAAK,GAAG,OAAO,KAAK,IAAI,SAAS,GAAG,OAAO,KAAK,IAAI,UAAU,EAAE;AACtE,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;AAC3C,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,MAAM;AACvD,QAAQ,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;AAC1H,EAAE;AACF,EAAE,OAAO,EAAE;AACX,CAAC;AACD,IAAI,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW;AAChH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM;AACjH,EAAE;AACF,CAAC,CAAC;AACF;AACA;AACE;AACA;AACA;AACF,wFAAC","file":"/Users/choksheaklau/src/react-utils/dist/chunk-TST6JKQ5.min.cjs"}

package/chunk-U67V476Y.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __export,
+  __toESM
+};