@storyblok/astro 8.2.0 → 9.0.1

package/README.md

@@ -4,7 +4,7 @@
 
 <h1 align="center">@storyblok/astro</h1>
  <p>
-     The Astro SDK to interact with <a href="http://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro" target="_blank">Storyblok API</a> and enable the <a href="https://www.storyblok.com/docs/guide/essentials/visual-editor?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro" target="_blank">Real-time Visual Editing Experience</a>.
+     The Astro SDK to interact with <a href="https://www.storyblok.com/docs/api/content-delivery/v2" target="_blank">Storyblok API</a> and enable the <a href="https://www.storyblok.com/docs/guides/astro/visual-preview#enable-live-preview-in-the-visual-editor" target="_blank">Real-time Visual Editing Experience</a>.
   </p>
   <br />
 </div>

package/dist/lib/client.d.ts

@@ -1 +1,2 @@
+export { richTextToHTML } from './richTextToHTML';
 export { storyblokApiInstance as storyblokApi } from 'virtual:storyblok-init';

package/dist/lib/client.ts

@@ -1 +1,4 @@
+import '../public.d.ts';
+
+export { richTextToHTML } from './richTextToHTML';
 export { storyblokApiInstance as storyblokApi } from 'virtual:storyblok-init';

package/dist/lib/richTextToHTML.ts

@@ -0,0 +1,94 @@
+import {
+  ComponentBlok,
+  richTextResolver,
+  type StoryblokRichTextNode,
+  type StoryblokRichTextOptions,
+} from '@storyblok/js';
+import { experimental_AstroContainer } from 'astro/container';
+import StoryblokComponent from '@storyblok/astro/StoryblokComponent.astro';
+
+// Lazily initialized Astro container (for rendering blok components)
+let container: null | experimental_AstroContainer = null;
+
+/**
+ * @experimental Converts a Storyblok RichText field into an HTML string.
+ *
+ * This API is still under development and may change in future releases.
+ * It also relies on Astro's experimental
+ * [experimental_AstroContainer](https://docs.astro.build/en/reference/container-reference/) feature.
+ *
+ * @async
+ * @param {StoryblokRichTextNode} richTextField - The root RichText node to convert.
+ * @param {StoryblokRichTextOptions['tiptapExtensions']} [tiptapExtensions] - Optional custom
+ *   tiptap extensions for customizing how specific nodes or marks are rendered.
+ * @returns {Promise<string>} A promise that resolves to the HTML string representation
+ *   of the provided RichText content.
+ *
+ * @example
+ * ```astro
+ * ---
+ * import { richTextToHTML } from '@storyblok/astro/client';
+ * const { blok } = Astro.props;
+ * const renderedRichText = await richTextToHTML(blok.text);
+ * ---
+ *
+ * <div set:html={renderedRichText} />
+ * ```
+ */
+export const richTextToHTML = async (
+  richTextField: StoryblokRichTextNode,
+  tiptapExtensions?: StoryblokRichTextOptions['tiptapExtensions'],
+): Promise<string> => {
+  // Create Astro container only once
+  if (!container) {
+    container = await experimental_AstroContainer.create();
+  }
+
+  // Collect async render results keyed by placeholder ID
+  const asyncReplacements: Promise<{ id: string; result: string }>[] = [];
+
+  const resolver = richTextResolver<string>({
+    tiptapExtensions: {
+      blok: ComponentBlok.configure({
+        renderComponent: (blok: Record<string, unknown>, _id?: string) => {
+          if (!blok || typeof blok !== 'object' || !container) {
+            return '';
+          }
+
+          // Generate unique placeholder ID
+          const id = crypto.randomUUID();
+          const placeholder = `<!--ASYNC-${id}-->`;
+
+          // Queue async render
+          const promise = container
+            .renderToString(StoryblokComponent, {
+              props: { blok },
+            })
+            .then(result => ({ id, result }))
+            .catch((err) => {
+              console.error('Component rendering failed:', err);
+              return { id, result: '<!-- Component render error -->' };
+            });
+
+          asyncReplacements.push(promise);
+          return placeholder;
+        },
+      }),
+      ...tiptapExtensions,
+    },
+  });
+
+  let html = resolver.render(richTextField);
+  // Wait for all async renders
+  const results = await Promise.all(asyncReplacements);
+  const replacements = new Map(
+    results.map(({ id, result }) => [id, result ?? '']),
+  );
+
+  // Single-pass replacement using regex
+  html = html.replace(/<!--ASYNC-([\w-]+)-->/g, (_, id: string) => {
+    return replacements.get(id) ?? '';
+  });
+
+  return html;
+};

