@storyblok/react 5.1.1 → 5.1.2

package/dist/richtext2.js

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

package/dist/richtext2.mjs

@@ -0,0 +1,32 @@
+import o from "react";
+import "./common.mjs";
+import { BlockTypes as n, richTextResolver as a } from "./storyblok-js.mjs";
+import l from "./server-component.mjs";
+function i(r) {
+  var t, s;
+  const e = (t = r == null ? void 0 : r.attrs) == null ? void 0 : t.body;
+  return o.createElement(l, {
+    blok: Array.isArray(e) && e.length > 0 ? e[0] : void 0,
+    key: ((s = r.attrs) == null ? void 0 : s.id) || `fallback-key-${JSON.stringify(r.attrs)}`
+  });
+}
+function v(r) {
+  const e = {
+    ...r,
+    renderFn: o.createElement,
+    textFn: (t) => o.createElement(o.Fragment, {
+      key: Math.random().toString(36).substring(2, 15)
+    }, t),
+    resolvers: {
+      [n.COMPONENT]: i,
+      // ✅ Uses RSC component resolver
+      ...r.resolvers
+    },
+    keyedResolvers: !0
+  };
+  return a(e);
+}
+export {
+  i as componentResolver,
+  v as useStoryblokServerRichText
+};

package/dist/rsc/index.d.ts

@@ -1,9 +1,6 @@
-import { useStoryblokRichText } from '../richtext';
-export { useStoryblokRichText };
-/** @deprecated Use useStoryblokRichText instead */
-export declare const useStoryblokRichTextResolver: typeof useStoryblokRichText;
-export { default as StoryblokRichText } from '../storyblok-rich-text';
 export * from './common';
+export { useStoryblokServerRichText } from './richtext';
+export { default as StoryblokServerRichText } from './server-storyblok-richtext-component';
 export { default as StoryblokStory } from './story';
 export { BlockTypes, MarkTypes, richTextResolver, type StoryblokRichTextImageOptimizationOptions, type StoryblokRichTextNode, type StoryblokRichTextNodeResolver, type StoryblokRichTextNodeTypes, type StoryblokRichTextOptions, type StoryblokRichTextResolvers, TextTypes, } from '@storyblok/js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rsc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,6BAAuB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,KAAK,yCAAyC,EAC9C,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,SAAS,GACV,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rsc/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,KAAK,yCAAyC,EAC9C,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,SAAS,GACV,MAAM,eAAe,CAAC"}

package/dist/rsc/richtext.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { StoryblokRichTextNode, StoryblokRichTextOptions } from '@storyblok/js';
+/**
+ * RSC-specific component resolver that uses StoryblokServerComponent
+ * instead of the client-side StoryblokComponent
+ */
+export declare function componentResolver(node: StoryblokRichTextNode<React.ReactElement>): React.ReactElement;
+export declare function useStoryblokServerRichText(options: StoryblokRichTextOptions<React.ReactElement>): {
+    render: (node: StoryblokRichTextNode<React.ReactNode>) => React.ReactNode;
+};
+//# sourceMappingURL=richtext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"richtext.d.ts","sourceRoot":"","sources":["../../src/rsc/richtext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGrF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAMrG;AAED,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;;EAgBtD"}

package/dist/rsc/server-storyblok-richtext-component.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { StoryblokRichTextProps } from '../types';
+declare const StoryblokRichText: React.ForwardRefExoticComponent<StoryblokRichTextProps & React.RefAttributes<HTMLDivElement>>;
+export default StoryblokRichText;
+//# sourceMappingURL=server-storyblok-richtext-component.d.ts.map

package/dist/rsc/server-storyblok-richtext-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-storyblok-richtext-component.d.ts","sourceRoot":"","sources":["../../src/rsc/server-storyblok-richtext-component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGvD,QAAA,MAAM,iBAAiB,+FAkBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/rsc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./richtext.js"),r=require("./storyblok-rich-text.js"),o=require("./common.js"),l=require("./story.js"),e=require("./storyblok-js.js"),s=require("./server-component.js"),i=t.useStoryblokRichText;exports.useStoryblokRichText=t.useStoryblokRichText;exports.StoryblokRichText=r;exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.StoryblokStory=l;exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.StoryblokServerComponent=s;exports.useStoryblokRichTextResolver=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./common.js"),t=require("./richtext2.js"),r=require("./server-storyblok-richtext-component.js"),l=require("./story.js"),e=require("./storyblok-js.js"),s=require("./server-component.js");exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.useStoryblokServerRichText=t.useStoryblokServerRichText;exports.StoryblokServerRichText=r;exports.StoryblokStory=l;exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.StoryblokServerComponent=s;

package/dist/rsc.mjs

