@salla.sa/twilight-theme-engine 1.0.94 → 1.0.96

package/dist/chunk-COJH52VR.js

@@ -0,0 +1,443 @@
+import { EMPTY_PREVIEW_STATE, DEV_LOOKUP_TIMEOUT_MS, isEditorFrame, normalizePreviewState, DEV_PREVIEW_GLOBAL, DEV_PREVIEW_EVENT, DEV_PREVIEW_ENDPOINT } from './chunk-N45X7D55.js';
+import { resolveStoreBase } from './chunk-FO4WVGUQ.js';
+import { useSyncExternalStore, useEffect, useMemo } from 'react';
+
+var LEGACY_STORAGE_KEY = "twilight:dev-settings";
+var SAVE_DELAY_MS = 250;
+var CHANNEL_NAME = "twilight:preview";
+var FRAME_MESSAGE = "twilight:editor";
+var FOCUS_WAIT_MS = 2e3;
+var FOCUS_FLASH_MS = 1200;
+var pendingLookups = /* @__PURE__ */ new Map();
+function randomId(bytes = 6) {
+  const values = globalThis.crypto.getRandomValues(new Uint8Array(bytes));
+  return Array.from(values, (b) => b.toString(16).padStart(2, "0")).join("");
+}
+var tabId;
+function myTabId() {
+  tabId ??= randomId();
+  return tabId;
+}
+var seedSource;
+var seedState = EMPTY_PREVIEW_STATE;
+function readSeed() {
+  const raw = globalThis[DEV_PREVIEW_GLOBAL];
+  if (raw !== seedSource) {
+    seedSource = raw;
+    seedState = normalizePreviewState(raw) ?? EMPTY_PREVIEW_STATE;
+  }
+  return seedState;
+}
+var SINGLETON_KEY = "__twilightDevSettingsStore__";
+function singleton() {
+  const g = globalThis;
+  let s = g[SINGLETON_KEY];
+  if (!s) {
+    const seeded = globalThis[DEV_PREVIEW_GLOBAL] != null;
+    s = {
+      state: readSeed(),
+      listeners: /* @__PURE__ */ new Set(),
+      ownBlocks: null,
+      meta: { liveBlocks: null, saveStatus: "idle", frameBase: void 0 },
+      metaListeners: /* @__PURE__ */ new Set(),
+      saveTimer: void 0,
+      dirty: false,
+      inFlight: false,
+      legacyPending: false,
+      channel: null,
+      getFrame: null,
+      dispose: () => {
+      }
+    };
+    g[SINGLETON_KEY] = s;
+    if (typeof window !== "undefined") setUpBrowser(s, seeded);
+  }
+  return s;
+}
+function setUpBrowser(s, seeded) {
+  const listeners = new AbortController();
+  const { signal } = listeners;
+  if (!seeded) migrateLegacy(s);
+  listenForOtherTabs();
+  s.channel = openChannel();
+  listenForFrameMessages(s, signal);
+  window.addEventListener("pagehide", () => flushOnExit(s), { signal });
+  s.dispose = () => {
+    listeners.abort();
+    s.channel?.close();
+    clearTimeout(s.saveTimer);
+  };
+  if (isEditorFrame()) sendToEditor({ kind: "frame-info", base: resolveStoreBase() });
+}
+function migrateLegacy(s) {
+  try {
+    const raw = window.localStorage.getItem(LEGACY_STORAGE_KEY);
+    if (!raw) return;
+    const legacy = normalizePreviewState(JSON.parse(raw));
+    if (!legacy) return;
+    s.state = { enabled: legacy.enabled, settings: legacy.settings, layout: null };
+    s.legacyPending = true;
+    scheduleSave(s);
+  } catch {
+  }
+}
+function receive(raw) {
+  const s = singleton();
+  if (s.dirty || s.inFlight || s.saveTimer) return;
+  const next = normalizePreviewState(raw);
+  if (next && JSON.stringify(next) !== JSON.stringify(s.state)) emit(next);
+}
+function listenForOtherTabs() {
+  const hot = import.meta.hot;
+  if (!hot) return;
+  hot.on(DEV_PREVIEW_EVENT, (payload) => {
+    if (payload?.from !== myTabId()) receive(payload?.state);
+  });
+}
+function openChannel() {
+  if (typeof BroadcastChannel === "undefined") return null;
+  const channel = new BroadcastChannel(CHANNEL_NAME);
+  channel.onmessage = ({ data }) => {
+    if (data && data.from !== myTabId()) receive(data.state);
+  };
+  return channel;
+}
+function sendToEditor(message) {
+  if (isEditorFrame())
+    window.parent.postMessage({ type: FRAME_MESSAGE, message }, window.location.origin);
+}
+function sendToFrame(message) {
+  singleton().getFrame?.()?.postMessage({ type: FRAME_MESSAGE, message }, window.location.origin);
+}
+function reportToEditor(s) {
+  sendToEditor({ kind: "frame-info", base: resolveStoreBase() });
+  sendToEditor({ kind: "live-blocks", blocks: s.ownBlocks });
+}
+function listenForFrameMessages(s, signal) {
+  window.addEventListener(
+    "message",
+    (event) => {
+      if (event.origin !== window.location.origin || event.data?.type !== FRAME_MESSAGE) return;
+      const message = event.data.message;
+      if (window.parent !== window && event.source === window.parent) {
+        if (message.kind === "request-live-blocks") reportToEditor(s);
+        else if (message.kind === "focus-block") scrollToBlock(message.index);
+        else if (message.kind === "lookup") void answerLookup(message);
+        return;
+      }
+      const frame = s.getFrame?.();
+      if (!frame || event.source !== frame) return;
+      if (message.kind === "lookup-result") settleLookup(message);
+      else if (message.kind === "live-blocks") setMeta({ liveBlocks: message.blocks });
+      else if (message.kind === "frame-info") setMeta({ frameBase: message.base });
+    },
+    { signal }
+  );
+}
+async function answerLookup(message) {
+  const { requestId, source, query } = message;
+  try {
+    const { lookupInStore } = await import('./store-lookup-T4TK7CKA.js');
+    sendToEditor({ kind: "lookup-result", requestId, items: await lookupInStore(source, query) });
+  } catch (error) {
+    sendToEditor({
+      kind: "lookup-result",
+      requestId,
+      error: error instanceof Error ? error.message : "lookup failed"
+    });
+  }
+}
+function settleLookup(message) {
+  const pending = pendingLookups.get(message.requestId);
+  if (!pending) return;
+  pendingLookups.delete(message.requestId);
+  clearTimeout(pending.timer);
+  if (message.items) pending.resolve(message.items);
+  else pending.reject(new Error(message.error ?? "lookup failed"));
+}
+function scrollToBlock(index) {
+  const started = Date.now();
+  const find = () => {
+    const el = document.querySelector(`[data-home-block="${index}"]`);
+    if (!el) {
+      if (Date.now() - started < FOCUS_WAIT_MS) requestAnimationFrame(find);
+      return;
+    }
+    const { outline, outlineOffset, scrollMarginTop } = el.style;
+    el.style.scrollMarginTop = "80px";
+    el.scrollIntoView({ behavior: "smooth", block: "start" });
+    el.style.outline = "2px solid #0d9488";
+    el.style.outlineOffset = "-2px";
+    setTimeout(() => {
+      el.style.outline = outline;
+      el.style.outlineOffset = outlineOffset;
+      el.style.scrollMarginTop = scrollMarginTop;
+    }, FOCUS_FLASH_MS);
+  };
+  find();
+}
+function emit(next) {
+  const s = singleton();
+  s.state = next;
+  s.listeners.forEach((l) => l());
+}
+function setMeta(patch) {
+  const s = singleton();
+  s.meta = { ...s.meta, ...patch };
+  s.metaListeners.forEach((l) => l());
+}
+function saveRequest(s, keepalive = false) {
+  return fetch(DEV_PREVIEW_ENDPOINT, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ state: s.state, from: myTabId() }),
+    keepalive
+  });
+}
+async function flush(s) {
+  if (s.inFlight || !s.dirty) return;
+  s.inFlight = true;
+  s.dirty = false;
+  let failed = false;
+  try {
+    const res = await saveRequest(s);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    if (s.legacyPending) {
+      s.legacyPending = false;
+      try {
+        window.localStorage.removeItem(LEGACY_STORAGE_KEY);
+      } catch {
+      }
+    }
+    if (!s.dirty && !s.saveTimer) setMeta({ saveStatus: "saved" });
+  } catch (error) {
+    failed = !s.dirty;
+    s.dirty = true;
+    setMeta({ saveStatus: "error" });
+    console.error("[twilight-react:preview] could not save twilight.preview.json", error);
+  } finally {
+    s.inFlight = false;
+    if (!failed && s.dirty && !s.saveTimer) void flush(s);
+  }
+}
+function scheduleSave(s) {
+  if (typeof window === "undefined" || typeof fetch === "undefined") return;
+  s.dirty = true;
+  clearTimeout(s.saveTimer);
+  setMeta({ saveStatus: "saving" });
+  s.saveTimer = setTimeout(() => {
+    s.saveTimer = void 0;
+    void flush(s);
+  }, SAVE_DELAY_MS);
+}
+function flushOnExit(s) {
+  if (!s.dirty) return;
+  clearTimeout(s.saveTimer);
+  s.saveTimer = void 0;
+  s.dirty = false;
+  void saveRequest(s, true).catch(() => {
+  });
+}
+function commit(next) {
+  const s = singleton();
+  emit(next);
+  try {
+    s.channel?.postMessage({ state: next, from: myTabId() });
+  } catch {
+  }
+  scheduleSave(s);
+}
+function newBlockId() {
+  return `b-${randomId()}`;
+}
+function blockPath(path) {
+  return path.replace(/^home\./, "");
+}
+function updateLayout(update) {
+  const { state } = singleton();
+  commit({ ...state, layout: update(state.layout ?? []) });
+}
+function blockFor(schema, path) {
+  const component = schema.components.find((c) => c.path === path);
+  const defaults = schema.blockDefaults?.[path] ?? schema.componentDefaults[path] ?? {};
+  return {
+    id: newBlockId(),
+    path: blockPath(path),
+    fields: { ...component?.key ? { key: component.key } : {}, ...defaults }
+  };
+}
+var devSettingsStore = {
+  get: () => singleton().state,
+  /** What the server rendered: the saved file as of this page load. */
+  getServer: () => readSeed(),
+  subscribe(listener) {
+    const s = singleton();
+    s.listeners.add(listener);
+    return () => {
+      s.listeners.delete(listener);
+    };
+  },
+  /** Turn overrides on, seeding any unset setting with its twilight.json default. */
+  enable(schema) {
+    const { state } = singleton();
+    commit({
+      ...state,
+      enabled: true,
+      settings: { ...schema.settingsDefaults, ...state.settings }
+    });
+  },
+  disable() {
+    commit({ ...singleton().state, enabled: false });
+  },
+  setSetting(id, value) {
+    const { state } = singleton();
+    commit({ ...state, settings: { ...state.settings, [id]: value } });
+  },
+  /** Restore every setting to its twilight.json default (keeps enabled and the layout). */
+  resetSettings(schema) {
+    commit({ ...singleton().state, settings: { ...schema.settingsDefaults } });
+  },
+  // ── Editor ↔ frame ───────────────────────────────────────────────────────
+  /** The editor tells the store which window is its storefront frame. */
+  connectFrame(getFrame) {
+    const s = singleton();
+    s.getFrame = getFrame;
+    return () => {
+      if (s.getFrame === getFrame) s.getFrame = null;
+    };
+  },
+  /** A storefront's home page reports its blocks (`null` when it leaves); in the editor's frame they go to the editor. Not saved. */
+  setLiveBlocks(blocks) {
+    const s = singleton();
+    s.ownBlocks = blocks;
+    sendToEditor({ kind: "live-blocks", blocks });
+  },
+  /** Ask the frame for its home page's blocks and its store base. */
+  requestLiveBlocks() {
+    sendToFrame({ kind: "request-live-blocks" });
+  },
+  /**
+   * Search the dev store through the editor's frame. Rejects when there is no
+   * frame, it doesn't answer in time, or the store refuses; pickers then fall
+   * back to samples.
+   */
+  lookup(source, query) {
+    const frame = singleton().getFrame?.();
+    if (!frame) return Promise.reject(new Error("no storefront frame"));
+    const requestId = randomId();
+    return new Promise((resolve, reject) => {
+      const timer = setTimeout(() => {
+        pendingLookups.delete(requestId);
+        reject(new Error("the storefront did not answer"));
+      }, DEV_LOOKUP_TIMEOUT_MS);
+      pendingLookups.set(requestId, { resolve, reject, timer });
+      sendToFrame({ kind: "lookup", requestId, source, query });
+    });
+  },
+  /** Scroll the editor's frame to the home block at `index`. */
+  focusBlock(index) {
+    sendToFrame({ kind: "focus-block", index });
+  },
+  getMeta: () => singleton().meta,
+  subscribeMeta(listener) {
+    const s = singleton();
+    s.metaListeners.add(listener);
+    return () => {
+      s.metaListeners.delete(listener);
+    };
+  },
+  // ── Home layout ──────────────────────────────────────────────────────────
+  /**
+   * Take over the home layout. Starts from the blocks the home page showed (the
+   * frame's in the editor; an empty page stays empty), otherwise from every
+   * twilight.json component.
+   */
+  customizeLayout(schema) {
+    const s = singleton();
+    const live = s.meta.liveBlocks ?? s.ownBlocks;
+    const layout = live !== null ? live.filter((block) => typeof block.path === "string").filter((block) => block.path !== "").map(({ path, ...fields }) => ({ id: newBlockId(), path: blockPath(path), fields })) : schema.components.map((component) => blockFor(schema, component.path));
+    commit({ ...s.state, enabled: true, layout });
+  },
+  startEmptyLayout() {
+    commit({ ...singleton().state, enabled: true, layout: [] });
+  },
+  /** Back to the store's own blocks. */
+  clearLayout() {
+    commit({ ...singleton().state, layout: null });
+  },
+  /** Insert a twilight.json component at `at` (default: the end); returns the new block's id. */
+  addBlock(schema, path, at) {
+    const block = blockFor(schema, path);
+    updateLayout((layout) => {
+      const next = [...layout];
+      next.splice(at ?? next.length, 0, block);
+      return next;
+    });
+    return block.id;
+  },
+  removeBlock(id) {
+    updateLayout((layout) => layout.filter((block) => block.id !== id));
+  },
+  duplicateBlock(id) {
+    updateLayout((layout) => {
+      const index = layout.findIndex((block) => block.id === id);
+      if (index === -1) return layout;
+      const copy = { ...layout[index], id: newBlockId(), fields: { ...layout[index].fields } };
+      return [...layout.slice(0, index + 1), copy, ...layout.slice(index + 1)];
+    });
+  },
+  /** Move a block to index `to` (its position after the move). */
+  moveBlock(id, to) {
+    updateLayout((layout) => {
+      const from = layout.findIndex((block2) => block2.id === id);
+      if (from === -1) return layout;
+      const target = Math.max(0, Math.min(to, layout.length - 1));
+      if (target === from) return layout;
+      const next = [...layout];
+      const [block] = next.splice(from, 1);
+      next.splice(target, 0, block);
+      return next;
+    });
+  },
+  setBlockField(id, fieldId, value) {
+    updateLayout(
+      (layout) => layout.map(
+        (block) => block.id === id ? { ...block, fields: { ...block.fields, [fieldId]: value } } : block
+      )
+    );
+  }
+};
+var SERVER_META = { liveBlocks: null, saveStatus: "idle", frameBase: void 0 };
+function useDevEditorMeta() {
+  return useSyncExternalStore(
+    devSettingsStore.subscribeMeta,
+    devSettingsStore.getMeta,
+    () => SERVER_META
+  );
+}
+function useDevSettingsState() {
+  return useSyncExternalStore(
+    devSettingsStore.subscribe,
+    devSettingsStore.get,
+    devSettingsStore.getServer
+  );
+}
+var useDevSettingsOverrides = import.meta.env.DEV ? useDevSettingsState : () => EMPTY_PREVIEW_STATE;
+function useDevLayoutBlocks(components) {
+  const overrides = useDevSettingsState();
+  useEffect(() => {
+    devSettingsStore.setLiveBlocks(components);
+    return () => devSettingsStore.setLiveBlocks(null);
+  }, [components]);
+  return useMemo(() => {
+    if (!overrides.enabled || !overrides.layout) return components;
+    return overrides.layout.map(
+      (block) => ({ ...block.fields, path: block.path, __dev_id: block.id })
+    );
+  }, [components, overrides]);
+}
+var useDevHomeBlocks = import.meta.env.DEV ? useDevLayoutBlocks : (components) => components;
+
+export { blockPath, devSettingsStore, useDevEditorMeta, useDevHomeBlocks, useDevSettingsOverrides, useDevSettingsState };
+//# sourceMappingURL=chunk-COJH52VR.js.map
+//# sourceMappingURL=chunk-COJH52VR.js.map

