@storyblok/react 6.1.10 → 7.0.0

package/dist/core/create-default-blok.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");function i(r){return function({attrs:e}){return Array.isArray(e==null?void 0:e.body)?e.body.map((u,n)=>o.jsx(r,{blok:u},u._uid||n)):null}}exports.createDefaultBlok=i;

package/dist/core/create-default-blok.mjs

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+function l(e) {
+  return function({ attrs: r }) {
+    return Array.isArray(r == null ? void 0 : r.body) ? r.body.map((u, n) => /* @__PURE__ */ o(
+      e,
+      {
+        blok: u
+      },
+      u._uid || n
+    )) : null;
+  };
+}
+export {
+  l as createDefaultBlok
+};

package/dist/core/create-storyblok-richtext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./rich-text-renderer.js");require("@storyblok/richtext");const a=require("./create-default-blok.js");function d(t){const r=a.createDefaultBlok(t);return function({document:n,optimizeImage:o,components:c,wrapper:i=!0,...u}){const e=s.createRichTextRenderer({optimizeImage:o,components:{blok:r,...c}})(n);return i?l.jsx("div",{...u,children:e}):e}}exports.createStoryblokRichText=d;

package/dist/core/create-storyblok-richtext.mjs

@@ -0,0 +1,26 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createRichTextRenderer as m } from "./rich-text-renderer.mjs";
+import "@storyblok/richtext";
+import { createDefaultBlok as u } from "./create-default-blok.mjs";
+function h(t) {
+  const e = u(t);
+  return function({
+    document: o,
+    optimizeImage: n,
+    components: c,
+    wrapper: i = !0,
+    ...f
+  }) {
+    const r = m({
+      optimizeImage: n,
+      components: {
+        blok: e,
+        ...c
+      }
+    })(o);
+    return i ? /* @__PURE__ */ l("div", { ...f, children: r }) : r;
+  };
+}
+export {
+  h as createStoryblokRichText
+};

package/dist/core/init.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@storyblok/js"),t=require("./state.js"),l=(e={})=>{const o=t.getStoryblokApiInstance();if(o)return()=>o;const{storyblokApi:n}=a.storyblokInit(e);return t.setStoryblokApiInstance(n),e.components&&t.setComponents(e.components),e.enableFallbackComponent!==void 0&&t.setEnableFallbackComponent(e.enableFallbackComponent),e.customFallbackComponent&&t.setCustomFallbackComponent(e.customFallbackComponent),()=>n};exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;exports.storyblokInit=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@storyblok/js"),e=require("./state.js"),l=(t={})=>{const n=e.getStoryblokApiInstance();if(n)return()=>n;const{storyblokApi:a}=o.storyblokInit(t);return e.setStoryblokApiInstance(a),t.components&&e.setComponents(t.components),t.enableFallbackComponent!==void 0&&e.setEnableFallbackComponent(t.enableFallbackComponent),t.customFallbackComponent&&e.setCustomFallbackComponent(t.customFallbackComponent),()=>a};Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>o.apiPlugin});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>o.storyblokEditable});exports.getComponent=e.getComponent;exports.getCustomFallbackComponent=e.getCustomFallbackComponent;exports.getEnableFallbackComponent=e.getEnableFallbackComponent;exports.setComponents=e.setComponents;exports.storyblokInit=l;

package/dist/core/init.mjs

@@ -1,17 +1,20 @@
 import { storyblokInit as n } from "@storyblok/js";
