@storyblok/react 4.3.5 → 4.4.0

package/dist/client.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),b=require("./storyblok-js.js"),f=(e=null,o={})=>{const[u,s]=d.useState(e),r=(e==null?void 0:e.internalId)??(e==null?void 0:e.id)??0,t=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u";return d.useEffect(()=>{s(e),!(!t||!e)&&b.registerStoryblokBridge(r,c=>s(c),o)},[e]),u};exports.useStoryblokState=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./storyblok-js.js"),b=(e=null,o={})=>{const[r,s]=t.useState(e),u=(e==null?void 0:e.id)??0,d=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u";return t.useEffect(()=>{s(e),!(!d||!e)&&c.registerStoryblokBridge(u,n=>s(n),o)},[e]),r};exports.useStoryblokState=b;

package/dist/client.mjs

@@ -1,16 +1,16 @@
 "use client";
-import { useState as c, useEffect as p } from "react";
-import { registerStoryblokBridge as b } from "./storyblok-js.mjs";
-const n = (e = null, d = {}) => {
-  const [f, s] = c(e), o = (e == null ? void 0 : e.internalId) ?? (e == null ? void 0 : e.id) ?? 0, r = typeof window < "u" && typeof window.storyblokRegisterEvent < "u";
-  return p(() => {
-    s(e), !(!r || !e) && b(
-      o,
-      (u) => s(u),
-      d
+import { useState as u, useEffect as n } from "react";
+import { registerStoryblokBridge as c } from "./storyblok-js.mjs";
+const g = (e = null, o = {}) => {
+  const [r, s] = u(e), d = (e == null ? void 0 : e.id) ?? 0, t = typeof window < "u" && typeof window.storyblokRegisterEvent < "u";
+  return n(() => {
+    s(e), !(!t || !e) && c(
+      d,
+      (f) => s(f),
+      o
     );
-  }, [e]), f;
+  }, [e]), r;
 };
 export {
-  n as useStoryblokState
+  g as useStoryblokState
 };

package/dist/common.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./storyblok-js.js"),b=require("./server-component.js");let t=null;const n=new Map;let l=!1,s=null;globalThis.storyCache=new Map;const a=()=>(t||console.error("You can't use getStoryblokApi if you're not loading apiPlugin."),t),c=e=>(Object.entries(e).forEach(([r,i])=>{n.set(r,i)}),n),k=e=>n.has(e)?n.get(e):(console.error(`Component ${e} doesn't exist.`),!1),m=()=>l,u=()=>s,g=(e={})=>{if(t)return()=>t;const{storyblokApi:r}=o.storyblokInit(e);return t=r,e.components&&c(e.components),l=e.enableFallbackComponent,s=e.customFallbackComponent,()=>r};exports.RichTextResolver=o.RichTextResolver;exports.RichTextSchema=o.RichTextSchema;exports.apiPlugin=o.apiPlugin;exports.loadStoryblokBridge=o.loadStoryblokBridge;exports.registerStoryblokBridge=o.registerStoryblokBridge;exports.renderRichText=o.renderRichText;exports.storyblokEditable=o.storyblokEditable;exports.useStoryblokBridge=o.registerStoryblokBridge;exports.StoryblokServerComponent=b;exports.getComponent=k;exports.getCustomFallbackComponent=u;exports.getEnableFallbackComponent=m;exports.getStoryblokApi=a;exports.setComponents=c;exports.storyblokInit=g;exports.useStoryblokApi=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./storyblok-js.js"),b=require("./server-component.js");let t=null;const n=new Map;let l=!1,s=null;globalThis.storyCache=globalThis.storyCache?globalThis.storyCache:new Map;const a=()=>(t||console.error("You can't use getStoryblokApi if you're not loading apiPlugin."),t),c=e=>(Object.entries(e).forEach(([r,i])=>{n.set(r,i)}),n),k=e=>n.has(e)?n.get(e):(console.error(`Component ${e} doesn't exist.`),!1),g=()=>l,m=()=>s,y=(e={})=>{if(t)return()=>t;const{storyblokApi:r}=o.storyblokInit(e);return t=r,e.components&&c(e.components),l=e.enableFallbackComponent,s=e.customFallbackComponent,()=>r};exports.RichTextResolver=o.RichTextResolver;exports.RichTextSchema=o.RichTextSchema;exports.apiPlugin=o.apiPlugin;exports.loadStoryblokBridge=o.loadStoryblokBridge;exports.registerStoryblokBridge=o.registerStoryblokBridge;exports.renderRichText=o.renderRichText;exports.storyblokEditable=o.storyblokEditable;exports.useStoryblokBridge=o.registerStoryblokBridge;exports.StoryblokServerComponent=b;exports.getComponent=k;exports.getCustomFallbackComponent=m;exports.getEnableFallbackComponent=g;exports.getStoryblokApi=a;exports.setComponents=c;exports.storyblokInit=y;exports.useStoryblokApi=a;

package/dist/common.mjs

@@ -1,10 +1,10 @@
 import { storyblokInit as a } from "./storyblok-js.mjs";
-import { RichTextResolver as g, RichTextSchema as C, apiPlugin as d, loadStoryblokBridge as S, registerStoryblokBridge as h, renderRichText as x, storyblokEditable as F, registerStoryblokBridge as A } from "./storyblok-js.mjs";
-import { default as R } from "./server-component.mjs";
+import { RichTextResolver as C, RichTextSchema as f, apiPlugin as h, loadStoryblokBridge as d, registerStoryblokBridge as S, renderRichText as x, storyblokEditable as F, registerStoryblokBridge as T } from "./storyblok-js.mjs";
+import { default as B } from "./server-component.mjs";
 let e = null;
 const r = /* @__PURE__ */ new Map();
 let n = !1, l = null;
-globalThis.storyCache = /* @__PURE__ */ new Map();
+globalThis.storyCache = globalThis.storyCache ? globalThis.storyCache : /* @__PURE__ */ new Map();
 const i = () => (e || console.error(
   "You can't use getStoryblokApi if you're not loading apiPlugin."
 ), e), c = (o) => (Object.entries(o).forEach(([t, s]) => {
@@ -16,20 +16,20 @@ const i = () => (e || console.error(
   return e = t, o.components && c(o.components), n = o.enableFallbackComponent, l = o.customFallbackComponent, () => t;
 };
 export {
-  g as RichTextResolver,
-  C as RichTextSchema,
-  R as StoryblokServerComponent,
-  d as apiPlugin,
+  C as RichTextResolver,
+  f as RichTextSchema,
+  B as StoryblokServerComponent,
+  h as apiPlugin,
   k as getComponent,
   p as getCustomFallbackComponent,
   m as getEnableFallbackComponent,
   i as getStoryblokApi,
-  S as loadStoryblokBridge,
-  h as registerStoryblokBridge,
+  d as loadStoryblokBridge,
+  S as registerStoryblokBridge,
   x as renderRichText,
   c as setComponents,
   F as storyblokEditable,
   u as storyblokInit,
   i as useStoryblokApi,
-  A as useStoryblokBridge
+  T as useStoryblokBridge
 };

package/dist/live-editing.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("./storyblok-js.js"),t=require("react"),o=require("./live-edit-update-action.js"),a=({story:e=null,bridgeOptions:i={}})=>{if(typeof window>"u")return null;const d=n=>{n&&t.startTransition(()=>{o.liveEditUpdateAction({story:n,pathToRevalidate:window.location.pathname})})},l=(e==null?void 0:e.internalId)??(e==null?void 0:e.id)??0;return t.useEffect(()=>{r.registerStoryblokBridge(l,n=>d(n),i)},[]),null};module.exports=a;
+"use strict";const s=require("./storyblok-js.js"),i=require("react"),d=require("./live-edit-update-action.js"),l=()=>typeof window>"u"?!1:typeof window.storyblokRegisterEvent<"u"&&window.location.search.includes("_storyblok"),u=({story:e=null,bridgeOptions:n={}})=>{if(!l())return null;const o=t=>{t&&i.startTransition(()=>{d.liveEditUpdateAction({story:t,pathToRevalidate:window.location.pathname})})},r=(e==null?void 0:e.id)??0;return i.useEffect(()=>{s.registerStoryblokBridge(r,t=>o(t),n)},[]),null};module.exports=u;

package/dist/live-editing.mjs

@@ -1,19 +1,19 @@
 "use client";
-import { registerStoryblokBridge as d } from "./storyblok-js.mjs";
-import { useEffect as l, startTransition as o } from "react";
-import { liveEditUpdateAction as r } from "./live-edit-update-action.mjs";
-const m = ({ story: n = null, bridgeOptions: i = {} }) => {
-  if (typeof window > "u")
+import { registerStoryblokBridge as r } from "./storyblok-js.mjs";
+import { useEffect as d, startTransition as l } from "react";
+import { liveEditUpdateAction as a } from "./live-edit-update-action.mjs";
+const s = () => typeof window > "u" ? !1 : typeof window.storyblokRegisterEvent < "u" && window.location.search.includes("_storyblok"), p = ({ story: e = null, bridgeOptions: i = {} }) => {
+  if (!s())
     return null;
-  const t = (e) => {
-    e && o(() => {
-      r({ story: e, pathToRevalidate: window.location.pathname });
+  const n = (t) => {
+    t && l(() => {
+      a({ story: t, pathToRevalidate: window.location.pathname });
     });
-  }, a = (n == null ? void 0 : n.internalId) ?? (n == null ? void 0 : n.id) ?? 0;
-  return l(() => {
-    d(a, (e) => t(e), i);
+  }, o = (e == null ? void 0 : e.id) ?? 0;
+  return d(() => {
+    r(o, (t) => n(t), i);
   }, []), null;
 };
 export {
-  m as default
+  p as default
 };

package/dist/richtext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../src/richtext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGrF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAMrG;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;;EAWtD"}
+{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../src/richtext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGrF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAMrG;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;;EActD"}

package/dist/richtext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./storyblok-component.js"),s=require("./storyblok-js.js");function l(e){var t,o;const r=(t=e==null?void 0:e.attrs)==null?void 0:t.body;return n.createElement(c,{blok:Array.isArray(r)?r[0]:void 0,key:(o=e.attrs)==null?void 0:o.id})}function i(e){const r={renderFn:n.createElement,resolvers:{[s.BlockTypes.COMPONENT]:l,...e.resolvers},keyedResolvers:!0};return s.richTextResolver(r)}exports.componentResolver=l;exports.useStoryblokRichTextResolver=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("./storyblok-component.js"),n=require("./storyblok-js.js");function l(e){var t,s;const r=(t=e==null?void 0:e.attrs)==null?void 0:t.body;return o.createElement(c,{blok:Array.isArray(r)?r[0]:void 0,key:(s=e.attrs)==null?void 0:s.id})}function i(e){const r={renderFn:o.createElement,textFn:t=>o.createElement(o.Fragment,{key:Math.random().toString(36).substring(2,15)},t),resolvers:{[n.BlockTypes.COMPONENT]:l,...e.resolvers},keyedResolvers:!0};return n.richTextResolver(r)}exports.componentResolver=l;exports.useStoryblokRichTextResolver=i;

package/dist/richtext.mjs

@@ -1,24 +1,27 @@
-import s from "react";
+import o from "react";
 import n from "./storyblok-component.mjs";
-import { BlockTypes as l, richTextResolver as c } from "./storyblok-js.mjs";
+import { BlockTypes as m, richTextResolver as a } from "./storyblok-js.mjs";
 function i(e) {
-  var t, o;
+  var t, s;
   const r = (t = e == null ? void 0 : e.attrs) == null ? void 0 : t.body;
-  return s.createElement(n, {
+  return o.createElement(n, {
     blok: Array.isArray(r) ? r[0] : void 0,
-    key: (o = e.attrs) == null ? void 0 : o.id
+    key: (s = e.attrs) == null ? void 0 : s.id
   });
 }
 function p(e) {
   const r = {
-    renderFn: s.createElement,
+    renderFn: o.createElement,
+    textFn: (t) => o.createElement(o.Fragment, {
+      key: Math.random().toString(36).substring(2, 15)
+    }, t),
     resolvers: {
-      [l.COMPONENT]: i,
+      [m.COMPONENT]: i,
       ...e.resolvers
     },
     keyedResolvers: !0
   };
-  return c(r);
+  return a(r);
 }
 export {
   i as componentResolver,

package/dist/rsc/common.d.ts

@@ -1,4 +1,7 @@
-import { SbReactComponentsMap, SbReactSDKOptions, StoryblokClient } from '../types';
+import { ISbStoryData, SbReactComponentsMap, SbReactSDKOptions, StoryblokClient } from '../types';
+declare global {
+    var storyCache: Map<string, ISbStoryData>;
+}
 export declare const useStoryblokApi: () => StoryblokClient;
 export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>;
 export declare const getComponent: (componentKey: string) => React.ElementType | false;

package/dist/rsc/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/rsc/common.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAC;AASjB,eAAO,MAAM,eAAe,QAAO,eAQlC,CAAC;AAEF,eAAO,MAAM,aAAa,qBAAsB,oBAAoB,+FAKnE,CAAC;AAEF,eAAO,MAAM,YAAY,iBAAkB,MAAM,KAAG,KAAK,CAAC,WAAW,GAAG,KAOvE,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgC,CAAC;AACxE,eAAO,MAAM,0BAA0B,qFAAgC,CAAC;AAExE,eAAO,MAAM,aAAa,mBAAmB,iBAAiB,KAAQ,CAAC,MAAM,eAAe,CAe3F,CAAC;AAEF,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/rsc/common.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAC;AAOjB,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC3C;AAID,eAAO,MAAM,eAAe,QAAO,eAQlC,CAAC;AAEF,eAAO,MAAM,aAAa,qBAAsB,oBAAoB,+FAKnE,CAAC;AAEF,eAAO,MAAM,YAAY,iBAAkB,MAAM,KAAG,KAAK,CAAC,WAAW,GAAG,KAOvE,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgC,CAAC;AACxE,eAAO,MAAM,0BAA0B,qFAAgC,CAAC;AAExE,eAAO,MAAM,aAAa,mBAAmB,iBAAiB,KAAQ,CAAC,MAAM,eAAe,CAe3F,CAAC;AAEF,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEzE,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}

package/dist/rsc/live-edit-update-action.d.ts

@@ -1,5 +1,6 @@
+import { ISbStoryData } from '@storyblok/js';
 export declare function liveEditUpdateAction({ story, pathToRevalidate }: {
-    story: any;
-    pathToRevalidate: any;
+    story: ISbStoryData;
+    pathToRevalidate: string;
 }): Promise<void>;
 //# sourceMappingURL=live-edit-update-action.d.ts.map

package/dist/rsc/live-edit-update-action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"live-edit-update-action.d.ts","sourceRoot":"","sources":["../../src/rsc/live-edit-update-action.ts"],"names":[],"mappings":"AAEA,wBAAsB,oBAAoB,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE;;;CAAA,iBAiBrE"}
+{"version":3,"file":"live-edit-update-action.d.ts","sourceRoot":"","sources":["../../src/rsc/live-edit-update-action.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAsB,oBAAoB,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAE,iBAiBxH"}

package/dist/rsc/live-editing.d.ts

@@ -1,6 +1,7 @@
+import { ISbStoryData, StoryblokBridgeConfigV2 } from '@storyblok/js';
 declare const StoryblokLiveEditing: ({ story, bridgeOptions }: {
-    story?: any;
-    bridgeOptions?: {};
+    story: ISbStoryData;
+    bridgeOptions: StoryblokBridgeConfigV2;
 }) => any;
 export default StoryblokLiveEditing;
 //# sourceMappingURL=live-editing.d.ts.map

package/dist/rsc/live-editing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"live-editing.d.ts","sourceRoot":"","sources":["../../src/rsc/live-editing.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB;;;SAoBzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"live-editing.d.ts","sourceRoot":"","sources":["../../src/rsc/live-editing.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAA2B,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAWzG,QAAA,MAAM,oBAAoB,6BAA0C;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,aAAa,EAAE,uBAAuB,CAAA;CAAE,QAoBlI,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/rsc/story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"story.d.ts","sourceRoot":"","sources":["../../src/rsc/story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIrE,UAAU,mBAAoB,SAAQ,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC5F,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,0HAiCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"story.d.ts","sourceRoot":"","sources":["../../src/rsc/story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIrE,UAAU,mBAAoB,SAAQ,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC5F,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,0HAmCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/story.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("react");require("./common.js");const s=require("./live-editing.js"),l=require("./server-component.js"),u=i.forwardRef(({story:e,bridgeOptions:t,...o},n)=>{if(!e)return console.error("Please provide a 'story' property to the StoryblokServerComponent"),null;if(globalThis.storyCache.has(e.uuid)&&(e=globalThis.storyCache.get(e.uuid)),typeof e.content=="string")try{e.content=JSON.parse(e.content)}catch(c){console.error("An error occurred while trying to parse the story content",c),e.content={}}return r.jsxs(r.Fragment,{children:[r.jsx(l,{ref:n,blok:e.content,...o}),r.jsx(s,{story:e,bridgeOptions:t})]})});module.exports=u;
+"use strict";const r=require("react/jsx-runtime"),c=require("react");require("./common.js");const s=require("./live-editing.js"),l=require("./server-component.js"),u=c.forwardRef(({story:e,bridgeOptions:t,...o},n)=>{if(!e)return console.error("Please provide a 'story' property to the StoryblokServerComponent"),null;if(globalThis.storyCache.has(e.uuid)&&(e=globalThis.storyCache.get(e.uuid),globalThis.storyCache.delete(e.uuid)),typeof e.content=="string")try{e.content=JSON.parse(e.content)}catch(i){console.error("An error occurred while trying to parse the story content",i),e.content={}}return r.jsxs(r.Fragment,{children:[r.jsx(l,{ref:n,blok:e.content,...o}),r.jsx(s,{story:e,bridgeOptions:t})]})});module.exports=u;

package/dist/story.mjs

@@ -2,28 +2,28 @@ import { jsxs as l, Fragment as c, jsx as o } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import "./common.mjs";
 import p from "./live-editing.mjs";
-import m from "./server-component.mjs";
-const S = a(
-  ({ story: r, bridgeOptions: e, ...t }, n) => {
-    if (!r)
+import h from "./server-component.mjs";
+const b = a(
+  ({ story: e, bridgeOptions: r, ...t }, n) => {
+    if (!e)
       return console.error(
         "Please provide a 'story' property to the StoryblokServerComponent"
       ), null;
-    if (globalThis.storyCache.has(r.uuid) && (r = globalThis.storyCache.get(r.uuid)), typeof r.content == "string")
+    if (globalThis.storyCache.has(e.uuid) && (e = globalThis.storyCache.get(e.uuid), globalThis.storyCache.delete(e.uuid)), typeof e.content == "string")
       try {
-        r.content = JSON.parse(r.content);
+        e.content = JSON.parse(e.content);
       } catch (i) {
         console.error(
           "An error occurred while trying to parse the story content",
           i
-        ), r.content = {};
+        ), e.content = {};
       }
     return /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ o(m, { ref: n, blok: r.content, ...t }),
-      /* @__PURE__ */ o(p, { story: r, bridgeOptions: e })
+      /* @__PURE__ */ o(h, { ref: n, blok: e.content, ...t }),
+      /* @__PURE__ */ o(p, { story: e, bridgeOptions: r })
     ] });
   }
 );
 export {
-  S as default
+  b as default
 };

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4D1B;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CA+CxI"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAsCxI"}

package/dist/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'","&apos;":"'","&nbsp;":" ","&copy;":"©","&reg;":"®","&deg;":"°","&plusmn;":"±","&para;":"¶","&middot;":"·","&ndash;":"–","&mdash;":"—","&lsquo;":"‘","&rsquo;":"’","&sbquo;":"‚","&ldquo;":"“","&rdquo;":"”","&bdquo;":"„","&hellip;":"…"};function c(r){return r.replace(/&[#\w]+;/g,t=>{if(t.startsWith("&#")){const e=t.slice(2,-1);return e.startsWith("x")?String.fromCharCode(Number.parseInt(e.slice(1),16)):String.fromCharCode(Number.parseInt(e,10))}return d[t]||t})}function f(r){return r.replace(/-([a-z])/g,t=>t[1].toUpperCase())}function g(r){return r.split(";").reduce((t,e)=>{let[n,o]=e.split(":");return n=n==null?void 0:n.trim(),o=o==null?void 0:o.trim(),n&&o&&(t[f(n)]=o),t},{})}function p(r){if(Array.isArray(r))return r.map(s=>p(s));if(!a.isValidElement(r))return typeof r=="string"?c(r):r;const t={class:"className",for:"htmlFor",targetAttr:"targetattr"},e=Object.keys(r.props).reduce((s,i)=>{let u=r.props[i];i==="style"&&typeof u=="string"&&(u=g(u));const l=t[i]||i;return s[l]=u,s},{});e.key=r.key;const n=a.Children.map(r.props.children,s=>typeof s=="string"?c(s):p(s));return a.createElement(r.type,e,n)}exports.convertAttributesInElement=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react");function l(t){return t.replace(/-([a-z])/g,o=>o[1].toUpperCase())}function f(t){return t.split(";").reduce((o,s)=>{let[r,n]=s.split(":");return r=r==null?void 0:r.trim(),n=n==null?void 0:n.trim(),r&&n&&(o[l(r)]=n),o},{})}function c(t){if(Array.isArray(t))return t.map(e=>c(e));const o={class:"className",for:"htmlFor",targetAttr:"targetattr"},s=Object.keys(t.props).reduce((e,i)=>{let a=t.props[i];i==="style"&&typeof a=="string"&&(a=f(a));const u=o[i]||i;return e[u]=a,e},{});s.key=t.key;const r=p.Children.map(t.props.children,e=>typeof e=="string"?e:c(e));return p.createElement(t.type,s,r)}exports.convertAttributesInElement=c;

package/dist/utils.mjs

@@ -1,65 +1,30 @@
-import p from "react";
-const d = {
-  "&": "&",
-  "&lt;": "<",
-  "&gt;": ">",
-  "&quot;": '"',
-  "&#39;": "'",
-  "&apos;": "'",
-  "&nbsp;": " ",
-  "&copy;": "©",
-  "&reg;": "®",
-  "&deg;": "°",
-  "&plusmn;": "±",
-  "&para;": "¶",
-  "&middot;": "·",
-  "&ndash;": "–",
-  "&mdash;": "—",
-  "&lsquo;": "‘",
-  "&rsquo;": "’",
-  "&sbquo;": "‚",
-  "&ldquo;": "“",
-  "&rdquo;": "”",
-  "&bdquo;": "„",
-  "&hellip;": "…"
-};
-function u(r) {
-  return r.replace(/&[#\w]+;/g, (t) => {
-    if (t.startsWith("&#")) {
-      const e = t.slice(2, -1);
-      return e.startsWith("x") ? String.fromCharCode(Number.parseInt(e.slice(1), 16)) : String.fromCharCode(Number.parseInt(e, 10));
-    }
-    return d[t] || t;
-  });
+import i from "react";
+function f(r) {
+  return r.replace(/-([a-z])/g, (o) => o[1].toUpperCase());
 }
 function l(r) {
-  return r.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
-}
-function m(r) {
-  return r.split(";").reduce((t, e) => {
-    let [o, n] = e.split(":");
-    return o = o == null ? void 0 : o.trim(), n = n == null ? void 0 : n.trim(), o && n && (t[l(o)] = n), t;
+  return r.split(";").reduce((o, p) => {
+    let [t, n] = p.split(":");
+    return t = t == null ? void 0 : t.trim(), n = n == null ? void 0 : n.trim(), t && n && (o[f(t)] = n), o;
   }, {});
 }
 function c(r) {
   if (Array.isArray(r))
-    return r.map((s) => c(s));
-  if (!p.isValidElement(r))
-    return typeof r == "string" ? u(r) : r;
-  const t = {
+    return r.map((e) => c(e));
+  const o = {
     class: "className",
     for: "htmlFor",
     targetAttr: "targetattr"
     // Add more attribute conversions here as needed
-  }, e = Object.keys(r.props).reduce((s, i) => {
-    let a = r.props[i];
-    i === "style" && typeof a == "string" && (a = m(a));
-    const f = t[i] || i;
-    return s[f] = a, s;
+  }, p = Object.keys(r.props).reduce((e, s) => {
+    let a = r.props[s];
+    s === "style" && typeof a == "string" && (a = l(a));
+    const u = o[s] || s;
+    return e[u] = a, e;
   }, {});
-  e.key = r.key;
-  const o = p.Children.map(r.props.children, (s) => typeof s == "string" ? u(s) : c(s));
-  return p.createElement(r.type, e, o);
+  p.key = r.key;
+  const t = i.Children.map(r.props.children, (e) => typeof e == "string" ? e : c(e));
+  return i.createElement(r.type, p, t);
 }
 export {
   c as convertAttributesInElement

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "4.3.5",
+  "version": "4.4.0",
   "private": false,
-  "packageManager": "pnpm@9.15.1",
+  "packageManager": "pnpm@10.2.0",
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",
   "license": "MIT",
@@ -61,31 +61,36 @@
     "@storyblok/js": "3.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
+    "@babel/core": "^7.26.7",
+    "@babel/preset-env": "^7.26.7",
+    "@commitlint/cli": "^19.7.1",
+    "@commitlint/config-conventional": "^19.7.1",
     "@cypress/react": "^8.0.2",
     "@cypress/vite-dev-server": "^5.2.1",
     "@storyblok/eslint-config": "^0.3.0",
     "@tsconfig/recommended": "^1.0.8",
-    "@types/node": "^20.17.10",
+    "@types/node": "^22.13.1",
     "@types/react": "18.3.12",
     "@vitejs/plugin-react": "^4.3.4",
     "babel-jest": "^29.7.0",
     "cypress": "^13.17.0",
-    "eslint": "^9.17.0",
+    "eslint": "^9.19.0",
     "eslint-plugin-cypress": "^4.1.0",
-    "eslint-plugin-jest": "^28.10.0",
+    "eslint-plugin-jest": "^28.11.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "simple-git-hooks": "^2.11.1",
-    "start-server-and-test": "^2.0.9",
-    "typescript": "5.6.3",
-    "vite": "^5.4.13",
-    "vite-plugin-dts": "^4.4.0",
-    "vitest": "^2.1.8"
+    "start-server-and-test": "^2.0.10",
+    "typescript": "5.7.3",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^3.0.5"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "cypress"
+    ]
   },
   "babel": {
     "presets": [