package/dist/public.d.ts

@@ -3,6 +3,12 @@
  * Provides IntelliSense, JSDoc, and type safety for SDK consumers.
  */
 
+declare module 'virtual:storyblok-init' {
+  import type { StoryblokClient } from '@storyblok/astro';
+
+  export const storyblokApiInstance: StoryblokClient;
+}
+
 declare module '@storyblok/astro/StoryblokComponent.astro' {
   import type { SbBlokData } from '@storyblok/astro';
 
@@ -28,7 +34,7 @@ declare module '@storyblok/astro/client' {
   import type {
     StoryblokClient,
     StoryblokRichTextNode,
-    StoryblokRichTextResolvers,
+    StoryblokRichTextOptions,
   } from '@storyblok/astro';
   /**
    * @experimental Converts a Storyblok RichText field into an HTML string.
@@ -39,7 +45,7 @@ declare module '@storyblok/astro/client' {
    *
    * @async
    * @param {StoryblokRichTextNode} richTextField - The root RichText node to convert.
-   * @param {StoryblokRichTextResolvers} [customResolvers] - Optional custom resolvers
+   * @param {StoryblokRichTextOptions['tiptapExtensions']} [tiptapExtensions] - Optional custom resolvers
    *   for customizing how specific nodes or marks are transformed into HTML.
    * @returns {Promise<string>} A promise that resolves to the HTML string representation
    *   of the provided RichText content.
@@ -57,7 +63,7 @@ declare module '@storyblok/astro/client' {
    */
   export function richTextToHTML(
     richTextField: StoryblokRichTextNode,
-    customResolvers?: StoryblokRichTextResolvers
+    tiptapExtensions?: StoryblokRichTextOptions['tiptapExtensions'],
   ): Promise<string>;
 
   /**

package/dist/storyblok-astro.es.js

@@ -41,7 +41,7 @@ function Xp(t) {
   };
 }
 function Qj() {
-  if (!(globalThis != null && globalThis.storyblokApiInstance))
+  if (!globalThis?.storyblokApiInstance)
     throw new Error("storyblokApiInstance has not been initialized correctly");
   return globalThis.storyblokApiInstance;
 }
@@ -154,8 +154,7 @@ function lc(t, e, o) {
     
     // Manual imports (overwrite auto if same key exists)
     ${o.map((s) => {
-    var i;
-    const r = (i = s.match(/import\s+(\w+)\s+from/)) == null ? void 0 : i[1];
+    const r = s.match(/import\s+(\w+)\s+from/)?.[1];
     return `storyblokComponents['${r}'] = ${r};`;
   }).join(`
 `)}
@@ -242,7 +241,7 @@ function ov(t) {
               Xp(e)
             ]
           }
-        }), c && (h == null ? void 0 : h.output) !== "server")
+        }), c && h?.output !== "server")
           throw new Error(
             "To utilize the Astro Storyblok Live feature, Astro must be configured to run in SSR mode. Please disable this feature or switch Astro to SSR mode."
           );
@@ -528,7 +527,7 @@ function Ec() {
   const t = document.querySelector(
     `meta[name="${Fc}"]`
   );
-  return (t == null ? void 0 : t.content) === "disabled" || (t == null ? void 0 : t.content) === "false";
+  return t?.content === "disabled" || t?.content === "false";
 }
 async function nv(t) {
   const { action: e, story: o } = t || {};
@@ -566,13 +565,12 @@ async function Ac(t) {
   Mc(o, n, s), Ga(or, { story: t });
 }
 function Sc(t, e) {
-  var n, s;
-  const o = (n = t.attributes.getNamedItem(Kt)) == null ? void 0 : n.value, a = (s = e.attributes.getNamedItem(Kt)) == null ? void 0 : s.value;
-  o === a && Array.from(t.attributes).forEach((r) => {
-    if (r.name === Kt)
+  const o = t.attributes.getNamedItem(Kt)?.value, a = e.attributes.getNamedItem(Kt)?.value;
+  o === a && Array.from(t.attributes).forEach((n) => {
+    if (n.name === Kt)
       return;
-    const i = r.value, l = e.getAttribute(r.name);
-    (!e.hasAttribute(r.name) || l !== i) && e.setAttribute(r.name, i);
+    const s = n.value, r = e.getAttribute(n.name);
+    (!e.hasAttribute(n.name) || r !== s) && e.setAttribute(n.name, s);
   });
 }
 function Mc(t, e, o) {
@@ -633,7 +631,7 @@ function Ga(t, e, o = !1) {
 }
 function $c(t) {
   const e = t.querySelector(`#${Ic}`);
-  if (!(e != null && e.textContent))
+  if (!e?.textContent)
     return null;
   try {
     return JSON.parse(e.textContent || "{}");
@@ -644,7 +642,7 @@ function $c(t) {
 const zc = ["_storyblok", "_storyblok_c", "_storyblok_tk[space_id]"];
 function sv(t, e) {
   const o = t.searchParams;
-  return !(!zc.every((n) => o.has(n)) || e != null && e.spaceId && o.get("_storyblok_tk[space_id]") !== e.spaceId);
+  return !(!zc.every((n) => o.has(n)) || e?.spaceId && o.get("_storyblok_tk[space_id]") !== e.spaceId);
 }
 var Nc = Object.defineProperty, Oc = (t, e, o) => e in t ? Nc(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, W = (t, e, o) => Oc(t, typeof e != "symbol" ? e + "" : e, o);
 function pe(t) {
@@ -7691,7 +7689,7 @@ _s(ql, {
 });
 var Xd = () => ({ editor: t, view: e }) => (requestAnimationFrame(() => {
   var o;
-  t.isDestroyed || (e.dom.blur(), (o = window == null ? void 0 : window.getSelection()) == null || o.removeAllRanges());
+  t.isDestroyed || (e.dom.blur(), (o = window?.getSelection()) == null || o.removeAllRanges());
 }), !0), Yd = (t = !0) => ({ commands: e }) => e.setContent("", { emitUpdate: t }), Zd = () => ({ state: t, tr: e, dispatch: o }) => {
   const { selection: a } = e, { ranges: n } = a;
   return o && n.forEach(({ $from: s, $to: r }) => {
@@ -8054,7 +8052,7 @@ var xg = (t) => ({ editor: e, view: o, tr: a, dispatch: n }) => {
   }), l = e.captureTransaction(() => {
     o.someProp("handleKeyDown", (p) => p(o, i));
   });
-  return l == null || l.steps.forEach((p) => {
+  return l?.steps.forEach((p) => {
     const c = p.map(a.mapping);
     c && n && a.maybeStep(c);
   }), !0;
@@ -8247,7 +8245,7 @@ function Wg(t, e, o) {
   return t.nodesBetween(a, n, (l, p, c, m) => {
     var d;
     l.isBlock && p > a && (i += s);
-    const g = r == null ? void 0 : r[l.type.name];
+    const g = r?.[l.type.name];
     if (g)
       return c && (i += g({
         node: l,
@@ -8256,7 +8254,7 @@ function Wg(t, e, o) {
         index: m,
         range: e
       })), !1;
-    l.isText && (i += (d = l == null ? void 0 : l.text) == null ? void 0 : d.slice(Math.max(a, p) - p, n - p));
+    l.isText && (i += (d = l?.text) == null ? void 0 : d.slice(Math.max(a, p) - p, n - p));
   }), i;
 }
 function Ug(t) {
@@ -8328,7 +8326,7 @@ function Fs(t, e, o) {
       ...r
     });
   }) : o.nodesBetween(t, e, (n, s) => {
-    !n || (n == null ? void 0 : n.nodeSize) === void 0 || a.push(
+    !n || n?.nodeSize === void 0 || a.push(
       ...n.marks.map((r) => ({
         from: s,
         to: s + n.nodeSize,
@@ -8342,7 +8340,7 @@ var Yg = (t, e, o, a = 20) => {
   let s = a, r = null;
   for (; s > 0 && r === null; ) {
     const i = n.node(s);
-    (i == null ? void 0 : i.type.name) === e ? r = i : s -= 1;
+    i?.type.name === e ? r = i : s -= 1;
   }
   return [r, s];
 };
@@ -8523,7 +8521,7 @@ var au = (t, e = {}) => ({ tr: o, state: a, dispatch: n }) => {
 function Br(t, e) {
   const o = t.storedMarks || t.selection.$to.parentOffset && t.selection.$from.marks();
   if (o) {
-    const a = o.filter((n) => e == null ? void 0 : e.includes(n.type.name));
+    const a = o.filter((n) => e?.includes(n.type.name));
     t.tr.ensureMarks(a);
   }
 }
@@ -8619,7 +8617,7 @@ var cu = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: o, dispatch: a, editor
   if (a === void 0)
     return !0;
   const n = t.doc.nodeAt(a);
-  return o.node.type === (n == null ? void 0 : n.type) && it(t.doc, o.pos) && t.join(o.pos), !0;
+  return o.node.type === n?.type && it(t.doc, o.pos) && t.join(o.pos), !0;
 }, pn = (t, e) => {
   const o = Ct((s) => s.type === e)(t.selection);
   if (!o)
@@ -8628,7 +8626,7 @@ var cu = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: o, dispatch: a, editor
   if (a === void 0)
     return !0;
   const n = t.doc.nodeAt(a);
-  return o.node.type === (n == null ? void 0 : n.type) && it(t.doc, a) && t.join(a), !0;
+  return o.node.type === n?.type && it(t.doc, a) && t.join(a), !0;
 }, du = (t, e, o, a = {}) => ({ editor: n, tr: s, state: r, dispatch: i, chain: l, commands: p, can: c }) => {
   const { extensions: m, splittableMarks: d } = n.extensionManager, g = oe(t, r.schema), u = oe(e, r.schema), { selection: f, storedMarks: h } = r, { $from: b, $to: j } = f, y = b.blockRange(j), I = h || f.$to.parentOffset && f.$from.marks();
   if (!y)
@@ -8827,9 +8825,9 @@ var xs = class {
     const { tr: a } = e.state, n = e.state.selection.$from;
     if (n.pos === n.end()) {
       const s = n.marks();
-      if (!s.find((i) => (i == null ? void 0 : i.type.name) === o.name))
+      if (!s.find((i) => i?.type.name === o.name))
         return !1;
-      const r = s.find((i) => (i == null ? void 0 : i.type.name) === o.name);
+      const r = s.find((i) => i?.type.name === o.name);
       return r && a.removeStoredMark(r), a.insertText(" ", n.pos), e.view.dispatch(a), !0;
     }
     return !1;
@@ -9295,7 +9293,7 @@ var Ru = (t) => "touches" in t, $u = class {
     this.node = t.node, this.editor = t.editor, this.element = t.element, this.contentElement = t.contentElement, this.getPos = t.getPos, this.onResize = t.onResize, this.onCommit = t.onCommit, this.onUpdate = t.onUpdate, (e = t.options) != null && e.min && (this.minSize = {
       ...this.minSize,
       ...t.options.min
-    }), (o = t.options) != null && o.max && (this.maxSize = t.options.max), (a = t == null ? void 0 : t.options) != null && a.directions && (this.directions = t.options.directions), (n = t.options) != null && n.preserveAspectRatio && (this.preserveAspectRatio = t.options.preserveAspectRatio), (s = t.options) != null && s.className && (this.classNames = {
+    }), (o = t.options) != null && o.max && (this.maxSize = t.options.max), (a = t?.options) != null && a.directions && (this.directions = t.options.directions), (n = t.options) != null && n.preserveAspectRatio && (this.preserveAspectRatio = t.options.preserveAspectRatio), (s = t.options) != null && s.className && (this.classNames = {
       container: t.options.className.container || "",
       wrapper: t.options.className.wrapper || "",
       handle: t.options.className.handle || "",
@@ -9769,7 +9767,7 @@ function Pu(t) {
       name: e,
       level: "inline",
       start(d) {
-        const g = i ? new RegExp(`\\[${m}\\s*[^\\]]*\\]`) : new RegExp(`\\[${m}\\s*[^\\]]*\\][\\s\\S]*?\\[\\/${m}\\]`), u = d.match(g), f = u == null ? void 0 : u.index;
+        const g = i ? new RegExp(`\\[${m}\\s*[^\\]]*\\]`) : new RegExp(`\\[${m}\\s*[^\\]]*\\][\\s\\S]*?\\[\\/${m}\\]`), u = d.match(g), f = u?.index;
         return f !== void 0 ? f : -1;
       },
       tokenize(d, g, u) {
@@ -10320,7 +10318,7 @@ var Zu = "listItem", Vr = "textStyle", Wr = /^(\d+)\.\s$/, up = X.create({
     name: "orderedList",
     level: "block",
     start: (t) => {
-      const e = t.match(/^(\s*)(\d+)\.\s+/), o = e == null ? void 0 : e.index;
+      const e = t.match(/^(\s*)(\d+)\.\s+/), o = e?.index;
       return o !== void 0 ? o : -1;
     },
     tokenize: (t, e, o) => {
@@ -10468,7 +10466,7 @@ var Zu = "listItem", Vr = "textStyle", Wr = /^(\d+)\.\s$/, up = X.create({
             return !1;
           const f = g.doc.nodeAt(u);
           return g.setNodeMarkup(u, void 0, {
-            ...f == null ? void 0 : f.attrs,
+            ...f?.attrs,
             checked: d
           }), !0;
         }).run(), !a.isEditable && this.options.onReadOnlyChecked && (this.options.onReadOnlyChecked(t, d) || (i.checked = !i.checked));
@@ -10870,7 +10868,7 @@ var ra = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, nf = (t, e, o)
         else
           n.classList.toggle(this.options.openClassName);
         const c = new Event("toggleDetailsContent"), m = i.querySelector(':scope > div[data-type="detailsContent"]');
-        m == null || m.dispatchEvent(c);
+        m?.dispatchEvent(c);
       };
       return o.attrs.open && setTimeout(() => l()), r.addEventListener("click", () => {
         if (l(), !this.options.persist) {
@@ -10884,7 +10882,7 @@ var ra = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, nf = (t, e, o)
             if (!d)
               return !1;
             const g = m.doc.nodeAt(d);
-            return (g == null ? void 0 : g.type) !== this.type ? !1 : (m.setNodeMarkup(d, void 0, {
+            return g?.type !== this.type ? !1 : (m.setNodeMarkup(d, void 0, {
               open: !g.attrs.open
             }), !0);
           }).setTextSelection({
@@ -10936,7 +10934,7 @@ var ra = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, nf = (t, e, o)
         const s = Oo(n.node, (h) => h.type === a.nodes.detailsSummary), r = Oo(n.node, (h) => h.type === a.nodes.detailsContent);
         if (!s.length || !r.length)
           return !1;
-        const i = s[0], l = r[0], p = n.pos, c = t.doc.resolve(p), m = p + n.node.nodeSize, d = { from: p, to: m }, g = l.node.content.toJSON() || [], u = c.parent.type.contentMatch.defaultType, f = [u == null ? void 0 : u.create(null, i.node.content).toJSON(), ...g];
+        const i = s[0], l = r[0], p = n.pos, c = t.doc.resolve(p), m = p + n.node.nodeSize, d = { from: p, to: m }, g = l.node.content.toJSON() || [], u = c.parent.type.contentMatch.defaultType, f = [u?.create(null, i.node.content).toJSON(), ...g];
         return e().insertContentAt(d, f).setTextSelection(p + 1).run();
       }
     };
@@ -11050,7 +11048,7 @@ var ra = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, nf = (t, e, o)
         const i = n.index(r.depth), { childCount: l } = r.node;
         if (l !== i + 1)
           return !1;
-        const p = r.node.type.contentMatch.defaultType, c = p == null ? void 0 : p.createAndFill();
+        const p = r.node.type.contentMatch.defaultType, c = p?.createAndFill();
         if (!c)
           return !1;
         const m = e.doc.resolve(r.pos + 1), d = l - 1, g = r.node.child(d), u = m.posAtIndex(d, r.depth);
@@ -11687,7 +11685,7 @@ function _p(t, { map: e, tableStart: o, table: a }, n) {
     }), p += d.colspan - 1;
   } else {
     var l;
-    const m = i == null ? ge(a.type.schema).cell : (l = a.nodeAt(e.map[c + i * e.width])) === null || l === void 0 ? void 0 : l.type, d = m == null ? void 0 : m.createAndFill();
+    const m = i == null ? ge(a.type.schema).cell : (l = a.nodeAt(e.map[c + i * e.width])) === null || l === void 0 ? void 0 : l.type, d = m?.createAndFill();
     d && r.push(d);
   }
   return t.insert(s, ge(a.type.schema).row.create(null, r)), t;
@@ -12678,7 +12676,7 @@ var Eo = ({ editor: t }) => {
     return !1;
   let o = 0;
   const a = Xl(e.ranges[0].$from, (n) => n.type.name === "table");
-  return a == null || a.node.descendants((n) => {
+  return a?.node.descendants((n) => {
     if (n.type.name === "table")
       return !1;
     ["tableCell", "tableHeader"].includes(n.type.name) && (o += 1);
@@ -13112,7 +13110,7 @@ ${o}
           handlePaste: (t, e) => {
             if (!e.clipboardData || this.editor.isActive(this.type.name))
               return !1;
-            const o = e.clipboardData.getData("text/plain"), a = e.clipboardData.getData("vscode-editor-data"), n = a ? JSON.parse(a) : void 0, s = n == null ? void 0 : n.mode;
+            const o = e.clipboardData.getData("text/plain"), a = e.clipboardData.getData("vscode-editor-data"), n = a ? JSON.parse(a) : void 0, s = n?.mode;
             if (!o || !s)
               return !1;
             const { tr: r, schema: i } = t.state, l = i.text(o.replace(/\r\n?/g, `
@@ -13139,7 +13137,7 @@ function Dh(t) {
   const f = i.pos - u.length, h = Array.from(u.matchAll(g)).pop();
   if (!h || h.input === void 0 || h.index === void 0)
     return null;
-  const b = h.input.slice(Math.max(0, h.index - 1), h.index), j = new RegExp(`^[${s == null ? void 0 : s.join("")}\0]?$`).test(b);
+  const b = h.input.slice(Math.max(0, h.index - 1), h.index), j = new RegExp(`^[${s?.join("")}\0]?$`).test(b);
   if (s !== null && !j)
     return null;
   const y = f + h.index;
@@ -13174,7 +13172,7 @@ function Ch({
   shouldShow: h
 }) {
   let b;
-  const j = g == null ? void 0 : g(), y = () => {
+  const j = g?.(), y = () => {
     const D = e.state.selection.$anchor.pos, C = e.view.coordsAtPos(D), { top: $, right: P, bottom: T, left: q } = C;
     try {
       return new DOMRect(q, $, P - q, T - $);
@@ -13182,8 +13180,8 @@ function Ch({
       return null;
     }
   }, I = (D, C) => C ? () => {
-    const $ = t.getState(e.state), P = $ == null ? void 0 : $.decorationId, T = D.dom.querySelector(`[data-decoration-id="${P}"]`);
-    return (T == null ? void 0 : T.getBoundingClientRect()) || null;
+    const $ = t.getState(e.state), P = $?.decorationId, T = D.dom.querySelector(`[data-decoration-id="${P}"]`);
+    return T?.getBoundingClientRect() || null;
   } : y;
   function w(D, C) {
     var $;
@@ -13191,15 +13189,15 @@ function Ch({
       const T = t.getState(D.state), q = T != null && T.decorationId ? D.dom.querySelector(`[data-decoration-id="${T.decorationId}"]`) : null, L = {
         // @ts-ignore editor is available in closure
         editor: e,
-        range: (T == null ? void 0 : T.range) || { from: 0, to: 0 },
-        query: (T == null ? void 0 : T.query) || null,
-        text: (T == null ? void 0 : T.text) || null,
+        range: T?.range || { from: 0, to: 0 },
+        query: T?.query || null,
+        text: T?.text || null,
         items: [],
-        command: (V) => m({ editor: e, range: (T == null ? void 0 : T.range) || { from: 0, to: 0 }, props: V }),
+        command: (V) => m({ editor: e, range: T?.range || { from: 0, to: 0 }, props: V }),
         decorationNode: q,
         clientRect: I(D, q)
       };
-      ($ = j == null ? void 0 : j.onExit) == null || $.call(j, L);
+      ($ = j?.onExit) == null || $.call(j, L);
     } catch {
     }
     const P = D.state.tr.setMeta(C, { exit: !0 });
@@ -13228,14 +13226,14 @@ function Ch({
             }),
             decorationNode: $e,
             clientRect: I(D, $e)
-          }, N && ((T = j == null ? void 0 : j.onBeforeStart) == null || T.call(j, b)), H && ((q = j == null ? void 0 : j.onBeforeUpdate) == null || q.call(j, b)), (H || N) && (b.items = await d({
+          }, N && ((T = j?.onBeforeStart) == null || T.call(j, b)), H && ((q = j?.onBeforeUpdate) == null || q.call(j, b)), (H || N) && (b.items = await d({
             editor: e,
             query: de.query
-          })), Ae && ((L = j == null ? void 0 : j.onExit) == null || L.call(j, b)), H && ((V = j == null ? void 0 : j.onUpdate) == null || V.call(j, b)), N && ((B = j == null ? void 0 : j.onStart) == null || B.call(j, b));
+          })), Ae && ((L = j?.onExit) == null || L.call(j, b)), H && ((V = j?.onUpdate) == null || V.call(j, b)), N && ((B = j?.onStart) == null || B.call(j, b));
         },
         destroy: () => {
           var D;
-          b && ((D = j == null ? void 0 : j.onExit) == null || D.call(j, b));
+          b && ((D = j?.onExit) == null || D.call(j, b));
         }
       };
     },
@@ -13293,8 +13291,8 @@ function Ch({
         if (!L)
           return !1;
         if (C.key === "Escape" || C.key === "Esc") {
-          const B = F.getState(D.state), R = ($ = b == null ? void 0 : b.decorationNode) != null ? $ : null, Q = R ?? (B != null && B.decorationId ? D.dom.querySelector(`[data-decoration-id="${B.decorationId}"]`) : null);
-          if ((P = j == null ? void 0 : j.onKeyDown) != null && P.call(j, { view: D, event: C, range: B.range }))
+          const B = F.getState(D.state), R = ($ = b?.decorationNode) != null ? $ : null, Q = R ?? (B != null && B.decorationId ? D.dom.querySelector(`[data-decoration-id="${B.decorationId}"]`) : null);
+          if ((P = j?.onKeyDown) != null && P.call(j, { view: D, event: C, range: B.range }))
             return !0;
           const se = {
             editor: e,
@@ -13309,9 +13307,9 @@ function Ch({
             // let consumer decide if they want to query.
             clientRect: Q ? () => Q.getBoundingClientRect() || null : null
           };
-          return (T = j == null ? void 0 : j.onExit) == null || T.call(j, se), w(D, t), !0;
+          return (T = j?.onExit) == null || T.call(j, se), w(D, t), !0;
         }
-        return ((q = j == null ? void 0 : j.onKeyDown) == null ? void 0 : q.call(j, { view: D, event: C, range: V })) || !1;
+        return ((q = j?.onKeyDown) == null ? void 0 : q.call(j, { view: D, event: C, range: V })) || !1;
       },
       // Setup decorator on the currently active suggestion.
       decorations(D) {
@@ -32743,7 +32741,7 @@ var Rh = new ae("emojiSuggestion"), $h = /:([a-zA-Z0-9_+-]+):$/, zh = /(^|\s):([
         command: ({ editor: t, range: e, props: o }) => {
           var a;
           const n = t.view.state.selection.$to.nodeAfter;
-          (a = n == null ? void 0 : n.text) != null && a.startsWith(" ") && (e.to += 1), t.chain().focus().insertContentAt(e, [
+          (a = n?.text) != null && a.startsWith(" ") && (e.to += 1), t.chain().focus().insertContentAt(e, [
             {
               type: this.name,
               attrs: o
@@ -32814,7 +32812,7 @@ var Rh = new ae("emojiSuggestion"), $h = /:([a-zA-Z0-9_+-]+):$/, zh = /(^|\s):([
   },
   renderText({ node: t }) {
     const e = Ht(t.attrs.name, this.options.emojis);
-    return (e == null ? void 0 : e.emoji) || `:${t.attrs.name}:`;
+    return e?.emoji || `:${t.attrs.name}:`;
   },
   renderMarkdown: (t) => {
     var e;
@@ -33087,7 +33085,7 @@ var Rh = new ae("emojiSuggestion"), $h = /:([a-zA-Z0-9_+-]+):$/, zh = /(^|\s):([
             if (l.nodeAfter)
               l.nodeAfter.isTextblock ? r.setSelection(E.create(r.doc, l.pos + 1)) : l.nodeAfter.isBlock ? r.setSelection(x.create(r.doc, l.pos)) : r.setSelection(E.create(r.doc, l.pos));
             else {
-              const c = s.schema.nodes[this.options.nextNodeType] || l.parent.type.contentMatch.defaultType, m = c == null ? void 0 : c.create();
+              const c = s.schema.nodes[this.options.nextNodeType] || l.parent.type.contentMatch.defaultType, m = c?.create();
               m && (r.insert(p, m), r.setSelection(E.create(r.doc, p + 1)));
             }
             r.scrollIntoView();
@@ -35252,8 +35250,8 @@ const fj = bh.extend({ renderHTML({ HTMLAttributes: t }) {
   renderHTML({ HTMLAttributes: t }) {
     var e;
     return console.warn("[StoryblokRichText] - BLOK resolver is not available for vanilla usage. Configure `renderComponent` option on the blok tiptapExtension."), ["span", Ft({
-      "data-blok": JSON.stringify(((e = t == null ? void 0 : t.body) == null ? void 0 : e[0]) ?? null),
-      "data-blok-id": t == null ? void 0 : t.id,
+      "data-blok": JSON.stringify(((e = t?.body) == null ? void 0 : e[0]) ?? null),
+      "data-blok-id": t?.id,
       style: "display: none"
     })];
   }
@@ -35488,7 +35486,7 @@ function Up(t = {}) {
     if (b.type === "text") return f(b);
     if (b.type === "doc") return h(b);
     const C = m.get(b.type);
-    if (!((j = C == null ? void 0 : C.config) != null && j.renderHTML))
+    if (!((j = C?.config) != null && j.renderHTML))
       return console.error("<Storyblok>", `No extension found for node type ${b.type}`), "";
     if ((y = C.options) != null && y.renderComponent) {
       const P = (I = b.attrs) == null ? void 0 : I.body, T = (w = b.attrs) == null ? void 0 : w.id;
@@ -35519,7 +35517,7 @@ function Up(t = {}) {
       return j.reduce((F, D) => {
         var C;
         const $ = d.get(D.type);
-        return (C = $ == null ? void 0 : $.config) != null && C.renderHTML ? Vo(vn($, "mark", D.attrs || {}), g, F) : (console.error("<Storyblok>", `No extension found for node type ${D.type}`), F);
+        return (C = $?.config) != null && C.renderHTML ? Vo(vn($, "mark", D.attrs || {}), g, F) : (console.error("<Storyblok>", `No extension found for node type ${D.type}`), F);
       }, w);
     }
     const I = b.attrs || {};
@@ -35860,7 +35858,7 @@ var Zj = class {
     return this.cacheResponse(a, n, void 0, o);
   }
   async getAll(t, e = {}, o, a) {
-    const n = (e == null ? void 0 : e.per_page) || 25, s = `/${t}`.replace(/\/$/, ""), r = o ?? s.substring(s.lastIndexOf("/") + 1);
+    const n = e?.per_page || 25, s = `/${t}`.replace(/\/$/, ""), r = o ?? s.substring(s.lastIndexOf("/") + 1);
     e.version = e.version || this.version;
     const i = 1, l = await this.makeRequest(s, e, n, i, a);
     return Hj([l, ...await Bj(Oj(i, l.total ? Math.ceil(l.total / (l.perPage || n)) : 1), (p) => this.makeRequest(s, e, n, p + 1, a))], (p) => Object.values(p.data[r]));
@@ -36060,7 +36058,7 @@ var Zj = class {
           headers: m.headers
         };
         const g = Kj(m.headers);
-        if ((g == null ? void 0 : g.max) !== void 0 && (this.rateLimitConfig.serverHeadersRateLimit = g.max), (c = m.headers) != null && c["per-page"] && (d = Object.assign({}, d, {
+        if (g?.max !== void 0 && (this.rateLimitConfig.serverHeadersRateLimit = g.max), (c = m.headers) != null && c["per-page"] && (d = Object.assign({}, d, {
           perPage: m.headers["per-page"] ? Number.parseInt(m.headers["per-page"]) : 0,
           total: m.headers["per-page"] ? Number.parseInt(m.headers.total) : 0
         })), d.data.story || d.data.stories) {