package/dist/chunk-COJH52VR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dev/dev-settings-store.ts"],"names":["block"],"mappings":"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","file":"chunk-COJH52VR.js","sourcesContent":["/**\n * Client-side store for the dev editor: theme-setting overrides and a dev-owned\n * home layout. Saved to `twilight.preview.json` through the dev server (see\n * `twilight-schema.plugin.ts`), not to localStorage, for three reasons: the\n * server render can read a file, so the page hydrates with the edited layout\n * instead of flashing the store's; the state survives a port or browser\n * change; and the developer can open, diff or delete it.\n *\n * The saved state reaches this module through `virtual:twilight/schema`, which\n * the root route imports on both sides before anything renders and which puts\n * it on `globalThis[DEV_PREVIEW_GLOBAL]`. Server snapshots read that value\n * (the server's modules are re-run after each save); the browser copies it once\n * and then owns the state.\n *\n * The theme editor (`/__twilight/editor`) frames the storefront, so two copies\n * of this store run side by side. Edits reach every copy on the origin at once\n * over a `BroadcastChannel` (the file save is debounced), and only the copy\n * that made an edit saves it. Everything else between an editor and its frame\n * (the home page's blocks, the store base, scroll-to-block) goes by\n * `postMessage` to that one window, so another storefront tab never answers.\n */\n\nimport { useEffect, useMemo, useSyncExternalStore } from 'react';\nimport {\n  DEV_LOOKUP_TIMEOUT_MS,\n  DEV_PREVIEW_ENDPOINT,\n  DEV_PREVIEW_EVENT,\n  DEV_PREVIEW_GLOBAL,\n  EMPTY_PREVIEW_STATE,\n  isEditorFrame,\n  normalizePreviewState,\n  type DevLookupItem,\n  type DevLookupSource,\n  type DevPreviewBlock,\n  type DevPreviewState,\n  type DevSchema,\n} from './schema-types';\nimport { resolveStoreBase } from '../utils/store-identity';\n\nexport type DevSettingsState = DevPreviewState;\nexport type DevSaveStatus = 'idle' | 'saving' | 'saved' | 'error';\ntype LiveBlocks = { path?: string }[];\n\n/** Where the old localStorage-backed widget kept its state; migrated once. */\nconst LEGACY_STORAGE_KEY = 'twilight:dev-settings';\n/** Batch keystrokes into one write. */\nconst SAVE_DELAY_MS = 250;\n/** Same-browser channel every copy of the store listens on, for edits. */\nconst CHANNEL_NAME = 'twilight:preview';\n/** Envelope type of the editor ↔ frame `postMessage`s. */\nconst FRAME_MESSAGE = 'twilight:editor';\n/** How long the frame keeps looking for a block that is still rendering (just added, say). */\nconst FOCUS_WAIT_MS = 2000;\nconst FOCUS_FLASH_MS = 1200;\n\n/** Editor ↔ the storefront it frames. */\ntype FrameMessage =\n  | { kind: 'live-blocks'; blocks: LiveBlocks | null }\n  | { kind: 'frame-info'; base: string | null }\n  | { kind: 'request-live-blocks' }\n  | { kind: 'focus-block'; index: number }\n  | { kind: 'lookup'; requestId: string; source: DevLookupSource; query: string }\n  | { kind: 'lookup-result'; requestId: string; items?: DevLookupItem[]; error?: string };\n\ninterface PendingLookup {\n  resolve: (items: DevLookupItem[]) => void;\n  reject: (error: Error) => void;\n  timer: ReturnType<typeof setTimeout>;\n}\nconst pendingLookups = new Map<string, PendingLookup>();\n\n/** What the editor shows besides the saved state. */\nexport interface DevEditorMeta {\n  /** The blocks the framed home page shows; `null` when it is not on the home page. */\n  liveBlocks: LiveBlocks | null;\n  saveStatus: DevSaveStatus;\n  /** The frame's store segment; `undefined` until the frame has said. */\n  frameBase: string | null | undefined;\n}\n\n/**\n * A short random hex id. `getRandomValues`, not `randomUUID`: the latter only\n * exists in secure contexts, and the dev server may be opened on a LAN address.\n */\nfunction randomId(bytes = 6): string {\n  const values = globalThis.crypto.getRandomValues(new Uint8Array(bytes));\n  return Array.from(values, (b) => b.toString(16).padStart(2, '0')).join('');\n}\n\nlet tabId: string | undefined;\n\n/**\n * Sent with every save so this tab can ignore its own broadcast. Made on first\n * use, never at module load: Cloudflare Workers refuse random values in global\n * scope, and this module is in the worker bundle (its use is dev-only, its\n * top level is not).\n */\nfunction myTabId(): string {\n  tabId ??= randomId();\n  return tabId;\n}\n\nlet seedSource: unknown;\nlet seedState: DevPreviewState = EMPTY_PREVIEW_STATE;\n\n/** The saved file as this page loaded it, normalized once per value so snapshots keep their identity. */\nfunction readSeed(): DevPreviewState {\n  const raw = (globalThis as Record<string, unknown>)[DEV_PREVIEW_GLOBAL];\n  if (raw !== seedSource) {\n    seedSource = raw;\n    seedState = normalizePreviewState(raw) ?? EMPTY_PREVIEW_STATE;\n  }\n  return seedState;\n}\n\n// The widget (bundled into the `/dev` entry) and the theme merge (bundled into\n// the engine index via `useTwilightInit`) import this module from two different\n// chunks, so each would otherwise get its OWN copy of the state — the widget\n// would enable a store the merge never reads. Back the state with a single\n// globalThis-keyed instance so every copy shares one source of truth. Dev-only,\n// so a global is acceptable (and lazy, so the module stays side-effect free and\n// tree-shakes out of production).\ninterface DevStoreSingleton {\n  state: DevPreviewState;\n  listeners: Set<() => void>;\n  /** This page's own home blocks, when it is a storefront on its home page. Never saved. */\n  ownBlocks: LiveBlocks | null;\n  meta: DevEditorMeta;\n  metaListeners: Set<() => void>;\n  saveTimer: ReturnType<typeof setTimeout> | undefined;\n  /** An edit that has not been sent yet. */\n  dirty: boolean;\n  /** A save request on its way; the next one waits for it, so saves land in order. */\n  inFlight: boolean;\n  /** The old localStorage copy is removed only once the file has the migrated values. */\n  legacyPending: boolean;\n  channel: BroadcastChannel | null;\n  /** In the editor: the storefront frame's window. */\n  getFrame: (() => Window | null) | null;\n  /** Detach this copy's listeners and channel. A page keeps one copy for good; tests swap them. */\n  dispose: () => void;\n}\n\nconst SINGLETON_KEY = '__twilightDevSettingsStore__';\n\nfunction singleton(): DevStoreSingleton {\n  const g = globalThis as unknown as Record<string, DevStoreSingleton | undefined>;\n  let s = g[SINGLETON_KEY];\n  if (!s) {\n    const seeded = (globalThis as Record<string, unknown>)[DEV_PREVIEW_GLOBAL] != null;\n    s = {\n      state: readSeed(),\n      listeners: new Set(),\n      ownBlocks: null,\n      meta: { liveBlocks: null, saveStatus: 'idle', frameBase: undefined },\n      metaListeners: new Set(),\n      saveTimer: undefined,\n      dirty: false,\n      inFlight: false,\n      legacyPending: false,\n      channel: null,\n      getFrame: null,\n      dispose: () => {},\n    };\n    g[SINGLETON_KEY] = s;\n    if (typeof window !== 'undefined') setUpBrowser(s, seeded);\n  }\n  return s;\n}\n\nfunction setUpBrowser(s: DevStoreSingleton, seeded: boolean): void {\n  const listeners = new AbortController();\n  const { signal } = listeners;\n  if (!seeded) migrateLegacy(s);\n  listenForOtherTabs();\n  s.channel = openChannel();\n  listenForFrameMessages(s, signal);\n  window.addEventListener('pagehide', () => flushOnExit(s), { signal });\n  s.dispose = () => {\n    listeners.abort();\n    s.channel?.close();\n    clearTimeout(s.saveTimer);\n  };\n  if (isEditorFrame()) sendToEditor({ kind: 'frame-info', base: resolveStoreBase() });\n}\n\n/** Carry the old widget's settings over; its per-block patches don't map to a layout. */\nfunction migrateLegacy(s: DevStoreSingleton): void {\n  try {\n    const raw = window.localStorage.getItem(LEGACY_STORAGE_KEY);\n    if (!raw) return;\n    const legacy = normalizePreviewState(JSON.parse(raw));\n    if (!legacy) return;\n    s.state = { enabled: legacy.enabled, settings: legacy.settings, layout: null };\n    s.legacyPending = true;\n    scheduleSave(s);\n  } catch {\n    // Storage blocked or the old value is corrupt: nothing worth keeping.\n  }\n}\n\n/** Vite's HMR client, typed locally: the engine's `ImportMeta` must not clash with `vite/client`. */\ninterface HotContext {\n  on(event: string, cb: (payload: { state?: unknown; from?: unknown }) => void): void;\n}\n\n/**\n * Take a state another copy committed. Not while this copy has an edit of its\n * own waiting to be saved: that edit is newer, and saving it will tell the rest.\n */\nfunction receive(raw: unknown): void {\n  const s = singleton();\n  if (s.dirty || s.inFlight || s.saveTimer) return;\n  const next = normalizePreviewState(raw);\n  if (next && JSON.stringify(next) !== JSON.stringify(s.state)) emit(next);\n}\n\n/** Tabs in another browser hear about a save from the dev server. */\nfunction listenForOtherTabs(): void {\n  const hot = (import.meta as ImportMeta & { hot?: HotContext }).hot;\n  if (!hot) return;\n  hot.on(DEV_PREVIEW_EVENT, (payload) => {\n    if (payload?.from !== myTabId()) receive(payload?.state);\n  });\n}\n\nfunction openChannel(): BroadcastChannel | null {\n  if (typeof BroadcastChannel === 'undefined') return null;\n  const channel = new BroadcastChannel(CHANNEL_NAME);\n  channel.onmessage = ({ data }: MessageEvent<{ state?: unknown; from?: string }>) => {\n    if (data && data.from !== myTabId()) receive(data.state);\n  };\n  return channel;\n}\n\nfunction sendToEditor(message: FrameMessage): void {\n  if (isEditorFrame())\n    window.parent.postMessage({ type: FRAME_MESSAGE, message }, window.location.origin);\n}\n\nfunction sendToFrame(message: FrameMessage): void {\n  singleton().getFrame?.()?.postMessage({ type: FRAME_MESSAGE, message }, window.location.origin);\n}\n\nfunction reportToEditor(s: DevStoreSingleton): void {\n  sendToEditor({ kind: 'frame-info', base: resolveStoreBase() });\n  sendToEditor({ kind: 'live-blocks', blocks: s.ownBlocks });\n}\n\n/**\n * The editor ↔ frame conversation. A frame only takes requests from its own\n * parent; an editor only takes reports from the frame it shows.\n */\nfunction listenForFrameMessages(s: DevStoreSingleton, signal: AbortSignal): void {\n  window.addEventListener(\n    'message',\n    (event: MessageEvent) => {\n      if (event.origin !== window.location.origin || event.data?.type !== FRAME_MESSAGE) return;\n      const message = event.data.message as FrameMessage;\n      if (window.parent !== window && event.source === window.parent) {\n        if (message.kind === 'request-live-blocks') reportToEditor(s);\n        else if (message.kind === 'focus-block') scrollToBlock(message.index);\n        else if (message.kind === 'lookup') void answerLookup(message);\n        return;\n      }\n      const frame = s.getFrame?.();\n      if (!frame || event.source !== frame) return;\n      if (message.kind === 'lookup-result') settleLookup(message);\n      else if (message.kind === 'live-blocks') setMeta({ liveBlocks: message.blocks });\n      else if (message.kind === 'frame-info') setMeta({ frameBase: message.base });\n    },\n    { signal }\n  );\n}\n\n/** In the frame: look the request up in the store and send back what was found, or why not. */\nasync function answerLookup(message: Extract<FrameMessage, { kind: 'lookup' }>): Promise<void> {\n  const { requestId, source, query } = message;\n  try {\n    const { lookupInStore } = await import('./store-lookup');\n    sendToEditor({ kind: 'lookup-result', requestId, items: await lookupInStore(source, query) });\n  } catch (error) {\n    sendToEditor({\n      kind: 'lookup-result',\n      requestId,\n      error: error instanceof Error ? error.message : 'lookup failed',\n    });\n  }\n}\n\nfunction settleLookup(message: Extract<FrameMessage, { kind: 'lookup-result' }>): void {\n  const pending = pendingLookups.get(message.requestId);\n  if (!pending) return;\n  pendingLookups.delete(message.requestId);\n  clearTimeout(pending.timer);\n  if (message.items) pending.resolve(message.items);\n  else pending.reject(new Error(message.error ?? 'lookup failed'));\n}\n\n/**\n * In the editor's frame: bring a home block into view and flash an outline on\n * it. Dev-only editor chrome, so it styles the element directly rather than\n * through the theme's React tree. A block added a moment ago may not be in the\n * DOM yet, so look for it for a little while.\n */\nfunction scrollToBlock(index: number): void {\n  const started = Date.now();\n  const find = () => {\n    const el = document.querySelector<HTMLElement>(`[data-home-block=\"${index}\"]`);\n    if (!el) {\n      if (Date.now() - started < FOCUS_WAIT_MS) requestAnimationFrame(find);\n      return;\n    }\n    const { outline, outlineOffset, scrollMarginTop } = el.style;\n    // Clear a sticky header, which would otherwise cover the block's top.\n    el.style.scrollMarginTop = '80px';\n    el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    el.style.outline = '2px solid #0d9488';\n    el.style.outlineOffset = '-2px';\n    setTimeout(() => {\n      el.style.outline = outline;\n      el.style.outlineOffset = outlineOffset;\n      el.style.scrollMarginTop = scrollMarginTop;\n    }, FOCUS_FLASH_MS);\n  };\n  find();\n}\n\nfunction emit(next: DevPreviewState): void {\n  const s = singleton();\n  s.state = next;\n  s.listeners.forEach((l) => l());\n}\n\nfunction setMeta(patch: Partial<DevEditorMeta>): void {\n  const s = singleton();\n  s.meta = { ...s.meta, ...patch };\n  s.metaListeners.forEach((l) => l());\n}\n\nfunction saveRequest(s: DevStoreSingleton, keepalive = false): Promise<Response> {\n  return fetch(DEV_PREVIEW_ENDPOINT, {\n    method: 'POST',\n    headers: { 'content-type': 'application/json' },\n    body: JSON.stringify({ state: s.state, from: myTabId() }),\n    keepalive,\n  });\n}\n\n/** Send the current state, one request at a time; edits made meanwhile go in the next one. */\nasync function flush(s: DevStoreSingleton): Promise<void> {\n  if (s.inFlight || !s.dirty) return;\n  s.inFlight = true;\n  s.dirty = false;\n  let failed = false;\n  try {\n    const res = await saveRequest(s);\n    if (!res.ok) throw new Error(`HTTP ${res.status}`);\n    if (s.legacyPending) {\n      s.legacyPending = false;\n      try {\n        window.localStorage.removeItem(LEGACY_STORAGE_KEY);\n      } catch {\n        // Storage went away; the file has the values now either way.\n      }\n    }\n    if (!s.dirty && !s.saveTimer) setMeta({ saveStatus: 'saved' });\n  } catch (error) {\n    // Still unsaved: another tab's state must not replace it, and leaving the\n    // page still sends it. Edits made while this request was out are sent once\n    // more; the failed one alone waits for the next edit, so nothing loops.\n    failed = !s.dirty;\n    s.dirty = true;\n    setMeta({ saveStatus: 'error' });\n    console.error('[twilight-react:preview] could not save twilight.preview.json', error);\n  } finally {\n    s.inFlight = false;\n    if (!failed && s.dirty && !s.saveTimer) void flush(s);\n  }\n}\n\nfunction scheduleSave(s: DevStoreSingleton): void {\n  if (typeof window === 'undefined' || typeof fetch === 'undefined') return;\n  s.dirty = true;\n  clearTimeout(s.saveTimer);\n  setMeta({ saveStatus: 'saving' });\n  s.saveTimer = setTimeout(() => {\n    s.saveTimer = undefined;\n    void flush(s);\n  }, SAVE_DELAY_MS);\n}\n\n/** Closing or reloading the editor must not drop the last edit: send it on the way out. */\nfunction flushOnExit(s: DevStoreSingleton): void {\n  if (!s.dirty) return;\n  clearTimeout(s.saveTimer);\n  s.saveTimer = undefined;\n  s.dirty = false;\n  void saveRequest(s, true).catch(() => {});\n}\n\nfunction commit(next: DevPreviewState): void {\n  const s = singleton();\n  emit(next);\n  try {\n    s.channel?.postMessage({ state: next, from: myTabId() });\n  } catch {\n    // A value that can't be cloned: the other copies pick it up from the save instead.\n  }\n  scheduleSave(s);\n}\n\nfunction newBlockId(): string {\n  return `b-${randomId()}`;\n}\n\n/** Home loader spelling of a twilight.json path. */\nexport function blockPath(path: string): string {\n  return path.replace(/^home\\./, '');\n}\n\nfunction updateLayout(update: (layout: DevPreviewBlock[]) => DevPreviewBlock[]): void {\n  const { state } = singleton();\n  commit({ ...state, layout: update(state.layout ?? []) });\n}\n\n/** A new block for a twilight.json component, filled with its defaults. */\nfunction blockFor(schema: DevSchema, path: string): DevPreviewBlock {\n  const component = schema.components.find((c) => c.path === path);\n  const defaults = schema.blockDefaults?.[path] ?? schema.componentDefaults[path] ?? {};\n  return {\n    id: newBlockId(),\n    path: blockPath(path),\n    fields: { ...(component?.key ? { key: component.key } : {}), ...defaults },\n  };\n}\n\nexport const devSettingsStore = {\n  get: (): DevPreviewState => singleton().state,\n  /** What the server rendered: the saved file as of this page load. */\n  getServer: (): DevPreviewState => readSeed(),\n  subscribe(listener: () => void): () => void {\n    const s = singleton();\n    s.listeners.add(listener);\n    return () => {\n      s.listeners.delete(listener);\n    };\n  },\n  /** Turn overrides on, seeding any unset setting with its twilight.json default. */\n  enable(schema: DevSchema): void {\n    const { state } = singleton();\n    commit({\n      ...state,\n      enabled: true,\n      settings: { ...schema.settingsDefaults, ...state.settings },\n    });\n  },\n  disable(): void {\n    commit({ ...singleton().state, enabled: false });\n  },\n  setSetting(id: string, value: unknown): void {\n    const { state } = singleton();\n    commit({ ...state, settings: { ...state.settings, [id]: value } });\n  },\n  /** Restore every setting to its twilight.json default (keeps enabled and the layout). */\n  resetSettings(schema: DevSchema): void {\n    commit({ ...singleton().state, settings: { ...schema.settingsDefaults } });\n  },\n\n  // ── Editor ↔ frame ───────────────────────────────────────────────────────\n\n  /** The editor tells the store which window is its storefront frame. */\n  connectFrame(getFrame: () => Window | null): () => void {\n    const s = singleton();\n    s.getFrame = getFrame;\n    return () => {\n      if (s.getFrame === getFrame) s.getFrame = null;\n    };\n  },\n  /** A storefront's home page reports its blocks (`null` when it leaves); in the editor's frame they go to the editor. Not saved. */\n  setLiveBlocks(blocks: LiveBlocks | null): void {\n    const s = singleton();\n    s.ownBlocks = blocks;\n    sendToEditor({ kind: 'live-blocks', blocks });\n  },\n  /** Ask the frame for its home page's blocks and its store base. */\n  requestLiveBlocks(): void {\n    sendToFrame({ kind: 'request-live-blocks' });\n  },\n  /**\n   * Search the dev store through the editor's frame. Rejects when there is no\n   * frame, it doesn't answer in time, or the store refuses; pickers then fall\n   * back to samples.\n   */\n  lookup(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n    const frame = singleton().getFrame?.();\n    if (!frame) return Promise.reject(new Error('no storefront frame'));\n    const requestId = randomId();\n    return new Promise((resolve, reject) => {\n      const timer = setTimeout(() => {\n        pendingLookups.delete(requestId);\n        reject(new Error('the storefront did not answer'));\n      }, DEV_LOOKUP_TIMEOUT_MS);\n      pendingLookups.set(requestId, { resolve, reject, timer });\n      sendToFrame({ kind: 'lookup', requestId, source, query });\n    });\n  },\n  /** Scroll the editor's frame to the home block at `index`. */\n  focusBlock(index: number): void {\n    sendToFrame({ kind: 'focus-block', index });\n  },\n  getMeta: (): DevEditorMeta => singleton().meta,\n  subscribeMeta(listener: () => void): () => void {\n    const s = singleton();\n    s.metaListeners.add(listener);\n    return () => {\n      s.metaListeners.delete(listener);\n    };\n  },\n\n  // ── Home layout ──────────────────────────────────────────────────────────\n\n  /**\n   * Take over the home layout. Starts from the blocks the home page showed (the\n   * frame's in the editor; an empty page stays empty), otherwise from every\n   * twilight.json component.\n   */\n  customizeLayout(schema: DevSchema): void {\n    const s = singleton();\n    const live = s.meta.liveBlocks ?? s.ownBlocks;\n    const layout: DevPreviewBlock[] =\n      live !== null\n        ? live\n            .filter((block): block is { path: string } => typeof block.path === 'string')\n            .filter((block) => block.path !== '')\n            .map(({ path, ...fields }) => ({ id: newBlockId(), path: blockPath(path), fields }))\n        : schema.components.map((component) => blockFor(schema, component.path));\n    commit({ ...s.state, enabled: true, layout });\n  },\n  startEmptyLayout(): void {\n    commit({ ...singleton().state, enabled: true, layout: [] });\n  },\n  /** Back to the store's own blocks. */\n  clearLayout(): void {\n    commit({ ...singleton().state, layout: null });\n  },\n  /** Insert a twilight.json component at `at` (default: the end); returns the new block's id. */\n  addBlock(schema: DevSchema, path: string, at?: number): string {\n    const block = blockFor(schema, path);\n    updateLayout((layout) => {\n      const next = [...layout];\n      next.splice(at ?? next.length, 0, block);\n      return next;\n    });\n    return block.id;\n  },\n  removeBlock(id: string): void {\n    updateLayout((layout) => layout.filter((block) => block.id !== id));\n  },\n  duplicateBlock(id: string): void {\n    updateLayout((layout) => {\n      const index = layout.findIndex((block) => block.id === id);\n      if (index === -1) return layout;\n      const copy = { ...layout[index], id: newBlockId(), fields: { ...layout[index].fields } };\n      return [...layout.slice(0, index + 1), copy, ...layout.slice(index + 1)];\n    });\n  },\n  /** Move a block to index `to` (its position after the move). */\n  moveBlock(id: string, to: number): void {\n    updateLayout((layout) => {\n      const from = layout.findIndex((block) => block.id === id);\n      if (from === -1) return layout;\n      const target = Math.max(0, Math.min(to, layout.length - 1));\n      if (target === from) return layout;\n      const next = [...layout];\n      const [block] = next.splice(from, 1);\n      next.splice(target, 0, block);\n      return next;\n    });\n  },\n  setBlockField(id: string, fieldId: string, value: unknown): void {\n    updateLayout((layout) =>\n      layout.map((block) =>\n        block.id === id ? { ...block, fields: { ...block.fields, [fieldId]: value } } : block\n      )\n    );\n  },\n};\n\nconst SERVER_META: DevEditorMeta = { liveBlocks: null, saveStatus: 'idle', frameBase: undefined };\n\n/** The frame's blocks and store base, and the save status, for the editor. */\nexport function useDevEditorMeta(): DevEditorMeta {\n  return useSyncExternalStore(\n    devSettingsStore.subscribeMeta,\n    devSettingsStore.getMeta,\n    () => SERVER_META\n  );\n}\n\n/** Raw store subscription. */\nexport function useDevSettingsState(): DevPreviewState {\n  return useSyncExternalStore(\n    devSettingsStore.subscribe,\n    devSettingsStore.get,\n    devSettingsStore.getServer\n  );\n}\n\n/**\n * Overrides for SSR-rendered consumers (the theme). The server and the first\n * browser render both read the saved file, so they agree and nothing flashes.\n *\n * Which hook this is gets decided once, when the module loads: in production\n * `import.meta.env.DEV` is a static `false`, so only the empty one survives\n * bundling and the store subscription (and the whole store module, which has\n * no other prod consumer) is dead-code-eliminated. No hook is ever called\n * conditionally.\n */\nexport const useDevSettingsOverrides: () => DevPreviewState = import.meta.env.DEV\n  ? useDevSettingsState\n  : () => EMPTY_PREVIEW_STATE;\n\n/** A rendered home block; `__dev_id` keys a dev-layout block across reorders. */\nexport type DevHomeBlock<T> = T & { __dev_id?: string };\n\n/**\n * The home page's blocks: the dev layout when one is saved and enabled, else\n * the store's own blocks untouched. Also reports the store's blocks to the\n * editor so \"Customize\" can start from what the page showed, and withdraws\n * them when the page goes.\n *\n * Same production story as {@link useDevSettingsOverrides}: chosen once at\n * module load, so production keeps only the passthrough.\n */\nfunction useDevLayoutBlocks<T extends { path?: string }>(components: T[]): DevHomeBlock<T>[] {\n  const overrides = useDevSettingsState();\n  useEffect(() => {\n    devSettingsStore.setLiveBlocks(components);\n    return () => devSettingsStore.setLiveBlocks(null);\n  }, [components]);\n  return useMemo(() => {\n    if (!overrides.enabled || !overrides.layout) return components;\n    return overrides.layout.map(\n      (block) => ({ ...block.fields, path: block.path, __dev_id: block.id }) as DevHomeBlock<T>\n    );\n  }, [components, overrides]);\n}\n\nexport const useDevHomeBlocks: <T extends { path?: string }>(components: T[]) => DevHomeBlock<T>[] =\n  import.meta.env.DEV ? useDevLayoutBlocks : (components) => components;\n"]}

