@b10cks/client 1.3.0 → 1.5.0

package/dist/index.mjs

@@ -1,14 +1,28 @@
-function p(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 _(i) {
+  if (!i) return;
+  if (i.type === "email") {
+    const n = new URLSearchParams();
+    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 (i.type === "asset")
+    return;
+  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 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 [i, n] = t.between;
-        return `${i}...${n}`;
+        const [n, s] = t.between;
+        return `${n}...${s}`;
       }
       const e = [
         "eq",
@@ -26,50 +40,50 @@ function p(s) {
         "empty",
         "!empty"
       ];
-      for (const i of e)
-        if (i in t) {
-          const n = t[i];
-          return Array.isArray(n) ? `${i}:${n.join(",")}` : `${i}:${String(n)}`;
+      for (const n of e)
+        if (n in t) {
+          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, i] of Object.entries(s)) {
-    const n = p(i);
-    n !== void 0 && (t[e] = n);
+  for (const [e, n] of Object.entries(i)) {
+    const s = A(n);
+    s !== void 0 && (t[e] = s);
   }
   return t;
 }
-function h(s, t, e) {
-  const i = t && typeof t == "object" ? R(t) : {}, n = Array.isArray(e) ? { sort: e.join(",") } : e != null ? { sort: e } : {};
-  return { ...s, ...i, ...n };
+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 v {
+class P {
   constructor(t) {
     this.client = t;
   }
   redirectsCache = null;
   configCache = /* @__PURE__ */ new Map();
   async getResource(t, e = {}) {
-    const i = await this.client.get(t, e);
-    return this.unwrapResource(i);
+    const n = await this.client.get(t, e);
+    return this.unwrapResource(n);
   }
-  async getCollection(t, e = {}, i = {}) {
-    if (i.allPages)
+  async getCollection(t, e = {}, n = {}) {
+    if (n.allPages)
       return this.client.getAll(t, e);
-    const n = await this.client.get(t, e);
-    return this.unwrapCollection(n);
+    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: i, sort: n, ...r } = t;
+    const { filter: n, sort: s, ...r } = t;
     return this.getCollection(
       "contents",
-      h(r, i, n),
+      g(r, n, s),
       e
     );
   }
@@ -77,10 +91,10 @@ class v {
     return this.getResource(`blocks/${t}`, e);
   }
   async getBlocks(t = {}, e = {}) {
-    const { filter: i, ...n } = t;
+    const { filter: n, ...s } = t;
     return this.getCollection(
       "blocks",
-      h(n, i, void 0),
+      g(s, n, void 0),
       e
     );
   }
@@ -92,17 +106,17 @@ class v {
     if (typeof e == "object" && e !== null && "data" in e && "meta" in e)
       return e;
     if (typeof e == "object" && e !== null && "data" in e) {
-      const i = e.data;
-      if (typeof i == "object" && i !== null && "meta" in i && "data" in i)
-        return i;
+      const n = e.data;
+      if (typeof n == "object" && n !== null && "meta" in n && "data" in n)
+        return n;
     }
     return e;
   }
   async getSitemap(t = {}, e = {}) {
     return this.getCollection("sitemap", t, e);
   }
-  async getDataEntries(t, e = {}, i = {}) {
-    return this.getCollection(`datasources/${t}/entries`, e, i);
+  async getDataEntries(t, e = {}, n = {}) {
+    return this.getCollection(`datasources/${t}/entries`, e, n);
   }
   async getDataSources(t = {}, e = {}) {
     return this.getCollection("datasources", t, e);
@@ -118,33 +132,33 @@ class v {
     return this.client.post("redirects/lookup", { source: t });
   }
   async getRedirects(t = {}, e = !1) {
-    const { allPages: i = !1, forceRefresh: n = !1 } = typeof e == "boolean" ? { allPages: !0, forceRefresh: e } : e;
-    if (i && this.redirectsCache && !n)
+    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, ...o } = t, a = h(o, r, void 0), f = await this.getCollection("redirects", a, { allPages: i }), l = Object.fromEntries(
-      f.map(({ source: d, target: g, status_code: y }) => [d, { target: g, status_code: y }])
+    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 i && (this.redirectsCache = l), l;
+    return n && (this.redirectsCache = d), d;
   }
   async getConfig({
     slug: t = "_config",
     language_iso: e,
-    language: i,
-    bypassCache: n = !1,
+    language: n,
+    bypassCache: s = !1,
     ...r
   } = {}) {
-    const o = e ?? i, a = JSON.stringify({ slug: t, language_iso: o, ...r });
-    if (!n && this.configCache.has(a))
+    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 l = (await this.getContent(t, {
+    const d = (await this.getContent(t, {
       ...r,
       language_iso: o
     })).content ?? {};
-    return n || this.configCache.set(a, l), l;
+    return s || this.configCache.set(a, d), d;
   }
   async syncRevision(t = 426713400) {
-    const i = (await this.getSpace()).rv || t;
-    return this.client.setRv(i), i;
+    const n = (await this.getSpace()).rv || t;
+    return this.client.setRv(n), n;
   }
   clearCache() {
     this.redirectsCache = null, this.configCache.clear();
@@ -164,23 +178,34 @@ class v {
     return [];
   }
 }
-function w(s) {
-  return new v(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();
   }
@@ -191,84 +216,279 @@ class c {
     if (!this.isInPreviewMode())
       return () => {
       };
-    const i = this.listeners[t] || /* @__PURE__ */ new Set();
-    return this.listeners[t] = i, i.add(e), () => {
-      i.delete(e);
+    const n = this.listeners[t] || /* @__PURE__ */ new Set();
+    return this.listeners[t] = n, n.add(e), () => {
+      n.delete(e);
     };
   }
   selectItem(t) {
-    this.isInPreviewMode() && window.parent.postMessage(
-      {
-        type: "SELECT_UPDATE",
-        payload: { selectedItem: t }
-      },
-      "*"
-    );
+    this.post("SELECT_UPDATE", { selectedItem: t });
   }
-  updateField(t, e, i) {
-    this.isInPreviewMode() && window.parent.postMessage(
-      {
-        type: "FIELD_UPDATE",
-        payload: { itemId: t, field: e, value: i }
-      },
-      "*"
-    );
+  /** 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.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: i } = t.data;
-    !e || !i || this.notify(e, i);
+    const { type: e, payload: n } = t.data;
+    !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 i = this.listeners[t];
-    if (i)
-      for (const n of i)
-        n(e);
+    const n = this.listeners[t];
+    if (n)
+      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();
+  };
+}
+function w(i) {
+  return (i ?? "").trim().replace(/^\/+|\/+$/g, "");
+}
+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 s = `${n}/`;
+  return e === n || e.startsWith(s) ? `/${e}` : `/${n}/${e}`;
+}
+function b(i, t) {
+  if (!t) return null;
+  try {
+    return new URL(i, t).toString();
+  } catch {
+    return null;
   }
 }
-const b = c.getInstance(), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+function y(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+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 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 z(i, t) {
+  return [
+    '<?xml version="1.0" encoding="UTF-8"?>',
+    '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
+    i.map((n) => {
+      const s = R(n.full_slug, n.language_iso), r = t ? b(s, t) : s;
+      if (!r) return "";
+      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(`
+`),
+    "</urlset>"
+  ].join(`
+`);
+}
+function M(i, t) {
+  return [
+    '<?xml version="1.0" encoding="UTF-8"?>',
+    '<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
+    i.map((n) => {
+      const s = t ? b(n, t) : n;
+      return s ? ["  <sitemap>", `    <loc>${y(s)}</loc>`, "  </sitemap>"].join(`
+`) : "";
+    }).filter(Boolean).join(`
+`),
+    "</sitemapindex>"
+  ].join(`
+`);
+}
+const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-let u = 0;
-class m {
+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 i = typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : null;
+    const n = typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : null;
     if (t.fetchClient)
       this.fetchClient = t.fetchClient;
-    else if (i)
-      this.fetchClient = i;
+    else if (n)
+      this.fetchClient = n;
     else
       throw new Error(
         "No fetch implementation available. Provide `fetchClient` in ApiClient options."
       );
     this.getRvFn = t.getRv, this.setRvFn = t.setRv;
-    const n = this.resolveRequestUrl(e);
-    this.vid = t.version || "published", this.setRv(n?.searchParams.get("b10cks_rv") || t.rv || u);
+    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 i = this.buildUrl(t, {
+    const n = this.buildUrl(t, {
       vid: this.vid,
-      ...e,
       rv: this.getRv(),
+      ...e,
       token: this.token
-    }), n = await this.fetchClient(i), r = await this.parseResponse(n);
+    }), s = await this.fetchClient(n), r = await this.parseResponse(s);
     return this.hasRevision(r) && this.setRv(r.rv), r;
   }
-  async post(t, e, i = {}) {
-    const n = this.buildUrl(t, {
+  async post(t, e, n = {}) {
+    const s = this.buildUrl(t, {
       vid: this.vid,
-      ...i,
       rv: this.getRv(),
+      ...n,
       token: this.token
-    }), r = await this.fetchClient(n, {
+    }), r = await this.fetchClient(s, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: e !== void 0 ? JSON.stringify(e) : void 0
@@ -276,25 +496,25 @@ class m {
     return this.parseResponse(r);
   }
   async getAll(t, e = {}) {
-    const i = await this.get(t, {
+    const n = await this.get(t, {
       ...e,
       page: 1
-    }), n = this.normalizeCollectionResponse(i);
-    if (n.rv && this.setRv(n.rv), !n.meta || n.meta.last_page <= 1)
-      return n.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: n.meta.last_page - 1 },
-      (a, f) => this.get(t, { ...e, page: f + 2 })
+      { length: s.meta.last_page - 1 },
+      (a, c) => this.get(t, { ...e, page: c + 2 })
     ), o = await Promise.all(r);
-    return n.data.concat(
+    return s.data.concat(
       o.flatMap((a) => this.normalizeCollectionResponse(a).data)
     );
   }
   setRv(t) {
-    this.setRvFn ? this.setRvFn(t) : u = t;
+    this.setRvFn ? this.setRvFn(t) : this.rvValue = t;
   }
   getRv() {
-    return this.getRvFn ? this.getRvFn() : u;
+    return this.getRvFn ? this.getRvFn() : this.rvValue;
   }
   async parseResponse(t) {
     if (this.isFetchResponse(t)) {
@@ -318,18 +538,18 @@ class m {
     if (typeof t == "object" && t !== null && "data" in t) {
       const {
         data: e,
-        meta: i,
-        rv: n
+        meta: n,
+        rv: s
       } = t;
-      return { data: e, meta: i, rv: n };
+      return { data: e, meta: n, rv: s };
     }
     return { data: [], meta: void 0, rv: void 0 };
   }
   buildUrl(t, e) {
-    const i = new URL(`${this.baseUrl}/v1/${t}`);
-    return Object.entries(e).forEach(([n, r]) => {
-      r != null && i.searchParams.append(n, String(r));
-    }), i.toString();
+    const n = new URL(`${this.baseUrl}/v1/${t}`);
+    return Object.entries(e).forEach(([s, r]) => {
+      r != null && n.searchParams.append(s, String(r));
+    }), n.toString();
   }
   resolveRequestUrl(t) {
     return t ? t instanceof URL ? t : new URL(t, "http://localhost") : null;
@@ -345,12 +565,26 @@ class m {
   }
 }
 export {
-  m as ApiClient,
-  v as B10cksDataApi,
-  c as PreviewBridge,
-  w as createB10cksDataApi,
-  b as previewBridge,
-  R as serializeFilter,
-  C 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