@storyblok/react 6.1.3 → 6.1.4

package/dist/core/state.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let o=null;const e=new Map;let n=!1,l=null;globalThis.storyCache=globalThis.storyCache||new Map;const c=()=>o,b=t=>{o=t},p=t=>(Object.entries(t).forEach(([s,a])=>{e.set(s,a)}),e),r=t=>e.has(t)?e.get(t):(console.error(`Component ${t} doesn't exist.`),!1),C=()=>n,m=t=>{n=t},k=()=>l,g=t=>{l=t};exports.getComponent=r;exports.getCustomFallbackComponent=k;exports.getEnableFallbackComponent=C;exports.getStoryblokApiInstance=c;exports.setComponents=p;exports.setCustomFallbackComponent=g;exports.setEnableFallbackComponent=m;exports.setStoryblokApiInstance=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=null;const e=new Map;let o=!1,l=null;const c=()=>n,b=t=>{n=t},p=t=>(Object.entries(t).forEach(([s,a])=>{e.set(s,a)}),e),m=t=>e.has(t)?e.get(t):(console.error(`Component ${t} doesn't exist.`),!1),r=()=>o,C=t=>{o=t},k=()=>l,u=t=>{l=t};exports.getComponent=m;exports.getCustomFallbackComponent=k;exports.getEnableFallbackComponent=r;exports.getStoryblokApiInstance=c;exports.setComponents=p;exports.setCustomFallbackComponent=u;exports.setEnableFallbackComponent=C;exports.setStoryblokApiInstance=b;

package/dist/core/state.mjs

@@ -1,23 +1,22 @@
-let o = null;
+let e = null;
 const n = /* @__PURE__ */ new Map();
-let e = !1, s = null;
-globalThis.storyCache = globalThis.storyCache || /* @__PURE__ */ new Map();
-const c = () => o, r = (t) => {
-  o = t;
-}, b = (t) => (Object.entries(t).forEach(([l, a]) => {
-  n.set(l, a);
-}), n), p = (t) => n.has(t) ? n.get(t) : (console.error(`Component ${t} doesn't exist.`), !1), C = () => e, m = (t) => {
+let o = !1, s = null;
+const c = () => e, r = (t) => {
   e = t;
-}, k = () => s, i = (t) => {
+}, p = (t) => (Object.entries(t).forEach(([l, a]) => {
+  n.set(l, a);
+}), n), b = (t) => n.has(t) ? n.get(t) : (console.error(`Component ${t} doesn't exist.`), !1), m = () => o, C = (t) => {
+  o = t;
+}, k = () => s, u = (t) => {
   s = t;
 };
 export {
-  p as getComponent,
+  b as getComponent,
   k as getCustomFallbackComponent,
-  C as getEnableFallbackComponent,
+  m as getEnableFallbackComponent,
   c as getStoryblokApiInstance,
-  b as setComponents,
-  i as setCustomFallbackComponent,
-  m as setEnableFallbackComponent,
+  p as setComponents,
+  u as setCustomFallbackComponent,
+  C as setEnableFallbackComponent,
   r as setStoryblokApiInstance
 };

package/dist/core/story-cache.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});globalThis.storyCache=globalThis.storyCache||new Map;const a=e=>typeof(e==null?void 0:e.id)!="number"?null:String(e.id),n=e=>{const c=a(e);if(!c)return e;const t=globalThis.storyCache.get(c);return globalThis.storyCache.delete(c),t?{...e,...t}:e};exports.consumeCachedStory=n;exports.getStoryCacheKey=a;

package/dist/core/story-cache.mjs

@@ -0,0 +1,12 @@
+globalThis.storyCache = globalThis.storyCache || /* @__PURE__ */ new Map();
+const n = (e) => typeof (e == null ? void 0 : e.id) != "number" ? null : String(e.id), h = (e) => {
+  const c = n(e);
+  if (!c)
+    return e;
+  const a = globalThis.storyCache.get(c);
+  return globalThis.storyCache.delete(c), a ? { ...e, ...a } : e;
+};
+export {
+  h as consumeCachedStory,
+  n as getStoryCacheKey
+};

package/dist/rsc/live-edit-update-action.js

@@ -1,2 +1,2 @@
 "use server";