-import { setComponents as a, setEnableFallbackComponent as m, setCustomFallbackComponent as l, setStoryblokApiInstance as b, getStoryblokApiInstance as c } from "./state.mjs";
-import { getComponent as f, getCustomFallbackComponent as p, getEnableFallbackComponent as y } from "./state.mjs";
+import { apiPlugin as f, storyblokEditable as F } from "@storyblok/js";
+import { setComponents as a, setEnableFallbackComponent as l, setCustomFallbackComponent as m, setStoryblokApiInstance as b, getStoryblokApiInstance as r } from "./state.mjs";
+import { getComponent as i, getCustomFallbackComponent as I, getEnableFallbackComponent as x } from "./state.mjs";
 const k = (o = {}) => {
-  const t = c();
+  const t = r();
   if (t)
     return () => t;
   const { storyblokApi: e } = n(o);
-  return b(e), o.components && a(o.components), o.enableFallbackComponent !== void 0 && m(o.enableFallbackComponent), o.customFallbackComponent && l(o.customFallbackComponent), () => e;
+  return b(e), o.components && a(o.components), o.enableFallbackComponent !== void 0 && l(o.enableFallbackComponent), o.customFallbackComponent && m(o.customFallbackComponent), () => e;
 };
 export {
-  f as getComponent,
-  p as getCustomFallbackComponent,
-  y as getEnableFallbackComponent,
+  f as apiPlugin,
+  i as getComponent,
+  I as getCustomFallbackComponent,
+  x as getEnableFallbackComponent,
   a as setComponents,
+  F as storyblokEditable,
   k as storyblokInit
 };

package/dist/core/rich-text-renderer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),i=require("@storyblok/richtext"),o=require("react");function y(t,e){return e==null?void 0:e[t]}const p={class:"className"};function C(t){return function(c){const r=i.normalizeNodes(c,!0);return r!=null&&r.length?g(r,t):null}}function g(t,e){return i.groupLinkNodes(t).map((r,n)=>r.linkMark?T(r.nodes,r.linkMark,e,r._key||n):x(r.nodes[0],e,r._key||n))}function T(t,e,c,r){const n=t.map((l,a)=>{const m=l,h=i.getInnerMarks(l);return b(m,h,c,l._key||a)}),s=y(e.type,c.components);if(s)return f.jsx(s,{...e,children:n},r);const u=i.resolveTag(e);return u?o.createElement(u,{key:r,...i.processAttrs(e.type,e.attrs,p)},n):f.jsx(o.Fragment,{children:n},r)}function x(t,e,c){if(t.type==="text")return A(t,e,c);const r=y(t.type,e.components);if(r)return f.jsx(r,{...t,context:e,children:t.content?g(t.content,e):null},c);const n=i.resolveTag(t);if(!n)return t.content?g(t.content,e):null;if(t.type==="image"&&e.optimizeImage)return R(t,e,c);const s=i.processAttrs(t.type,t.attrs,p);if(i.isSelfClosing(n))return o.createElement(n,{key:c,...s});if(t.type==="table")return S(t,e,c,n,s);const u=i.getStaticChildren(t);if(u){const l=t.content?g(t.content,e):null,a=d(t.type,u,t.attrs,l);return o.createElement(n,{key:c},a)}return o.createElement(n,{key:c,...s},t.content?g(t.content,e):null)}function R(t,e,c){const r=t.attrs,n=r==null?void 0:r.src;if(!n)return null;const{src:s,attrs:u}=i.buildStoryblokImage(n,e.optimizeImage),l=i.processAttrs("image",{...r,src:s,...u},p);return f.jsx("img",{...l},c)}function S(t,e,c,r,n){const{headerRows:s,bodyRows:u}=i.splitTableRows(t.content),l=[];return s.length>0&&l.push(f.jsx("thead",{children:s.map((a,m)=>x(a,e,a._key||m))},"thead")),u.length>0&&l.push(f.jsx("tbody",{children:u.map((a,m)=>x(a,e,a._key||m))},"tbody")),o.createElement(r,{key:c,...n},l)}function d(t,e,c,r){return e.map((n,s)=>{const{tag:u,children:l,attrs:a}=n,m={...a,...c},h=i.processAttrs(t,m,p);if(i.isSelfClosing(u))return o.createElement(u,{key:s,...h});const j=l?d(t,l,c,r):r;return o.createElement(u,{key:s,...h},j)})}function A(t,e,c){return b(t,t.marks,e,c)}function b(t,e,c,r){let n=t.text;if(e!=null&&e.length)for(const s of e)n=E(n,s,c);return f.jsx(o.Fragment,{children:n},r)}function E(t,e,c){const r=y(e.type,c.components);if(r)return f.jsx(r,{...e,children:t});const n=i.resolveTag(e);if(!n)return t;const s=i.processAttrs(e.type,e.attrs,p);return o.createElement(n,s,t)}exports.createRichTextRenderer=C;