@@ -1,31 +1,29 @@
-import { useStoryblokRichText as o } from "./richtext.mjs";
-import { default as s } from "./storyblok-rich-text.mjs";
-import { getComponent as p, getCustomFallbackComponent as b, getEnableFallbackComponent as k, useStoryblokApi as y, setComponents as a, storyblokInit as n, useStoryblokApi as S } from "./common.mjs";
-import { default as x } from "./story.mjs";
-import { BlockTypes as d, MarkTypes as u, TextTypes as c, apiPlugin as f, loadStoryblokBridge as T, registerStoryblokBridge as C, renderRichText as R, richTextResolver as h, storyblokEditable as B, registerStoryblokBridge as v } from "./storyblok-js.mjs";
-import { default as E } from "./server-component.mjs";
-const t = o;
+import { getComponent as r, getCustomFallbackComponent as t, getEnableFallbackComponent as l, useStoryblokApi as s, setComponents as p, storyblokInit as a, useStoryblokApi as b } from "./common.mjs";
+import { useStoryblokServerRichText as k } from "./richtext2.mjs";
+import { default as S } from "./server-storyblok-richtext-component.mjs";
+import { default as m } from "./story.mjs";
+import { BlockTypes as x, MarkTypes as d, TextTypes as f, apiPlugin as u, loadStoryblokBridge as T, registerStoryblokBridge as c, renderRichText as C, richTextResolver as B, storyblokEditable as h, registerStoryblokBridge as v } from "./storyblok-js.mjs";
+import { default as A } from "./server-component.mjs";
 export {
-  d as BlockTypes,
-  u as MarkTypes,
-  s as StoryblokRichText,
-  E as StoryblokServerComponent,
-  x as StoryblokStory,
-  c as TextTypes,
-  f as apiPlugin,
-  p as getComponent,
-  b as getCustomFallbackComponent,
-  k as getEnableFallbackComponent,
-  y as getStoryblokApi,
+  x as BlockTypes,
+  d as MarkTypes,
+  A as StoryblokServerComponent,
+  S as StoryblokServerRichText,
+  m as StoryblokStory,
+  f as TextTypes,
+  u as apiPlugin,
+  r as getComponent,
+  t as getCustomFallbackComponent,
+  l as getEnableFallbackComponent,
+  s as getStoryblokApi,
   T as loadStoryblokBridge,
-  C as registerStoryblokBridge,
-  R as renderRichText,
-  h as richTextResolver,
-  a as setComponents,
-  B as storyblokEditable,
-  n as storyblokInit,
-  S as useStoryblokApi,
+  c as registerStoryblokBridge,
+  C as renderRichText,
+  B as richTextResolver,
+  p as setComponents,
+  h as storyblokEditable,
+  a as storyblokInit,
+  b as useStoryblokApi,
   v as useStoryblokBridge,
-  o as useStoryblokRichText,
-  t as useStoryblokRichTextResolver
+  k as useStoryblokServerRichText
 };

package/dist/server-component.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("react");require("./storyblok-component.js");require("./storyblok-rich-text.js");const r=require("./common.js");require("./story.js");const c=l.forwardRef(({blok:o,...n},i)=>{if(!o)return console.error("Please provide a 'blok' property to the StoryblokComponent"),e.jsx("div",{children:"Please provide a blok property to the StoryblokServerComponent"});const t=r.getComponent(o.component);if(t)return e.jsx(t,{ref:i,blok:o,...n});if(r.getEnableFallbackComponent()){const s=r.getCustomFallbackComponent();return s?e.jsx(s,{blok:o,...n}):e.jsx(e.Fragment,{children:e.jsxs("p",{children:["Component could not be found for blok"," ",e.jsx("strong",{children:o.component}),"! Is it configured correctly?"]})})}return e.jsx("div",{})});c.displayName="StoryblokServerComponent";module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),l=require("react"),r=require("./common.js");require("./server-storyblok-richtext-component.js");require("./story.js");const c=l.forwardRef(({blok:o,...n},i)=>{if(!o)return console.error("Please provide a 'blok' property to the StoryblokComponent"),e.jsx("div",{children:"Please provide a blok property to the StoryblokServerComponent"});const t=r.getComponent(o.component);if(t)return e.jsx(t,{ref:i,blok:o,...n});if(r.getEnableFallbackComponent()){const s=r.getCustomFallbackComponent();return s?e.jsx(s,{blok:o,...n}):e.jsx(e.Fragment,{children:e.jsxs("p",{children:["Component could not be found for blok"," ",e.jsx("strong",{children:o.component}),"! Is it configured correctly?"]})})}return e.jsx("div",{})});c.displayName="StoryblokServerComponent";module.exports=c;

package/dist/server-component.mjs

@@ -1,8 +1,7 @@
 import { jsx as o, Fragment as m, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import "./storyblok-component.mjs";
-import "./storyblok-rich-text.mjs";
 import { getComponent as a, getEnableFallbackComponent as c, getCustomFallbackComponent as d } from "./common.mjs";
+import "./server-storyblok-richtext-component.mjs";
 import "./story.mjs";
 const s = i(
   ({ blok: e, ...r }, p) => {

package/dist/server-storyblok-richtext-component.js

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),i=require("react"),u=require("./utils.js"),l=require("./richtext2.js"),x=i.forwardRef(({doc:t,resolvers:e},r)=>{if(!t)return null;const{render:n}=l.useStoryblokServerRichText({resolvers:e}),s=n(t),o=u.convertAttributesInElement(s);return c.jsx("div",{ref:r,children:o})});module.exports=x;

package/dist/server-storyblok-richtext-component.mjs

@@ -0,0 +1,17 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { convertAttributesInElement as l } from "./utils.mjs";
+import { useStoryblokServerRichText as s } from "./richtext2.mjs";
+const a = f(
+  ({ doc: r, resolvers: t }, o) => {
+    if (!r)
+      return null;
+    const { render: e } = s({
+      resolvers: t
+    }), m = e(r), n = l(m);
+    return /* @__PURE__ */ i("div", { ref: o, children: n });
+  }
+);
+export {
+  a as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",
@@ -51,7 +51,6 @@
     "@babel/preset-env": "^7.27.2",
     "@cypress/react": "^9.0.1",
     "@cypress/vite-dev-server": "^6.0.3",
-    "@storyblok/eslint-config": "^0.3.0",
     "@tsconfig/recommended": "^1.0.8",
     "@types/node": "^22.15.18",
     "@types/react": "19.1.4",
@@ -68,7 +67,8 @@
     "typescript": "5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.3"
+    "vitest": "^3.1.3",
+    "@storyblok/eslint-config": "0.3.0"
   },
   "babel": {
     "presets": [