brk/websites/default/packages/solid-signals/wrapper.js

// @ts-check

/**
 * @import { SignalOptions } from "./v0.3.2-treeshaked/types/core/core"
 * @import { getOwner as GetOwner, onCleanup as OnCleanup } from "./v0.3.2-treeshaked/types/core/owner"
 * @import { createSignal as CreateSignal, createEffect as CreateEffect, createMemo as CreateMemo, createRoot as CreateRoot, runWithOwner as RunWithOwner, Accessor } from "./v0.3.2-treeshaked/types/signals";
 * @import { Signal } from "./types";
 */

const importSignals = import("./v0.3.2-treeshaked/script.js").then(
  (_signals) => {
    const signals = {
      createSolidSignal: /** @type {typeof CreateSignal} */ (
        _signals.createSignal
      ),
      createSolidEffect: /** @type {typeof CreateEffect} */ (
        _signals.createEffect
      ),
      createEffect: /** @type {typeof CreateEffect} */ (
        // @ts-ignore
        (compute, effect) => {
          let dispose = /** @type {VoidFunction | null} */ (null);
          // @ts-ignore
          _signals.createEffect(compute, (v, oldV) => {
            dispose?.();
            signals.createRoot((_dispose) => {
              dispose = _dispose;
              return effect(v, oldV);
            });
            signals.onCleanup(() => dispose?.());
          });
          signals.onCleanup(() => dispose?.());
        }
      ),
      createMemo: /** @type {typeof CreateMemo} */ (_signals.createMemo),
      createRoot: /** @type {typeof CreateRoot} */ (_signals.createRoot),
      getOwner: /** @type {typeof GetOwner} */ (_signals.getOwner),
      runWithOwner: /** @type {typeof RunWithOwner} */ (_signals.runWithOwner),
      onCleanup: /** @type {typeof OnCleanup} */ (_signals.onCleanup),
      /**
       * @template T
       * @param {T} initialValue
       * @param {SignalOptions<T> & {save?: {keyPrefix: string | Accessor<string>; key: string; serialize: (v: T) => string; deserialize: (v: string) => T; serializeParam?: boolean}}} [options]
       * @returns {Signal<T>}
       */
      createSignal(initialValue, options) {
        const [get, set] = this.createSolidSignal(
          /** @type {any} */ (initialValue),
          options,
        );

        // @ts-ignore
        get.set = set;

        // @ts-ignore
        get.reset = () => set(initialValue);

        if (options?.save) {
          const save = options.save;

          const paramKey = save.key;
          const storageKey = this.createMemo(
            () =>
              `${typeof save.keyPrefix === "string" ? save.keyPrefix : save.keyPrefix()}-${paramKey}`,
          );

          let serialized = /** @type {string | null} */ (null);
          if (options.save.serializeParam !== false) {
            serialized = new URLSearchParams(window.location.search).get(
              paramKey,
            );
          }
          if (serialized === null) {
            serialized = localStorage.getItem(storageKey());
          }
          if (serialized) {
            set(() =>
              serialized ? save.deserialize(serialized) : initialValue,
            );
          }

          let firstRun1 = true;
          this.createEffect(storageKey, (storageKey) => {
            if (!firstRun1) {
              serialized = localStorage.getItem(storageKey);
              set(() =>
                serialized ? save.deserialize(serialized) : initialValue,
              );
            }
            firstRun1 = false;
          });

          let firstRun2 = true;
          this.createEffect(get, (value) => {
            if (!save) return;

            if (!firstRun2) {
              if (
                value !== undefined &&
                value !== null &&
                (initialValue === undefined ||
                  initialValue === null ||
                  save.serialize(value) !== save.serialize(initialValue))
              ) {
                localStorage.setItem(storageKey(), save.serialize(value));
              } else {
                localStorage.removeItem(storageKey());
              }
            }

            if (
              value !== undefined &&
              value !== null &&
              (initialValue === undefined ||
                initialValue === null ||
                save.serialize(value) !== save.serialize(initialValue))
            ) {
              writeParam(paramKey, save.serialize(value));
            } else {
              removeParam(paramKey);
            }

            firstRun2 = false;
          });
        }

        // @ts-ignore
        return get;
      },
    };

    return signals;
  },
);

/**
 * @param {string} key
 * @param {string | undefined} value
 */
function writeParam(key, value) {
  const urlParams = new URLSearchParams(window.location.search);

  if (value !== undefined) {
    urlParams.set(key, String(value));
  } else {
    urlParams.delete(key);
  }

  try {
    window.history.replaceState(
      null,
      "",
      `${window.location.pathname}?${urlParams.toString()}`,
    );
  } catch (_) {}
}

/**
 * @param {string} key
 */
function removeParam(key) {
  writeParam(key, undefined);
}

export default importSignals;