package/dist/core/rich-text-renderer.mjs

@@ -0,0 +1,106 @@
+import { jsx as o } from "react/jsx-runtime";
+import { normalizeNodes as R, groupLinkNodes as S, getInnerMarks as T, resolveTag as d, processAttrs as p, isSelfClosing as x, getStaticChildren as z, buildStoryblokImage as _, splitTableRows as A } from "@storyblok/richtext";
+import a from "react";
+function b(t, e) {
+  return e == null ? void 0 : e[t];
+}
+const g = {
+  class: "className"
+};
+function O(t) {
+  return function(c) {
+    const r = R(c, !0);
+    return r != null && r.length ? m(r, t) : null;
+  };
+}
+function m(t, e) {
+  return S(t).map((r, n) => r.linkMark ? I(r.nodes, r.linkMark, e, r._key || n) : y(r.nodes[0], e, r._key || n));
+}
+function I(t, e, c, r) {
+  const n = t.map((i, l) => {
+    const f = i, h = T(i);
+    return E(f, h, c, i._key || l);
+  }), s = b(e.type, c.components);
+  if (s)
+    return /* @__PURE__ */ o(s, { ...e, children: n }, r);
+  const u = d(e);
+  return u ? a.createElement(u, { key: r, ...p(e.type, e.attrs, g) }, n) : /* @__PURE__ */ o(a.Fragment, { children: n }, r);
+}
+function y(t, e, c) {
+  if (t.type === "text")
+    return w(t, e, c);
+  const r = b(t.type, e.components);
+  if (r)
+    return /* @__PURE__ */ o(r, { ...t, context: e, children: t.content ? m(t.content, e) : null }, c);
+  const n = d(t);
+  if (!n)
+    return t.content ? m(t.content, e) : null;
+  if (t.type === "image" && e.optimizeImage)
+    return M(t, e, c);
+  const s = p(t.type, t.attrs, g);
+  if (x(n))
+    return a.createElement(n, { key: c, ...s });
+  if (t.type === "table")
+    return v(t, e, c, n, s);
+  const u = z(t);
+  if (u) {
+    const i = t.content ? m(t.content, e) : null, l = C(t.type, u, t.attrs, i);
+    return a.createElement(n, { key: c }, l);
+  }
+  return a.createElement(
+    n,
+    { key: c, ...s },
+    t.content ? m(t.content, e) : null
+  );
+}
+function M(t, e, c) {
+  const r = t.attrs, n = r == null ? void 0 : r.src;
+  if (!n)
+    return null;
+  const { src: s, attrs: u } = _(n, e.optimizeImage), i = p("image", {
+    ...r,
+    src: s,
+    ...u
+  }, g);
+  return /* @__PURE__ */ o("img", { ...i }, c);
+}
+function v(t, e, c, r, n) {
+  const { headerRows: s, bodyRows: u } = A(t.content), i = [];
+  return s.length > 0 && i.push(
+    /* @__PURE__ */ o("thead", { children: s.map((l, f) => y(l, e, l._key || f)) }, "thead")
+  ), u.length > 0 && i.push(
+    /* @__PURE__ */ o("tbody", { children: u.map((l, f) => y(l, e, l._key || f)) }, "tbody")
+  ), a.createElement(r, { key: c, ...n }, i);
+}
+function C(t, e, c, r) {
+  return e.map((n, s) => {
+    const { tag: u, children: i, attrs: l } = n, f = { ...l, ...c }, h = p(t, f, g);
+    if (x(u))
+      return a.createElement(u, { key: s, ...h });
+    const N = i ? C(t, i, c, r) : r;
+    return a.createElement(u, { key: s, ...h }, N);
+  });
+}
+function w(t, e, c) {
+  return E(t, t.marks, e, c);
+}
+function E(t, e, c, r) {
+  let n = t.text;
+  if (e != null && e.length)
+    for (const s of e)
+      n = F(n, s, c);
+  return /* @__PURE__ */ o(a.Fragment, { children: n }, r);
+}
+function F(t, e, c) {
+  const r = b(e.type, c.components);
+  if (r)
+    return /* @__PURE__ */ o(r, { ...e, children: t });
+  const n = d(e);
+  if (!n)
+    return t;
+  const s = p(e.type, e.attrs, g);
+  return a.createElement(n, s, t);
+}
+export {
+  O as createRichTextRenderer
+};

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { apiPlugin } from '@storyblok/js';
 import { ArrayFn } from '@storyblok/js';
