@storyblok/react 4.3.5 → 4.3.6

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/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/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "4.3.5",
+  "version": "4.3.6",
   "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": [