@b10cks/client 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -1,28 +1,28 @@
-function j(s) {
-  if (!s) return;
-  if (s.type === "email") {
+function _(i) {
+  if (!i) return;
+  if (i.type === "email") {
     const n = new URLSearchParams();
-    s.subject && n.set("subject", s.subject), s.body && n.set("body", s.body), s.cc && n.set("cc", s.cc), s.bcc && n.set("bcc", s.bcc);
-    const i = n.toString();
-    return { href: `mailto:${s.email}${i ? `?${i}` : ""}`, target: "_self" };
+    i.subject && n.set("subject", i.subject), i.body && n.set("body", i.body), i.cc && n.set("cc", i.cc), i.bcc && n.set("bcc", i.bcc);
+    const s = n.toString();
+    return { href: `mailto:${i.email}${s ? `?${s}` : ""}`, target: "_self" };
   }
-  if (s.type === "asset")
+  if (i.type === "asset")
     return;
-  const t = s.target ?? "_self";
-  let e = s.url ?? "";
-  return "anchor" in s && s.anchor && (e = `${e.trimEnd()}#${s.anchor}`), { href: e, target: t };
+  const t = i.target ?? "_self";
+  let e = i.url ?? "";
+  return "anchor" in i && i.anchor && (e = `${e.trimEnd()}#${i.anchor}`), { href: e, target: t };
 }
-function v(s) {
-  if (s != null) {
-    if (typeof s == "boolean" || typeof s == "number") return String(s);
-    if (typeof s == "string") return s;
-    if (typeof s == "object" && !Array.isArray(s)) {
-      const t = s;
+function A(i) {
+  if (i != null) {
+    if (typeof i == "boolean" || typeof i == "number") return String(i);
+    if (typeof i == "string") return i;
+    if (typeof i == "object" && !Array.isArray(i)) {
+      const t = i;
       if ("null" in t) return "null:";
       if ("!null" in t) return "!null:";
       if ("between" in t) {
-        const [n, i] = t.between;
-        return `${n}...${i}`;
+        const [n, s] = t.between;
+        return `${n}...${s}`;
       }
       const e = [
         "eq",
@@ -42,25 +42,25 @@ function v(s) {
       ];
       for (const n of e)
         if (n in t) {
-          const i = t[n];
-          return Array.isArray(i) ? `${n}:${i.join(",")}` : `${n}:${String(i)}`;
+          const s = t[n];
+          return Array.isArray(s) ? `${n}:${s.join(",")}` : `${n}:${String(s)}`;
         }
     }
   }
 }
-function R(s) {
+function S(i) {
   const t = {};
-  for (const [e, n] of Object.entries(s)) {
-    const i = v(n);
-    i !== void 0 && (t[e] = i);
+  for (const [e, n] of Object.entries(i)) {
+    const s = A(n);
+    s !== void 0 && (t[e] = s);
   }
   return t;
 }
-function f(s, t, e) {
-  const n = t && typeof t == "object" ? R(t) : {}, i = Array.isArray(e) ? { sort: e.join(",") } : e != null ? { sort: e } : {};
-  return { ...s, ...n, ...i };
+function g(i, t, e) {
+  const n = t && typeof t == "object" ? S(t) : {}, s = Array.isArray(e) ? { sort: e.join(",") } : e != null ? { sort: e } : {};
+  return { ...i, ...n, ...s };
 }
-class C {
+class P {
   constructor(t) {
     this.client = t;
   }
@@ -73,17 +73,17 @@ class C {
   async getCollection(t, e = {}, n = {}) {
     if (n.allPages)
       return this.client.getAll(t, e);
-    const i = await this.client.get(t, e);
-    return this.unwrapCollection(i);
+    const s = await this.client.get(t, e);
+    return this.unwrapCollection(s);
   }
   async getContent(t, e = {}) {
     return this.getResource(`contents/${t}`, e);
   }
   async getContents(t = {}, e = {}) {
-    const { filter: n, sort: i, ...r } = t;
+    const { filter: n, sort: s, ...r } = t;
     return this.getCollection(
       "contents",
-      f(r, n, i),
+      g(r, n, s),
       e
     );
   }
@@ -91,10 +91,10 @@ class C {
     return this.getResource(`blocks/${t}`, e);
   }
   async getBlocks(t = {}, e = {}) {
-    const { filter: n, ...i } = t;
+    const { filter: n, ...s } = t;
     return this.getCollection(
       "blocks",
-      f(i, n, void 0),
+      g(s, n, void 0),
       e
     );
   }
@@ -132,29 +132,29 @@ class C {
     return this.client.post("redirects/lookup", { source: t });
   }
   async getRedirects(t = {}, e = !1) {
-    const { allPages: n = !1, forceRefresh: i = !1 } = typeof e == "boolean" ? { allPages: !0, forceRefresh: e } : e;
-    if (n && this.redirectsCache && !i)
+    const { allPages: n = !1, forceRefresh: s = !1 } = typeof e == "boolean" ? { allPages: !0, forceRefresh: e } : e;
+    if (n && this.redirectsCache && !s)
       return this.redirectsCache;
-    const { filter: r, ...a } = t, o = f(a, r, void 0), u = await this.getCollection("redirects", o, { allPages: n }), l = Object.fromEntries(
-      u.map(({ source: m, target: b, status_code: w }) => [m, { target: b, status_code: w }])
+    const { filter: r, ...o } = t, a = g(o, r, void 0), c = await this.getCollection("redirects", a, { allPages: n }), d = Object.fromEntries(
+      c.map(({ source: p, target: u, status_code: f }) => [p, { target: u, status_code: f }])
     );
-    return n && (this.redirectsCache = l), l;
+    return n && (this.redirectsCache = d), d;
   }
   async getConfig({
     slug: t = "_config",
     language_iso: e,
     language: n,
-    bypassCache: i = !1,
+    bypassCache: s = !1,
     ...r
   } = {}) {
-    const a = e ?? n, o = JSON.stringify({ slug: t, language_iso: a, ...r });
-    if (!i && this.configCache.has(o))
-      return this.configCache.get(o);
-    const l = (await this.getContent(t, {
+    const o = e ?? n, a = JSON.stringify({ slug: t, language_iso: o, ...r });
+    if (!s && this.configCache.has(a))
+      return this.configCache.get(a);
+    const d = (await this.getContent(t, {
       ...r,
-      language_iso: a
+      language_iso: o
     })).content ?? {};
-    return i || this.configCache.set(o, l), l;
+    return s || this.configCache.set(a, d), d;
   }
   async syncRevision(t = 426713400) {
     const n = (await this.getSpace()).rv || t;
@@ -178,23 +178,34 @@ class C {
     return [];
   }
 }
-function $(s) {
-  return new C(s);
+function L(i) {
+  return new P(i);
 }
-class c {
+const T = /* @__PURE__ */ new Set([
+  "CONTENT_UPDATE",
+  "CONTENT_PATCH",
+  "SELECT_UPDATE",
+  "HOVER_UPDATE",
+  "FIELD_UPDATE",
+  "FIELD_SELECT"
+]), j = "B10CKS_BRIDGE_READY";
+class h {
   static instance;
   listeners = {};
   initialized = !1;
+  allowedOrigins = null;
+  /** Origin of the editor, captured from the first trusted message. */
+  parentOrigin = null;
   constructor() {
   }
   static getInstance() {
-    return c.instance || (c.instance = new c()), c.instance;
+    return h.instance || (h.instance = new h()), h.instance;
   }
-  init() {
-    !this.isInPreviewMode() || this.initialized || (window.addEventListener("message", this.handleMessage), this.initialized = !0);
+  init(t = {}) {
+    !this.isInPreviewMode() || this.initialized || (this.allowedOrigins = t.allowedOrigins ?? null, window.addEventListener("message", this.handleMessage), this.initialized = !0, window.parent.postMessage({ type: j }, "*"));
   }
   destroy() {
-    this.initialized && typeof window < "u" && window.removeEventListener("message", this.handleMessage), this.initialized = !1;
+    this.initialized && typeof window < "u" && window.removeEventListener("message", this.handleMessage), this.initialized = !1, this.parentOrigin = null;
     for (const t of Object.keys(this.listeners))
       this.listeners[t]?.clear();
   }
@@ -211,77 +222,204 @@ class c {
     };
   }
   selectItem(t) {
-    this.isInPreviewMode() && window.parent.postMessage(
-      {
-        type: "SELECT_UPDATE",
-        payload: { selectedItem: t }
-      },
-      "*"
-    );
+    this.post("SELECT_UPDATE", { selectedItem: t });
+  }
+  /** Deep-select a nested field (e.g. a rich text field) in the editor. */
+  selectField(t, e) {
+    this.post("FIELD_SELECT", { itemId: t, path: e });
   }
+  /** @deprecated Prefer {@link updateFieldAt} with a path. */
   updateField(t, e, n) {
-    this.isInPreviewMode() && window.parent.postMessage(
-      {
-        type: "FIELD_UPDATE",
-        payload: { itemId: t, field: e, value: n }
-      },
-      "*"
-    );
+    this.post("FIELD_UPDATE", { itemId: t, field: e, value: n });
+  }
+  /** Stream an inline edit back to the editor, addressed by path. */
+  updateFieldAt(t, e, n) {
+    this.post("FIELD_UPDATE", { itemId: t, path: e, value: n });
+  }
+  post(t, e) {
+    this.isInPreviewMode() && window.parent.postMessage({ type: t, payload: e }, this.parentOrigin ?? "*");
   }
   handleMessage = (t) => {
-    if (!t.data || typeof t.data != "object")
+    if (!this.isOriginTrusted(t.origin) || !t.data || typeof t.data != "object")
       return;
     const { type: e, payload: n } = t.data;
-    !e || !n || this.notify(e, n);
+    !e || !T.has(e) || !n || (!this.parentOrigin && t.origin && t.origin !== "null" && (this.parentOrigin = t.origin), this.notify(e, n));
   };
+  isOriginTrusted(t) {
+    return this.parentOrigin ? t === this.parentOrigin : this.allowedOrigins ? this.allowedOrigins.includes(t) : !0;
+  }
   notify(t, e) {
     const n = this.listeners[t];
     if (n)
-      for (const i of n)
-        i(e);
+      for (const s of n)
+        s(e);
+  }
+}
+const l = h.getInstance(), v = "b10cks-preview-style", C = "--b10cks-scroll-offset";
+function E() {
+  if (typeof document > "u" || document.getElementById(v))
+    return;
+  const i = document.createElement("style");
+  i.id = v, i.textContent = `
+    .b10cks-preview { scroll-margin-top: var(${C}, 0px); }
+    .b10cks-hover,
+    .b10cks-preview:hover {
+      outline: 2px dashed rgba(59, 130, 246, 0.5);
+      outline-offset: 2px;
+    }
+    .b10cks-selected {
+      outline: 2px solid rgb(59, 130, 246) !important;
+      outline-offset: 2px;
+    }
+  `, document.head.appendChild(i);
+}
+function F(i) {
+  if (typeof document > "u")
+    return;
+  const t = typeof i == "number" ? `${i}px` : i;
+  document.documentElement.style.setProperty(C, t);
+}
+function O(i, t) {
+  if (!l.isInPreviewMode() || !t.id)
+    return () => {
+    };
+  E();
+  const { id: e, onSelectChange: n, onHoverChange: s, scrollOnSelect: r = !0 } = t;
+  i.classList.add("b10cks-preview");
+  const o = (u) => {
+    u.preventDefault(), u.stopPropagation(), l.selectItem(e);
+  }, a = ({ selectedItem: u }) => {
+    const f = u === e;
+    i.classList.toggle("b10cks-selected", f), f && r && k(i), n?.(f);
+  }, c = ({ selectedItem: u }) => {
+    const f = u === e;
+    i.classList.toggle("b10cks-hover", f), s?.(f);
+  };
+  i.addEventListener("click", o);
+  const d = l.on("SELECT_UPDATE", a), p = l.on("HOVER_UPDATE", c);
+  return () => {
+    i.removeEventListener("click", o), d(), p(), i.classList.remove("b10cks-preview", "b10cks-selected", "b10cks-hover");
+  };
+}
+function $(i, t) {
+  if (!l.isInPreviewMode() || !t.id)
+    return () => {
+    };
+  const { id: e, field: n, path: s, mode: r = "inline" } = t;
+  if (r === "select") {
+    E(), i.classList.add("b10cks-preview");
+    const a = (c) => {
+      c.preventDefault(), c.stopPropagation(), s ? l.selectField(e, s) : l.selectItem(e);
+    };
+    return i.addEventListener("click", a), () => {
+      i.removeEventListener("click", a), i.classList.remove("b10cks-preview");
+    };
   }
+  i.setAttribute("contenteditable", "true");
+  const o = (a) => {
+    const c = a.target.innerText;
+    s ? l.updateFieldAt(e, s, c) : l.updateField(e, n ?? "", c);
+  };
+  return i.addEventListener("input", o), () => {
+    i.removeEventListener("input", o), i.removeAttribute("contenteditable");
+  };
+}
+function k(i) {
+  typeof i.scrollIntoView == "function" && i.scrollIntoView({ block: "nearest", behavior: "smooth" });
+}
+function D(i, t) {
+  let e = i;
+  for (const n of t) {
+    if (e == null || typeof e != "object")
+      return;
+    e = e[n];
+  }
+  return e;
+}
+function m(i, t, e) {
+  if (t.length === 0)
+    return e;
+  const [n, ...s] = t;
+  if (n === void 0)
+    return e;
+  if (typeof n == "number") {
+    const o = Array.isArray(i) ? i.slice() : [];
+    return o[n] = m(o[n], s, e), o;
+  }
+  const r = i && typeof i == "object" && !Array.isArray(i) ? { ...i } : {};
+  return r[n] = m(r[n], s, e), r;
+}
+class I {
+  content;
+  listeners = /* @__PURE__ */ new Set();
+  constructor(t) {
+    this.content = t;
+  }
+  subscribe = (t) => (this.listeners.add(t), () => {
+    this.listeners.delete(t);
+  });
+  getSnapshot = () => this.content;
+  setContent(t) {
+    this.content = t, this.emit();
+  }
+  patch(t, e) {
+    this.content = m(this.content, t, e), this.emit();
+  }
+  emit() {
+    for (const t of this.listeners)
+      t();
+  }
+}
+function U(i) {
+  const t = l.on("CONTENT_UPDATE", ({ content: n }) => {
+    i.setContent(n);
+  }), e = l.on("CONTENT_PATCH", ({ path: n, value: s }) => {
+    i.patch(n, s);
+  });
+  return () => {
+    t(), e();
+  };
 }
-const A = c.getInstance();
-function p(s) {
-  return (s ?? "").trim().replace(/^\/+|\/+$/g, "");
+function w(i) {
+  return (i ?? "").trim().replace(/^\/+|\/+$/g, "");
 }
-function y(s, t) {
-  const e = p(s), n = p(t);
+function R(i, t) {
+  const e = w(i), n = w(t);
   if (!n)
     return e && e !== "home" ? `/${e}` : "/";
   if (!e || e === "home")
     return `/${n}`;
-  const i = `${n}/`;
-  return e === n || e.startsWith(i) ? `/${e}` : `/${n}/${e}`;
+  const s = `${n}/`;
+  return e === n || e.startsWith(s) ? `/${e}` : `/${n}/${e}`;
 }
-function g(s, t) {
+function b(i, t) {
   if (!t) return null;
   try {
-    return new URL(s, t).toString();
+    return new URL(i, t).toString();
   } catch {
     return null;
   }
 }
-function d(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+function y(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function S(s, t = {}) {
-  const { siteUrl: e, locale: n } = t, i = /* @__PURE__ */ new Set();
-  return s.filter((r) => {
+function x(i, t = {}) {
+  const { siteUrl: e, locale: n } = t, s = /* @__PURE__ */ new Set();
+  return i.filter((r) => {
     if (n && r.language_iso !== n || r.meta?.robots?.toLowerCase().includes("noindex")) return !1;
-    const a = y(r.full_slug, r.language_iso), o = e ? g(a, e) ?? a : a;
-    return i.has(o) ? !1 : (i.add(o), !0);
+    const o = R(r.full_slug, r.language_iso), a = e ? b(o, e) ?? o : o;
+    return s.has(a) ? !1 : (s.add(a), !0);
   });
 }
-function P(s, t) {
+function z(i, t) {
   return [
     '<?xml version="1.0" encoding="UTF-8"?>',
     '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
-    s.map((n) => {
-      const i = y(n.full_slug, n.language_iso), r = t ? g(i, t) : i;
+    i.map((n) => {
+      const s = R(n.full_slug, n.language_iso), r = t ? b(s, t) : s;
       if (!r) return "";
-      const a = ["  <url>", `    <loc>${d(r)}</loc>`];
-      return n.published_at && a.push(`    <lastmod>${d(n.published_at)}</lastmod>`), a.push("  </url>"), a.join(`
+      const o = ["  <url>", `    <loc>${y(r)}</loc>`];
+      return n.published_at && o.push(`    <lastmod>${y(n.published_at)}</lastmod>`), o.push("  </url>"), o.join(`
 `);
     }).filter(Boolean).join(`
 `),
@@ -289,13 +427,13 @@ function P(s, t) {
   ].join(`
 `);
 }
-function F(s, t) {
+function M(i, t) {
   return [
     '<?xml version="1.0" encoding="UTF-8"?>',
     '<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
-    s.map((n) => {
-      const i = t ? g(n, t) : n;
-      return i ? ["  <sitemap>", `    <loc>${d(i)}</loc>`, "  </sitemap>"].join(`
+    i.map((n) => {
+      const s = t ? b(n, t) : n;
+      return s ? ["  <sitemap>", `    <loc>${y(s)}</loc>`, "  </sitemap>"].join(`
 `) : "";
     }).filter(Boolean).join(`
 `),
@@ -303,17 +441,23 @@ function F(s, t) {
   ].join(`
 `);
 }
-const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-let h = 0;
-class E {
+class V {
   baseUrl;
   token;
   vid;
   fetchClient;
   getRvFn;
   setRvFn;
+  /**
+   * Per-instance revision store, used when no `getRv`/`setRv` callbacks are
+   * supplied. Kept on the instance (not module scope) so concurrent requests
+   * in a server runtime cannot leak revisions into one another. Server callers
+   * that need request-scoped persistence should pass `getRv`/`setRv`.
+   */
+  rvValue = 0;
   constructor(t, e) {
     this.baseUrl = t.baseUrl.endsWith("/") ? t.baseUrl.slice(0, -1) : t.baseUrl, this.token = t.token;
     const n = typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : null;
@@ -326,8 +470,8 @@ class E {
         "No fetch implementation available. Provide `fetchClient` in ApiClient options."
       );
     this.getRvFn = t.getRv, this.setRvFn = t.setRv;
-    const i = this.resolveRequestUrl(e);
-    this.vid = t.version || "published", this.setRv(i?.searchParams.get("b10cks_rv") || t.rv || h);
+    const s = this.resolveRequestUrl(e);
+    this.vid = t.version || "published", this.setRv(s?.searchParams.get("b10cks_rv") || t.rv || 0);
   }
   async get(t, e = {}) {
     const n = this.buildUrl(t, {
@@ -335,16 +479,16 @@ class E {
       rv: this.getRv(),
       ...e,
       token: this.token
-    }), i = await this.fetchClient(n), r = await this.parseResponse(i);
+    }), s = await this.fetchClient(n), r = await this.parseResponse(s);
     return this.hasRevision(r) && this.setRv(r.rv), r;
   }
   async post(t, e, n = {}) {
-    const i = this.buildUrl(t, {
+    const s = this.buildUrl(t, {
       vid: this.vid,
       rv: this.getRv(),
       ...n,
       token: this.token
-    }), r = await this.fetchClient(i, {
+    }), r = await this.fetchClient(s, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: e !== void 0 ? JSON.stringify(e) : void 0
@@ -355,22 +499,22 @@ class E {
     const n = await this.get(t, {
       ...e,
       page: 1
-    }), i = this.normalizeCollectionResponse(n);
-    if (i.rv && this.setRv(i.rv), !i.meta || i.meta.last_page <= 1)
-      return i.data;
+    }), s = this.normalizeCollectionResponse(n);
+    if (s.rv && this.setRv(s.rv), !s.meta || s.meta.last_page <= 1)
+      return s.data;
     const r = Array.from(
-      { length: i.meta.last_page - 1 },
-      (o, u) => this.get(t, { ...e, page: u + 2 })
-    ), a = await Promise.all(r);
-    return i.data.concat(
-      a.flatMap((o) => this.normalizeCollectionResponse(o).data)
+      { length: s.meta.last_page - 1 },
+      (a, c) => this.get(t, { ...e, page: c + 2 })
+    ), o = await Promise.all(r);
+    return s.data.concat(
+      o.flatMap((a) => this.normalizeCollectionResponse(a).data)
     );
   }
   setRv(t) {
-    this.setRvFn ? this.setRvFn(t) : h = t;
+    this.setRvFn ? this.setRvFn(t) : this.rvValue = t;
   }
   getRv() {
-    return this.getRvFn ? this.getRvFn() : h;
+    return this.getRvFn ? this.getRvFn() : this.rvValue;
   }
   async parseResponse(t) {
     if (this.isFetchResponse(t)) {
@@ -395,16 +539,16 @@ class E {
       const {
         data: e,
         meta: n,
-        rv: i
+        rv: s
       } = t;
-      return { data: e, meta: n, rv: i };
+      return { data: e, meta: n, rv: s };
     }
     return { data: [], meta: void 0, rv: void 0 };
   }
   buildUrl(t, e) {
     const n = new URL(`${this.baseUrl}/v1/${t}`);
-    return Object.entries(e).forEach(([i, r]) => {
-      r != null && n.searchParams.append(i, String(r));
+    return Object.entries(e).forEach(([s, r]) => {
+      r != null && n.searchParams.append(s, String(r));
     }), n.toString();
   }
   resolveRequestUrl(t) {
@@ -421,18 +565,26 @@ class E {
   }
 }
 export {
-  E as ApiClient,
-  C as B10cksDataApi,
-  c as PreviewBridge,
-  y as buildLocalizedPath,
-  $ as createB10cksDataApi,
-  S as filterSitemapEntries,
-  p as normalizePathSegment,
-  A as previewBridge,
-  F as renderSitemapIndex,
-  P as renderSitemapXml,
-  j as resolveB10cksLink,
-  R as serializeFilter,
-  _ as types
+  V as ApiClient,
+  P as B10cksDataApi,
+  h as PreviewBridge,
+  I as PreviewStore,
+  O as attachEditable,
+  $ as attachEditableField,
+  U as bindPreviewStore,
+  R as buildLocalizedPath,
+  L as createB10cksDataApi,
+  E as ensurePreviewStyles,
+  x as filterSitemapEntries,
+  D as getAtPath,
+  w as normalizePathSegment,
+  l as previewBridge,
+  M as renderSitemapIndex,
+  z as renderSitemapXml,
+  _ as resolveB10cksLink,
+  S as serializeFilter,
+  m as setAtPath,
+  F as setPreviewScrollOffset,
+  N as types
 };
 //# sourceMappingURL=index.mjs.map