-import { asTag } from '@storyblok/js';
 import { AsyncFn } from '@storyblok/js';
-import { BlockTypes } from '@storyblok/js';
-import { ComponentBlok } from '@storyblok/js';
+import { buildStoryblokImage } from '@storyblok/richtext';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ISbAlternateObject } from '@storyblok/js';
@@ -24,43 +24,42 @@ import { ISbStoryData } from '@storyblok/js';
 import { ISbStoryParams } from '@storyblok/js';
 import { ISbThrottle } from '@storyblok/js';
 import { loadStoryblokBridge } from '@storyblok/js';
-import { MarkTypes } from '@storyblok/js';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { registerStoryblokBridge } from '@storyblok/js';
-import { renderRichText } from '@storyblok/js';
-import { richTextResolver } from '@storyblok/js';
+import { renderRichText } from '@storyblok/richtext';
 import { SbBlokData } from '@storyblok/js';
 import { SbBlokKeyDataTypes } from '@storyblok/js';
+import { SbRichTextDoc } from '@storyblok/richtext';
+import { SbRichTextElement } from '@storyblok/richtext';
+import { SbRichTextElementByType } from '@storyblok/richtext';
+import { SbRichTextImageOptions } from '@storyblok/richtext';
+import { SbRichTextInput } from '@storyblok/richtext';
+import { SbRichTextMark } from '@storyblok/richtext';
+import { SbRichTextNode } from '@storyblok/richtext';
+import { SbRichTextProps } from '@storyblok/richtext';
+import { SbRichTextRenderContext } from '@storyblok/richtext';
+import { SbRichTextRendererMap } from '@storyblok/richtext';
 import { SbSDKOptions } from '@storyblok/js';
+import { splitTableRows } from '@storyblok/richtext';
 import { StoryblokBridgeConfigV2 } from '@storyblok/js';
 import { StoryblokBridgeV2 } from '@storyblok/js';
 import { StoryblokClient } from '@storyblok/js';
 import { StoryblokComponentType } from '@storyblok/js';
 import { storyblokEditable } from '@storyblok/js';
