@storyblok/react 5.2.0 → 5.4.0
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/README.md +192 -64
- package/dist/core/init.js +1 -0
- package/dist/core/init.mjs +17 -0
- package/dist/core/richtext-hoc.js +1 -0
- package/dist/core/richtext-hoc.mjs +38 -0
- package/dist/core/state.js +1 -0
- package/dist/core/state.mjs +23 -0
- package/dist/core/storyblok-component.js +1 -0
- package/dist/{storyblok-component.mjs → core/storyblok-component.mjs} +4 -3
- package/dist/core/use-storyblok-api.js +1 -0
- package/dist/core/use-storyblok-api.mjs +11 -0
- package/dist/core/use-storyblok-state.js +2 -0
- package/dist/{client.mjs → core/use-storyblok-state.mjs} +6 -6
- package/dist/index.d.ts +209 -13
- package/dist/index.js +1 -1
- package/dist/index.mjs +33 -32
- package/dist/richtext.js +1 -1
- package/dist/richtext.mjs +6 -27
- package/dist/rsc/live-editing.js +2 -0
- package/dist/rsc/live-editing.mjs +30 -0
- package/dist/rsc/story.js +1 -0
- package/dist/{story.mjs → rsc/story.mjs} +6 -7
- package/dist/rsc.d.ts +194 -0
- package/dist/rsc.js +1 -1
- package/dist/rsc.mjs +32 -29
- package/dist/server/richtext.js +1 -0
- package/dist/server/richtext.mjs +8 -0
- package/dist/server/server-component.js +1 -0
- package/dist/{server-component.mjs → server/server-component.mjs} +3 -5
- package/dist/server/server-story.js +1 -0
- package/dist/server/server-story.mjs +25 -0
- package/dist/{server-storyblok-richtext-component.js → server/server-storyblok-richtext-component.js} +1 -1
- package/dist/{server-storyblok-richtext-component.mjs → server/server-storyblok-richtext-component.mjs} +2 -2
- package/dist/ssr.d.ts +192 -0
- package/dist/ssr.js +1 -0
- package/dist/ssr.mjs +35 -0
- package/package.json +9 -4
- package/dist/client.js +0 -2
- package/dist/common/client.d.ts +0 -3
- package/dist/common/client.d.ts.map +0 -1
- package/dist/common/index.d.ts +0 -12
- package/dist/common/index.d.ts.map +0 -1
- package/dist/common/storyblok-component.d.ts +0 -7
- package/dist/common/storyblok-component.d.ts.map +0 -1
- package/dist/common.js +0 -1
- package/dist/common.mjs +0 -33
- package/dist/index.d.ts.map +0 -1
- package/dist/index2.js +0 -1
- package/dist/index2.mjs +0 -30
- package/dist/live-editing.js +0 -2
- package/dist/live-editing.mjs +0 -24
- package/dist/richtext.d.ts +0 -7
- package/dist/richtext.d.ts.map +0 -1
- package/dist/richtext2.js +0 -1
- package/dist/richtext2.mjs +0 -32
- package/dist/rsc/common.d.ts +0 -15
- package/dist/rsc/common.d.ts.map +0 -1
- package/dist/rsc/index.d.ts +0 -7
- package/dist/rsc/index.d.ts.map +0 -1
- package/dist/rsc/live-edit-update-action.d.ts +0 -6
- package/dist/rsc/live-edit-update-action.d.ts.map +0 -1
- package/dist/rsc/live-editing.d.ts +0 -7
- package/dist/rsc/live-editing.d.ts.map +0 -1
- package/dist/rsc/richtext.d.ts +0 -11
- package/dist/rsc/richtext.d.ts.map +0 -1
- package/dist/rsc/server-component.d.ts +0 -7
- package/dist/rsc/server-component.d.ts.map +0 -1
- package/dist/rsc/server-storyblok-richtext-component.d.ts +0 -5
- package/dist/rsc/server-storyblok-richtext-component.d.ts.map +0 -1
- package/dist/rsc/story.d.ts +0 -8
- package/dist/rsc/story.d.ts.map +0 -1
- package/dist/server-component.js +0 -1
- package/dist/story.js +0 -1
- package/dist/storyblok-component.js +0 -1
- package/dist/storyblok-js.js +0 -1
- package/dist/storyblok-js.mjs +0 -898
- package/dist/storyblok-rich-text.d.ts +0 -5
- package/dist/storyblok-rich-text.d.ts.map +0 -1
- package/dist/types.d.ts +0 -17
- package/dist/types.d.ts.map +0 -1
- package/dist/utils.d.ts +0 -19
- package/dist/utils.d.ts.map +0 -1
- /package/dist/{live-edit-update-action.js → rsc/live-edit-update-action.js} +0 -0
- /package/dist/{live-edit-update-action.mjs → rsc/live-edit-update-action.mjs} +0 -0
package/dist/rsc.mjs
CHANGED
|
@@ -1,31 +1,34 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import {
|
|
7
|
-
import { default as
|
|
1
|
+
import { storyblokInit as r } from "./core/init.mjs";
|
|
2
|
+
import { useStoryblokServerRichText as l } from "./server/richtext.mjs";
|
|
3
|
+
import { default as a } from "./server/server-component.mjs";
|
|
4
|
+
import { default as y } from "./server/server-story.mjs";
|
|
5
|
+
import { default as i } from "./server/server-storyblok-richtext-component.mjs";
|
|
6
|
+
import { default as S } from "./rsc/live-editing.mjs";
|
|
7
|
+
import { default as f } from "./rsc/story.mjs";
|
|
8
|
+
import { BlockTypes as x, MarkTypes as d, TextTypes as g, apiPlugin as u, loadStoryblokBridge as T, registerStoryblokBridge as c, renderRichText as v, richTextResolver as C, storyblokEditable as h, useStoryblokBridge as B } from "@storyblok/js";
|
|
9
|
+
import { getComponent as E, getCustomFallbackComponent as A, getEnableFallbackComponent as F, setComponents as I } from "./core/state.mjs";
|
|
10
|
+
import { useStoryblokApi as M } from "./core/use-storyblok-api.mjs";
|
|
8
11
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
12
|
+
x as BlockTypes,
|
|
13
|
+
d as MarkTypes,
|
|
14
|
+
S as StoryblokLiveEditing,
|
|
15
|
+
a as StoryblokServerComponent,
|
|
16
|
+
i as StoryblokServerRichText,
|
|
17
|
+
y as StoryblokServerStory,
|
|
18
|
+
f as StoryblokStory,
|
|
19
|
+
g as TextTypes,
|
|
20
|
+
u as apiPlugin,
|
|
21
|
+
E as getComponent,
|
|
22
|
+
A as getCustomFallbackComponent,
|
|
23
|
+
F as getEnableFallbackComponent,
|
|
24
|
+
M as getStoryblokApi,
|
|
25
|
+
T as loadStoryblokBridge,
|
|
26
|
+
c as registerStoryblokBridge,
|
|
27
|
+
v as renderRichText,
|
|
28
|
+
C as richTextResolver,
|
|
29
|
+
I as setComponents,
|
|
30
|
+
h as storyblokEditable,
|
|
31
|
+
r as storyblokInit,
|
|
32
|
+
B as useStoryblokBridge,
|
|
33
|
+
l as useStoryblokServerRichText
|
|
31
34
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-component.js"),r=require("../core/richtext-hoc.js"),t=r.createRichTextHook(e,{isServerContext:!0});exports.useStoryblokServerRichText=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),i=require("react"),t=require("../core/state.js"),c=i.forwardRef(({blok:o,...n},l)=>{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 r=t.getComponent(o.component);if(r)return e.jsx(r,{ref:l,blok:o,...n});if(t.getEnableFallbackComponent()){const s=t.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;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { jsx as o, Fragment as
|
|
1
|
+
import { jsx as o, Fragment as l, jsxs as m } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as i } from "react";
|
|
3
|
-
import { getComponent as a, getEnableFallbackComponent as c, getCustomFallbackComponent as d } from "
|
|
4
|
-
import "./server-storyblok-richtext-component.mjs";
|
|
5
|
-
import "./story.mjs";
|
|
3
|
+
import { getComponent as a, getEnableFallbackComponent as c, getCustomFallbackComponent as d } from "../core/state.mjs";
|
|
6
4
|
const s = i(
|
|
7
5
|
({ blok: e, ...r }, p) => {
|
|
8
6
|
if (!e)
|
|
@@ -14,7 +12,7 @@ const s = i(
|
|
|
14
12
|
return /* @__PURE__ */ o(t, { ref: p, blok: e, ...r });
|
|
15
13
|
if (c()) {
|
|
16
14
|
const n = d();
|
|
17
|
-
return n ? /* @__PURE__ */ o(n, { blok: e, ...r }) : /* @__PURE__ */ o(
|
|
15
|
+
return n ? /* @__PURE__ */ o(n, { blok: e, ...r }) : /* @__PURE__ */ o(l, { children: /* @__PURE__ */ m("p", { children: [
|
|
18
16
|
"Component could not be found for blok",
|
|
19
17
|
" ",
|
|
20
18
|
/* @__PURE__ */ o("strong", { children: e.component }),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),i=require("react"),l=require("./server-component.js"),s=i.forwardRef(({story:e,...t},o)=>{var r;if(!e)return console.error("Please provide a 'story' property to the StoryblokServerStory"),null;if((r=globalThis.storyCache)!=null&&r.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(n){console.error("An error occurred while trying to parse the story content",n),e.content={}}return c.jsx(l,{ref:o,blok:e.content,...t})});module.exports=s;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as c } from "react";
|
|
3
|
+
import i from "./server-component.mjs";
|
|
4
|
+
const u = c(
|
|
5
|
+
({ story: e, ...o }, t) => {
|
|
6
|
+
var r;
|
|
7
|
+
if (!e)
|
|
8
|
+
return console.error(
|
|
9
|
+
"Please provide a 'story' property to the StoryblokServerStory"
|
|
10
|
+
), null;
|
|
11
|
+
if ((r = globalThis.storyCache) != null && r.has(e.uuid) && (e = globalThis.storyCache.get(e.uuid), globalThis.storyCache.delete(e.uuid)), typeof e.content == "string")
|
|
12
|
+
try {
|
|
13
|
+
e.content = JSON.parse(e.content);
|
|
14
|
+
} catch (n) {
|
|
15
|
+
console.error(
|
|
16
|
+
"An error occurred while trying to parse the story content",
|
|
17
|
+
n
|
|
18
|
+
), e.content = {};
|
|
19
|
+
}
|
|
20
|
+
return /* @__PURE__ */ l(i, { ref: t, blok: e.content, ...o });
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
export {
|
|
24
|
+
u as default
|
|
25
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime"),i=require("react"),u=require("
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),i=require("react"),u=require("../utils.js"),l=require("./richtext.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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as f } from "react";
|
|
3
|
-
import { convertAttributesInElement as l } from "
|
|
4
|
-
import { useStoryblokServerRichText as s } from "./
|
|
3
|
+
import { convertAttributesInElement as l } from "../utils.mjs";
|
|
4
|
+
import { useStoryblokServerRichText as s } from "./richtext.mjs";
|
|
5
5
|
const a = f(
|
|
6
6
|
({ doc: r, resolvers: t }, o) => {
|
|
7
7
|
if (!r)
|
package/dist/ssr.d.ts
ADDED
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
import { apiPlugin } from '@storyblok/js';
|
|
2
|
+
import { ArrayFn } from '@storyblok/js';
|
|
3
|
+
import { AsyncFn } from '@storyblok/js';
|
|
4
|
+
import { BlockTypes } from '@storyblok/js';
|
|
5
|
+
import { default as default_2 } from 'react';
|
|
6
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
7
|
+
import { ISbAlternateObject } from '@storyblok/js';
|
|
8
|
+
import { ISbCache } from '@storyblok/js';
|
|
9
|
+
import { ISbConfig } from '@storyblok/js';
|
|
10
|
+
import { ISbContentMangmntAPI } from '@storyblok/js';
|
|
11
|
+
import { ISbDimensions } from '@storyblok/js';
|
|
12
|
+
import { ISbError } from '@storyblok/js';
|
|
13
|
+
import { ISbManagmentApiResult } from '@storyblok/js';
|
|
14
|
+
import { ISbResponse } from '@storyblok/js';
|
|
15
|
+
import { ISbResult } from '@storyblok/js';
|
|
16
|
+
import { ISbSchema } from '@storyblok/js';
|
|
17
|
+
import { ISbStories } from '@storyblok/js';
|
|
18
|
+
import { ISbStoriesParams } from '@storyblok/js';
|
|
19
|
+
import { ISbStory } from '@storyblok/js';
|
|
20
|
+
import { ISbStoryData } from '@storyblok/js';
|
|
21
|
+
import { ISbStoryParams } from '@storyblok/js';
|
|
22
|
+
import { ISbThrottle } from '@storyblok/js';
|
|
23
|
+
import { loadStoryblokBridge } from '@storyblok/js';
|
|
24
|
+
import { MarkTypes } from '@storyblok/js';
|
|
25
|
+
import { ReactNode } from 'react';
|
|
26
|
+
import { RefAttributes } from 'react';
|
|
27
|
+
import { registerStoryblokBridge } from '@storyblok/js';
|
|
28
|
+
import { renderRichText } from '@storyblok/js';
|
|
29
|
+
import { richTextResolver } from '@storyblok/js';
|
|
30
|
+
import { SbBlokData } from '@storyblok/js';
|
|
31
|
+
import { SbBlokKeyDataTypes } from '@storyblok/js';
|
|
32
|
+
import { SbSDKOptions } from '@storyblok/js';
|
|
33
|
+
import { StoryblokBridgeConfigV2 } from '@storyblok/js';
|
|
34
|
+
import { StoryblokBridgeV2 } from '@storyblok/js';
|
|
35
|
+
import { StoryblokClient } from '@storyblok/js';
|
|
36
|
+
import { StoryblokComponentType } from '@storyblok/js';
|
|
37
|
+
import { storyblokEditable } from '@storyblok/js';
|
|
38
|
+
import { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
|
|
39
|
+
import { StoryblokRichTextNode } from '@storyblok/js';
|
|
40
|
+
import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
|
|
41
|
+
import { StoryblokRichTextNodeResolver } from '@storyblok/js';
|
|
42
|
+
import { StoryblokRichTextNodeTypes } from '@storyblok/js';
|
|
43
|
+
import { StoryblokRichTextOptions } from '@storyblok/js';
|
|
44
|
+
import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
|
|
45
|
+
import { StoryblokRichTextResolvers } from '@storyblok/js';
|
|
46
|
+
import { TextTypes } from '@storyblok/js';
|
|
47
|
+
import { useStoryblokBridge } from '@storyblok/js';
|
|
48
|
+
|
|
49
|
+
export { apiPlugin }
|
|
50
|
+
|
|
51
|
+
export { ArrayFn }
|
|
52
|
+
|
|
53
|
+
export { AsyncFn }
|
|
54
|
+
|
|
55
|
+
export { BlockTypes }
|
|
56
|
+
|
|
57
|
+
export declare const getComponent: (componentKey: string) => React.ElementType | false;
|
|
58
|
+
|
|
59
|
+
export declare const getCustomFallbackComponent: () => React.ElementType;
|
|
60
|
+
|
|
61
|
+
export declare const getEnableFallbackComponent: () => boolean;
|
|
62
|
+
|
|
63
|
+
export { ISbAlternateObject }
|
|
64
|
+
|
|
65
|
+
export { ISbCache }
|
|
66
|
+
|
|
67
|
+
export { ISbConfig }
|
|
68
|
+
|
|
69
|
+
export { ISbContentMangmntAPI }
|
|
70
|
+
|
|
71
|
+
export { ISbDimensions }
|
|
72
|
+
|
|
73
|
+
export { ISbError }
|
|
74
|
+
|
|
75
|
+
export { ISbManagmentApiResult }
|
|
76
|
+
|
|
77
|
+
export { ISbResponse }
|
|
78
|
+
|
|
79
|
+
export { ISbResult }
|
|
80
|
+
|
|
81
|
+
export { ISbSchema }
|
|
82
|
+
|
|
83
|
+
export { ISbStories }
|
|
84
|
+
|
|
85
|
+
export { ISbStoriesParams }
|
|
86
|
+
|
|
87
|
+
export { ISbStory }
|
|
88
|
+
|
|
89
|
+
export { ISbStoryData }
|
|
90
|
+
|
|
91
|
+
export { ISbStoryParams }
|
|
92
|
+
|
|
93
|
+
export { ISbThrottle }
|
|
94
|
+
|
|
95
|
+
export { loadStoryblokBridge }
|
|
96
|
+
|
|
97
|
+
export { MarkTypes }
|
|
98
|
+
|
|
99
|
+
export { registerStoryblokBridge }
|
|
100
|
+
|
|
101
|
+
export { renderRichText }
|
|
102
|
+
|
|
103
|
+
export { richTextResolver }
|
|
104
|
+
|
|
105
|
+
export { SbBlokData }
|
|
106
|
+
|
|
107
|
+
export { SbBlokKeyDataTypes }
|
|
108
|
+
|
|
109
|
+
export declare interface SbReactComponentsMap {
|
|
110
|
+
[key: string]: default_2.ElementType;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
export declare interface SbReactSDKOptions extends SbSDKOptions {
|
|
114
|
+
components?: SbReactComponentsMap;
|
|
115
|
+
enableFallbackComponent?: boolean;
|
|
116
|
+
customFallbackComponent?: default_2.ElementType;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
export { SbSDKOptions }
|
|
120
|
+
|
|
121
|
+
declare interface SbServerComponentProps extends Omit<Record<string, unknown>, 'blok'> {
|
|
122
|
+
blok: SbBlokData;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
|
|
126
|
+
|
|
127
|
+
export { StoryblokBridgeConfigV2 }
|
|
128
|
+
|
|
129
|
+
export { StoryblokBridgeV2 }
|
|
130
|
+
|
|
131
|
+
export { StoryblokClient }
|
|
132
|
+
|
|
133
|
+
export declare const StoryblokComponent: ForwardRefExoticComponent<Omit<StoryblokComponentProps, "ref"> & RefAttributes<HTMLElement>>;
|
|
134
|
+
|
|
135
|
+
declare interface StoryblokComponentProps extends Omit<Record<string, unknown>, 'blok'> {
|
|
136
|
+
blok: SbBlokData;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export { StoryblokComponentType }
|
|
140
|
+
|
|
141
|
+
export { storyblokEditable }
|
|
142
|
+
|
|
143
|
+
export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => (() => StoryblokClient);
|
|
144
|
+
|
|
145
|
+
export { StoryblokRichTextImageOptimizationOptions }
|
|
146
|
+
|
|
147
|
+
export { StoryblokRichTextNode }
|
|
148
|
+
|
|
149
|
+
export { StoryblokRichTextNodeResolver }
|
|
150
|
+
|
|
151
|
+
export { StoryblokRichTextNodeTypes }
|
|
152
|
+
|
|
153
|
+
export { StoryblokRichTextOptions }
|
|
154
|
+
|
|
155
|
+
export declare interface StoryblokRichTextProps {
|
|
156
|
+
doc: StoryblokRichTextNode<default_2.ReactElement>;
|
|
157
|
+
resolvers?: StoryblokRichTextResolvers<default_2.ReactElement>;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
export { StoryblokRichTextResolvers }
|
|
161
|
+
|
|
162
|
+
export declare const StoryblokServerComponent: ForwardRefExoticComponent<Omit<SbServerComponentProps, "ref"> & RefAttributes<HTMLElement>>;
|
|
163
|
+
|
|
164
|
+
export declare const StoryblokServerRichText: default_2.ForwardRefExoticComponent<StoryblokRichTextProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Shared server component for rendering Storyblok stories.
|
|
168
|
+
* Works in both SSR and RSC contexts without server actions.
|
|
169
|
+
*/
|
|
170
|
+
export declare const StoryblokServerStory: ForwardRefExoticComponent<Omit<StoryblokServerStoryProps, "ref"> & RefAttributes<HTMLElement>>;
|
|
171
|
+
|
|
172
|
+
declare interface StoryblokServerStoryProps extends Omit<Record<string, unknown>, 'story'> {
|
|
173
|
+
story: ISbStoryData;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
export { TextTypes }
|
|
177
|
+
|
|
178
|
+
export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
|
|
179
|
+
|
|
180
|
+
declare const useStoryblokApi: () => StoryblokClient;
|
|
181
|
+
export { useStoryblokApi as getStoryblokApi }
|
|
182
|
+
export { useStoryblokApi }
|
|
183
|
+
|
|
184
|
+
export { useStoryblokBridge }
|
|
185
|
+
|
|
186
|
+
export declare const useStoryblokServerRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
|
|
187
|
+
render: (node: StoryblokRichTextNode_2<ReactNode>) => ReactNode;
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
export declare const useStoryblokState: TUseStoryblokState;
|
|
191
|
+
|
|
192
|
+
export { }
|
package/dist/ssr.js
ADDED
|
@@ -0,0 +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"),s=require("./server/server-story.js"),u=require("./server/server-storyblok-richtext-component.js"),t=require("./core/state.js");exports.storyblokInit=o.storyblokInit;exports.getStoryblokApi=r.useStoryblokApi;exports.useStoryblokApi=r.useStoryblokApi;exports.StoryblokComponent=n;exports.useStoryblokState=l.useStoryblokState;Object.defineProperty(exports,"BlockTypes",{enumerable:!0,get:()=>e.BlockTypes});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,"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=s;exports.StoryblokServerRichText=u;exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;
|
package/dist/ssr.mjs
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { storyblokInit as r } from "./core/init.mjs";
|
|
2
|
+
import { useStoryblokApi as l, useStoryblokApi as p } from "./core/use-storyblok-api.mjs";
|
|
3
|
+
import { default as a } from "./core/storyblok-component.mjs";
|
|
4
|
+
import { useStoryblokState as k } from "./core/use-storyblok-state.mjs";
|
|
5
|
+
import { BlockTypes as S, MarkTypes as m, TextTypes as n, apiPlugin as i, loadStoryblokBridge as x, registerStoryblokBridge as f, renderRichText as u, richTextResolver as d, storyblokEditable as g, useStoryblokBridge as T } from "@storyblok/js";
|
|
6
|
+
import { useStoryblokServerRichText as C } from "./server/richtext.mjs";
|
|
7
|
+
import { default as h } from "./server/server-component.mjs";
|
|
8
|
+
import { default as R } from "./server/server-story.mjs";
|
|
9
|
+
import { default as E } from "./server/server-storyblok-richtext-component.mjs";
|
|
10
|
+
import { getComponent as I, getCustomFallbackComponent as M, getEnableFallbackComponent as P, setComponents as j } from "./core/state.mjs";
|
|
11
|
+
export {
|
|
12
|
+
S as BlockTypes,
|
|
13
|
+
m as MarkTypes,
|
|
14
|
+
a as StoryblokComponent,
|
|
15
|
+
h as StoryblokServerComponent,
|
|
16
|
+
E as StoryblokServerRichText,
|
|
17
|
+
R as StoryblokServerStory,
|
|
18
|
+
n as TextTypes,
|
|
19
|
+
i as apiPlugin,
|
|
20
|
+
I as getComponent,
|
|
21
|
+
M as getCustomFallbackComponent,
|
|
22
|
+
P as getEnableFallbackComponent,
|
|
23
|
+
l as getStoryblokApi,
|
|
24
|
+
x as loadStoryblokBridge,
|
|
25
|
+
f as registerStoryblokBridge,
|
|
26
|
+
u as renderRichText,
|
|
27
|
+
d as richTextResolver,
|
|
28
|
+
j as setComponents,
|
|
29
|
+
g as storyblokEditable,
|
|
30
|
+
r as storyblokInit,
|
|
31
|
+
p as useStoryblokApi,
|
|
32
|
+
T as useStoryblokBridge,
|
|
33
|
+
C as useStoryblokServerRichText,
|
|
34
|
+
k as useStoryblokState
|
|
35
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storyblok/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.4.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "SDK to integrate Storyblok into your project using React.",
|
|
7
7
|
"author": "Storyblok",
|
|
@@ -21,8 +21,13 @@
|
|
|
21
21
|
"import": "./dist/index.mjs",
|
|
22
22
|
"require": "./dist/index.js"
|
|
23
23
|
},
|
|
24
|
+
"./ssr": {
|
|
25
|
+
"types": "./dist/ssr.d.ts",
|
|
26
|
+
"import": "./dist/ssr.mjs",
|
|
27
|
+
"require": "./dist/ssr.js"
|
|
28
|
+
},
|
|
24
29
|
"./rsc": {
|
|
25
|
-
"types": "./dist/rsc
|
|
30
|
+
"types": "./dist/rsc.d.ts",
|
|
26
31
|
"import": "./dist/rsc.mjs",
|
|
27
32
|
"require": "./dist/rsc.js"
|
|
28
33
|
}
|
|
@@ -44,7 +49,7 @@
|
|
|
44
49
|
}
|
|
45
50
|
},
|
|
46
51
|
"dependencies": {
|
|
47
|
-
"@storyblok/js": "4.
|
|
52
|
+
"@storyblok/js": "4.2.0"
|
|
48
53
|
},
|
|
49
54
|
"devDependencies": {
|
|
50
55
|
"@babel/core": "^7.27.1",
|
|
@@ -71,7 +76,7 @@
|
|
|
71
76
|
"vite": "^6.3.5",
|
|
72
77
|
"vite-plugin-dts": "^4.5.3",
|
|
73
78
|
"vitest": "^3.1.3",
|
|
74
|
-
"@storyblok/eslint-config": "0.
|
|
79
|
+
"@storyblok/eslint-config": "0.4.0"
|
|
75
80
|
},
|
|
76
81
|
"babel": {
|
|
77
82
|
"presets": [
|
package/dist/client.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"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/common/client.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/common/client.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,eAAO,MAAM,iBAAiB,EAAE,kBAyB/B,CAAC"}
|
package/dist/common/index.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { SbReactComponentsMap, SbReactSDKOptions, StoryblokClient } from '../types';
|
|
2
|
-
export * from '../types';
|
|
3
|
-
export declare const useStoryblokApi: () => StoryblokClient;
|
|
4
|
-
export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => SbReactComponentsMap;
|
|
5
|
-
export declare const getComponent: (componentKey: string) => false | import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
|
|
6
|
-
export declare const getEnableFallbackComponent: () => boolean;
|
|
7
|
-
export declare const getCustomFallbackComponent: () => import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
|
|
8
|
-
export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => void;
|
|
9
|
-
export { useStoryblokApi as getStoryblokApi };
|
|
10
|
-
export { default as StoryblokComponent } from './storyblok-component';
|
|
11
|
-
export { apiPlugin, BlockTypes, loadStoryblokBridge, MarkTypes, registerStoryblokBridge, renderRichText, richTextResolver, storyblokEditable, type StoryblokRichTextImageOptimizationOptions, type StoryblokRichTextNode, type StoryblokRichTextNodeResolver, type StoryblokRichTextNodeTypes, type StoryblokRichTextOptions, type StoryblokRichTextResolvers, TextTypes, useStoryblokBridge, } from '@storyblok/js';
|
|
12
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EAChB,MAAM,SAAS,CAAC;AAEjB,cAAc,UAAU,CAAC;AAOzB,eAAO,MAAM,eAAe,QAAO,eAQlC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,kBAAkB,oBAAoB,yBAGnE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,0FAOhD,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgC,CAAC;AACxE,eAAO,MAAM,0BAA0B,qFAAgC,CAAC;AAExE,eAAO,MAAM,aAAa,GAAI,gBAAe,iBAAsB,SAOlE,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,CAAC;AAE9C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EACL,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,uBAAuB,EACvB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,yCAAyC,EAC9C,KAAK,qBAAqB,EAC1B,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,SAAS,EACT,kBAAkB,GACnB,MAAM,eAAe,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SbBlokData } from '../types';
|
|
2
|
-
interface StoryblokComponentProps extends Omit<Record<string, unknown>, 'blok'> {
|
|
3
|
-
blok: SbBlokData;
|
|
4
|
-
}
|
|
5
|
-
declare const StoryblokComponent: import('react').ForwardRefExoticComponent<Omit<StoryblokComponentProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
|
|
6
|
-
export default StoryblokComponent;
|
|
7
|
-
//# sourceMappingURL=storyblok-component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"storyblok-component.d.ts","sourceRoot":"","sources":["../../src/common/storyblok-component.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,UAAU,uBAAwB,SAAQ,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAC7E,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,QAAA,MAAM,kBAAkB,8HAuCvB,CAAC;AAIF,eAAe,kBAAkB,CAAC"}
|
package/dist/common.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./storyblok-js.js"),c=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),b=o=>(Object.entries(o).forEach(([r,i])=>{n.set(r,i)}),n),k=o=>n.has(o)?n.get(o):(console.error(`Component ${o} doesn't exist.`),!1),g=()=>l,y=()=>s,u=(o={})=>{if(t)return()=>t;const{storyblokApi:r}=e.storyblokInit(o);return t=r,o.components&&b(o.components),l=o.enableFallbackComponent,s=o.customFallbackComponent,()=>r};exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.StoryblokServerComponent=c;exports.getComponent=k;exports.getCustomFallbackComponent=y;exports.getEnableFallbackComponent=g;exports.getStoryblokApi=a;exports.setComponents=b;exports.storyblokInit=u;exports.useStoryblokApi=a;
|
package/dist/common.mjs
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { storyblokInit as a } from "./storyblok-js.mjs";
|
|
2
|
-
import { apiPlugin as C, loadStoryblokBridge as f, registerStoryblokBridge as d, renderRichText as h, storyblokEditable as S, registerStoryblokBridge as F } from "./storyblok-js.mjs";
|
|
3
|
-
import { default as A } from "./server-component.mjs";
|
|
4
|
-
let e = null;
|
|
5
|
-
const r = /* @__PURE__ */ new Map();
|
|
6
|
-
let n = !1, l = null;
|
|
7
|
-
globalThis.storyCache = globalThis.storyCache ? globalThis.storyCache : /* @__PURE__ */ new Map();
|
|
8
|
-
const i = () => (e || console.error(
|
|
9
|
-
"You can't use getStoryblokApi if you're not loading apiPlugin."
|
|
10
|
-
), e), b = (o) => (Object.entries(o).forEach(([t, s]) => {
|
|
11
|
-
r.set(t, s);
|
|
12
|
-
}), r), k = (o) => r.has(o) ? r.get(o) : (console.error(`Component ${o} doesn't exist.`), !1), m = () => n, p = () => l, u = (o = {}) => {
|
|
13
|
-
if (e)
|
|
14
|
-
return () => e;
|
|
15
|
-
const { storyblokApi: t } = a(o);
|
|
16
|
-
return e = t, o.components && b(o.components), n = o.enableFallbackComponent, l = o.customFallbackComponent, () => t;
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
A as StoryblokServerComponent,
|
|
20
|
-
C as apiPlugin,
|
|
21
|
-
k as getComponent,
|
|
22
|
-
p as getCustomFallbackComponent,
|
|
23
|
-
m as getEnableFallbackComponent,
|
|
24
|
-
i as getStoryblokApi,
|
|
25
|
-
f as loadStoryblokBridge,
|
|
26
|
-
d as registerStoryblokBridge,
|
|
27
|
-
h as renderRichText,
|
|
28
|
-
b as setComponents,
|
|
29
|
-
S as storyblokEditable,
|
|
30
|
-
u as storyblokInit,
|
|
31
|
-
i as useStoryblokApi,
|
|
32
|
-
F as useStoryblokBridge
|
|
33
|
-
};
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAIjB,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,eAAO,MAAM,YAAY,GACvB,MAAM,MAAM,EACZ,aAAY,gBAAqB,EACjC,gBAAe,uBAA4B;;EAgD5C,CAAC;AAEF,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,mDAAmD;AACnD,eAAO,MAAM,4BAA4B,6BAAuB,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACrE,cAAc,SAAS,CAAC"}
|
package/dist/index2.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./storyblok-js.js"),b=require("./storyblok-component.js");let r=null,t={},l=!1,n=null;const s=()=>(r||console.error("You can't use getStoryblokApi if you're not loading apiPlugin."),r),i=e=>(t=e,t),k=e=>t[e]?t[e]:(console.error(`Component ${e} doesn't exist.`),!1),c=()=>l,y=()=>n,p=(e={})=>{const{storyblokApi:a}=o.storyblokInit(e);r=a,t=e.components,l=e.enableFallbackComponent,n=e.customFallbackComponent};exports.BlockTypes=o.BlockTypes;exports.MarkTypes=o.MarkTypes;exports.TextTypes=o.TextTypes;exports.apiPlugin=o.apiPlugin;exports.loadStoryblokBridge=o.loadStoryblokBridge;exports.registerStoryblokBridge=o.registerStoryblokBridge;exports.renderRichText=o.renderRichText;exports.richTextResolver=o.richTextResolver;exports.storyblokEditable=o.storyblokEditable;exports.useStoryblokBridge=o.registerStoryblokBridge;exports.StoryblokComponent=b;exports.getComponent=k;exports.getCustomFallbackComponent=y;exports.getEnableFallbackComponent=c;exports.getStoryblokApi=s;exports.setComponents=i;exports.storyblokInit=p;exports.useStoryblokApi=s;
|
package/dist/index2.mjs
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { storyblokInit as s } from "./storyblok-js.mjs";
|
|
2
|
-
import { BlockTypes as g, MarkTypes as C, TextTypes as d, apiPlugin as f, loadStoryblokBridge as S, registerStoryblokBridge as x, renderRichText as F, richTextResolver as T, storyblokEditable as A, registerStoryblokBridge as B } from "./storyblok-js.mjs";
|
|
3
|
-
import { default as R } from "./storyblok-component.mjs";
|
|
4
|
-
let t = null, e = {}, r = !1, l = null;
|
|
5
|
-
const b = () => (t || console.error(
|
|
6
|
-
"You can't use getStoryblokApi if you're not loading apiPlugin."
|
|
7
|
-
), t), c = (o) => (e = o, e), k = (o) => e[o] ? e[o] : (console.error(`Component ${o} doesn't exist.`), !1), i = () => r, p = () => l, m = (o = {}) => {
|
|
8
|
-
const { storyblokApi: n } = s(o);
|
|
9
|
-
t = n, e = o.components, r = o.enableFallbackComponent, l = o.customFallbackComponent;
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
g as BlockTypes,
|
|
13
|
-
C as MarkTypes,
|
|
14
|
-
R as StoryblokComponent,
|
|
15
|
-
d as TextTypes,
|
|
16
|
-
f as apiPlugin,
|
|
17
|
-
k as getComponent,
|
|
18
|
-
p as getCustomFallbackComponent,
|
|
19
|
-
i as getEnableFallbackComponent,
|
|
20
|
-
b as getStoryblokApi,
|
|
21
|
-
S as loadStoryblokBridge,
|
|
22
|
-
x as registerStoryblokBridge,
|
|
23
|
-
F as renderRichText,
|
|
24
|
-
T as richTextResolver,
|
|
25
|
-
c as setComponents,
|
|
26
|
-
A as storyblokEditable,
|
|
27
|
-
m as storyblokInit,
|
|
28
|
-
b as useStoryblokApi,
|
|
29
|
-
B as useStoryblokBridge
|
|
30
|
-
};
|
package/dist/live-editing.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";const r=require("./storyblok-js.js"),o=require("react"),l=require("./live-edit-update-action.js"),s=require("./utils.js"),d=({story:t=null,bridgeOptions:e={}})=>{if(!s.isVisualEditor())return null;const n=(t==null?void 0:t.id)??0;return o.useEffect(()=>{(async()=>{s.isBridgeLoaded()||await r.loadStoryblokBridge();const a=i=>{i&&o.startTransition(()=>{l.liveEditUpdateAction({story:i,pathToRevalidate:window.location.pathname})})};r.registerStoryblokBridge(n,i=>a(i),e)})()},[n,JSON.stringify(e)]),null};module.exports=d;
|
package/dist/live-editing.mjs
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { loadStoryblokBridge as n, registerStoryblokBridge as e } from "./storyblok-js.mjs";
|
|
3
|
-
import { useEffect as l, startTransition as d } from "react";
|
|
4
|
-
import { liveEditUpdateAction as s } from "./live-edit-update-action.mjs";
|
|
5
|
-
import { isVisualEditor as u, isBridgeLoaded as f } from "./utils.mjs";
|
|
6
|
-
const S = ({ story: t = null, bridgeOptions: o = {} }) => {
|
|
7
|
-
if (!u())
|
|
8
|
-
return null;
|
|
9
|
-
const r = (t == null ? void 0 : t.id) ?? 0;
|
|
10
|
-
return l(() => {
|
|
11
|
-
(async () => {
|
|
12
|
-
f() || await n();
|
|
13
|
-
const a = (i) => {
|
|
14
|
-
i && d(() => {
|
|
15
|
-
s({ story: i, pathToRevalidate: window.location.pathname });
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
e(r, (i) => a(i), o);
|
|
19
|
-
})();
|
|
20
|
-
}, [r, JSON.stringify(o)]), null;
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
S as default
|
|
24
|
-
};
|
package/dist/richtext.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { StoryblokRichTextNode, StoryblokRichTextOptions } from '@storyblok/js';
|
|
3
|
-
export declare function componentResolver(node: StoryblokRichTextNode<React.ReactElement>): React.ReactElement;
|
|
4
|
-
export declare function useStoryblokRichText(options: StoryblokRichTextOptions<React.ReactElement>): {
|
|
5
|
-
render: (node: StoryblokRichTextNode<React.ReactNode>) => React.ReactNode;
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=richtext.d.ts.map
|
package/dist/richtext.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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,oBAAoB,CAClC,OAAO,EAAE,wBAAwB,CAAC,KAAK,CAAC,YAAY,CAAC;;EActD"}
|
package/dist/richtext2.js
DELETED
|
@@ -1 +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
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import o from "react";
|
|
2
|
-
import "./common.mjs";
|
|
3
|
-
import { BlockTypes as n, richTextResolver as a } from "./storyblok-js.mjs";
|
|
4
|
-
import l from "./server-component.mjs";
|
|
5
|
-
function i(r) {
|
|
6
|
-
var t, s;
|
|
7
|
-
const e = (t = r == null ? void 0 : r.attrs) == null ? void 0 : t.body;
|
|
8
|
-
return o.createElement(l, {
|
|
9
|
-
blok: Array.isArray(e) && e.length > 0 ? e[0] : void 0,
|
|
10
|
-
key: ((s = r.attrs) == null ? void 0 : s.id) || `fallback-key-${JSON.stringify(r.attrs)}`
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
function v(r) {
|
|
14
|
-
const e = {
|
|
15
|
-
...r,
|
|
16
|
-
renderFn: o.createElement,
|
|
17
|
-
textFn: (t) => o.createElement(o.Fragment, {
|
|
18
|
-
key: Math.random().toString(36).substring(2, 15)
|
|
19
|
-
}, t),
|
|
20
|
-
resolvers: {
|
|
21
|
-
[n.COMPONENT]: i,
|
|
22
|
-
// ✅ Uses RSC component resolver
|
|
23
|
-
...r.resolvers
|
|
24
|
-
},
|
|
25
|
-
keyedResolvers: !0
|
|
26
|
-
};
|
|
27
|
-
return a(e);
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
i as componentResolver,
|
|
31
|
-
v as useStoryblokServerRichText
|
|
32
|
-
};
|