mobx-mantle 0.3.7 → 0.6.1

package/dist/behaviors/index.js

@@ -0,0 +1,419 @@
+import {
+  toValue
+} from "../chunk-LP5TAGSI.js";
+
+// src/behaviors/index.ts
+import { runInAction } from "mobx";
+import { Behavior, createBehavior } from "mobx-mantle";
+import { toValue as toValue2 } from "mobx-mantle";
+var builtin = (Def) => createBehavior(Def, { autoObservable: true });
+var EventListenerBehavior = class extends Behavior {
+  onCreate(target, type, handler, options) {
+    this.effect(() => {
+      const el = toValue2(target);
+      const eventType = toValue2(type);
+      if (!el) return;
+      const listener = (event) => runInAction(() => handler(event));
+      el.addEventListener(eventType, listener, options);
+      return () => el.removeEventListener(eventType, listener, options);
+    });
+  }
+};
+var withEventListener = builtin(EventListenerBehavior);
+var IntervalBehavior = class extends Behavior {
+  onCreate(callback, delay = 1e3) {
+    this.effect(() => {
+      const ms = toValue2(delay);
+      if (ms == null || ms < 0) return;
+      const id = setInterval(() => runInAction(callback), ms);
+      return () => clearInterval(id);
+    });
+  }
+};
+var withInterval = builtin(IntervalBehavior);
+var TimeoutBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    /** True while the timeout is scheduled and hasn't fired */
+    this.pending = false;
+  }
+  onCreate(callback, delay) {
+    this.effect(() => {
+      const ms = toValue2(delay);
+      if (ms == null || ms < 0) return;
+      runInAction(() => {
+        this.pending = true;
+      });
+      const id = setTimeout(() => runInAction(() => {
+        this.pending = false;
+        callback();
+      }), ms);
+      return () => {
+        this.pending = false;
+        clearTimeout(id);
+      };
+    });
+  }
+};
+var withTimeout = builtin(TimeoutBehavior);
+var AsyncBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this.value = void 0;
+    this.error = void 0;
+    this.loading = false;
+    this._runId = 0;
+  }
+  onCreate(fn) {
+    this._fn = fn;
+  }
+  /**
+   * Run the async function. Out-of-order completions are discarded: only the
+   * most recent run may write value/error/loading.
+   */
+  async run(...args) {
+    const id = ++this._runId;
+    this.loading = true;
+    this.error = void 0;
+    try {
+      const result = await this._fn(...args);
+      if (id === this._runId) {
+        runInAction(() => {
+          this.value = result;
+          this.loading = false;
+        });
+      }
+      return result;
+    } catch (e) {
+      if (id === this._runId) {
+        runInAction(() => {
+          this.error = e;
+          this.loading = false;
+        });
+      }
+      return void 0;
+    }
+  }
+  /** Discard any in-flight run's result */
+  cancel() {
+    this._runId++;
+    this.loading = false;
+  }
+};
+var withAsync = builtin(AsyncBehavior);
+var FetchBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    /** Current URL — a one-way mirror of the url argument (this.sync) */
+    this.url = void 0;
+    /** The request state machine is a nested withAsync behavior */
+    this.request = withAsync(async (url, init) => {
+      const response = await fetch(url, init);
+      if (!response.ok) {
+        throw new Error(`HTTP ${response.status} for ${url}`);
+      }
+      return await response.json();
+    });
+  }
+  onCreate(url, init) {
+    this._init = init;
+    this.url = this.sync(url);
+    this.watch(
+      () => this.url,
+      (next) => {
+        if (next) this.request.run(next, this._init);
+      },
+      { fireImmediately: true }
+    );
+  }
+  get data() {
+    return this.request.value;
+  }
+  get loading() {
+    return this.request.loading;
+  }
+  get error() {
+    return this.request.error;
+  }
+};
+var withFetch = builtin(FetchBehavior);
+var LocalStorageBehavior = class extends Behavior {
+  onCreate(key, initialValue) {
+    let stored;
+    if (typeof localStorage !== "undefined") {
+      try {
+        const raw = localStorage.getItem(key);
+        if (raw !== null) stored = JSON.parse(raw);
+      } catch {
+      }
+    }
+    this.value = stored !== void 0 ? stored : initialValue;
+    this.watch(
+      () => JSON.stringify(this.value),
+      (json) => {
+        try {
+          localStorage.setItem(key, json);
+        } catch {
+        }
+      }
+    );
+    this.storageSync = withEventListener(
+      () => typeof window === "undefined" ? null : window,
+      "storage",
+      (event) => {
+        const e = event;
+        if (e.key !== key || e.newValue === null) return;
+        try {
+          this.value = JSON.parse(e.newValue);
+        } catch {
+        }
+      }
+    );
+  }
+};
+var withLocalStorage = builtin(LocalStorageBehavior);
+var ElementSizeBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this.width = null;
+    this.height = null;
+  }
+  onCreate(target) {
+    this.target = target;
+  }
+  measure(entry) {
+    const element = this.target.current;
+    if (!element) return;
+    const borderBox = entry?.borderBoxSize;
+    const box = Array.isArray(borderBox) ? borderBox[0] : borderBox;
+    let width = null;
+    let height = null;
+    if (box && Number.isFinite(box.inlineSize) && Number.isFinite(box.blockSize)) {
+      const writingMode = getComputedStyle(element).writingMode;
+      const vertical = writingMode.startsWith("vertical") || writingMode.startsWith("sideways");
+      width = vertical ? box.blockSize : box.inlineSize;
+      height = vertical ? box.inlineSize : box.blockSize;
+    } else if (element instanceof HTMLElement) {
+      width = element.offsetWidth;
+      height = element.offsetHeight;
+    }
+    if (width !== null && width !== this.width) this.width = width;
+    if (height !== null && height !== this.height) this.height = height;
+  }
+  onLayoutMount() {
+    const element = this.target.current;
+    if (!element) {
+      this.width = null;
+      this.height = null;
+      return;
+    }
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver((entries) => {
+      const entry = entries.find((candidate) => candidate.target === element);
+      this.measure(entry);
+    });
+    observer?.observe(element, { box: "border-box" });
+    this.measure();
+    return () => {
+      observer?.disconnect();
+      this.width = null;
+      this.height = null;
+    };
+  }
+};
+var withElementSize = builtin(ElementSizeBehavior);
+var WindowSizeBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this.width = typeof window !== "undefined" ? window.innerWidth : 0;
+    this.height = typeof window !== "undefined" ? window.innerHeight : 0;
+    this.resize = withEventListener(
+      () => typeof window === "undefined" ? null : window,
+      "resize",
+      () => this.measure()
+    );
+  }
+  measure() {
+    this.width = window.innerWidth;
+    this.height = window.innerHeight;
+  }
+};
+var withWindowSize = builtin(WindowSizeBehavior);
+var MediaQueryBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this.matches = false;
+  }
+  onCreate(query) {
+    this.effect(() => {
+      if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+      const mql = window.matchMedia(toValue2(query));
+      runInAction(() => {
+        this.matches = mql.matches;
+      });
+      const onChange = (event) => {
+        runInAction(() => {
+          this.matches = event.matches;
+        });
+      };
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    });
+  }
+};
+var withMediaQuery = builtin(MediaQueryBehavior);
+var DebounceBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this._timer = null;
+  }
+  onCreate(source, delay = 300) {
+    this.value = toValue2(source);
+    this.watch(source, (next) => {
+      if (this._timer !== null) clearTimeout(this._timer);
+      this._timer = setTimeout(() => runInAction(() => {
+        this._timer = null;
+        this.value = next;
+      }), delay);
+    });
+  }
+  onUnmount() {
+    if (this._timer !== null) {
+      clearTimeout(this._timer);
+      this._timer = null;
+    }
+  }
+};
+var withDebounce = builtin(DebounceBehavior);
+var ThrottleBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this._timer = null;
+    this._lastEmit = 0;
+  }
+  onCreate(source, delay = 300) {
+    this.value = toValue2(source);
+    this.watch(
+      source,
+      (next) => {
+        const now = Date.now();
+        const remaining = delay - (now - this._lastEmit);
+        if (remaining <= 0) {
+          this._lastEmit = now;
+          this.value = next;
+        } else if (this._timer === null) {
+          this._timer = setTimeout(() => runInAction(() => {
+            this._timer = null;
+            this._lastEmit = Date.now();
+            this.value = toValue2(source);
+          }), remaining);
+        }
+      }
+    );
+  }
+  onUnmount() {
+    if (this._timer !== null) {
+      clearTimeout(this._timer);
+      this._timer = null;
+    }
+  }
+};
+var withThrottle = builtin(ThrottleBehavior);
+var DocumentTitleBehavior = class extends Behavior {
+  onCreate(title) {
+    this.effect(() => {
+      if (typeof document === "undefined") return;
+      const previous = document.title;
+      document.title = toValue2(title);
+      return () => {
+        document.title = previous;
+      };
+    });
+  }
+};
+var withDocumentTitle = builtin(DocumentTitleBehavior);
+var PageVisibilityBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    this.visible = typeof document !== "undefined" ? document.visibilityState !== "hidden" : true;
+    this.visibilityListener = withEventListener(
+      () => typeof document === "undefined" ? null : document,
+      "visibilitychange",
+      () => {
+        this.visible = document.visibilityState !== "hidden";
+      }
+    );
+  }
+};
+var withPageVisibility = builtin(PageVisibilityBehavior);
+var AutosaveBehavior = class extends Behavior {
+  constructor() {
+    super(...arguments);
+    /** Posting rides on withAsync (out-of-order completions discarded) */
+    this.saver = withAsync(async (url, data) => {
+      const response = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(data)
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP ${response.status} for ${url}`);
+      }
+      return response;
+    });
+    /** Current save endpoint — a one-way mirror of the url argument (this.sync) */
+    this.url = "";
+    this._lastSaved = void 0;
+  }
+  onCreate(url, data, interval = 5e3) {
+    this.url = this.sync(url);
+    this._data = data;
+    this.timer = withInterval(() => this.save(), interval);
+  }
+  /** Save now. Skipped when the payload hasn't changed since the last save. */
+  save() {
+    const payload = this._data();
+    const serialized = JSON.stringify(payload);
+    if (serialized === this._lastSaved) return;
+    this._lastSaved = serialized;
+    this.saver.run(this.url, payload);
+  }
+  get saving() {
+    return this.saver.loading;
+  }
+  get error() {
+    return this.saver.error;
+  }
+};
+var withAutosave = builtin(AutosaveBehavior);
+export {
+  AsyncBehavior,
+  AutosaveBehavior,
+  DebounceBehavior,
+  DocumentTitleBehavior,
+  ElementSizeBehavior,
+  EventListenerBehavior,
+  FetchBehavior,
+  IntervalBehavior,
+  LocalStorageBehavior,
+  MediaQueryBehavior,
+  PageVisibilityBehavior,
+  ThrottleBehavior,
+  TimeoutBehavior,
+  WindowSizeBehavior,
+  toValue,
+  withAsync,
+  withAutosave,
+  withDebounce,
+  withDocumentTitle,
+  withElementSize,
+  withEventListener,
+  withFetch,
+  withInterval,
+  withLocalStorage,
+  withMediaQuery,
+  withPageVisibility,
+  withThrottle,
+  withTimeout,
+  withWindowSize
+};
+//# sourceMappingURL=index.js.map

package/dist/behaviors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/index.ts"],"sourcesContent":["import { runInAction } from 'mobx';\n/**\n * Standard library of built-in behaviors. Every argument documented as\n * MaybeGetter accepts either a plain value (frozen at construction) or a\n * getter (a live connection — re-resolved whenever its observable sources\n * change):\n *\n * ```tsx\n * media = withMediaQuery('(max-width: 768px)');        // static\n * media = withMediaQuery(() => this.props.breakpoint); // live\n * ```\n *\n * Author-side conventions on display throughout this file:\n * - `this.sync(arg)` — normalize a MaybeGetter into an ordinary field that\n *   stays current (see withFetch, withAutosave)\n * - `this.watch(arg, cb)` — a MaybeGetter is a valid watch source directly\n *   (see withDebounce, withThrottle)\n * - `toValue(arg)` — one-off reads inside effect bodies, where the getter\n *   call doubles as dependency tracking (see withEventListener, withInterval)\n *\n * Several of these behaviors are themselves compositions of the others\n * (withFetch = withAsync + watch, withWindowSize = withEventListener + state,\n * withAutosave = withInterval + withAsync) — the same nesting available to\n * user-defined behaviors.\n */\nimport { Behavior, createBehavior } from 'mobx-mantle';\nimport { toValue, type MaybeGetter } from 'mobx-mantle';\n\n// Built-ins are written in auto-observable style (no decorators). Pin that\n// here so they work the same whatever the app sets for `autoObservable`.\nconst builtin = <T extends new (...args: any[]) => any>(Def: T) =>\n  createBehavior(Def, { autoObservable: true });\n\n// ---------------------------------------------------------------------------\n// withEventListener\n// ---------------------------------------------------------------------------\n\nexport class EventListenerBehavior extends Behavior {\n  onCreate(\n    target: MaybeGetter<EventTarget | null | undefined>,\n    type: MaybeGetter<string>,\n    handler: (event: Event) => void,\n    options?: AddEventListenerOptions\n  ) {\n    this.effect(() => {\n      const el = toValue(target);\n      const eventType = toValue(type);\n      if (!el) return;\n      const listener = (event: Event) => runInAction(() => handler(event));\n      el.addEventListener(eventType, listener, options);\n      return () => el.removeEventListener(eventType, listener, options);\n    });\n  }\n}\n\n/**\n * Attach an event listener for the mounted lifetime of the host. Re-attaches\n * when a getter target or type changes.\n *\n * @example keys = withEventListener(window, 'keydown', (e) => this.handleKey(e));\n */\nexport const withEventListener = builtin(EventListenerBehavior);\n\n// ---------------------------------------------------------------------------\n// withInterval\n// ---------------------------------------------------------------------------\n\nexport class IntervalBehavior extends Behavior {\n  onCreate(callback: () => void, delay: MaybeGetter<number | null> = 1000) {\n    this.effect(() => {\n      const ms = toValue(delay);\n      if (ms == null || ms < 0) return; // null pauses the interval\n      const id = setInterval(() => runInAction(callback), ms);\n      return () => clearInterval(id);\n    });\n  }\n}\n\n/**\n * Run a callback on an interval for the mounted lifetime of the host.\n * A getter delay reschedules on change; resolving to null pauses.\n *\n * @example poll = withInterval(() => this.refresh(), 10_000);\n */\nexport const withInterval = builtin(IntervalBehavior);\n\n// ---------------------------------------------------------------------------\n// withTimeout\n// ---------------------------------------------------------------------------\n\nexport class TimeoutBehavior extends Behavior {\n  /** True while the timeout is scheduled and hasn't fired */\n  pending = false;\n\n  onCreate(callback: () => void, delay: MaybeGetter<number | null>) {\n    this.effect(() => {\n      const ms = toValue(delay);\n      if (ms == null || ms < 0) return; // null cancels/pauses\n      runInAction(() => { this.pending = true; });\n      const id = setTimeout(() => runInAction(() => {\n        this.pending = false;\n        callback();\n      }), ms);\n      return () => {\n        this.pending = false;\n        clearTimeout(id);\n      };\n    });\n  }\n}\n\n/**\n * Run a callback once after a delay (measured from mount). A getter delay\n * reschedules on change; resolving to null cancels.\n *\n * @example toast = withTimeout(() => (this.visible = false), 3000);\n */\nexport const withTimeout = builtin(TimeoutBehavior);\n\n// ---------------------------------------------------------------------------\n// withAsync\n// ---------------------------------------------------------------------------\n\nexport class AsyncBehavior<T = unknown> extends Behavior {\n  value: T | undefined = undefined;\n  error: unknown = undefined;\n  loading = false;\n\n  private _fn!: (...args: any[]) => Promise<T>;\n  private _runId = 0;\n\n  onCreate(fn: (...args: any[]) => Promise<T>) {\n    this._fn = fn;\n  }\n\n  /**\n   * Run the async function. Out-of-order completions are discarded: only the\n   * most recent run may write value/error/loading.\n   */\n  async run(...args: any[]): Promise<T | undefined> {\n    const id = ++this._runId;\n    this.loading = true;\n    this.error = undefined;\n    try {\n      const result = await this._fn(...args);\n      if (id === this._runId) {\n        runInAction(() => {\n          this.value = result;\n          this.loading = false;\n        });\n      }\n      return result;\n    } catch (e) {\n      if (id === this._runId) {\n        runInAction(() => {\n          this.error = e;\n          this.loading = false;\n        });\n      }\n      return undefined;\n    }\n  }\n\n  /** Discard any in-flight run's result */\n  cancel(): void {\n    this._runId++;\n    this.loading = false;\n  }\n}\n\n/**\n * Track an async function's latest run as observable value/error/loading state.\n *\n * @example search = withAsync((q: string) => api.search(q)); // later: this.search.run(this.query)\n */\nexport const withAsync = builtin(AsyncBehavior) as unknown as {\n  <T>(fn: (...args: any[]) => Promise<T>): AsyncBehavior<T>;\n  new <T>(fn: (...args: any[]) => Promise<T>): AsyncBehavior<T>;\n};\n\n// ---------------------------------------------------------------------------\n// withFetch — composition: withAsync + watch\n// ---------------------------------------------------------------------------\n\nexport class FetchBehavior<T = unknown> extends Behavior {\n  /** Current URL — a one-way mirror of the url argument (this.sync) */\n  url: string | null | undefined = undefined;\n\n  /** The request state machine is a nested withAsync behavior */\n  request = withAsync<T>(async (url: string, init?: RequestInit) => {\n    const response = await fetch(url, init);\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status} for ${url}`);\n    }\n    return (await response.json()) as T;\n  });\n\n  private _init?: RequestInit;\n\n  onCreate(url: MaybeGetter<string | null | undefined>, init?: RequestInit) {\n    this._init = init;\n    this.url = this.sync(url);\n    this.watch(\n      () => this.url,\n      (next) => {\n        if (next) this.request.run(next, this._init);\n      },\n      { fireImmediately: true }\n    );\n  }\n\n  get data(): T | undefined {\n    return this.request.value;\n  }\n  get loading(): boolean {\n    return this.request.loading;\n  }\n  get error(): unknown {\n    return this.request.error;\n  }\n}\n\n/**\n * Fetch JSON from a URL. A getter URL refetches on change (the first fetch\n * fires at mount); a URL resolving to null/undefined skips fetching.\n * Out-of-order responses are discarded by the underlying withAsync.\n *\n * @example user = withFetch<User>(() => `/api/users/${this.props.userId}`);\n */\nexport const withFetch = builtin(FetchBehavior) as unknown as {\n  <T = unknown>(url: MaybeGetter<string | null | undefined>, init?: RequestInit): FetchBehavior<T>;\n  new <T = unknown>(url: MaybeGetter<string | null | undefined>, init?: RequestInit): FetchBehavior<T>;\n};\n\n// ---------------------------------------------------------------------------\n// withLocalStorage — composition: withEventListener for cross-tab sync\n// ---------------------------------------------------------------------------\n\nexport class LocalStorageBehavior<T = unknown> extends Behavior {\n  value!: T;\n\n  /** Cross-tab sync rides on a nested withEventListener */\n  storageSync!: EventListenerBehavior;\n\n  onCreate(key: string, initialValue: T) {\n    let stored: T | undefined;\n    if (typeof localStorage !== 'undefined') {\n      try {\n        const raw = localStorage.getItem(key);\n        if (raw !== null) stored = JSON.parse(raw) as T;\n      } catch {\n        // corrupted entry or blocked storage — fall back to initialValue\n      }\n    }\n    this.value = stored !== undefined ? stored : initialValue;\n\n    // Persist on change (tracking starts at mount)\n    this.watch(\n      () => JSON.stringify(this.value),\n      (json) => {\n        try {\n          localStorage.setItem(key, json);\n        } catch {\n          // quota exceeded or blocked storage — value stays in memory\n        }\n      }\n    );\n\n    this.storageSync = withEventListener(\n      () => (typeof window === 'undefined' ? null : window),\n      'storage',\n      (event) => {\n        const e = event as StorageEvent;\n        if (e.key !== key || e.newValue === null) return;\n        try {\n          this.value = JSON.parse(e.newValue) as T;\n        } catch {\n          // malformed external write — ignore\n        }\n      }\n    );\n  }\n}\n\n/**\n * An observable value persisted to localStorage under `key`, hydrated from\n * storage at construction and kept in sync across tabs. Values must be\n * JSON-serializable.\n *\n * @example theme = withLocalStorage('theme', 'dark'); // read/write this.theme.value\n */\nexport const withLocalStorage = builtin(LocalStorageBehavior) as unknown as {\n  <T>(key: string, initialValue: T): LocalStorageBehavior<T>;\n  new <T>(key: string, initialValue: T): LocalStorageBehavior<T>;\n};\n\n// ---------------------------------------------------------------------------\n// withElementSize\n// ---------------------------------------------------------------------------\n\nexport interface ElementSizeRef {\n  readonly current: Element | null;\n}\n\n/**\n * Observe one ref's border-box dimensions for the mounted lifetime of its\n * host. Setup and teardown both live in onLayoutMount so React StrictMode's\n * effect replay always reacquires the observer against the retained DOM node.\n */\nexport class ElementSizeBehavior extends Behavior {\n  width: number | null = null;\n  height: number | null = null;\n\n  private target!: ElementSizeRef;\n\n  onCreate(target: ElementSizeRef) {\n    this.target = target;\n  }\n\n  measure(entry?: ResizeObserverEntry) {\n    const element = this.target.current;\n    if (!element) return;\n\n    // ResizeObserver reports layout-space box sizes. Unlike\n    // getBoundingClientRect(), these values do not include transforms on the\n    // element or its ancestors.\n    const borderBox = entry?.borderBoxSize;\n    const box = Array.isArray(borderBox) ? borderBox[0] : borderBox;\n    let width: number | null = null;\n    let height: number | null = null;\n\n    if (box && Number.isFinite(box.inlineSize) && Number.isFinite(box.blockSize)) {\n      const writingMode = getComputedStyle(element).writingMode;\n      const vertical = writingMode.startsWith('vertical') || writingMode.startsWith('sideways');\n      width = vertical ? box.blockSize : box.inlineSize;\n      height = vertical ? box.inlineSize : box.blockSize;\n    } else if (element instanceof HTMLElement) {\n      // Initial layout-mount measurement and older-browser fallback. These\n      // are physical border-box dimensions and are also transform-independent.\n      width = element.offsetWidth;\n      height = element.offsetHeight;\n    }\n\n    if (width !== null && width !== this.width) this.width = width;\n    if (height !== null && height !== this.height) this.height = height;\n  }\n\n  onLayoutMount() {\n    const element = this.target.current;\n    if (!element) {\n      this.width = null;\n      this.height = null;\n      return;\n    }\n\n    const observer =\n      typeof ResizeObserver === 'undefined'\n        ? null\n        : new ResizeObserver((entries) => {\n            const entry = entries.find((candidate) => candidate.target === element);\n            this.measure(entry);\n          });\n    observer?.observe(element, { box: 'border-box' });\n    this.measure();\n\n    return () => {\n      observer?.disconnect();\n      this.width = null;\n      this.height = null;\n    };\n  }\n}\n\n/**\n * Reactive layout-space border-box width and height for an element ref.\n * CSS transforms on the element or its ancestors do not affect the reported\n * size, so responsive components behave consistently inside scaled containers.\n * Values are null before layout mount, while no element is attached, and\n * after cleanup.\n *\n * @example\n * root = this.ref<HTMLDivElement>();\n * size = withElementSize(this.root);\n */\nexport const withElementSize = builtin(ElementSizeBehavior);\n\n// ---------------------------------------------------------------------------\n// withWindowSize — composition: withEventListener\n// ---------------------------------------------------------------------------\n\nexport class WindowSizeBehavior extends Behavior {\n  width = typeof window !== 'undefined' ? window.innerWidth : 0;\n  height = typeof window !== 'undefined' ? window.innerHeight : 0;\n\n  resize = withEventListener(\n    () => (typeof window === 'undefined' ? null : window),\n    'resize',\n    () => this.measure()\n  );\n\n  measure() {\n    this.width = window.innerWidth;\n    this.height = window.innerHeight;\n  }\n}\n\n/**\n * Observable window inner width/height (0×0 during SSR).\n *\n * @example size = withWindowSize(); // this.size.width × this.size.height\n */\nexport const withWindowSize = builtin(WindowSizeBehavior);\n\n// ---------------------------------------------------------------------------\n// withMediaQuery\n// ---------------------------------------------------------------------------\n\nexport class MediaQueryBehavior extends Behavior {\n  matches = false;\n\n  onCreate(query: MaybeGetter<string>) {\n    this.effect(() => {\n      if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n      const mql = window.matchMedia(toValue(query));\n      runInAction(() => { this.matches = mql.matches; });\n      const onChange = (event: MediaQueryListEvent) => {\n        runInAction(() => { this.matches = event.matches; });\n      };\n      mql.addEventListener('change', onChange);\n      return () => mql.removeEventListener('change', onChange);\n    });\n  }\n}\n\n/**\n * Observable match state for a media query (false during SSR).\n *\n * @example isMobile = withMediaQuery('(max-width: 768px)'); // this.isMobile.matches\n */\nexport const withMediaQuery = builtin(MediaQueryBehavior);\n\n// ---------------------------------------------------------------------------\n// withDebounce\n// ---------------------------------------------------------------------------\n\nexport class DebounceBehavior<T = unknown> extends Behavior {\n  value!: T;\n\n  private _timer: ReturnType<typeof setTimeout> | null = null;\n\n  onCreate(source: MaybeGetter<T>, delay: number = 300) {\n    this.value = toValue(source);\n    // A MaybeGetter is a valid watch source directly (and a plain value\n    // dev-warns here — debouncing a constant is always a mistake).\n    // Every change restarts the timer, so the value settles only after\n    // `delay` ms of quiet. (MobX's reaction `delay` would fire from the\n    // first change instead, batching the rest.)\n    this.watch(source, (next) => {\n      if (this._timer !== null) clearTimeout(this._timer);\n      this._timer = setTimeout(() => runInAction(() => {\n        this._timer = null;\n        this.value = next;\n      }), delay);\n    });\n  }\n\n  onUnmount() {\n    if (this._timer !== null) {\n      clearTimeout(this._timer);\n      this._timer = null;\n    }\n  }\n}\n\n/**\n * A debounced mirror of a reactive source: updates settle after `delay` ms of quiet.\n *\n * @example debouncedQuery = withDebounce(() => this.query, 300);\n */\nexport const withDebounce = builtin(DebounceBehavior) as unknown as {\n  <T>(source: MaybeGetter<T>, delay?: number): DebounceBehavior<T>;\n  new <T>(source: MaybeGetter<T>, delay?: number): DebounceBehavior<T>;\n};\n\n// ---------------------------------------------------------------------------\n// withThrottle\n// ---------------------------------------------------------------------------\n\nexport class ThrottleBehavior<T = unknown> extends Behavior {\n  value!: T;\n\n  private _timer: ReturnType<typeof setTimeout> | null = null;\n  private _lastEmit = 0;\n\n  onCreate(source: MaybeGetter<T>, delay: number = 300) {\n    this.value = toValue(source);\n    this.watch(\n      source,\n      (next) => {\n        const now = Date.now();\n        const remaining = delay - (now - this._lastEmit);\n        if (remaining <= 0) {\n          this._lastEmit = now;\n          this.value = next;\n        } else if (this._timer === null) {\n          // Trailing edge: emit the latest value when the window closes\n          this._timer = setTimeout(() => runInAction(() => {\n            this._timer = null;\n            this._lastEmit = Date.now();\n            this.value = toValue(source);\n          }), remaining);\n        }\n      }\n    );\n  }\n\n  onUnmount() {\n    if (this._timer !== null) {\n      clearTimeout(this._timer);\n      this._timer = null;\n    }\n  }\n}\n\n/**\n * A throttled mirror of a reactive source: at most one update per `delay` ms, trailing edge included.\n *\n * @example scrollY = withThrottle(() => this.rawScrollY, 100);\n */\nexport const withThrottle = builtin(ThrottleBehavior) as unknown as {\n  <T>(source: MaybeGetter<T>, delay?: number): ThrottleBehavior<T>;\n  new <T>(source: MaybeGetter<T>, delay?: number): ThrottleBehavior<T>;\n};\n\n// ---------------------------------------------------------------------------\n// withDocumentTitle\n// ---------------------------------------------------------------------------\n\nexport class DocumentTitleBehavior extends Behavior {\n  onCreate(title: MaybeGetter<string>) {\n    this.effect(() => {\n      if (typeof document === 'undefined') return;\n      const previous = document.title;\n      document.title = toValue(title);\n      return () => {\n        document.title = previous;\n      };\n    });\n  }\n}\n\n/**\n * Set document.title for the mounted lifetime; restores the previous title on unmount.\n *\n * @example title = withDocumentTitle(() => `Inbox (${this.unread})`);\n */\nexport const withDocumentTitle = builtin(DocumentTitleBehavior);\n\n// ---------------------------------------------------------------------------\n// withPageVisibility — composition: withEventListener\n// ---------------------------------------------------------------------------\n\nexport class PageVisibilityBehavior extends Behavior {\n  visible = typeof document !== 'undefined' ? document.visibilityState !== 'hidden' : true;\n\n  visibilityListener = withEventListener(\n    () => (typeof document === 'undefined' ? null : document),\n    'visibilitychange',\n    () => {\n      this.visible = document.visibilityState !== 'hidden';\n    }\n  );\n}\n\n/**\n * Observable page visibility (true during SSR).\n *\n * @example page = withPageVisibility(); // pause work when !this.page.visible\n */\nexport const withPageVisibility = builtin(PageVisibilityBehavior);\n\n// ---------------------------------------------------------------------------\n// withAutosave — flagship composition: withInterval + withAsync\n// ---------------------------------------------------------------------------\n\nexport class AutosaveBehavior extends Behavior {\n  /** Posting rides on withAsync (out-of-order completions discarded) */\n  saver = withAsync(async (url: string, data: unknown) => {\n    const response = await fetch(url, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(data),\n    });\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status} for ${url}`);\n    }\n    return response;\n  });\n\n  /** Scheduling rides on withInterval (assigned in onCreate, still collected) */\n  timer!: IntervalBehavior;\n\n  /** Current save endpoint — a one-way mirror of the url argument (this.sync) */\n  url = '';\n\n  private _data!: () => unknown;\n  private _lastSaved: string | undefined = undefined;\n\n  onCreate(url: MaybeGetter<string>, data: () => unknown, interval: MaybeGetter<number | null> = 5000) {\n    this.url = this.sync(url);\n    this._data = data;\n    this.timer = withInterval(() => this.save(), interval);\n  }\n\n  /** Save now. Skipped when the payload hasn't changed since the last save. */\n  save(): void {\n    const payload = this._data();\n    const serialized = JSON.stringify(payload);\n    if (serialized === this._lastSaved) return;\n    this._lastSaved = serialized;\n    this.saver.run(this.url, payload);\n  }\n\n  get saving(): boolean {\n    return this.saver.loading;\n  }\n  get error(): unknown {\n    return this.saver.error;\n  }\n}\n\n/**\n * Periodically POST a data snapshot as JSON while mounted, skipping saves\n * when nothing changed. A getter interval reschedules on change; resolving\n * to null pauses autosaving. Call save() for an immediate flush.\n *\n * @example autosave = withAutosave('/api/draft', () => this.doc, 5000);\n */\nexport const withAutosave = builtin(AutosaveBehavior);\n\nexport { toValue, type MaybeGetter } from '../reactive-args';\n"],"mappings":"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","names":["toValue"]}

package/dist/chunk-LP5TAGSI.js

@@ -0,0 +1,9 @@
+// src/reactive-args.ts
+function toValue(value) {
+  return typeof value === "function" ? value() : value;
+}
+
+export {
+  toValue
+};
+//# sourceMappingURL=chunk-LP5TAGSI.js.map

package/dist/chunk-LP5TAGSI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/reactive-args.ts"],"sourcesContent":["/**\n * A value, or a getter producing it. Behavior arguments typed as MaybeGetter\n * let consumers choose between a snapshot and a live connection:\n *\n * ```tsx\n * fetcher = withFetch('/api/items');            // frozen at construction\n * fetcher = withFetch(() => this.props.url);    // tracks prop changes\n * ```\n *\n * Rule of thumb for consumers: not sure which to pass? Pass the arrow — it is\n * never wrong, only occasionally redundant. Reserve plain values for things\n * you intend to freeze.\n *\n * Behavior authors normalize the argument once with `this.sync()` (into a\n * self-updating field), or read it in place with `toValue()` — the same\n * convention as Vue's MaybeRefOrGetter/toValue and Solid's\n * MaybeAccessor/access.\n *\n * Note: an argument that is legitimately a function (a callback rather than\n * a getter) cannot also be a MaybeGetter — the two are indistinguishable at\n * runtime. Choose per parameter.\n */\nexport type MaybeGetter<T> = T | (() => T);\n\n/**\n * Unwrap a MaybeGetter: call it if it is a getter, return it as-is otherwise.\n * Inside a tracked context (watch expression, effect body) calling the getter\n * also records its observable reads as dependencies — that is what makes a\n * getter argument live.\n */\nexport function toValue<T>(value: MaybeGetter<T>): T {\n  return typeof value === 'function' ? (value as () => T)() : value;\n}\n"],"mappings":";AA8BO,SAAS,QAAW,OAA0B;AACnD,SAAO,OAAO,UAAU,aAAc,MAAkB,IAAI;AAC9D;","names":[]}

package/dist/chunk-WNF647U6.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/reactive-args.ts
+function toValue(value) {
+  return typeof value === "function" ? value() : value;
+}
+
+
+
+exports.toValue = toValue;
+//# sourceMappingURL=chunk-WNF647U6.cjs.map

package/dist/chunk-WNF647U6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["c:\\Users\\me\\Documents\\Projects\\mobx-mantle\\dist\\chunk-WNF647U6.cjs"],"names":[],"mappings":"AAAA;AACA,SAAS,OAAO,CAAC,KAAK,EAAE;AACxB,EAAE,OAAO,OAAO,MAAM,IAAI,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK;AACtD;AACA;AACA;AACE;AACF,0BAAC","file":"C:\\Users\\me\\Documents\\Projects\\mobx-mantle\\dist\\chunk-WNF647U6.cjs","sourcesContent":[null]}