-import { StoryblokRichTextDocumentNode } from '@storyblok/richtext';
-import { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
-import { StoryblokRichTextNode } from '@storyblok/js';
-import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
-import { StoryblokRichTextNodeTypes } from '@storyblok/js';
-import { StoryblokRichTextOptions } from '@storyblok/js';
-import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
-import { TextTypes } from '@storyblok/js';
 import { useStoryblokBridge } from '@storyblok/js';
 
 export { apiPlugin }
 
 export { ArrayFn }
 
-export { asTag }
-
 export { AsyncFn }
 
-export { BlockTypes }
-
-export { ComponentBlok }
+export { buildStoryblokImage }
 
 /**
+ * @deprecated This utility is no longer needed and will be removed in a future release.
+ *
  * Recursively converts HTML attributes in a React element tree to their JSX property names.
  *
  * @param {React.ReactElement} element The React element to process.
@@ -68,6 +67,10 @@ export { ComponentBlok }
  */
 export declare function convertAttributesInElement(element: default_2.ReactElement | default_2.ReactElement[]): default_2.ReactElement | default_2.ReactElement[];
 
+export declare function createRichTextRenderer(options: SbReactRichTextRenderContext): (document: SbRichTextInput) => ReactNode | null;
+
+declare type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+
 export declare const getComponent: (componentKey: string) => React.ElementType | false;
 
 export declare const getCustomFallbackComponent: () => React.ElementType;
@@ -123,14 +126,10 @@ export declare const isVisualEditor: () => boolean;
 
 export { loadStoryblokBridge }
 
-export { MarkTypes }
-
 export { registerStoryblokBridge }
 
 export { renderRichText }
 
-export { richTextResolver }
-
 export { SbBlokData }
 
 export { SbBlokKeyDataTypes }
@@ -139,16 +138,53 @@ export declare interface SbReactComponentsMap {
     [key: string]: default_2.ElementType;
 }
 
+declare type SbReactRichTextComponent<T extends SbRichTextElement> = ComponentType<SbReactRichTextProps<T>>;
+
+export declare type SbReactRichTextComponentMap = {
+    [K in SbRichTextElement]?: SbReactRichTextComponent<K>;
+};
+
+/**
+ * Props type for React richtext node/mark components.
+ * Similar to SbRichTextProps but uses ReactNode for children instead of string.
+ */
+export declare type SbReactRichTextProps<T extends SbRichTextElement> = SbRichTextElementByType<SbReactRichTextRenderContext>[T] & {
+    children?: ReactNode;
+};
+
+export declare interface SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    components?: SbReactRichTextComponentMap;
+}
+
 export declare interface SbReactSDKOptions extends SbSDKOptions {
     components?: SbReactComponentsMap;
     enableFallbackComponent?: boolean;
     customFallbackComponent?: default_2.ElementType;
 }
 
+export { SbRichTextDoc }
+
+export { SbRichTextImageOptions }
+
+export { SbRichTextMark }
+
+export { SbRichTextNode }
+
+export { SbRichTextProps }
+
+declare type SbRichTextProps_2 = WrappedProps | UnwrappedProps;
+
+export { SbRichTextRenderContext }
+
+export { SbRichTextRendererMap }
+
 export { SbSDKOptions }
 
 export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
 
+export { splitTableRows }
+
 export { StoryblokBridgeConfigV2 }
 
 export { StoryblokBridgeV2 }
@@ -167,25 +203,19 @@ export { storyblokEditable }
 
 export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => (() => StoryblokClient);
 
-export declare const StoryblokRichText: default_2.ForwardRefExoticComponent<StoryblokRichTextProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export { StoryblokRichTextImageOptimizationOptions }
-
-export { StoryblokRichTextNode }
-
-export { StoryblokRichTextNodeTypes }
+export declare const StoryblokRichText: ({ document, optimizeImage, components, wrapper, ...rest }: SbRichTextProps_2) => ReactNode;
 
-export { StoryblokRichTextOptions }
-
-export declare interface StoryblokRichTextProps {
-    doc: StoryblokRichTextNode<default_2.ReactElement>;
-    tiptapExtensions?: StoryblokRichTextOptions<default_2.ReactElement>['tiptapExtensions'];
+export declare interface StoryblokRichTextProps extends SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    document?: SbRichTextInput;
 }
 
-export { TextTypes }
-
 export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
 