-"use strict";var n=Object.create;var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty;var p=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of d(t))!s.call(e,o)&&o!==i&&a(e,o,{get:()=>t[o],enumerable:!(r=c(t,o))||r.enumerable});return e};var v=(e,t,i)=>(i=e!=null?n(l(e)):{},p(t||!e||!e.__esModule?a(i,"default",{value:e,enumerable:!0}):i,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function u({story:e,pathToRevalidate:t}){var i;if(!e||!t)return console.error("liveEditUpdateAction: story or pathToRevalidate is not provided");if((i=globalThis.storyCache)==null||i.set(e.uuid,e),process.env.NEXT_RUNTIME)try{const{revalidatePath:r}=await import("next/cache");r(t)}catch(r){console.error("liveEditUpdateAction: error while revalidating path",r)}}exports.liveEditUpdateAction=u;
+"use strict";var c=Object.create;var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty;var h=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of d(t))!s.call(e,i)&&i!==r&&a(e,i,{get:()=>t[i],enumerable:!(o=n(t,i))||o.enumerable});return e};var p=(e,t,r)=>(r=e!=null?c(l(e)):{},h(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../core/story-cache.js");async function y({story:e,pathToRevalidate:t}){var o;if(!e||!t)return console.error("liveEditUpdateAction: story or pathToRevalidate is not provided");const r=v.getStoryCacheKey(e);if(r&&((o=globalThis.storyCache)==null||o.set(r,e)),process.env.NEXT_RUNTIME)try{const{revalidatePath:i}=await import("next/cache");i(t)}catch(i){console.error("liveEditUpdateAction: error while revalidating path",i)}}exports.liveEditUpdateAction=y;

package/dist/rsc/live-edit-update-action.mjs

@@ -1,16 +1,21 @@
 "use server";
-async function o({ story: e, pathToRevalidate: i }) {
-  var r;
-  if (!e || !i)
+import { getStoryCacheKey as a } from "../core/story-cache.mjs";
+async function n({
+  story: e,
+  pathToRevalidate: r
+}) {
+  var i;
+  if (!e || !r)
     return console.error("liveEditUpdateAction: story or pathToRevalidate is not provided");
-  if ((r = globalThis.storyCache) == null || r.set(e.uuid, e), process.env.NEXT_RUNTIME)
+  const o = a(e);
+  if (o && ((i = globalThis.storyCache) == null || i.set(o, e)), process.env.NEXT_RUNTIME)
     try {
       const { revalidatePath: t } = await import("next/cache");
-      t(i);
+      t(r);
     } catch (t) {
       console.error("liveEditUpdateAction: error while revalidating path", t);
     }
 }
 export {
-  o as liveEditUpdateAction
+  n as liveEditUpdateAction
 };

package/dist/rsc/live-editing.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const o=require("@storyblok/js"),l=require("react"),s=require("../utils.js"),u=({story:t=null,bridgeOptions:r={}})=>{if(!s.isVisualEditor())return null;const n=(t==null?void 0:t.id)??0;return l.useEffect(()=>{(async()=>{s.isBridgeLoaded()||await o.loadStoryblokBridge();const c=async i=>{var a;if(i)try{const{liveEditUpdateAction:e}=await Promise.resolve().then(()=>require("./live-edit-update-action.js"));l.startTransition(()=>{e({story:i,pathToRevalidate:window.location.pathname})})}catch(e){console.warn("Server action not available, caching story locally:",e),i.uuid&&((a=globalThis.storyCache)==null||a.set(i.uuid,i))}};o.registerStoryblokBridge(n,i=>c(i),r)})()},[n,JSON.stringify(r)]),null};module.exports=u;
+"use strict";const n=require("@storyblok/js"),s=require("react"),d=require("../core/story-cache.js"),c=require("../utils.js"),y=({story:e=null,bridgeOptions:a={}})=>{if(!c.isVisualEditor())return null;const r=typeof(e==null?void 0:e.id)=="number"?e.id:null;return s.useEffect(()=>{r!==null&&(async()=>{c.isBridgeLoaded()||await n.loadStoryblokBridge();const u=async t=>{var o;if(t)try{const{liveEditUpdateAction:i}=await Promise.resolve().then(()=>require("./live-edit-update-action.js"));s.startTransition(()=>{i({story:t,pathToRevalidate:window.location.pathname})})}catch(i){console.warn("Server action not available, caching story locally:",i);const l=d.getStoryCacheKey(t);l&&((o=globalThis.storyCache)==null||o.set(l,t))}};n.registerStoryblokBridge(r,t=>u(t),a)})()},[r,JSON.stringify(a)]),null};module.exports=y;

package/dist/rsc/live-editing.mjs

@@ -1,30 +1,36 @@
 "use client";
-import { loadStoryblokBridge as l, registerStoryblokBridge as d } from "@storyblok/js";
-import { useEffect as c, startTransition as s } from "react";
-import { isVisualEditor as u, isBridgeLoaded as f } from "../utils.mjs";
-const E = ({ story: t = null, bridgeOptions: o = {} }) => {
-  if (!u())
+import { loadStoryblokBridge as s, registerStoryblokBridge as c } from "@storyblok/js";
+import { useEffect as d, startTransition as u } from "react";
+import { getStoryCacheKey as f } from "../core/story-cache.mjs";
+import { isVisualEditor as y, isBridgeLoaded as p } from "../utils.mjs";
+const g = ({ story: r = null, bridgeOptions: a = {} }) => {
+  if (!y())
     return null;
-  const r = (t == null ? void 0 : t.id) ?? 0;
-  return c(() => {
-    (async () => {
-      f() || await l();
-      const e = async (i) => {
-        var n;
-        if (i)
+  const i = typeof (r == null ? void 0 : r.id) == "number" ? r.id : null;
+  return d(() => {
+    i !== null && (async () => {
+      p() || await s();
+      const n = async (t) => {
+        var e;
+        if (t)
           try {
-            const { liveEditUpdateAction: a } = await import("./live-edit-update-action.mjs");
-            s(() => {
-              a({ story: i, pathToRevalidate: window.location.pathname });
+            const { liveEditUpdateAction: o } = await import("./live-edit-update-action.mjs");
+            u(() => {
+              o({
+                story: t,
+                pathToRevalidate: window.location.pathname
+              });
             });
-          } catch (a) {
-            console.warn("Server action not available, caching story locally:", a), i.uuid && ((n = globalThis.storyCache) == null || n.set(i.uuid, i));
+          } catch (o) {
+            console.warn("Server action not available, caching story locally:", o);
+            const l = f(t);
+            l && ((e = globalThis.storyCache) == null || e.set(l, t));
           }
       };
-      d(r, (i) => e(i), o);
+      c(i, (t) => n(t), a);
     })();
-  }, [r, JSON.stringify(o)]), null;
+  }, [i, JSON.stringify(a)]), null;
 };
 export {
-  E as default
+  g as default
 };

package/dist/rsc/story.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("react"),s=require("../server/server-component.js"),l=require("./live-editing.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!=null&&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(c){console.error("An error occurred while trying to parse the story content",c),e.content={}}return r.jsxs(r.Fragment,{children:[r.jsx(s,{ref:n,blok:e.content,...o}),r.jsx(l,{story:e,bridgeOptions:t})]})});module.exports=u;
+"use strict";const r=require("react/jsx-runtime"),i=require("react"),s=require("../core/story-cache.js"),u=require("../server/server-component.js"),l=require("./live-editing.js"),a=i.forwardRef(({story:e,bridgeOptions:t,...n},o)=>{if(!e)return console.error("Please provide a 'story' property to the StoryblokServerComponent"),null;if(e=s.consumeCachedStory(e),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(u,{ref:o,blok:e.content,...n}),r.jsx(l,{story:e,bridgeOptions:t})]})});module.exports=a;

package/dist/rsc/story.mjs

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

package/dist/server/server-story.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),c=require("react"),i=require("./server-component.js"),l=c.forwardRef(({story:e,...r},t)=>{if(!e)return console.error("Please provide a 'story' property to the StoryblokServerStory"),null;if(globalThis!=null&&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(o){console.error("An error occurred while trying to parse the story content",o),e.content={}}return n.jsx(i,{ref:t,blok:e.content,...r})});module.exports=l;
+"use strict";const n=require("react/jsx-runtime"),c=require("react"),s=require("../core/story-cache.js"),i=require("./server-component.js"),u=c.forwardRef(({story:e,...r},t)=>{if(!e)return console.error("Please provide a 'story' property to the StoryblokServerStory"),null;if(e=s.consumeCachedStory(e),typeof e.content=="string")try{e.content=JSON.parse(e.content)}catch(o){console.error("An error occurred while trying to parse the story content",o),e.content={}}return n.jsx(i,{ref:t,blok:e.content,...r})});module.exports=u;

package/dist/server/server-story.mjs

@@ -1,24 +1,25 @@
 import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import c from "./server-component.mjs";
-const p = l(
-  ({ story: e, ...r }, o) => {
-    if (!e)
+import { forwardRef as c } from "react";
+import { consumeCachedStory as p } from "../core/story-cache.mjs";
+import l from "./server-component.mjs";
+const a = c(
+  ({ story: r, ...o }, e) => {
+    if (!r)
       return console.error(
         "Please provide a 'story' property to the StoryblokServerStory"
       ), null;
-    if (globalThis != null && globalThis.storyCache.has(e.uuid) && (e = globalThis.storyCache.get(e.uuid), globalThis.storyCache.delete(e.uuid)), typeof e.content == "string")
+    if (r = p(r), typeof r.content == "string")
       try {
-        e.content = JSON.parse(e.content);
+        r.content = JSON.parse(r.content);
       } catch (t) {
         console.error(
           "An error occurred while trying to parse the story content",
           t
-        ), e.content = {};
+        ), r.content = {};
       }
-    return /* @__PURE__ */ n(c, { ref: o, blok: e.content, ...r });
+    return /* @__PURE__ */ n(l, { ref: e, blok: r.content, ...o });
   }
 );
 export {
-  p as default
+  a as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "6.1.3",
+  "version": "6.1.4",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",