@storyblok/react 6.0.0 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/init.mjs +3 -3
- package/dist/index.js +1 -1
- package/dist/index.mjs +5 -5
- package/dist/rsc.js +1 -1
- package/dist/rsc.mjs +7 -7
- package/dist/ssr.js +1 -1
- package/dist/ssr.mjs +4 -4
- package/package.json +6 -7
package/dist/core/init.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { storyblokInit as n } from "@storyblok/js";
|
|
2
|
-
import {
|
|
2
|
+
import { setComponents as a, setEnableFallbackComponent as m, setCustomFallbackComponent as l, setStoryblokApiInstance as b, getStoryblokApiInstance as c } from "./state.mjs";
|
|
3
3
|
import { getComponent as f, getCustomFallbackComponent as p, getEnableFallbackComponent as y } from "./state.mjs";
|
|
4
4
|
const k = (o = {}) => {
|
|
5
5
|
const t = c();
|
|
6
6
|
if (t)
|
|
7
7
|
return () => t;
|
|
8
8
|
const { storyblokApi: e } = n(o);
|
|
9
|
-
return
|
|
9
|
+
return b(e), o.components && a(o.components), o.enableFallbackComponent !== void 0 && m(o.enableFallbackComponent), o.customFallbackComponent && l(o.customFallbackComponent), () => e;
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
12
|
f as getComponent,
|
|
13
13
|
p as getCustomFallbackComponent,
|
|
14
14
|
y as getEnableFallbackComponent,
|
|
15
|
-
|
|
15
|
+
a as setComponents,
|
|
16
16
|
k as storyblokInit
|
|
17
17
|
};
|
package/dist/index.js
CHANGED
|
@@ -1 +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.
|
|
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;
|
package/dist/index.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { useState as f, useEffect as k } from "react";
|
|
|
2
2
|
import { registerStoryblokBridge as u } from "@storyblok/js";
|
|
3
3
|
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";
|
|
4
4
|
import { storyblokInit as M } from "./core/init.mjs";
|
|
5
|
-
import {
|
|
5
|
+
import { getStoryblokApi as m } from "./core/use-storyblok-api.mjs";
|
|
6
6
|
import { default as V } from "./core/storyblok-component.mjs";
|
|
7
7
|
import { useStoryblokState as $ } from "./core/use-storyblok-state.mjs";
|
|
8
8
|
import { useStoryblokRichText as c } from "./richtext.mjs";
|
|
@@ -10,7 +10,7 @@ import { default as q } from "./storyblok-rich-text.mjs";
|
|
|
10
10
|
import { convertAttributesInElement as D, isBridgeLoaded as G, isBrowser as H, isIframe as K, isServer as Q, isVisualEditor as U } from "./utils.mjs";
|
|
11
11
|
import { getComponent as X, getCustomFallbackComponent as Z, getEnableFallbackComponent as O, setComponents as oo } from "./core/state.mjs";
|
|
12
12
|
const g = (s, e = {}, o = {}) => {
|
|
13
|
-
const [
|
|
13
|
+
const [n, l] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = m();
|
|
14
14
|
return k(() => {
|
|
15
15
|
if (!t) {
|
|
16
16
|
console.error(
|
|
@@ -23,14 +23,14 @@ const g = (s, e = {}, o = {}) => {
|
|
|
23
23
|
`cdn/stories/${s}`,
|
|
24
24
|
e
|
|
25
25
|
);
|
|
26
|
-
|
|
26
|
+
l(r.story), i && r.story.id && u(
|
|
27
27
|
r.story.id,
|
|
28
|
-
(y) =>
|
|
28
|
+
(y) => l(y),
|
|
29
29
|
o
|
|
30
30
|
);
|
|
31
31
|
}
|
|
32
32
|
a();
|
|
33
|
-
}, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links,
|
|
33
|
+
}, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, n) : null;
|
|
34
34
|
}, x = c;
|
|
35
35
|
export {
|
|
36
36
|
B as BlockTypes,
|
package/dist/rsc.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./core/init.js"),o=require("./server/richtext.js"),n=require("./server/server-component.js"),i=require("./server/server-story.js"),l=require("./server/server-storyblok-richtext-component.js"),b=require("./rsc/live-editing.js"),u=require("./rsc/story.js"),e=require("@storyblok/js"),t=require("./core/state.js"),s=require("./core/use-storyblok-api.js");exports.storyblokInit=r.storyblokInit;exports.useStoryblokServerRichText=o.useStoryblokServerRichText;exports.StoryblokServerComponent=n;exports.StoryblokServerStory=i;exports.StoryblokServerRichText=l;exports.StoryblokLiveEditing=b;exports.StoryblokStory=u;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.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;exports.getStoryblokApi=s.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./core/init.js"),o=require("./server/richtext.js"),n=require("./server/server-component.js"),i=require("./server/server-story.js"),l=require("./server/server-storyblok-richtext-component.js"),b=require("./rsc/live-editing.js"),u=require("./rsc/story.js"),e=require("@storyblok/js"),t=require("./core/state.js"),s=require("./core/use-storyblok-api.js");exports.storyblokInit=r.storyblokInit;exports.useStoryblokServerRichText=o.useStoryblokServerRichText;exports.StoryblokServerComponent=n;exports.StoryblokServerStory=i;exports.StoryblokServerRichText=l;exports.StoryblokLiveEditing=b;exports.StoryblokStory=u;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.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;exports.getStoryblokApi=s.getStoryblokApi;
|
package/dist/rsc.mjs
CHANGED
|
@@ -2,25 +2,25 @@ import { storyblokInit as r } from "./core/init.mjs";
|
|
|
2
2
|
import { useStoryblokServerRichText as l } from "./server/richtext.mjs";
|
|
3
3
|
import { default as p } from "./server/server-component.mjs";
|
|
4
4
|
import { default as k } from "./server/server-story.mjs";
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
5
|
+
import { default as n } from "./server/server-storyblok-richtext-component.mjs";
|
|
6
|
+
import { default as b } from "./rsc/live-editing.mjs";
|
|
7
7
|
import { default as S } from "./rsc/story.mjs";
|
|
8
8
|
import { BlockTypes as x, ComponentBlok as d, MarkTypes as g, TextTypes as u, apiPlugin as T, asTag as c, loadStoryblokBridge as C, registerStoryblokBridge as v, renderRichText as B, richTextResolver as h, storyblokEditable as R, useStoryblokBridge as E } from "@storyblok/js";
|
|
9
|
-
import { getComponent as
|
|
10
|
-
import {
|
|
9
|
+
import { getComponent as A, getCustomFallbackComponent as I, getEnableFallbackComponent as L, setComponents as M } from "./core/state.mjs";
|
|
10
|
+
import { getStoryblokApi as j } from "./core/use-storyblok-api.mjs";
|
|
11
11
|
export {
|
|
12
12
|
x as BlockTypes,
|
|
13
13
|
d as ComponentBlok,
|
|
14
14
|
g as MarkTypes,
|
|
15
|
-
|
|
15
|
+
b as StoryblokLiveEditing,
|
|
16
16
|
p as StoryblokServerComponent,
|
|
17
|
-
|
|
17
|
+
n as StoryblokServerRichText,
|
|
18
18
|
k as StoryblokServerStory,
|
|
19
19
|
S as StoryblokStory,
|
|
20
20
|
u as TextTypes,
|
|
21
21
|
T as apiPlugin,
|
|
22
22
|
c as asTag,
|
|
23
|
-
|
|
23
|
+
A as getComponent,
|
|
24
24
|
I as getCustomFallbackComponent,
|
|
25
25
|
L as getEnableFallbackComponent,
|
|
26
26
|
j as getStoryblokApi,
|
package/dist/ssr.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./core/init.js"),r=require("./core/use-storyblok-api.js"),n=require("./core/storyblok-component.js"),l=require("./core/use-storyblok-state.js"),e=require("@storyblok/js"),b=require("./server/richtext.js"),i=require("./server/server-component.js"),u=require("./server/server-story.js"),s=require("./server/server-storyblok-richtext-component.js"),t=require("./core/state.js");exports.storyblokInit=o.storyblokInit;exports.getStoryblokApi=r.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./core/init.js"),r=require("./core/use-storyblok-api.js"),n=require("./core/storyblok-component.js"),l=require("./core/use-storyblok-state.js"),e=require("@storyblok/js"),b=require("./server/richtext.js"),i=require("./server/server-component.js"),u=require("./server/server-story.js"),s=require("./server/server-storyblok-richtext-component.js"),t=require("./core/state.js");exports.storyblokInit=o.storyblokInit;exports.getStoryblokApi=r.getStoryblokApi;exports.useStoryblokApi=r.getStoryblokApi;exports.StoryblokComponent=n;exports.useStoryblokState=l.useStoryblokState;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.useStoryblokServerRichText=b.useStoryblokServerRichText;exports.StoryblokServerComponent=i;exports.StoryblokServerStory=u;exports.StoryblokServerRichText=s;exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;
|
package/dist/ssr.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { storyblokInit as r } from "./core/init.mjs";
|
|
2
|
-
import {
|
|
2
|
+
import { getStoryblokApi as l, getStoryblokApi as p } from "./core/use-storyblok-api.mjs";
|
|
3
3
|
import { default as s } from "./core/storyblok-component.mjs";
|
|
4
4
|
import { useStoryblokState as b } from "./core/use-storyblok-state.mjs";
|
|
5
|
-
import { BlockTypes as n, ComponentBlok as y, MarkTypes as S, TextTypes as i, apiPlugin as x, asTag as f, loadStoryblokBridge as
|
|
5
|
+
import { BlockTypes as n, ComponentBlok as y, MarkTypes as S, TextTypes as i, apiPlugin as x, asTag as f, loadStoryblokBridge as g, registerStoryblokBridge as d, renderRichText as u, richTextResolver as T, storyblokEditable as C, useStoryblokBridge as c } from "@storyblok/js";
|
|
6
6
|
import { useStoryblokServerRichText as B } from "./server/richtext.mjs";
|
|
7
7
|
import { default as R } from "./server/server-component.mjs";
|
|
8
8
|
import { default as E } from "./server/server-story.mjs";
|
|
@@ -23,9 +23,9 @@ export {
|
|
|
23
23
|
j as getCustomFallbackComponent,
|
|
24
24
|
q as getEnableFallbackComponent,
|
|
25
25
|
l as getStoryblokApi,
|
|
26
|
-
|
|
26
|
+
g as loadStoryblokBridge,
|
|
27
27
|
d as registerStoryblokBridge,
|
|
28
|
-
|
|
28
|
+
u as renderRichText,
|
|
29
29
|
T as richTextResolver,
|
|
30
30
|
w as setComponents,
|
|
31
31
|
C as storyblokEditable,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storyblok/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.1.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "SDK to integrate Storyblok into your project using React.",
|
|
7
7
|
"author": "Storyblok",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
}
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
|
-
"@storyblok/js": "5.
|
|
52
|
+
"@storyblok/js": "5.1.1"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@babel/core": "^7.27.1",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@testing-library/jest-dom": "^6.6.3",
|
|
60
60
|
"@testing-library/react": "^16.3.0",
|
|
61
61
|
"@tsconfig/recommended": "^1.0.8",
|
|
62
|
-
"@types/node": "^
|
|
62
|
+
"@types/node": "^24.11.0",
|
|
63
63
|
"@types/react": "19.1.4",
|
|
64
64
|
"@vitejs/plugin-react": "^4.4.1",
|
|
65
65
|
"babel-jest": "^29.7.0",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"vite": "^6.3.5",
|
|
77
77
|
"vite-plugin-dts": "^4.5.3",
|
|
78
78
|
"vitest": "^3.1.3",
|
|
79
|
-
"@storyblok/eslint-config": "0.
|
|
79
|
+
"@storyblok/eslint-config": "0.5.0"
|
|
80
80
|
},
|
|
81
81
|
"babel": {
|
|
82
82
|
"presets": [
|
|
@@ -107,9 +107,8 @@
|
|
|
107
107
|
"dev": "vite build --watch",
|
|
108
108
|
"build": "vite build",
|
|
109
109
|
"test:types": "tsc --noEmit --skipLibCheck",
|
|
110
|
-
"test": "pnpm run test:unit
|
|
111
|
-
"test:unit": "vitest",
|
|
112
|
-
"test:unit:ci": "vitest run",
|
|
110
|
+
"test": "pnpm run test:unit && pnpm run test:e2e-next-13 && pnpm run test:e2e-next-latest",
|
|
111
|
+
"test:unit": "vitest run",
|
|
113
112
|
"test:unit:ui": "vitest --ui",
|
|
114
113
|
"test:e2e-next-13": "start-server-and-test playground:next-13 http://localhost:3000/ cy:run",
|
|
115
114
|
"test:e2e-next-latest": "start-server-and-test playground:next-latest http://localhost:3000/ cy:run",
|