+declare type UnwrappedProps = StoryblokRichTextProps & {
+    wrapper: false;
+};
+
 export declare const useStoryblok: (slug: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<ISbComponentType<string> & {
     [index: string]: any;
 }>;
@@ -196,15 +226,12 @@ export { useStoryblokApi }
 
 export { useStoryblokBridge }
 
-export declare const useStoryblokRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
-    render: (node: StoryblokRichTextDocumentNode | StoryblokRichTextNode_2<ReactNode>) => ReactNode;
-};
-
-/** @deprecated Use useStoryblokRichText instead */
-export declare const useStoryblokRichTextResolver: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
-    render: (node: StoryblokRichTextDocumentNode | StoryblokRichTextNode_2<ReactNode>) => ReactNode;
-};
+export declare const useStoryblokRichText: (props?: SbReactRichTextRenderContext) => (document: SbRichTextInput) => ReactNode | null;
 
 export declare const useStoryblokState: TUseStoryblokState;
 
+declare type WrappedProps = StoryblokRichTextProps & DivProps & {
+    wrapper?: true;
+};
+
 export { }

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("@storyblok/js"),S=require("./core/init.js"),l=require("./core/use-storyblok-api.js"),p=require("./core/storyblok-component.js"),m=require("./core/use-storyblok-state.js"),a=require("./richtext.js"),f=require("./storyblok-rich-text.js"),t=require("./utils.js"),s=require("./core/state.js"),T=(u,o={},r={})=>{const[c,b]=y.useState({}),k=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",n=l.getStoryblokApi();return y.useEffect(()=>{if(!n){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function d(){const{data:i}=await n.get(`cdn/stories/${u}`,o);b(i.story),k&&i.story.id&&e.registerStoryblokBridge(i.story.id,g=>b(g),r)}d()},[u,JSON.stringify(o),n]),n?(r.resolveRelations=r.resolveRelations??o.resolve_relations,r.resolveLinks=r.resolveLinks??o.resolve_links,c):null},R=a.useStoryblokRichText;Object.defineProperty(exports,"BlockTypes",{enumerable:!0,get:()=>e.BlockTypes});Object.defineProperty(exports,"ComponentBlok",{enumerable:!0,get:()=>e.ComponentBlok});Object.defineProperty(exports,"MarkTypes",{enumerable:!0,get:()=>e.MarkTypes});Object.defineProperty(exports,"TextTypes",{enumerable:!0,get:()=>e.TextTypes});Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"asTag",{enumerable:!0,get:()=>e.asTag});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>e.renderRichText});Object.defineProperty(exports,"richTextResolver",{enumerable:!0,get:()=>e.richTextResolver});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.storyblokInit=S.storyblokInit;exports.getStoryblokApi=l.getStoryblokApi;exports.useStoryblokApi=l.getStoryblokApi;exports.StoryblokComponent=p;exports.useStoryblokState=m.useStoryblokState;exports.useStoryblokRichText=a.useStoryblokRichText;exports.StoryblokRichText=f;exports.convertAttributesInElement=t.convertAttributesInElement;exports.isBridgeLoaded=t.isBridgeLoaded;exports.isBrowser=t.isBrowser;exports.isIframe=t.isIframe;exports.isServer=t.isServer;exports.isVisualEditor=t.isVisualEditor;exports.getComponent=s.getComponent;exports.getCustomFallbackComponent=s.getCustomFallbackComponent;exports.getEnableFallbackComponent=s.getEnableFallbackComponent;exports.setComponents=s.setComponents;exports.useStoryblok=T;exports.useStoryblokRichTextResolver=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("@storyblok/js"),S=require("./core/init.js"),l=require("./core/use-storyblok-api.js"),m=require("./core/storyblok-component.js"),f=require("./core/use-storyblok-state.js"),p=require("./richtext.js"),R=require("./core/rich-text-renderer.js"),u=require("@storyblok/richtext"),T=require("./storyblok-rich-text.js"),t=require("./utils.js"),n=require("./core/state.js"),h=(b,o={},r={})=>{const[a,c]=y.useState({}),d=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",i=l.getStoryblokApi();return y.useEffect(()=>{if(!i){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function k(){const{data:s}=await i.get(`cdn/stories/${b}`,o);c(s.story),d&&s.story.id&&e.registerStoryblokBridge(s.story.id,g=>c(g),r)}k()},[b,JSON.stringify(o),i]),i?(r.resolveRelations=r.resolveRelations??o.resolve_relations,r.resolveLinks=r.resolveLinks??o.resolve_links,a):null};Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.storyblokInit=S.storyblokInit;exports.getStoryblokApi=l.getStoryblokApi;exports.useStoryblokApi=l.getStoryblokApi;exports.StoryblokComponent=m;exports.useStoryblokState=f.useStoryblokState;exports.useStoryblokRichText=p.useStoryblokRichText;exports.createRichTextRenderer=R.createRichTextRenderer;Object.defineProperty(exports,"buildStoryblokImage",{enumerable:!0,get:()=>u.buildStoryblokImage});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>u.renderRichText});Object.defineProperty(exports,"splitTableRows",{enumerable:!0,get:()=>u.splitTableRows});exports.StoryblokRichText=T.StoryblokRichText;exports.convertAttributesInElement=t.convertAttributesInElement;exports.isBridgeLoaded=t.isBridgeLoaded;exports.isBrowser=t.isBrowser;exports.isIframe=t.isIframe;exports.isServer=t.isServer;exports.isVisualEditor=t.isVisualEditor;exports.getComponent=n.getComponent;exports.getCustomFallbackComponent=n.getCustomFallbackComponent;exports.getEnableFallbackComponent=n.getEnableFallbackComponent;exports.setComponents=n.setComponents;exports.useStoryblok=h;