package/dist/{chunk-6OOTDFC7.js → chunk-D56TVNOG.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-QGOPTVV5.js';
+import { api } from './chunk-6EQ7G3SZ.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var notification = {
@@ -24,5 +24,5 @@ var notification = {
 };
 
 export { notification };
-//# sourceMappingURL=chunk-6OOTDFC7.js.map
-//# sourceMappingURL=chunk-6OOTDFC7.js.map
+//# sourceMappingURL=chunk-D56TVNOG.js.map
+//# sourceMappingURL=chunk-D56TVNOG.js.map

package/dist/{chunk-6OOTDFC7.js.map → chunk-D56TVNOG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/notification.ts"],"names":[],"mappings":";;;AAcO,IAAM,YAAA,GAAe;AAAA,EAC1B,MAAM,YAAgD;AACpD,IAAA,MAAM,WAAW,MAAM,GAAA,CACpB,GAAA,CAAI,eAAe,EACnB,IAAA,EAAmF;AACtF,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA,CAAS,IAAA,IAAQ,EAAC;AAAA,MACxB,QAAQ,QAAA,CAAS;AAAA,KACnB;AAAA,EACF,CAAA;AAAA,EAEA,UAAA,EAAY,OAAO,EAAA,KAA8B;AAC/C,IAAA,MAAM,IAAI,GAAA,CAAI,CAAA,cAAA,EAAiB,EAAE,CAAA,KAAA,CAAO,EAAE,IAAA,EAAK;AAAA,EACjD,CAAA;AAAA,EAEA,eAAe,YAA2B;AACxC,IAAA,MAAM,GAAA,CAAI,GAAA,CAAI,wBAAwB,CAAA,CAAE,IAAA,EAAK;AAAA,EAC/C,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,eAAA,EAAiB,MAAM,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA;AAAK,KAClC;AAAA;AAEP","file":"chunk-6OOTDFC7.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Notification } from '../routes/account/notifications/types';\n\nexport interface NotificationsListResponse {\n  data: Notification[];\n  cursor: {\n    current: number;\n    previous: number | null;\n    next: number | null;\n    count: number;\n  };\n}\n\nexport const notification = {\n  list: async (): Promise<NotificationsListResponse> => {\n    const response = await api\n      .get('notifications')\n      .json<{ data: Notification[] | null; cursor: NotificationsListResponse['cursor'] }>();\n    return {\n      data: response.data ?? [],\n      cursor: response.cursor,\n    };\n  },\n\n  markAsRead: async (id: number): Promise<void> => {\n    await api.put(`notifications/${id}/read`).json();\n  },\n\n  markAllAsRead: async (): Promise<void> => {\n    await api.put('notifications/read-all').json();\n  },\n\n  queries: {\n    list: () =>\n      queryOptions({\n        queryKey: ['notifications', 'list'],\n        queryFn: () => notification.list(),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/notification.ts"],"names":[],"mappings":";;;AAcO,IAAM,YAAA,GAAe;AAAA,EAC1B,MAAM,YAAgD;AACpD,IAAA,MAAM,WAAW,MAAM,GAAA,CACpB,GAAA,CAAI,eAAe,EACnB,IAAA,EAAmF;AACtF,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA,CAAS,IAAA,IAAQ,EAAC;AAAA,MACxB,QAAQ,QAAA,CAAS;AAAA,KACnB;AAAA,EACF,CAAA;AAAA,EAEA,UAAA,EAAY,OAAO,EAAA,KAA8B;AAC/C,IAAA,MAAM,IAAI,GAAA,CAAI,CAAA,cAAA,EAAiB,EAAE,CAAA,KAAA,CAAO,EAAE,IAAA,EAAK;AAAA,EACjD,CAAA;AAAA,EAEA,eAAe,YAA2B;AACxC,IAAA,MAAM,GAAA,CAAI,GAAA,CAAI,wBAAwB,CAAA,CAAE,IAAA,EAAK;AAAA,EAC/C,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,eAAA,EAAiB,MAAM,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA;AAAK,KAClC;AAAA;AAEP","file":"chunk-D56TVNOG.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Notification } from '../routes/account/notifications/types';\n\nexport interface NotificationsListResponse {\n  data: Notification[];\n  cursor: {\n    current: number;\n    previous: number | null;\n    next: number | null;\n    count: number;\n  };\n}\n\nexport const notification = {\n  list: async (): Promise<NotificationsListResponse> => {\n    const response = await api\n      .get('notifications')\n      .json<{ data: Notification[] | null; cursor: NotificationsListResponse['cursor'] }>();\n    return {\n      data: response.data ?? [],\n      cursor: response.cursor,\n    };\n  },\n\n  markAsRead: async (id: number): Promise<void> => {\n    await api.put(`notifications/${id}/read`).json();\n  },\n\n  markAllAsRead: async (): Promise<void> => {\n    await api.put('notifications/read-all').json();\n  },\n\n  queries: {\n    list: () =>\n      queryOptions({\n        queryKey: ['notifications', 'list'],\n        queryFn: () => notification.list(),\n      }),\n  },\n};\n"]}

package/dist/{chunk-Y7XVWQXG.js → chunk-DNPQ2JBM.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-JTOVO3ZU.js';
-import { api } from './chunk-QGOPTVV5.js';
+import { orThrow } from './chunk-RWBTMHLR.js';
+import { api } from './chunk-6EQ7G3SZ.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var page = {
@@ -17,5 +17,5 @@ var page = {
 };
 
 export { page };
-//# sourceMappingURL=chunk-Y7XVWQXG.js.map
-//# sourceMappingURL=chunk-Y7XVWQXG.js.map
+//# sourceMappingURL=chunk-DNPQ2JBM.js.map
+//# sourceMappingURL=chunk-DNPQ2JBM.js.map

package/dist/{chunk-Y7XVWQXG.js.map → chunk-DNPQ2JBM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/page.ts"],"names":[],"mappings":";;;;AAKO,IAAM,IAAA,GAAO;AAAA,EAClB,IAAA,EAAM,OAAO,IAAA,KAA2C;AACtD,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,CAAA,CAAE,IAAA,EAAgC;AAChF,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,IAAA,KAA2C,QAAQ,IAAA,CAAK,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,EAEhF,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,IAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,OAAA,EAAS,QAAA,EAAU,IAAI,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,IAAA,CAAK,IAAA,CAAK,IAAI;AAAA,KAC9B;AAAA;AAEP","file":"chunk-Y7XVWQXG.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { ApiPageResponse } from '../routes/page/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const page = {\n  find: async (slug: string): Promise<ApiPageResponse> => {\n    const { data } = await api.get(`pages/${slug}`).json<{ data: ApiPageResponse }>();\n    return data;\n  },\n\n  findOrThrow: (slug: string): Promise<ApiPageResponse> => orThrow(page.find(slug)),\n\n  queries: {\n    detail: (slug: string) =>\n      queryOptions({\n        queryKey: ['pages', 'detail', slug],\n        queryFn: () => page.find(slug),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/page.ts"],"names":[],"mappings":";;;;AAKO,IAAM,IAAA,GAAO;AAAA,EAClB,IAAA,EAAM,OAAO,IAAA,KAA2C;AACtD,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,CAAA,CAAE,IAAA,EAAgC;AAChF,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,IAAA,KAA2C,QAAQ,IAAA,CAAK,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,EAEhF,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,IAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,OAAA,EAAS,QAAA,EAAU,IAAI,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,IAAA,CAAK,IAAA,CAAK,IAAI;AAAA,KAC9B;AAAA;AAEP","file":"chunk-DNPQ2JBM.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { ApiPageResponse } from '../routes/page/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const page = {\n  find: async (slug: string): Promise<ApiPageResponse> => {\n    const { data } = await api.get(`pages/${slug}`).json<{ data: ApiPageResponse }>();\n    return data;\n  },\n\n  findOrThrow: (slug: string): Promise<ApiPageResponse> => orThrow(page.find(slug)),\n\n  queries: {\n    detail: (slug: string) =>\n      queryOptions({\n        queryKey: ['pages', 'detail', slug],\n        queryFn: () => page.find(slug),\n      }),\n  },\n};\n"]}

package/dist/{chunk-JJARU7YP.js → chunk-EWLVLDRP.js}

@@ -1,4 +1,4 @@
-import { getSallaSDK, whenSallaReady } from './chunk-HSWRYXC7.js';
+import { getSallaSDK, whenSallaReady } from './chunk-2FKZAAV7.js';
 import { useState, useEffect } from 'react';
 
 function isNativeApp() {
@@ -44,5 +44,5 @@ function useNativeStatusBarColor() {
 }
 
 export { hapticImpact, isNativeApp, openNativeBrowser, openNativeSheet, useIsNativeApp, useNativeStatusBarColor };
-//# sourceMappingURL=chunk-JJARU7YP.js.map
-//# sourceMappingURL=chunk-JJARU7YP.js.map
+//# sourceMappingURL=chunk-EWLVLDRP.js.map
+//# sourceMappingURL=chunk-EWLVLDRP.js.map

package/dist/{chunk-JJARU7YP.js.map → chunk-EWLVLDRP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/native-app/index.ts"],"names":[],"mappings":";;;AAQO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,OAAA,CAAQ,WAAA,EAAY,EAAG,MAAA,EAAQ,aAAa,CAAA;AACrD;AAOO,SAAS,cAAA,GAA0B;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM,eAAe,MAAM,QAAA,CAAS,aAAa,CAAC,CAAA,EAAG,EAAE,CAAA;AAEjE,EAAA,OAAO,KAAA;AACT;AAeO,SAAS,gBAAgB,KAAA,EAA6B;AAC3D,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,KAAA;AAC3B,EAAA,MAAM,MAAM,WAAA,EAAY;AACxB,EAAA,MAAM,OAAO,KAAA,KAAU,UAAA,GAAa,KAAK,MAAA,EAAQ,aAAA,GAAgB,KAAK,MAAA,EAAQ,cAAA;AAC9E,EAAA,IAAI,OAAO,IAAA,KAAS,UAAA,EAAY,IAAA,CAAK,IAAA,CAAK,KAAK,MAAM,CAAA;AAAA,YAE3C,KAAA,CAAM,QAAA,CAAS,WAAW,KAAK,CAAA,KAAA,CAAA,EAAS,EAAE,CAAA;AACpD,EAAA,OAAO,IAAA;AACT;AASO,SAAS,kBAAkB,GAAA,EAAsB;AACtD,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,KAAA;AAC3B,EAAA,MAAM,MAAM,WAAA,EAAY;AACxB,EAAA,IAAI,OAAO,KAAK,MAAA,EAAQ,WAAA,KAAgB,YAAY,GAAA,CAAI,MAAA,CAAO,YAAY,GAAG,CAAA;AAAA,YACpE,KAAA,CAAM,QAAA,CAAS,sBAAA,EAAwB,EAAE,KAAK,CAAA;AACxD,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,aAAa,MAAA,EAA4B;AACvD,EAAA,WAAA,IAAe,MAAA,EAAQ,MAAA,GAAS,iBAAiB,EAAE,WAAA,EAAa,QAAQ,CAAA;AAC1E;AAOA,SAAS,SAAS,GAAA,EAA4B;AAC5C,EAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,KAAA,CAAM,oDAAoD,CAAA;AAC5E,EAAA,IAAI,CAAC,SAAS,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,KAAM,GAAG,OAAO,IAAA;AAC7C,EAAA,OAAO,CAAA,CAAA,EAAI,MACR,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,CACV,GAAA,CAAI,CAAC,OAAA,KAAY,MAAA,CAAO,OAAO,EAAE,QAAA,CAAS,EAAE,EAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAC9D,IAAA,CAAK,EAAE,CAAC,CAAA,CAAA;AACb;AAWO,SAAS,uBAAA,GAAiE;AAC/E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAmB,IAAI,CAAA;AACrD,EAAA,MAAM,QAAQ,cAAA,EAAe;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,OAAA,EAAS;AACxB,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,gBAAA,CAAiB,OAAO,EAAE,eAAe,CAAA;AAChE,IAAA,IAAI,KAAA,eAAmB,EAAG,KAAA,CAAM,SAAS,yBAAA,EAA2B,EAAE,OAAO,CAAA;AAAA,EAC/E,CAAA,EAAG,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAEnB,EAAA,OAAO,UAAA;AACT","file":"chunk-JJARU7YP.js","sourcesContent":["import { useEffect, useState, type RefCallback } from 'react';\nimport { getSallaSDK, whenSallaReady } from '../utils/sdk-helpers';\n\n/**\n * True inside the Salla native app's webview, read at call time: the SDK's\n * `salla.mobile.isEnabled()`. False on the server and until the SDK has loaded, so call it\n * from an event handler or an effect, and use {@link useIsNativeApp} to decide what to render.\n */\nexport function isNativeApp(): boolean {\n  return Boolean(getSallaSDK()?.mobile?.isEnabled?.());\n}\n\n/**\n * {@link isNativeApp} as state, for a render decision. False on the server and on the first\n * client render, then true once the SDK is ready inside the app: an app that identifies\n * itself through its config has not said so before `init`.\n */\nexport function useIsNativeApp(): boolean {\n  const [inApp, setInApp] = useState(false);\n\n  useEffect(() => whenSallaReady(() => setInApp(isNativeApp())), []);\n\n  return inApp;\n}\n\n/** The native app's own pickers that replace the store's web modals. */\nexport type NativeSheet = 'language' | 'currency';\n\n/**\n * Inside the Salla app, opens the app's own language or currency sheet\n * (`mobile::language.open` / `mobile::currency.open`) and returns `true`; the app\n * applies the choice and reloads. Outside the app it does nothing and returns\n * `false`, so a caller opens the web modal instead:\n *\n * ```ts\n * if (!openNativeSheet('currency')) salla.event.dispatch('localization::open');\n * ```\n */\nexport function openNativeSheet(sheet: NativeSheet): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  const open = sheet === 'language' ? sdk?.mobile?.openLanguages : sdk?.mobile?.openCurrencies;\n  if (typeof open === 'function') open.call(sdk?.mobile);\n  // An SDK without the methods still forwards an emitted `mobile::*` event to the app.\n  else sdk?.event.dispatch(`mobile::${sheet}.open`, {});\n  return true;\n}\n\n/**\n * Inside the Salla app, hands `url` to the app to open in the device's browser\n * (`mobile::browser.open`) and returns `true`; a page off the store would\n * otherwise load inside the app with no way back. Outside the app it does nothing\n * and returns `false`. The engine's link interceptor calls it for every tap on a\n * link that leaves the store.\n */\nexport function openNativeBrowser(url: string): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  if (typeof sdk?.mobile?.openBrowser === 'function') sdk.mobile.openBrowser(url);\n  else sdk?.event.dispatch('mobile::browser.open', { url });\n  return true;\n}\n\nexport type HapticImpact = 'light' | 'medium' | 'heavy';\n\n/** Asks the native app for a tap vibration. The SDK ignores it outside the app. */\nexport function hapticImpact(impact: HapticImpact): void {\n  getSallaSDK()?.mobile?.action?.('haptic.impact', { impact_type: impact });\n}\n\n/**\n * `rgb(232, 245, 255)`, what `getComputedStyle` returns, as `#e8f5ff`. A partial alpha is\n * dropped. A fully transparent colour is no colour at all: an element with no background\n * of its own computes to `rgba(0, 0, 0, 0)`, which would otherwise read as black.\n */\nfunction rgbToHex(rgb: string): string | null {\n  const match = rgb.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*([\\d.]+))?\\)/);\n  if (!match || Number(match[4]) === 0) return null;\n  return `#${match\n    .slice(1, 4)\n    .map((channel) => Number(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\n/**\n * Tells the native app to paint its status bar with the rendered background of the element\n * the returned ref is attached to. The colour is read from the DOM, because a theme's tint\n * is often a relative CSS colour (`hsl(from …)`) with no hex to pass. Does nothing outside\n * the app, and for an element with no background of its own.\n *\n * The ref is a callback, kept in state, so an element that mounts after the app has been\n * recognised still reports its colour.\n */\nexport function useNativeStatusBarColor<T extends HTMLElement>(): RefCallback<T> {\n  const [element, setElement] = useState<T | null>(null);\n  const inApp = useIsNativeApp();\n\n  useEffect(() => {\n    if (!inApp || !element) return;\n    const color = rgbToHex(getComputedStyle(element).backgroundColor);\n    if (color) getSallaSDK()?.event.dispatch('mobile::statusbar.color', { color });\n  }, [inApp, element]);\n\n  return setElement;\n}\n"]}
+{"version":3,"sources":["../src/native-app/index.ts"],"names":[],"mappings":";;;AAQO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,OAAA,CAAQ,WAAA,EAAY,EAAG,MAAA,EAAQ,aAAa,CAAA;AACrD;AAOO,SAAS,cAAA,GAA0B;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM,eAAe,MAAM,QAAA,CAAS,aAAa,CAAC,CAAA,EAAG,EAAE,CAAA;AAEjE,EAAA,OAAO,KAAA;AACT;AAeO,SAAS,gBAAgB,KAAA,EAA6B;AAC3D,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,KAAA;AAC3B,EAAA,MAAM,MAAM,WAAA,EAAY;AACxB,EAAA,MAAM,OAAO,KAAA,KAAU,UAAA,GAAa,KAAK,MAAA,EAAQ,aAAA,GAAgB,KAAK,MAAA,EAAQ,cAAA;AAC9E,EAAA,IAAI,OAAO,IAAA,KAAS,UAAA,EAAY,IAAA,CAAK,IAAA,CAAK,KAAK,MAAM,CAAA;AAAA,YAE3C,KAAA,CAAM,QAAA,CAAS,WAAW,KAAK,CAAA,KAAA,CAAA,EAAS,EAAE,CAAA;AACpD,EAAA,OAAO,IAAA;AACT;AASO,SAAS,kBAAkB,GAAA,EAAsB;AACtD,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,KAAA;AAC3B,EAAA,MAAM,MAAM,WAAA,EAAY;AACxB,EAAA,IAAI,OAAO,KAAK,MAAA,EAAQ,WAAA,KAAgB,YAAY,GAAA,CAAI,MAAA,CAAO,YAAY,GAAG,CAAA;AAAA,YACpE,KAAA,CAAM,QAAA,CAAS,sBAAA,EAAwB,EAAE,KAAK,CAAA;AACxD,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,aAAa,MAAA,EAA4B;AACvD,EAAA,WAAA,IAAe,MAAA,EAAQ,MAAA,GAAS,iBAAiB,EAAE,WAAA,EAAa,QAAQ,CAAA;AAC1E;AAOA,SAAS,SAAS,GAAA,EAA4B;AAC5C,EAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,KAAA,CAAM,oDAAoD,CAAA;AAC5E,EAAA,IAAI,CAAC,SAAS,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,KAAM,GAAG,OAAO,IAAA;AAC7C,EAAA,OAAO,CAAA,CAAA,EAAI,MACR,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,CACV,GAAA,CAAI,CAAC,OAAA,KAAY,MAAA,CAAO,OAAO,EAAE,QAAA,CAAS,EAAE,EAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAC9D,IAAA,CAAK,EAAE,CAAC,CAAA,CAAA;AACb;AAWO,SAAS,uBAAA,GAAiE;AAC/E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAmB,IAAI,CAAA;AACrD,EAAA,MAAM,QAAQ,cAAA,EAAe;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,OAAA,EAAS;AACxB,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,gBAAA,CAAiB,OAAO,EAAE,eAAe,CAAA;AAChE,IAAA,IAAI,KAAA,eAAmB,EAAG,KAAA,CAAM,SAAS,yBAAA,EAA2B,EAAE,OAAO,CAAA;AAAA,EAC/E,CAAA,EAAG,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAEnB,EAAA,OAAO,UAAA;AACT","file":"chunk-EWLVLDRP.js","sourcesContent":["import { useEffect, useState, type RefCallback } from 'react';\nimport { getSallaSDK, whenSallaReady } from '../utils/sdk-helpers';\n\n/**\n * True inside the Salla native app's webview, read at call time: the SDK's\n * `salla.mobile.isEnabled()`. False on the server and until the SDK has loaded, so call it\n * from an event handler or an effect, and use {@link useIsNativeApp} to decide what to render.\n */\nexport function isNativeApp(): boolean {\n  return Boolean(getSallaSDK()?.mobile?.isEnabled?.());\n}\n\n/**\n * {@link isNativeApp} as state, for a render decision. False on the server and on the first\n * client render, then true once the SDK is ready inside the app: an app that identifies\n * itself through its config has not said so before `init`.\n */\nexport function useIsNativeApp(): boolean {\n  const [inApp, setInApp] = useState(false);\n\n  useEffect(() => whenSallaReady(() => setInApp(isNativeApp())), []);\n\n  return inApp;\n}\n\n/** The native app's own pickers that replace the store's web modals. */\nexport type NativeSheet = 'language' | 'currency';\n\n/**\n * Inside the Salla app, opens the app's own language or currency sheet\n * (`mobile::language.open` / `mobile::currency.open`) and returns `true`; the app\n * applies the choice and reloads. Outside the app it does nothing and returns\n * `false`, so a caller opens the web modal instead:\n *\n * ```ts\n * if (!openNativeSheet('currency')) salla.event.dispatch('localization::open');\n * ```\n */\nexport function openNativeSheet(sheet: NativeSheet): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  const open = sheet === 'language' ? sdk?.mobile?.openLanguages : sdk?.mobile?.openCurrencies;\n  if (typeof open === 'function') open.call(sdk?.mobile);\n  // An SDK without the methods still forwards an emitted `mobile::*` event to the app.\n  else sdk?.event.dispatch(`mobile::${sheet}.open`, {});\n  return true;\n}\n\n/**\n * Inside the Salla app, hands `url` to the app to open in the device's browser\n * (`mobile::browser.open`) and returns `true`; a page off the store would\n * otherwise load inside the app with no way back. Outside the app it does nothing\n * and returns `false`. The engine's link interceptor calls it for every tap on a\n * link that leaves the store.\n */\nexport function openNativeBrowser(url: string): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  if (typeof sdk?.mobile?.openBrowser === 'function') sdk.mobile.openBrowser(url);\n  else sdk?.event.dispatch('mobile::browser.open', { url });\n  return true;\n}\n\nexport type HapticImpact = 'light' | 'medium' | 'heavy';\n\n/** Asks the native app for a tap vibration. The SDK ignores it outside the app. */\nexport function hapticImpact(impact: HapticImpact): void {\n  getSallaSDK()?.mobile?.action?.('haptic.impact', { impact_type: impact });\n}\n\n/**\n * `rgb(232, 245, 255)`, what `getComputedStyle` returns, as `#e8f5ff`. A partial alpha is\n * dropped. A fully transparent colour is no colour at all: an element with no background\n * of its own computes to `rgba(0, 0, 0, 0)`, which would otherwise read as black.\n */\nfunction rgbToHex(rgb: string): string | null {\n  const match = rgb.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*([\\d.]+))?\\)/);\n  if (!match || Number(match[4]) === 0) return null;\n  return `#${match\n    .slice(1, 4)\n    .map((channel) => Number(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\n/**\n * Tells the native app to paint its status bar with the rendered background of the element\n * the returned ref is attached to. The colour is read from the DOM, because a theme's tint\n * is often a relative CSS colour (`hsl(from …)`) with no hex to pass. Does nothing outside\n * the app, and for an element with no background of its own.\n *\n * The ref is a callback, kept in state, so an element that mounts after the app has been\n * recognised still reports its colour.\n */\nexport function useNativeStatusBarColor<T extends HTMLElement>(): RefCallback<T> {\n  const [element, setElement] = useState<T | null>(null);\n  const inApp = useIsNativeApp();\n\n  useEffect(() => {\n    if (!inApp || !element) return;\n    const color = rgbToHex(getComputedStyle(element).backgroundColor);\n    if (color) getSallaSDK()?.event.dispatch('mobile::statusbar.color', { color });\n  }, [inApp, element]);\n\n  return setElement;\n}\n"]}