package/dist/index.mjs

@@ -1,17 +1,19 @@
-import { useState as f, useEffect as k } from "react";
+import { useState as f, useEffect as m } from "react";
 import { registerStoryblokBridge as u } from "@storyblok/js";
-import { BlockTypes as B, ComponentBlok as R, MarkTypes as C, TextTypes as E, apiPlugin as w, asTag as h, loadStoryblokBridge as A, registerStoryblokBridge as I, renderRichText as L, richTextResolver as F, storyblokEditable as P, useStoryblokBridge as _ } from "@storyblok/js";
-import { storyblokInit as M } from "./core/init.mjs";
-import { getStoryblokApi as m } from "./core/use-storyblok-api.mjs";
-import { default as V } from "./core/storyblok-component.mjs";
-import { useStoryblokState as $ } from "./core/use-storyblok-state.mjs";
-import { useStoryblokRichText as c } from "./richtext.mjs";
-import { default as q } from "./storyblok-rich-text.mjs";
-import { convertAttributesInElement as D, isBridgeLoaded as G, isBrowser as H, isIframe as K, isServer as Q, isVisualEditor as U } from "./utils.mjs";
-import { getComponent as X, getCustomFallbackComponent as Z, getEnableFallbackComponent as O, setComponents as oo } from "./core/state.mjs";
-const g = (s, e = {}, o = {}) => {
-  const [n, l] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = m();
-  return k(() => {
+import { apiPlugin as x, loadStoryblokBridge as v, registerStoryblokBridge as R, storyblokEditable as w, useStoryblokBridge as B } from "@storyblok/js";
+import { storyblokInit as C } from "./core/init.mjs";
+import { getStoryblokApi as k } from "./core/use-storyblok-api.mjs";
+import { default as I } from "./core/storyblok-component.mjs";
+import { useStoryblokState as h } from "./core/use-storyblok-state.mjs";
+import { useStoryblokRichText as F } from "./richtext.mjs";
+import { createRichTextRenderer as _ } from "./core/rich-text-renderer.mjs";
+import { buildStoryblokImage as N, renderRichText as V, splitTableRows as Y } from "@storyblok/richtext";
+import { StoryblokRichText as j } from "./storyblok-rich-text.mjs";
+import { convertAttributesInElement as z, isBridgeLoaded as D, isBrowser as G, isIframe as H, isServer as K, isVisualEditor as M } from "./utils.mjs";
+import { getComponent as U, getCustomFallbackComponent as W, getEnableFallbackComponent as X, setComponents as Z } from "./core/state.mjs";
+const S = (s, e = {}, o = {}) => {
+  const [l, i] = f({}), n = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = k();
+  return m(() => {
     if (!t) {
       console.error(
         "You can't use useStoryblok if you're not loading apiPlugin."
@@ -23,45 +25,41 @@ const g = (s, e = {}, o = {}) => {
         `cdn/stories/${s}`,
         e
       );
-      l(r.story), i && r.story.id && u(
+      i(r.story), n && r.story.id && u(
         r.story.id,
-        (y) => l(y),
+        (y) => i(y),
         o
       );
     }
     a();
-  }, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, n) : null;
-}, x = c;
+  }, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, l) : null;
+};
 export {
-  B as BlockTypes,
-  R as ComponentBlok,
-  C as MarkTypes,
-  V as StoryblokComponent,
-  q as StoryblokRichText,
-  E as TextTypes,
-  w as apiPlugin,
-  h as asTag,
-  D as convertAttributesInElement,
-  X as getComponent,
-  Z as getCustomFallbackComponent,
-  O as getEnableFallbackComponent,
-  m as getStoryblokApi,
-  G as isBridgeLoaded,
-  H as isBrowser,
-  K as isIframe,
-  Q as isServer,
-  U as isVisualEditor,
-  A as loadStoryblokBridge,
-  I as registerStoryblokBridge,
-  L as renderRichText,
-  F as richTextResolver,
-  oo as setComponents,
-  P as storyblokEditable,
-  M as storyblokInit,
-  g as useStoryblok,
-  m as useStoryblokApi,
-  _ as useStoryblokBridge,
-  c as useStoryblokRichText,
-  x as useStoryblokRichTextResolver,
-  $ as useStoryblokState
+  I as StoryblokComponent,
+  j as StoryblokRichText,
+  x as apiPlugin,
+  N as buildStoryblokImage,
+  z as convertAttributesInElement,
+  _ as createRichTextRenderer,
+  U as getComponent,
+  W as getCustomFallbackComponent,
+  X as getEnableFallbackComponent,
+  k as getStoryblokApi,
+  D as isBridgeLoaded,
+  G as isBrowser,
+  H as isIframe,
+  K as isServer,
+  M as isVisualEditor,
+  v as loadStoryblokBridge,
+  R as registerStoryblokBridge,
+  V as renderRichText,
+  Z as setComponents,
+  Y as splitTableRows,
+  w as storyblokEditable,
+  C as storyblokInit,
+  S as useStoryblok,
+  k as useStoryblokApi,
+  B as useStoryblokBridge,
+  F as useStoryblokRichText,
+  h as useStoryblokState
 };

package/dist/richtext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/storyblok-component.js"),t=require("./core/richtext-hoc.js"),o=t.createRichTextHook(e,{isServerContext:!1});exports.useStoryblokRichText=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./core/rich-text-renderer.js");require("@storyblok/richtext");const o=require("./core/storyblok-component.js"),r=require("./core/create-default-blok.js"),c=(e={})=>t.createRichTextRenderer({optimizeImage:e.optimizeImage,components:{blok:r.createDefaultBlok(o),...e.components}});exports.useStoryblokRichText=c;

package/dist/richtext.mjs

@@ -1,8 +1,14 @@
-import o from "./core/storyblok-component.mjs";
-import { createRichTextHook as t } from "./core/richtext-hoc.mjs";
-const i = t(o, {
-  isServerContext: !1
+import { createRichTextRenderer as e } from "./core/rich-text-renderer.mjs";
+import "@storyblok/richtext";
+import t from "./core/storyblok-component.mjs";
+import { createDefaultBlok as r } from "./core/create-default-blok.mjs";
+const c = (o = {}) => e({
+  optimizeImage: o.optimizeImage,
+  components: {
+    blok: r(t),
+    ...o.components
+  }
 });
 export {
-  i as useStoryblokRichText
+  c as useStoryblokRichText
 };