@storyblok/react 4.7.0 → 5.0.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 +0 -59
- package/dist/common/index.d.ts +1 -1
- package/dist/common/index.d.ts.map +1 -1
- package/dist/common.js +1 -1
- package/dist/common.mjs +12 -14
- package/dist/index.js +1 -1
- package/dist/index.mjs +37 -39
- package/dist/index2.js +1 -1
- package/dist/index2.mjs +18 -20
- package/dist/richtext.mjs +5 -5
- package/dist/rsc/common.d.ts +1 -1
- package/dist/rsc/common.d.ts.map +1 -1
- package/dist/rsc.js +1 -1
- package/dist/rsc.mjs +17 -19
- package/dist/storyblok-js.js +1 -24
- package/dist/storyblok-js.mjs +484 -819
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -626,65 +626,6 @@ function App() {
|
|
|
626
626
|
}
|
|
627
627
|
```
|
|
628
628
|
|
|
629
|
-
### Legacy Rich Text Resolver
|
|
630
|
-
|
|
631
|
-
> [!WARNING]
|
|
632
|
-
> The legacy `renderRichText` is soon to be deprecated. We recommend migrating to the new approach described above instead.
|
|
633
|
-
|
|
634
|
-
You can easily render rich text by using the `renderRichText` function that comes with `@storyblok/react`:
|
|
635
|
-
|
|
636
|
-
```js
|
|
637
|
-
import { renderRichText } from '@storyblok/react'
|
|
638
|
-
|
|
639
|
-
const renderedRichText = renderRichText(blok.richtext)
|
|
640
|
-
```
|
|
641
|
-
|
|
642
|
-
You can set a **custom Schema and component resolver globally** at init time by using the `richText` init option:
|
|
643
|
-
|
|
644
|
-
```js
|
|
645
|
-
import { RichTextSchema, storyblokInit } from '@storyblok/react'
|
|
646
|
-
import cloneDeep from 'clone-deep'
|
|
647
|
-
|
|
648
|
-
const mySchema = cloneDeep(RichTextSchema) // you can make a copy of the default RichTextSchema
|
|
649
|
-
// ... and edit the nodes and marks, or add your own.
|
|
650
|
-
// Check the base RichTextSchema source here https://github.com/storyblok/storyblok-js-client/blob/main/src/schema.ts
|
|
651
|
-
|
|
652
|
-
storyblokInit({
|
|
653
|
-
accessToken: '<your-token>',
|
|
654
|
-
richText: {
|
|
655
|
-
schema: mySchema,
|
|
656
|
-
resolver: (component, blok) => {
|
|
657
|
-
switch (component) {
|
|
658
|
-
case 'my-custom-component':
|
|
659
|
-
return `<div class="my-component-class">${blok.text}</div>`
|
|
660
|
-
default:
|
|
661
|
-
return 'Resolver not defined'
|
|
662
|
-
}
|
|
663
|
-
},
|
|
664
|
-
},
|
|
665
|
-
})
|
|
666
|
-
```
|
|
667
|
-
|
|
668
|
-
You can also set a **custom Schema and component resolver only once** by passing the options as the second parameter to `renderRichText` function:
|
|
669
|
-
|
|
670
|
-
```js
|
|
671
|
-
import { renderRichText } from '@storyblok/react'
|
|
672
|
-
|
|
673
|
-
renderRichText(blok.richTextField, {
|
|
674
|
-
schema: mySchema,
|
|
675
|
-
resolver: (component, blok) => {
|
|
676
|
-
switch (component) {
|
|
677
|
-
case 'my-custom-component':
|
|
678
|
-
return `<div class="my-component-class">${blok.text}</div>`
|
|
679
|
-
default:
|
|
680
|
-
return `Component ${component} not found`
|
|
681
|
-
}
|
|
682
|
-
},
|
|
683
|
-
})
|
|
684
|
-
```
|
|
685
|
-
|
|
686
|
-
We also recommend using the [Storyblok Rich Text Renderer for React by Claus](https://github.com/claus/storyblok-rich-text-react-renderer) for rendering your Storyblok rich text content to React elements and Next.js applications.
|
|
687
|
-
|
|
688
629
|
### Using fallback components
|
|
689
630
|
|
|
690
631
|
By default, `@storyblok/react` returns an empty `<div>` if a component is not implemented. Setting `enableFallbackComponent` to `true` when calling `storyblokInit` bypasses that behavior, rendering a fallback component in the frontend instead. You can use the default fallback component, or create a custom React fallback component in your project and use it by setting `customFallbackComponent: [YourFallbackComponent]`.
|
package/dist/common/index.d.ts
CHANGED
|
@@ -8,5 +8,5 @@ export declare const getCustomFallbackComponent: () => import('react').ElementTy
|
|
|
8
8
|
export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => void;
|
|
9
9
|
export { useStoryblokApi as getStoryblokApi };
|
|
10
10
|
export { default as StoryblokComponent } from './storyblok-component';
|
|
11
|
-
export { apiPlugin, BlockTypes, loadStoryblokBridge, MarkTypes, registerStoryblokBridge, renderRichText,
|
|
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
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
package/dist/common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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
CHANGED
|
@@ -1,35 +1,33 @@
|
|
|
1
1
|
import { storyblokInit as a } from "./storyblok-js.mjs";
|
|
2
|
-
import {
|
|
3
|
-
import { default as
|
|
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
4
|
let e = null;
|
|
5
5
|
const r = /* @__PURE__ */ new Map();
|
|
6
6
|
let n = !1, l = null;
|
|
7
7
|
globalThis.storyCache = globalThis.storyCache ? globalThis.storyCache : /* @__PURE__ */ new Map();
|
|
8
8
|
const i = () => (e || console.error(
|
|
9
9
|
"You can't use getStoryblokApi if you're not loading apiPlugin."
|
|
10
|
-
), e),
|
|
10
|
+
), e), b = (o) => (Object.entries(o).forEach(([t, s]) => {
|
|
11
11
|
r.set(t, s);
|
|
12
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
13
|
if (e)
|
|
14
14
|
return () => e;
|
|
15
15
|
const { storyblokApi: t } = a(o);
|
|
16
|
-
return e = t, o.components &&
|
|
16
|
+
return e = t, o.components && b(o.components), n = o.enableFallbackComponent, l = o.customFallbackComponent, () => t;
|
|
17
17
|
};
|
|
18
18
|
export {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
B as StoryblokServerComponent,
|
|
22
|
-
h as apiPlugin,
|
|
19
|
+
A as StoryblokServerComponent,
|
|
20
|
+
C as apiPlugin,
|
|
23
21
|
k as getComponent,
|
|
24
22
|
p as getCustomFallbackComponent,
|
|
25
23
|
m as getEnableFallbackComponent,
|
|
26
24
|
i as getStoryblokApi,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
f as loadStoryblokBridge,
|
|
26
|
+
d as registerStoryblokBridge,
|
|
27
|
+
h as renderRichText,
|
|
28
|
+
b as setComponents,
|
|
29
|
+
S as storyblokEditable,
|
|
32
30
|
u as storyblokInit,
|
|
33
31
|
i as useStoryblokApi,
|
|
34
|
-
|
|
32
|
+
F as useStoryblokBridge
|
|
35
33
|
};
|
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.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("./storyblok-js.js"),o=require("./index2.js"),c=require("./richtext.js"),S=require("./client.js"),d=require("./storyblok-rich-text.js"),g=require("./utils.js"),T=require("./storyblok-component.js"),p=(n,r={},t={})=>{const[u,i]=y.useState({}),k=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",s=o.useStoryblokApi();return y.useEffect(()=>{if(!s){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function b(){const{data:l}=await s.get(`cdn/stories/${n}`,r);i(l.story),k&&l.story.id&&e.registerStoryblokBridge(l.story.id,a=>i(a),t)}b()},[n,JSON.stringify(r),s]),s?(t.resolveRelations=t.resolveRelations??r.resolve_relations,t.resolveLinks=t.resolveLinks??r.resolve_links,u):null},R=c.useStoryblokRichText;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.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.useStoryblokRichText=c.useStoryblokRichText;exports.useStoryblokState=S.useStoryblokState;exports.StoryblokRichText=d;exports.convertAttributesInElement=g.convertAttributesInElement;exports.StoryblokComponent=T;exports.useStoryblok=p;exports.useStoryblokRichTextResolver=R;
|
package/dist/index.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import { registerStoryblokBridge as
|
|
3
|
-
import { BlockTypes as T, MarkTypes as
|
|
4
|
-
import { useStoryblokApi as
|
|
5
|
-
import { getComponent as
|
|
1
|
+
import { useState as f, useEffect as k } from "react";
|
|
2
|
+
import { registerStoryblokBridge as u } from "./storyblok-js.mjs";
|
|
3
|
+
import { BlockTypes as T, MarkTypes as B, TextTypes as C, apiPlugin as E, loadStoryblokBridge as h, renderRichText as w, richTextResolver as A, storyblokEditable as I } from "./storyblok-js.mjs";
|
|
4
|
+
import { useStoryblokApi as c } from "./index2.mjs";
|
|
5
|
+
import { getComponent as L, getCustomFallbackComponent as P, getEnableFallbackComponent as _, setComponents as $, storyblokInit as J } from "./index2.mjs";
|
|
6
6
|
import { useStoryblokRichText as m } from "./richtext.mjs";
|
|
7
|
-
import { useStoryblokState as
|
|
8
|
-
import { default as
|
|
9
|
-
import { convertAttributesInElement as
|
|
10
|
-
import { default as
|
|
11
|
-
const x = (s,
|
|
12
|
-
const [
|
|
13
|
-
return
|
|
7
|
+
import { useStoryblokState as N } from "./client.mjs";
|
|
8
|
+
import { default as j } from "./storyblok-rich-text.mjs";
|
|
9
|
+
import { convertAttributesInElement as z } from "./utils.mjs";
|
|
10
|
+
import { default as G } from "./storyblok-component.mjs";
|
|
11
|
+
const x = (s, e = {}, o = {}) => {
|
|
12
|
+
const [l, n] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = c();
|
|
13
|
+
return k(() => {
|
|
14
14
|
if (!t) {
|
|
15
15
|
console.error(
|
|
16
16
|
"You can't use useStoryblok if you're not loading apiPlugin."
|
|
@@ -20,42 +20,40 @@ const x = (s, o = {}, e = {}) => {
|
|
|
20
20
|
async function y() {
|
|
21
21
|
const { data: r } = await t.get(
|
|
22
22
|
`cdn/stories/${s}`,
|
|
23
|
-
|
|
23
|
+
e
|
|
24
24
|
);
|
|
25
|
-
|
|
25
|
+
n(r.story), i && r.story.id && u(
|
|
26
26
|
r.story.id,
|
|
27
|
-
(a) =>
|
|
28
|
-
|
|
27
|
+
(a) => n(a),
|
|
28
|
+
o
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
31
|
y();
|
|
32
|
-
}, [s, JSON.stringify(
|
|
32
|
+
}, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, l) : null;
|
|
33
33
|
}, g = m;
|
|
34
34
|
export {
|
|
35
35
|
T as BlockTypes,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
_ as
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
u as
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
L as storyblokEditable,
|
|
54
|
-
V as storyblokInit,
|
|
36
|
+
B as MarkTypes,
|
|
37
|
+
G as StoryblokComponent,
|
|
38
|
+
j as StoryblokRichText,
|
|
39
|
+
C as TextTypes,
|
|
40
|
+
E as apiPlugin,
|
|
41
|
+
z as convertAttributesInElement,
|
|
42
|
+
L as getComponent,
|
|
43
|
+
P as getCustomFallbackComponent,
|
|
44
|
+
_ as getEnableFallbackComponent,
|
|
45
|
+
c as getStoryblokApi,
|
|
46
|
+
h as loadStoryblokBridge,
|
|
47
|
+
u as registerStoryblokBridge,
|
|
48
|
+
w as renderRichText,
|
|
49
|
+
A as richTextResolver,
|
|
50
|
+
$ as setComponents,
|
|
51
|
+
I as storyblokEditable,
|
|
52
|
+
J as storyblokInit,
|
|
55
53
|
x as useStoryblok,
|
|
56
|
-
|
|
57
|
-
|
|
54
|
+
c as useStoryblokApi,
|
|
55
|
+
u as useStoryblokBridge,
|
|
58
56
|
m as useStoryblokRichText,
|
|
59
57
|
g as useStoryblokRichTextResolver,
|
|
60
|
-
|
|
58
|
+
N as useStoryblokState
|
|
61
59
|
};
|
package/dist/index2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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
CHANGED
|
@@ -1,32 +1,30 @@
|
|
|
1
1
|
import { storyblokInit as s } from "./storyblok-js.mjs";
|
|
2
|
-
import { BlockTypes as g, MarkTypes as C,
|
|
3
|
-
import { default as
|
|
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 h } from "./storyblok-component.mjs";
|
|
4
4
|
let t = null, e = {}, r = !1, l = null;
|
|
5
|
-
const
|
|
5
|
+
const b = () => (t || console.error(
|
|
6
6
|
"You can't use getStoryblokApi if you're not loading apiPlugin."
|
|
7
|
-
), t),
|
|
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
8
|
const { storyblokApi: n } = s(o);
|
|
9
9
|
t = n, e = o.components, r = o.enableFallbackComponent, l = o.customFallbackComponent;
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
12
|
g as BlockTypes,
|
|
13
13
|
C as MarkTypes,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
S as apiPlugin,
|
|
19
|
-
i as getComponent,
|
|
14
|
+
h as StoryblokComponent,
|
|
15
|
+
d as TextTypes,
|
|
16
|
+
f as apiPlugin,
|
|
17
|
+
k as getComponent,
|
|
20
18
|
p as getCustomFallbackComponent,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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,
|
|
29
27
|
m as storyblokInit,
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
b as useStoryblokApi,
|
|
29
|
+
B as useStoryblokBridge
|
|
32
30
|
};
|
package/dist/richtext.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "react";
|
|
2
2
|
import n from "./storyblok-component.mjs";
|
|
3
|
-
import { BlockTypes as
|
|
4
|
-
function
|
|
3
|
+
import { BlockTypes as i, richTextResolver as m } from "./storyblok-js.mjs";
|
|
4
|
+
function a(e) {
|
|
5
5
|
var t, s;
|
|
6
6
|
const r = (t = e == null ? void 0 : e.attrs) == null ? void 0 : t.body;
|
|
7
7
|
return o.createElement(n, {
|
|
@@ -16,14 +16,14 @@ function p(e) {
|
|
|
16
16
|
key: Math.random().toString(36).substring(2, 15)
|
|
17
17
|
}, t),
|
|
18
18
|
resolvers: {
|
|
19
|
-
[
|
|
19
|
+
[i.COMPONENT]: a,
|
|
20
20
|
...e.resolvers
|
|
21
21
|
},
|
|
22
22
|
keyedResolvers: !0
|
|
23
23
|
};
|
|
24
|
-
return
|
|
24
|
+
return m(r);
|
|
25
25
|
}
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
a as componentResolver,
|
|
28
28
|
p as useStoryblokRichText
|
|
29
29
|
};
|
package/dist/rsc/common.d.ts
CHANGED
|
@@ -11,5 +11,5 @@ export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => (() =
|
|
|
11
11
|
export * from '../types';
|
|
12
12
|
export { useStoryblokApi as getStoryblokApi };
|
|
13
13
|
export { default as StoryblokServerComponent } from './server-component';
|
|
14
|
-
export { apiPlugin, loadStoryblokBridge, registerStoryblokBridge, renderRichText,
|
|
14
|
+
export { apiPlugin, loadStoryblokBridge, registerStoryblokBridge, renderRichText, storyblokEditable, useStoryblokBridge, } from '@storyblok/js';
|
|
15
15
|
//# sourceMappingURL=common.d.ts.map
|
package/dist/rsc/common.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,GAAI,kBAAkB,oBAAoB,+FAKnE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,KAAG,KAAK,CAAC,WAAW,GAAG,KAOvE,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgC,CAAC;AACxE,eAAO,MAAM,0BAA0B,qFAAgC,CAAC;AAExE,eAAO,MAAM,aAAa,GAAI,gBAAe,iBAAsB,KAAG,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,
|
|
1
|
+
{"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,GAAI,kBAAkB,oBAAoB,+FAKnE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,KAAG,KAAK,CAAC,WAAW,GAAG,KAOvE,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgC,CAAC;AACxE,eAAO,MAAM,0BAA0B,qFAAgC,CAAC;AAExE,eAAO,MAAM,aAAa,GAAI,gBAAe,iBAAsB,KAAG,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,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,eAAe,CAAC"}
|
package/dist/rsc.js
CHANGED
|
@@ -1 +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.
|
|
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;
|
package/dist/rsc.mjs
CHANGED
|
@@ -1,33 +1,31 @@
|
|
|
1
1
|
import { useStoryblokRichText as o } from "./richtext.mjs";
|
|
2
2
|
import { default as s } from "./storyblok-rich-text.mjs";
|
|
3
|
-
import { getComponent as p, getCustomFallbackComponent as
|
|
3
|
+
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";
|
|
4
4
|
import { default as x } from "./story.mjs";
|
|
5
|
-
import { BlockTypes as
|
|
6
|
-
import { default as
|
|
5
|
+
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";
|
|
6
|
+
import { default as E } from "./server-component.mjs";
|
|
7
7
|
const t = o;
|
|
8
8
|
export {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
d as RichTextResolver,
|
|
12
|
-
u as RichTextSchema,
|
|
9
|
+
d as BlockTypes,
|
|
10
|
+
u as MarkTypes,
|
|
13
11
|
s as StoryblokRichText,
|
|
14
|
-
|
|
12
|
+
E as StoryblokServerComponent,
|
|
15
13
|
x as StoryblokStory,
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
c as TextTypes,
|
|
15
|
+
f as apiPlugin,
|
|
18
16
|
p as getComponent,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
17
|
+
b as getCustomFallbackComponent,
|
|
18
|
+
k as getEnableFallbackComponent,
|
|
19
|
+
y as getStoryblokApi,
|
|
20
|
+
T as loadStoryblokBridge,
|
|
23
21
|
C as registerStoryblokBridge,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
R as renderRichText,
|
|
23
|
+
h as richTextResolver,
|
|
24
|
+
a as setComponents,
|
|
25
|
+
B as storyblokEditable,
|
|
28
26
|
n as storyblokInit,
|
|
29
27
|
S as useStoryblokApi,
|
|
30
|
-
|
|
28
|
+
v as useStoryblokBridge,
|
|
31
29
|
o as useStoryblokRichText,
|
|
32
30
|
t as useStoryblokRichTextResolver
|
|
33
31
|
};
|
package/dist/storyblok-js.js
CHANGED
|
@@ -1,24 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let D=!1;const q=[],J=n=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}D?s():q.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=n,r.id="storyblok-javascript-bridge",r.onerror=s=>t(s),r.onload=s=>{q.forEach(o=>o()),D=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(r)});var ae=Object.defineProperty,le=(n,e,t)=>e in n?ae(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e,t)=>le(n,typeof e!="symbol"?e+"":e,t);class ce extends Error{constructor(e){super(e),this.name="AbortError"}}function he(n,e,t){if(!Number.isFinite(e))throw new TypeError("Expected `limit` to be a finite number");if(!Number.isFinite(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let s=[],o=0,i=!1;const l=async()=>{o++;const h=r.shift();if(h)try{const p=await n(...h.args);h.resolve(p)}catch(p){h.reject(p)}const d=setTimeout(()=>{o--,r.length>0&&l(),s=s.filter(p=>p!==d)},t);s.includes(d)||s.push(d)},a=(...h)=>i?Promise.reject(new Error("Throttled function is already aborted and not accepting new promises")):new Promise((d,p)=>{r.push({resolve:d,reject:p,args:h}),o<e&&l()});return a.abort=()=>{i=!0,s.forEach(clearTimeout),s=[],r.forEach(h=>h.reject(()=>new ce("Throttle function aborted"))),r.length=0},a}class P{constructor(){m(this,"isCDNUrl",(e="")=>e.includes("/cdn/")),m(this,"getOptionsPage",(e,t=25,r=1)=>({...e,per_page:t,page:r})),m(this,"delay",e=>new Promise(t=>setTimeout(t,e))),m(this,"arrayFrom",(e=0,t)=>Array.from({length:e},t)),m(this,"range",(e=0,t=e)=>{const r=Math.abs(t-e)||0,s=e<t?1:-1;return this.arrayFrom(r,(o,i)=>i*s+e)}),m(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),m(this,"flatMap",(e=[],t)=>e.map(t).reduce((r,s)=>[...r,...s],[])),m(this,"escapeHTML",function(e){const t={"&":"&","<":"<",">":">",'"':""","'":"'"},r=/[&<>"']/g,s=new RegExp(r.source);return e&&s.test(e)?e.replace(r,o=>t[o]):e})}stringify(e,t,r){const s=[];for(const o in e){if(!Object.prototype.hasOwnProperty.call(e,o))continue;const i=e[o];if(i==null)continue;const l=r?"":encodeURIComponent(o);let a;typeof i=="object"?a=this.stringify(i,t?t+encodeURIComponent(`[${l}]`):l,Array.isArray(i)):a=`${t?t+encodeURIComponent(`[${l}]`):l}=${encodeURIComponent(i)}`,s.push(a)}return s.join("&")}getRegionURL(e){const t="api.storyblok.com",r="api-us.storyblok.com",s="app.storyblokchina.cn",o="api-ap.storyblok.com",i="api-ca.storyblok.com";switch(e){case"us":return r;case"cn":return s;case"ap":return o;case"ca":return i;default:return t}}}const ue=function(n,e){const t={};for(const r in n){const s=n[r];e.includes(r)&&s!==null&&(t[r]=s)}return t},de=n=>n==="email",pe=()=>({singleTag:"hr"}),ge=()=>({tag:"blockquote"}),fe=()=>({tag:"ul"}),me=n=>({tag:["pre",{tag:"code",attrs:n.attrs}]}),ye=()=>({singleTag:"br"}),be=n=>({tag:`h${n.attrs.level}`}),ve=n=>({singleTag:[{tag:"img",attrs:ue(n.attrs,["src","alt","title"])}]}),ke=()=>({tag:"li"}),Te=()=>({tag:"ol"}),we=()=>({tag:"p"}),$e=n=>({tag:[{tag:"span",attrs:{"data-type":"emoji","data-name":n.attrs.name,emoji:n.attrs.emoji}}]}),Re=()=>({tag:"b"}),_e=()=>({tag:"s"}),Ee=()=>({tag:"u"}),Se=()=>({tag:"strong"}),je=()=>({tag:"code"}),xe=()=>({tag:"i"}),Ie=n=>{if(!n.attrs)return{tag:""};const e=new P().escapeHTML,t={...n.attrs},{linktype:r="url"}=n.attrs;if(delete t.linktype,t.href&&(t.href=e(n.attrs.href||"")),de(r)&&(t.href=`mailto:${t.href}`),t.anchor&&(t.href=`${t.href}#${t.anchor}`,delete t.anchor),t.custom){for(const s in t.custom)t[s]=t.custom[s];delete t.custom}return{tag:[{tag:"a",attrs:t}]}},Ae=n=>({tag:[{tag:"span",attrs:n.attrs}]}),Oe=()=>({tag:"sub"}),Le=()=>({tag:"sup"}),Ce=n=>({tag:[{tag:"span",attrs:n.attrs}]}),Pe=n=>{var e;return(e=n.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`background-color:${n.attrs.color};`}}]}:{tag:""}},Ne=n=>{var e;return(e=n.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`color:${n.attrs.color}`}}]}:{tag:""}},K={nodes:{horizontal_rule:pe,blockquote:ge,bullet_list:fe,code_block:me,hard_break:ye,heading:be,image:ve,list_item:ke,ordered_list:Te,paragraph:we,emoji:$e},marks:{bold:Re,strike:_e,underline:Ee,strong:Se,code:je,italic:xe,link:Ie,styled:Ae,subscript:Oe,superscript:Le,anchor:Ce,highlight:Pe,textStyle:Ne}},Me=function(n){const e={"&":"&","<":"<",">":">",'"':""","'":"'"},t=/[&<>"']/g,r=new RegExp(t.source);return n&&r.test(n)?n.replace(t,s=>e[s]):n};let F=!1;class I{constructor(e){m(this,"marks"),m(this,"nodes"),e||(e=K),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e,t={optimizeImages:!1},r=!0){if(!F&&r&&(console.warn("Warning ⚠️: The RichTextResolver class is deprecated and will be removed in the next major release. Please use the `@storyblok/richtext` package instead. https://github.com/storyblok/richtext/"),F=!0),e&&e.content&&Array.isArray(e.content)){let s="";return e.content.forEach(o=>{s+=this.renderNode(o)}),t.optimizeImages?this.optimizeImages(s,t.optimizeImages):s}return console.warn(`The render method must receive an Object with a "content" field.
|
|
2
|
-
The "content" field must be an array of nodes as the type ISbRichtext.
|
|
3
|
-
ISbRichtext:
|
|
4
|
-
content?: ISbRichtext[]
|
|
5
|
-
marks?: ISbRichtext[]
|
|
6
|
-
attrs?: any
|
|
7
|
-
text?: string
|
|
8
|
-
type: string
|
|
9
|
-
|
|
10
|
-
Example:
|
|
11
|
-
{
|
|
12
|
-
content: [
|
|
13
|
-
{
|
|
14
|
-
content: [
|
|
15
|
-
{
|
|
16
|
-
text: 'Hello World',
|
|
17
|
-
type: 'text'
|
|
18
|
-
}
|
|
19
|
-
],
|
|
20
|
-
type: 'paragraph'
|
|
21
|
-
}
|
|
22
|
-
],
|
|
23
|
-
type: 'doc'
|
|
24
|
-
}`),""}optimizeImages(e,t){let r=0,s=0,o="",i="";typeof t!="boolean"&&(typeof t.width=="number"&&t.width>0&&(o+=`width="${t.width}" `,r=t.width),typeof t.height=="number"&&t.height>0&&(o+=`height="${t.height}" `,s=t.height),(t.loading==="lazy"||t.loading==="eager")&&(o+=`loading="${t.loading}" `),typeof t.class=="string"&&t.class.length>0&&(o+=`class="${t.class}" `),t.filters&&(typeof t.filters.blur=="number"&&t.filters.blur>=0&&t.filters.blur<=100&&(i+=`:blur(${t.filters.blur})`),typeof t.filters.brightness=="number"&&t.filters.brightness>=-100&&t.filters.brightness<=100&&(i+=`:brightness(${t.filters.brightness})`),t.filters.fill&&(t.filters.fill.match(/[0-9A-F]{6}/gi)||t.filters.fill==="transparent")&&(i+=`:fill(${t.filters.fill})`),t.filters.format&&["webp","png","jpeg"].includes(t.filters.format)&&(i+=`:format(${t.filters.format})`),typeof t.filters.grayscale=="boolean"&&t.filters.grayscale&&(i+=":grayscale()"),typeof t.filters.quality=="number"&&t.filters.quality>=0&&t.filters.quality<=100&&(i+=`:quality(${t.filters.quality})`),t.filters.rotate&&[90,180,270].includes(t.filters.rotate)&&(i+=`:rotate(${t.filters.rotate})`),i.length>0&&(i=`/filters${i}`))),o.length>0&&(e=e.replace(/<img/g,`<img ${o.trim()}`));const l=r>0||s>0||i.length>0?`${r}x${s}${i}`:"";return e=e.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,`a.storyblok.com/f/$1/$2.$3/m/${l}`),typeof t!="boolean"&&(t.sizes||t.srcset)&&(e=e.replace(/<img.*?src=["|'](.*?)["|']/g,a=>{var h,d;const p=a.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g);if(p&&p.length>0){const b={srcset:(h=t.srcset)==null?void 0:h.map(y=>{if(typeof y=="number")return`//${p}/m/${y}x0${i} ${y}w`;if(typeof y=="object"&&y.length===2){let S=0,A=0;return typeof y[0]=="number"&&(S=y[0]),typeof y[1]=="number"&&(A=y[1]),`//${p}/m/${S}x${A}${i} ${S}w`}return""}).join(", "),sizes:(d=t.sizes)==null?void 0:d.map(y=>y).join(", ")};let E="";return b.srcset&&(E+=`srcset="${b.srcset}" `),b.sizes&&(E+=`sizes="${b.sizes}" `),a.replace(/<img/g,`<img ${E.trim()}`)}return a})),e}renderNode(e){const t=[];e.marks&&e.marks.forEach(s=>{const o=this.getMatchingMark(s);o&&o.tag!==""&&t.push(this.renderOpeningTag(o.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(s=>{t.push(this.renderNode(s))}):e.text?t.push(Me(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html?t.push(r.html):e.type==="emoji"&&t.push(this.renderEmoji(e)),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(s=>{const o=this.getMatchingMark(s);o&&o.tag!==""&&t.push(this.renderClosingTag(o.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let s=`<${r.tag}`;if(r.attrs){for(const o in r.attrs)if(Object.prototype.hasOwnProperty.call(r.attrs,o)){const i=r.attrs[o];i!==null&&(s+=` ${o}="${i}"`)}}return`${s}${t}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(t=>t.constructor===String?`</${t}>`:`</${t.tag}>`).join("")}getMatchingNode(e){const t=this.nodes[e.type];if(typeof t=="function")return t(e)}getMatchingMark(e){const t=this.marks[e.type];if(typeof t=="function")return t(e)}renderEmoji(e){if(e.attrs.emoji)return e.attrs.emoji;const t=[{tag:"img",attrs:{src:e.attrs.fallbackImage,draggable:"false",loading:"lazy",align:"absmiddle"}}];return this.renderTag(t," /")}}class He{constructor(e){m(this,"baseURL"),m(this,"timeout"),m(this,"headers"),m(this,"responseInterceptor"),m(this,"fetch"),m(this,"ejectInterceptor"),m(this,"url"),m(this,"parameters"),m(this,"fetchOptions"),this.baseURL=e.baseURL,this.headers=e.headers||new Headers,this.timeout=e!=null&&e.timeout?e.timeout*1e3:0,this.responseInterceptor=e.responseInterceptor,this.fetch=(...t)=>e.fetch?e.fetch(...t):fetch(...t),this.ejectInterceptor=!1,this.url="",this.parameters={},this.fetchOptions={}}get(e,t){return this.url=e,this.parameters=t,this._methodHandler("get")}post(e,t){return this.url=e,this.parameters=t,this._methodHandler("post")}put(e,t){return this.url=e,this.parameters=t,this._methodHandler("put")}delete(e,t){return this.url=e,this.parameters=t??{},this._methodHandler("delete")}async _responseHandler(e){const t=[],r={data:{},headers:{},status:0,statusText:""};e.status!==204&&await e.json().then(s=>{r.data=s});for(const s of e.headers.entries())t[s[0]]=s[1];return r.headers={...t},r.status=e.status,r.statusText=e.statusText,r}async _methodHandler(e){let t=`${this.baseURL}${this.url}`,r=null;if(e==="get"){const a=new P;t=`${this.baseURL}${this.url}?${a.stringify(this.parameters)}`}else r=JSON.stringify(this.parameters);const s=new URL(t),o=new AbortController,{signal:i}=o;let l;this.timeout&&(l=setTimeout(()=>o.abort(),this.timeout));try{const a=await this.fetch(`${s}`,{method:e,headers:this.headers,body:r,signal:i,...this.fetchOptions});this.timeout&&clearTimeout(l);const h=await this._responseHandler(a);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(h)):this._statusHandler(h)}catch(a){return{message:a}}}setFetchOptions(e={}){Object.keys(e).length>0&&"method"in e&&delete e.method,this.fetchOptions={...e}}eject(){this.ejectInterceptor=!0}_statusHandler(e){const t=/20[0-6]/g;return new Promise((r,s)=>{if(t.test(`${e.status}`))return r(e);const o={message:e.statusText,status:e.status,response:Array.isArray(e.data)?e.data[0]:e.data.error||e.data.slug};s(o)})}}const G="SB-Agent",M={defaultAgentName:"SB-JS-CLIENT",defaultAgentVersion:"SB-Agent-Version",packageVersion:"6.0.0"};let L={};const j={};class Ue{constructor(e,t){m(this,"client"),m(this,"maxRetries"),m(this,"retriesDelay"),m(this,"throttle"),m(this,"accessToken"),m(this,"cache"),m(this,"helpers"),m(this,"resolveCounter"),m(this,"relations"),m(this,"links"),m(this,"richTextResolver"),m(this,"resolveNestedRelations"),m(this,"stringifiedStoriesCache");let r=e.endpoint||t;if(!r){const i=new P().getRegionURL,l=e.https===!1?"http":"https";e.oauthToken?r=`${l}://${i(e.region)}/v1`:r=`${l}://${i(e.region)}/v2`}const s=new Headers;s.set("Content-Type","application/json"),s.set("Accept","application/json"),e.headers&&(e.headers.constructor.name==="Headers"?e.headers.entries().toArray():Object.entries(e.headers)).forEach(([i,l])=>{s.set(i,l)}),s.has(G)||(s.set(G,M.defaultAgentName),s.set(M.defaultAgentVersion,M.packageVersion));let o=5;e.oauthToken&&(s.set("Authorization",e.oauthToken),o=3),e.rateLimit&&(o=e.rateLimit),e.richTextSchema?this.richTextResolver=new I(e.richTextSchema):this.richTextResolver=new I,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||10,this.retriesDelay=300,this.throttle=he(this.throttledRequest.bind(this),o,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new P,this.resolveCounter=0,this.resolveNestedRelations=e.resolveNestedRelations||!0,this.stringifiedStoriesCache={},this.client=new He({baseURL:r,timeout:e.timeout||0,headers:s,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body&&t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})}parseParams(e){return e.token||(e.token=this.getToken()),e.cv||(e.cv=j[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),typeof e.resolve_relations<"u"&&(e.resolve_level=2),e}factoryParamOptions(e,t){return this.helpers.isCDNUrl(e)?this.parseParams(t):t}makeRequest(e,t,r,s,o){const i=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,r,s));return this.cacheResponse(e,i,void 0,o)}get(e,t,r){t||(t={});const s=`/${e}`,o=this.factoryParamOptions(s,t);return this.cacheResponse(s,o,void 0,r)}async getAll(e,t,r,s){const o=(t==null?void 0:t.per_page)||25,i=`/${e}`.replace(/\/$/,""),l=r??i.substring(i.lastIndexOf("/")+1),a=1,h=await this.makeRequest(i,t,o,a,s),d=h.total?Math.ceil(h.total/o):1,p=await this.helpers.asyncMap(this.helpers.range(a,d),b=>this.makeRequest(i,t,o,b+1,s));return this.helpers.flatMap([h,...p],b=>Object.values(b.data[l]))}post(e,t,r){const s=`/${e}`;return Promise.resolve(this.throttle("post",s,t,r))}put(e,t,r){const s=`/${e}`;return Promise.resolve(this.throttle("put",s,t,r))}delete(e,t,r){t||(t={});const s=`/${e}`;return Promise.resolve(this.throttle("delete",s,t,r))}getStories(e,t){return this._addResolveLevel(e),this.get("cdn/stories",e,t)}getStory(e,t,r){return this._addResolveLevel(t),this.get(`cdn/stories/${e}`,t,r)}getToken(){return this.accessToken}ejectInterceptor(){this.client.eject()}_addResolveLevel(e){typeof e.resolve_relations<"u"&&(e.resolve_level=2)}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t,r){const s=e[t];s&&s.fieldtype==="multilink"&&s.linktype==="story"&&typeof s.id=="string"&&this.links[r][s.id]?s.story=this._cleanCopy(this.links[r][s.id]):s&&s.linktype==="story"&&typeof s.uuid=="string"&&this.links[r][s.uuid]&&(s.story=this._cleanCopy(this.links[r][s.uuid]))}getStoryReference(e,t){return this.relations[e][t]?JSON.parse(this.stringifiedStoriesCache[t]||JSON.stringify(this.relations[e][t])):t}_resolveField(e,t,r){const s=e[t];typeof s=="string"?e[t]=this.getStoryReference(r,s):Array.isArray(s)&&(e[t]=s.map(o=>this.getStoryReference(r,o)).filter(Boolean))}_insertRelations(e,t,r,s){if(Array.isArray(r)?r.find(i=>i.endsWith(`.${t}`)):r.endsWith(`.${t}`)){this._resolveField(e,t,s);return}const o=e.component?`${e.component}.${t}`:t;(Array.isArray(r)?r.includes(o):r===o)&&this._resolveField(e,t,s)}iterateTree(e,t,r){const s=(o,i="")=>{if(!(!o||o._stopResolving)){if(Array.isArray(o))o.forEach((l,a)=>s(l,`${i}[${a}]`));else if(typeof o=="object")for(const l in o){const a=i?`${i}.${l}`:l;(o.component&&o._uid||o.type==="link")&&(this._insertRelations(o,l,t,r),this._insertLinks(o,l,r)),s(o[l],a)}}};s(e.content)}async resolveLinks(e,t,r){let s=[];if(e.link_uuids){const o=e.link_uuids.length,i=[],l=50;for(let a=0;a<o;a+=l){const h=Math.min(o,a+l);i.push(e.link_uuids.slice(a,h))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:l,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:i[a].join(",")})).data.stories.forEach(h=>{s.push(h)})}else s=e.links;s.forEach(o=>{this.links[r][o.uuid]={...o,_stopResolving:!0}})}async resolveRelations(e,t,r){let s=[];if(e.rel_uuids){const o=e.rel_uuids.length,i=[],l=50;for(let a=0;a<o;a+=l){const h=Math.min(o,a+l);i.push(e.rel_uuids.slice(a,h))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:l,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:i[a].join(","),excluding_fields:t.excluding_fields})).data.stories.forEach(h=>{s.push(h)});s.length>0&&(e.rels=s,delete e.rel_uuids)}else s=e.rels;s&&s.length>0&&s.forEach(o=>{this.relations[r][o.uuid]={...o,_stopResolving:!0}})}async resolveStories(e,t,r){var s,o;let i=[];if(this.links[r]={},this.relations[r]={},typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(i=t.resolve_relations.split(",")),await this.resolveRelations(e,t,r)),t.resolve_links&&["1","story","url","link"].includes(t.resolve_links)&&((s=e.links)!=null&&s.length||(o=e.link_uuids)!=null&&o.length)&&await this.resolveLinks(e,t,r),this.resolveNestedRelations)for(const l in this.relations[r])this.iterateTree(this.relations[r][l],i,r);e.story?this.iterateTree(e.story,i,r):e.stories.forEach(l=>{this.iterateTree(l,i,r)}),this.stringifiedStoriesCache={},delete this.links[r],delete this.relations[r]}async cacheResponse(e,t,r,s){const o=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(t.version==="published"&&e!=="/cdn/spaces/me"){const l=await i.get(o);if(l)return Promise.resolve(l)}return new Promise(async(l,a)=>{var h;try{const d=await this.throttle("get",e,t,s);if(d.status!==200)return a(d);let p={data:d.data,headers:d.headers};if((h=d.headers)!=null&&h["per-page"]&&(p=Object.assign({},p,{perPage:d.headers["per-page"]?Number.parseInt(d.headers["per-page"]):0,total:d.headers["per-page"]?Number.parseInt(d.headers.total):0})),p.data.story||p.data.stories){const E=this.resolveCounter=++this.resolveCounter%1e3;await this.resolveStories(p.data,t,`${E}`)}t.version==="published"&&e!=="/cdn/spaces/me"&&await i.set(o,p);const b=this.cache.clear==="onpreview"&&t.version==="draft"||this.cache.clear==="auto";return t.token&&p.data.cv&&(b&&j[t.token]&&j[t.token]!==p.data.cv&&await this.flushCache(),j[t.token]=p.data.cv),l(p)}catch(d){if(d.response&&d.status===429&&(r=typeof r>"u"?0:r+1,r<this.maxRetries))return console.log(`Hit rate limit. Retrying in ${this.retriesDelay/1e3} seconds.`),await this.helpers.delay(this.retriesDelay),this.cacheResponse(e,t,r).then(l).catch(a);a(d)}})}throttledRequest(e,t,r,s){return this.client.setFetchOptions(s),this.client[e](t,r)}cacheVersions(){return j}cacheVersion(){return j[this.accessToken]}setCacheVersion(e){this.accessToken&&(j[this.accessToken]=e)}clearCacheVersion(){this.accessToken&&(j[this.accessToken]=0)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(L[e])},getAll(){return Promise.resolve(L)},set(e,t){return L[e]=t,Promise.resolve(void 0)},flush(){return L={},Promise.resolve(void 0)}};case"custom":if(this.cache.custom)return this.cache.custom;default:return{get(){return Promise.resolve()},getAll(){return Promise.resolve(void 0)},set(){return Promise.resolve(void 0)},flush(){return Promise.resolve(void 0)}}}}async flushCache(){return await this.cacheProvider().flush(),this.clearCacheVersion(),this}}const Be=(n={})=>{const{apiOptions:e}=n;if(!e||!e.accessToken){console.error("You need to provide an access token to interact with Storyblok API. Read https://www.storyblok.com/docs/api/content-delivery#topics/authentication");return}return{storyblokApi:new Ue(e)}},ze=n=>{if(typeof n!="object"||typeof n._editable>"u")return{};try{const e=JSON.parse(n._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return e?{"data-blok-c":JSON.stringify(e),"data-blok-uid":`${e.id}-${e.uid}`}:{}}catch{return{}}};function De(n,e){if(!e)return{src:n,attrs:{}};let t=0,r=0;const s={},o=[];function i(a,h,d,p,b){typeof a!="number"||a<=h||a>=d?console.warn(`[StoryblokRichText] - ${p.charAt(0).toUpperCase()+p.slice(1)} value must be a number between ${h} and ${d} (inclusive)`):b.push(`${p}(${a})`)}if(typeof e=="object"){if(typeof e.width=="number"&&e.width>0?(s.width=e.width,t=e.width):console.warn("[StoryblokRichText] - Width value must be a number greater than 0"),e.height&&typeof e.height=="number"&&e.height>0?(s.height=e.height,r=e.height):console.warn("[StoryblokRichText] - Height value must be a number greater than 0"),e.loading&&["lazy","eager"].includes(e.loading)&&(s.loading=e.loading),e.class&&(s.class=e.class),e.filters){const{filters:a}=e||{},{blur:h,brightness:d,fill:p,format:b,grayscale:E,quality:y,rotate:S}=a||{};h&&i(h,0,100,"blur",o),y&&i(y,0,100,"quality",o),d&&i(d,0,100,"brightness",o),p&&o.push(`fill(${p})`),E&&o.push("grayscale()"),S&&[0,90,180,270].includes(e.filters.rotate||0)&&o.push(`rotate(${S})`),b&&["webp","png","jpeg"].includes(b)&&o.push(`format(${b})`)}e.srcset&&(s.srcset=e.srcset.map(a=>{if(typeof a=="number")return`${n}/m/${a}x0/${o.length>0?`filters:${o.join(":")}`:""} ${a}w`;if(Array.isArray(a)&&a.length===2){const[h,d]=a;return`${n}/m/${h}x${d}/${o.length>0?`filters:${o.join(":")}`:""} ${h}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),e.sizes&&(s.sizes=e.sizes.join(", "))}let l=`${n}/m/`;return t>0&&r>0&&(l=`${l}${t}x${r}/`),o.length>0&&(l=`${l}filters:${o.join(":")}`),{src:l,attrs:s}}var k=(n=>(n.DOCUMENT="doc",n.HEADING="heading",n.PARAGRAPH="paragraph",n.QUOTE="blockquote",n.OL_LIST="ordered_list",n.UL_LIST="bullet_list",n.LIST_ITEM="list_item",n.CODE_BLOCK="code_block",n.HR="horizontal_rule",n.BR="hard_break",n.IMAGE="image",n.EMOJI="emoji",n.COMPONENT="blok",n.TABLE="table",n.TABLE_ROW="tableRow",n.TABLE_CELL="tableCell",n.TABLE_HEADER="tableHeader",n))(k||{}),_=(n=>(n.BOLD="bold",n.STRONG="strong",n.STRIKE="strike",n.UNDERLINE="underline",n.ITALIC="italic",n.CODE="code",n.LINK="link",n.ANCHOR="anchor",n.STYLED="styled",n.SUPERSCRIPT="superscript",n.SUBSCRIPT="subscript",n.TEXT_STYLE="textStyle",n.HIGHLIGHT="highlight",n))(_||{}),B=(n=>(n.TEXT="text",n))(B||{}),x=(n=>(n.URL="url",n.STORY="story",n.ASSET="asset",n.EMAIL="email",n))(x||{});const qe=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],Fe=(n={})=>Object.keys(n).map(e=>`${e}="${n[e]}"`).join(" "),Ge=(n={})=>Object.keys(n).map(e=>`${e}: ${n[e]}`).join("; ");function Ve(n){return n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}const C=n=>Object.fromEntries(Object.entries(n).filter(([e,t])=>t!==void 0));function V(n,e={},t){const r=Fe(e),s=r?`${n} ${r}`:n,o=Array.isArray(t)?t.join(""):t||"";if(n){if(qe.includes(n))return`<${s}>`}else return o;return`<${s}>${o}</${n}>`}function Je(n={}){const e=new Map,{renderFn:t=V,textFn:r=Ve,resolvers:s={},optimizeImages:o=!1,keyedResolvers:i=!1}=n,l=t!==V,a=()=>({render:(c,u={},g)=>{if(i&&c){const f=e.get(c)||0;e.set(c,f+1),u.key=`${c}-${f}`}return t(c,u,g)}}),h=c=>(u,g)=>{const f=u.attrs||{};return g.render(c,f,u.children||null)},d=(c,u)=>{const{src:g,alt:f,title:v,srcset:$,sizes:T}=c.attrs||{};let w=g,R={};if(o){const{src:oe,attrs:ie}=De(g,o);w=oe,R=ie}const ne={src:w,alt:f,title:v,srcset:$,sizes:T,...R};return u.render("img",C(ne))},p=(c,u)=>{const{level:g,...f}=c.attrs||{};return u.render(`h${g}`,f,c.children)},b=(c,u)=>{var g,f,v,$;const T=u.render("img",{src:(g=c.attrs)==null?void 0:g.fallbackImage,alt:(f=c.attrs)==null?void 0:f.alt,style:"width: 1.25em; height: 1.25em; vertical-align: text-top",draggable:"false",loading:"lazy"});return u.render("span",{"data-type":"emoji","data-name":(v=c.attrs)==null?void 0:v.name,"data-emoji":($=c.attrs)==null?void 0:$.emoji},T)},E=(c,u)=>u.render("pre",c.attrs||{},u.render("code",{},c.children||"")),y=(c,u=!1)=>({text:g,attrs:f},v)=>{const{class:$,id:T,...w}=f||{},R=u?{class:$,id:T,style:Ge(w)||void 0}:f||{};return v.render(c,C(R),g)},S=c=>N(c),A=c=>{const{marks:u,...g}=c;if("text"in c){if(u)return u.reduce((v,$)=>S({...$,text:v}),S({...g,children:g.children}));const f=c.attrs||{};if(i){const v=e.get("txt")||0;e.set("txt",v+1),f.key=`txt-${v}`}return r(g.text,f)}return""},z=(c,u)=>{const{linktype:g,href:f,anchor:v,...$}=c.attrs||{};let T="";switch(g){case x.ASSET:case x.URL:T=f;break;case x.EMAIL:T=`mailto:${f}`;break;case x.STORY:T=f,v&&(T=`${T}#${v}`);break;default:T=f;break}const w={...$};return T&&(w.href=T),u.render("a",w,c.text)},Q=(c,u)=>{var g,f;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),u.render("span",{blok:(g=c==null?void 0:c.attrs)==null?void 0:g.body[0],id:(f=c.attrs)==null?void 0:f.id,style:"display: none"})},Z=(c,u)=>{const g={},f=u.render("tbody",{},c.children);return u.render("table",g,f)},ee=(c,u)=>{const g={};return u.render("tr",g,c.children)},te=(c,u)=>{const{colspan:g,rowspan:f,colwidth:v,backgroundColor:$,...T}=c.attrs||{},w={...T};g>1&&(w.colspan=g),f>1&&(w.rowspan=f);const R=[];return v&&R.push(`width: ${v}px;`),$&&R.push(`background-color: ${$};`),R.length>0&&(w.style=R.join(" ")),u.render("td",C(w),c.children)},re=(c,u)=>{const{colspan:g,rowspan:f,colwidth:v,backgroundColor:$,...T}=c.attrs||{},w={...T};g>1&&(w.colspan=g),f>1&&(w.rowspan=f);const R=[];return v&&R.push(`width: ${v}px;`),$&&R.push(`background-color: ${$};`),R.length>0&&(w.style=R.join(" ")),u.render("th",C(w),c.children)},se=new Map([[k.DOCUMENT,h("")],[k.HEADING,p],[k.PARAGRAPH,h("p")],[k.UL_LIST,h("ul")],[k.OL_LIST,h("ol")],[k.LIST_ITEM,h("li")],[k.IMAGE,d],[k.EMOJI,b],[k.CODE_BLOCK,E],[k.HR,h("hr")],[k.BR,h("br")],[k.QUOTE,h("blockquote")],[k.COMPONENT,Q],[B.TEXT,A],[_.LINK,z],[_.ANCHOR,z],[_.STYLED,y("span",!0)],[_.BOLD,y("strong")],[_.TEXT_STYLE,y("span",!0)],[_.ITALIC,y("em")],[_.UNDERLINE,y("u")],[_.STRIKE,y("s")],[_.CODE,y("code")],[_.SUPERSCRIPT,y("sup")],[_.SUBSCRIPT,y("sub")],[_.HIGHLIGHT,y("mark")],[k.TABLE,Z],[k.TABLE_ROW,ee],[k.TABLE_CELL,te],[k.TABLE_HEADER,re],...Object.entries(s).map(([c,u])=>[c,u])]);function O(c){const u=se.get(c.type);if(!u)return console.error("<Storyblok>",`No resolver found for node type ${c.type}`),"";const g=a();if(c.type==="text")return u(c,g);const f=c.content?c.content.map(N):void 0;return u({...c,children:f},g)}function N(c){return c.type==="doc"?l?c.content.map(O):c.content.map(O).join(""):Array.isArray(c)?c.map(O):O(c)}return{render:N}}let H,U="https://app.storyblok.com/f/storyblok-v2-latest.js";const Y=(n,e,t={})=>{var r;const s=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",o=new URL((r=window.location)==null?void 0:r.href).searchParams.get("_storyblok"),i=o!==null&&+o===n;if(!(!s||!i)){if(!n){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],l=>{var a;l&&(l.action==="input"&&((a=l.story)==null?void 0:a.id)===n?e(l.story):(l.action==="change"||l.action==="published")&&l.storyId===n&&window.location.reload())})})}},W=(n,e)=>{n.addNode("blok",t=>{let r="";return t.attrs.body.forEach(s=>{r+=e(s.component,s)}),{html:r}})},Ke=(n={})=>{var e,t;const{bridge:r,accessToken:s,use:o=[],apiOptions:i={},richText:l={},bridgeUrl:a}=n;i.accessToken=i.accessToken||s;const h={bridge:r,apiOptions:i};let d={};o.forEach(b=>{d={...d,...b(h)}}),a&&(U=a);const p=!(typeof window>"u")&&((t=(e=window.location)==null?void 0:e.search)==null?void 0:t.includes("_storyblok_tk"));return r!==!1&&p&&J(U),H=new I(l.schema),l.resolver&&W(H,l.resolver),d},X=n=>{var e;return!n||!((e=n==null?void 0:n.content)!=null&&e.some(t=>t.content||t.type==="blok"||t.type==="horizontal_rule"))},Ye=(n,e,t)=>{let r=t||H;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return X(n)?"":(e&&(r=new I(e.schema),e.resolver&&W(r,e.resolver)),r.render(n,{},!1))},We=()=>J(U);exports.BlockTypes=k;exports.MarkTypes=_;exports.RichTextResolver=I;exports.RichTextSchema=K;exports.TextTypes=B;exports.apiPlugin=Be;exports.isRichTextEmpty=X;exports.loadStoryblokBridge=We;exports.registerStoryblokBridge=Y;exports.renderRichText=Ye;exports.richTextResolver=Je;exports.storyblokEditable=ze;exports.storyblokInit=Ke;exports.useStoryblokBridge=Y;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function re(n,e){if(!e)return{src:n,attrs:{}};let t=0,r=0;const s={},o=[];function l(c,h,f,y,$){typeof c!="number"||c<=h||c>=f?console.warn(`[StoryblokRichText] - ${y.charAt(0).toUpperCase()+y.slice(1)} value must be a number between ${h} and ${f} (inclusive)`):$.push(`${y}(${c})`)}if(typeof e=="object"){if(typeof e.width=="number"&&e.width>0?(s.width=e.width,t=e.width):console.warn("[StoryblokRichText] - Width value must be a number greater than 0"),e.height&&typeof e.height=="number"&&e.height>0?(s.height=e.height,r=e.height):console.warn("[StoryblokRichText] - Height value must be a number greater than 0"),e.loading&&["lazy","eager"].includes(e.loading)&&(s.loading=e.loading),e.class&&(s.class=e.class),e.filters){const{filters:c}=e||{},{blur:h,brightness:f,fill:y,format:$,grayscale:A,quality:R,rotate:S}=c||{};h&&l(h,0,100,"blur",o),R&&l(R,0,100,"quality",o),f&&l(f,0,100,"brightness",o),y&&o.push(`fill(${y})`),A&&o.push("grayscale()"),S&&[0,90,180,270].includes(e.filters.rotate||0)&&o.push(`rotate(${S})`),$&&["webp","png","jpeg"].includes($)&&o.push(`format(${$})`)}e.srcset&&(s.srcset=e.srcset.map(c=>{if(typeof c=="number")return`${n}/m/${c}x0/${o.length>0?`filters:${o.join(":")}`:""} ${c}w`;if(Array.isArray(c)&&c.length===2){const[h,f]=c;return`${n}/m/${h}x${f}/${o.length>0?`filters:${o.join(":")}`:""} ${h}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),e.sizes&&(s.sizes=e.sizes.join(", "))}let a=`${n}/m/`;return t>0&&r>0&&(a=`${a}${t}x${r}/`),o.length>0&&(a=`${a}filters:${o.join(":")}`),{src:a,attrs:s}}var b=(n=>(n.DOCUMENT="doc",n.HEADING="heading",n.PARAGRAPH="paragraph",n.QUOTE="blockquote",n.OL_LIST="ordered_list",n.UL_LIST="bullet_list",n.LIST_ITEM="list_item",n.CODE_BLOCK="code_block",n.HR="horizontal_rule",n.BR="hard_break",n.IMAGE="image",n.EMOJI="emoji",n.COMPONENT="blok",n.TABLE="table",n.TABLE_ROW="tableRow",n.TABLE_CELL="tableCell",n.TABLE_HEADER="tableHeader",n))(b||{}),_=(n=>(n.BOLD="bold",n.STRONG="strong",n.STRIKE="strike",n.UNDERLINE="underline",n.ITALIC="italic",n.CODE="code",n.LINK="link",n.ANCHOR="anchor",n.STYLED="styled",n.SUPERSCRIPT="superscript",n.SUBSCRIPT="subscript",n.TEXT_STYLE="textStyle",n.HIGHLIGHT="highlight",n))(_||{}),N=(n=>(n.TEXT="text",n))(N||{}),I=(n=>(n.URL="url",n.STORY="story",n.ASSET="asset",n.EMAIL="email",n))(I||{});const ne=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],oe=(n={})=>Object.keys(n).map(e=>`${e}="${n[e]}"`).join(" "),ie=(n={})=>Object.keys(n).map(e=>`${e}: ${n[e]}`).join("; ");function ae(n){return n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}const O=n=>Object.fromEntries(Object.entries(n).filter(([e,t])=>t!==void 0));function B(n,e={},t){const r=oe(e),s=r?`${n} ${r}`:n,o=Array.isArray(t)?t.join(""):t||"";if(n){if(ne.includes(n))return`<${s}>`}else return o;return`<${s}>${o}</${n}>`}function G(n={}){const e=new Map,{renderFn:t=B,textFn:r=ae,resolvers:s={},optimizeImages:o=!1,keyedResolvers:l=!1}=n,a=t!==B,c=()=>({render:(i,u={},d)=>{if(l&&i){const p=e.get(i)||0;e.set(i,p+1),u.key=`${i}-${p}`}return t(i,u,d)}}),h=i=>(u,d)=>{const p=u.attrs||{};return d.render(i,p,u.children||null)},f=(i,u)=>{const{src:d,alt:p,title:m,srcset:w,sizes:v}=i.attrs||{};let k=d,T={};if(o){const{src:te,attrs:se}=re(d,o);k=te,T=se}const ee={src:k,alt:p,title:m,srcset:w,sizes:v,...T};return u.render("img",O(ee))},y=(i,u)=>{const{level:d,...p}=i.attrs||{};return u.render(`h${d}`,p,i.children)},$=(i,u)=>{var d,p,m,w;const v=u.render("img",{src:(d=i.attrs)==null?void 0:d.fallbackImage,alt:(p=i.attrs)==null?void 0:p.alt,style:"width: 1.25em; height: 1.25em; vertical-align: text-top",draggable:"false",loading:"lazy"});return u.render("span",{"data-type":"emoji","data-name":(m=i.attrs)==null?void 0:m.name,"data-emoji":(w=i.attrs)==null?void 0:w.emoji},v)},A=(i,u)=>u.render("pre",i.attrs||{},u.render("code",{},i.children||"")),R=(i,u=!1)=>({text:d,attrs:p},m)=>{const{class:w,id:v,...k}=p||{},T=u?{class:w,id:v,style:ie(k)||void 0}:p||{};return m.render(i,O(T),d)},S=i=>C(i),J=i=>{const{marks:u,...d}=i;if("text"in i){if(u)return u.reduce((m,w)=>S({...w,text:m}),S({...d,children:d.children}));const p=i.attrs||{};if(l){const m=e.get("txt")||0;e.set("txt",m+1),p.key=`txt-${m}`}return r(d.text,p)}return""},U=(i,u)=>{const{linktype:d,href:p,anchor:m,...w}=i.attrs||{};let v="";switch(d){case I.ASSET:case I.URL:v=p;break;case I.EMAIL:v=`mailto:${p}`;break;case I.STORY:v=p,m&&(v=`${v}#${m}`);break;default:v=p;break}const k={...w};return v&&(k.href=v),u.render("a",k,i.text)},Y=(i,u)=>{var d,p;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),u.render("span",{blok:(d=i==null?void 0:i.attrs)==null?void 0:d.body[0],id:(p=i.attrs)==null?void 0:p.id,style:"display: none"})},K=(i,u)=>{const d={},p=u.render("tbody",{},i.children);return u.render("table",d,p)},W=(i,u)=>{const d={};return u.render("tr",d,i.children)},X=(i,u)=>{const{colspan:d,rowspan:p,colwidth:m,backgroundColor:w,...v}=i.attrs||{},k={...v};d>1&&(k.colspan=d),p>1&&(k.rowspan=p);const T=[];return m&&T.push(`width: ${m}px;`),w&&T.push(`background-color: ${w};`),T.length>0&&(k.style=T.join(" ")),u.render("td",O(k),i.children)},Q=(i,u)=>{const{colspan:d,rowspan:p,colwidth:m,backgroundColor:w,...v}=i.attrs||{},k={...v};d>1&&(k.colspan=d),p>1&&(k.rowspan=p);const T=[];return m&&T.push(`width: ${m}px;`),w&&T.push(`background-color: ${w};`),T.length>0&&(k.style=T.join(" ")),u.render("th",O(k),i.children)},Z=new Map([[b.DOCUMENT,h("")],[b.HEADING,y],[b.PARAGRAPH,h("p")],[b.UL_LIST,h("ul")],[b.OL_LIST,h("ol")],[b.LIST_ITEM,h("li")],[b.IMAGE,f],[b.EMOJI,$],[b.CODE_BLOCK,A],[b.HR,h("hr")],[b.BR,h("br")],[b.QUOTE,h("blockquote")],[b.COMPONENT,Y],[N.TEXT,J],[_.LINK,U],[_.ANCHOR,U],[_.STYLED,R("span",!0)],[_.BOLD,R("strong")],[_.TEXT_STYLE,R("span",!0)],[_.ITALIC,R("em")],[_.UNDERLINE,R("u")],[_.STRIKE,R("s")],[_.CODE,R("code")],[_.SUPERSCRIPT,R("sup")],[_.SUBSCRIPT,R("sub")],[_.HIGHLIGHT,R("mark")],[b.TABLE,K],[b.TABLE_ROW,W],[b.TABLE_CELL,X],[b.TABLE_HEADER,Q],...Object.entries(s).map(([i,u])=>[i,u])]);function L(i){const u=Z.get(i.type);if(!u)return console.error("<Storyblok>",`No resolver found for node type ${i.type}`),"";const d=c();if(i.type==="text")return u(i,d);const p=i.content?i.content.map(C):void 0;return u({...i,children:p},d)}function C(i){return i.type==="doc"?a?i.content.map(L):i.content.map(L).join(""):Array.isArray(i)?i.map(L):L(i)}return{render:C}}let D=!1;const M=[],V=n=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}D?s():M.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=n,r.id="storyblok-javascript-bridge",r.onerror=s=>t(s),r.onload=s=>{M.forEach(o=>o()),D=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(r)});var le=Object.defineProperty,ce=(n,e,t)=>e in n?le(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,g=(n,e,t)=>ce(n,typeof e!="symbol"?e+"":e,t);class he extends Error{constructor(e){super(e),this.name="AbortError"}}function ue(n,e,t){if(!Number.isFinite(e))throw new TypeError("Expected `limit` to be a finite number");if(!Number.isFinite(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let s=[],o=0,l=!1;const a=async()=>{o++;const h=r.shift();if(h)try{const y=await n(...h.args);h.resolve(y)}catch(y){h.reject(y)}const f=setTimeout(()=>{o--,r.length>0&&a(),s=s.filter(y=>y!==f)},t);s.includes(f)||s.push(f)},c=(...h)=>l?Promise.reject(new Error("Throttled function is already aborted and not accepting new promises")):new Promise((f,y)=>{r.push({resolve:f,reject:y,args:h}),o<e&&a()});return c.abort=()=>{l=!0,s.forEach(clearTimeout),s=[],r.forEach(h=>h.reject(()=>new he("Throttle function aborted"))),r.length=0},c}const de=(n="")=>n.includes("/cdn/"),pe=(n,e=25,t=1)=>({...n,per_page:e,page:t}),fe=n=>new Promise(e=>setTimeout(e,n)),ye=(n=0,e)=>Array.from({length:n},e),ge=(n=0,e=n)=>{const t=Math.abs(e-n)||0,r=n<e?1:-1;return ye(t,(s,o)=>o*r+n)},me=async(n,e)=>Promise.all(n.map(e)),be=(n=[],e)=>n.map(e).reduce((t,r)=>[...t,...r],[]),H=(n,e,t)=>{const r=[];for(const s in n){if(!Object.prototype.hasOwnProperty.call(n,s))continue;const o=n[s];if(o==null)continue;const l=t?"":encodeURIComponent(s);let a;typeof o=="object"?a=H(o,e?e+encodeURIComponent(`[${l}]`):l,Array.isArray(o)):a=`${e?e+encodeURIComponent(`[${l}]`):l}=${encodeURIComponent(o)}`,r.push(a)}return r.join("&")},z=n=>{const e={eu:"api.storyblok.com",us:"api-us.storyblok.com",cn:"app.storyblokchina.cn",ap:"api-ap.storyblok.com",ca:"api-ca.storyblok.com"};return e[n]??e.eu};class ve{constructor(e){g(this,"baseURL"),g(this,"timeout"),g(this,"headers"),g(this,"responseInterceptor"),g(this,"fetch"),g(this,"ejectInterceptor"),g(this,"url"),g(this,"parameters"),g(this,"fetchOptions"),this.baseURL=e.baseURL,this.headers=e.headers||new Headers,this.timeout=e!=null&&e.timeout?e.timeout*1e3:0,this.responseInterceptor=e.responseInterceptor,this.fetch=(...t)=>e.fetch?e.fetch(...t):fetch(...t),this.ejectInterceptor=!1,this.url="",this.parameters={},this.fetchOptions={}}get(e,t){return this.url=e,this.parameters=t,this._methodHandler("get")}post(e,t){return this.url=e,this.parameters=t,this._methodHandler("post")}put(e,t){return this.url=e,this.parameters=t,this._methodHandler("put")}delete(e,t){return this.url=e,this.parameters=t??{},this._methodHandler("delete")}async _responseHandler(e){const t=[],r={data:{},headers:{},status:0,statusText:""};e.status!==204&&await e.json().then(s=>{r.data=s});for(const s of e.headers.entries())t[s[0]]=s[1];return r.headers={...t},r.status=e.status,r.statusText=e.statusText,r}async _methodHandler(e){let t=`${this.baseURL}${this.url}`,r=null;e==="get"?t=`${this.baseURL}${this.url}?${H(this.parameters)}`:r=JSON.stringify(this.parameters);const s=new URL(t),o=new AbortController,{signal:l}=o;let a;this.timeout&&(a=setTimeout(()=>o.abort(),this.timeout));try{const c=await this.fetch(`${s}`,{method:e,headers:this.headers,body:r,signal:l,...this.fetchOptions});this.timeout&&clearTimeout(a);const h=await this._responseHandler(c);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(h)):this._statusHandler(h)}catch(c){return{message:c}}}setFetchOptions(e={}){Object.keys(e).length>0&&"method"in e&&delete e.method,this.fetchOptions={...e}}eject(){this.ejectInterceptor=!0}_normalizeErrorMessage(e){if(Array.isArray(e))return e[0]||"Unknown error";if(e&&typeof e=="object"){if(e.error)return e.error;for(const t in e){if(Array.isArray(e[t]))return`${t}: ${e[t][0]}`;if(typeof e[t]=="string")return`${t}: ${e[t]}`}if(e.slug)return e.slug}return"Unknown error"}_statusHandler(e){const t=/20[0-6]/g;return new Promise((r,s)=>{if(t.test(`${e.status}`))return r(e);const o={message:this._normalizeErrorMessage(e.data),status:e.status,response:e};s(o)})}}const F="SB-Agent",P={defaultAgentName:"SB-JS-CLIENT",defaultAgentVersion:"SB-Agent-Version",packageVersion:"6.0.0"},ke={DRAFT:"draft"};let j={};const E={};class we{constructor(e,t){g(this,"client"),g(this,"maxRetries"),g(this,"retriesDelay"),g(this,"throttle"),g(this,"accessToken"),g(this,"cache"),g(this,"resolveCounter"),g(this,"relations"),g(this,"links"),g(this,"version"),g(this,"richTextResolver"),g(this,"resolveNestedRelations"),g(this,"stringifiedStoriesCache"),g(this,"inlineAssets");let r=e.endpoint||t;if(!r){const l=e.https===!1?"http":"https";e.oauthToken?r=`${l}://${z(e.region)}/v1`:r=`${l}://${z(e.region)}/v2`}const s=new Headers;s.set("Content-Type","application/json"),s.set("Accept","application/json"),e.headers&&(e.headers.constructor.name==="Headers"?e.headers.entries().toArray():Object.entries(e.headers)).forEach(([l,a])=>{s.set(l,a)}),s.has(F)||(s.set(F,P.defaultAgentName),s.set(P.defaultAgentVersion,P.packageVersion));let o=5;e.oauthToken&&(s.set("Authorization",e.oauthToken),o=3),e.rateLimit&&(o=e.rateLimit),this.maxRetries=e.maxRetries||10,this.retriesDelay=300,this.throttle=ue(this.throttledRequest.bind(this),o,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.resolveCounter=0,this.resolveNestedRelations=e.resolveNestedRelations||!0,this.stringifiedStoriesCache={},this.version=e.version||ke.DRAFT,this.inlineAssets=e.inlineAssets||!1,this.client=new ve({baseURL:r,timeout:e.timeout||0,headers:s,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}parseParams(e){return e.token||(e.token=this.getToken()),e.cv||(e.cv=E[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),typeof e.resolve_relations<"u"&&(e.resolve_level=2),e}factoryParamOptions(e,t){return de(e)?this.parseParams(t):t}makeRequest(e,t,r,s,o){const l=this.factoryParamOptions(e,pe(t,r,s));return this.cacheResponse(e,l,void 0,o)}get(e,t={},r){t||(t={});const s=`/${e}`;t.version=t.version||this.version;const o=this.factoryParamOptions(s,t);return this.cacheResponse(s,o,void 0,r)}async getAll(e,t={},r,s){const o=(t==null?void 0:t.per_page)||25,l=`/${e}`.replace(/\/$/,""),a=r??l.substring(l.lastIndexOf("/")+1);t.version=t.version||this.version;const c=1,h=await this.makeRequest(l,t,o,c,s),f=h.total?Math.ceil(h.total/o):1,y=await me(ge(c,f),$=>this.makeRequest(l,t,o,$+1,s));return be([h,...y],$=>Object.values($.data[a]))}post(e,t={},r){const s=`/${e}`;return this.throttle("post",s,t,r)}put(e,t={},r){const s=`/${e}`;return this.throttle("put",s,t,r)}delete(e,t={},r){t||(t={});const s=`/${e}`;return this.throttle("delete",s,t,r)}getStories(e={},t){return this._addResolveLevel(e),this.get("cdn/stories",e,t)}getStory(e,t={},r){return this._addResolveLevel(t),this.get(`cdn/stories/${e}`,t,r)}getToken(){return this.accessToken}ejectInterceptor(){this.client.eject()}_addResolveLevel(e){typeof e.resolve_relations<"u"&&(e.resolve_level=2)}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t,r){const s=e[t];s&&s.fieldtype==="multilink"&&s.linktype==="story"&&typeof s.id=="string"&&this.links[r][s.id]?s.story=this._cleanCopy(this.links[r][s.id]):s&&s.linktype==="story"&&typeof s.uuid=="string"&&this.links[r][s.uuid]&&(s.story=this._cleanCopy(this.links[r][s.uuid]))}getStoryReference(e,t){return this.relations[e][t]?JSON.parse(this.stringifiedStoriesCache[t]||JSON.stringify(this.relations[e][t])):t}_resolveField(e,t,r){const s=e[t];typeof s=="string"?e[t]=this.getStoryReference(r,s):Array.isArray(s)&&(e[t]=s.map(o=>this.getStoryReference(r,o)).filter(Boolean))}_insertRelations(e,t,r,s){if(Array.isArray(r)?r.find(l=>l.endsWith(`.${t}`)):r.endsWith(`.${t}`)){this._resolveField(e,t,s);return}const o=e.component?`${e.component}.${t}`:t;(Array.isArray(r)?r.includes(o):r===o)&&this._resolveField(e,t,s)}iterateTree(e,t,r){const s=(o,l="")=>{if(!(!o||o._stopResolving)){if(Array.isArray(o))o.forEach((a,c)=>s(a,`${l}[${c}]`));else if(typeof o=="object")for(const a in o){const c=l?`${l}.${a}`:a;(o.component&&o._uid||o.type==="link")&&(this._insertRelations(o,a,t,r),this._insertLinks(o,a,r)),s(o[a],c)}}};s(e.content)}async resolveLinks(e,t,r){let s=[];if(e.link_uuids){const o=e.link_uuids.length,l=[],a=50;for(let c=0;c<o;c+=a){const h=Math.min(o,c+a);l.push(e.link_uuids.slice(c,h))}for(let c=0;c<l.length;c++)(await this.getStories({per_page:a,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:l[c].join(",")})).data.stories.forEach(h=>{s.push(h)})}else s=e.links;s.forEach(o=>{this.links[r][o.uuid]={...o,_stopResolving:!0}})}async resolveRelations(e,t,r){let s=[];if(e.rel_uuids){const o=e.rel_uuids.length,l=[],a=50;for(let c=0;c<o;c+=a){const h=Math.min(o,c+a);l.push(e.rel_uuids.slice(c,h))}for(let c=0;c<l.length;c++)(await this.getStories({per_page:a,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:l[c].join(","),excluding_fields:t.excluding_fields})).data.stories.forEach(h=>{s.push(h)});s.length>0&&(e.rels=s,delete e.rel_uuids)}else s=e.rels;s&&s.length>0&&s.forEach(o=>{this.relations[r][o.uuid]={...o,_stopResolving:!0}})}async resolveStories(e,t,r){var s,o;let l=[];if(this.links[r]={},this.relations[r]={},typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(l=t.resolve_relations.split(",")),await this.resolveRelations(e,t,r)),t.resolve_links&&["1","story","url","link"].includes(t.resolve_links)&&((s=e.links)!=null&&s.length||(o=e.link_uuids)!=null&&o.length)&&await this.resolveLinks(e,t,r),this.resolveNestedRelations)for(const a in this.relations[r])this.iterateTree(this.relations[r][a],l,r);e.story?this.iterateTree(e.story,l,r):e.stories.forEach(a=>{this.iterateTree(a,l,r)}),this.stringifiedStoriesCache={},delete this.links[r],delete this.relations[r]}async cacheResponse(e,t,r,s){const o=H({url:e,params:t}),l=this.cacheProvider();if(t.version==="published"&&e!=="/cdn/spaces/me"){const a=await l.get(o);if(a)return Promise.resolve(a)}return new Promise(async(a,c)=>{var h;try{const f=await this.throttle("get",e,t,s);if(f.status!==200)return c(f);let y={data:f.data,headers:f.headers};if((h=f.headers)!=null&&h["per-page"]&&(y=Object.assign({},y,{perPage:f.headers["per-page"]?Number.parseInt(f.headers["per-page"]):0,total:f.headers["per-page"]?Number.parseInt(f.headers.total):0})),y.data.story||y.data.stories){const A=this.resolveCounter=++this.resolveCounter%1e3;await this.resolveStories(y.data,t,`${A}`),y=await this.processInlineAssets(y)}t.version==="published"&&e!=="/cdn/spaces/me"&&await l.set(o,y);const $=this.cache.clear==="onpreview"&&t.version==="draft"||this.cache.clear==="auto";return t.token&&y.data.cv&&($&&E[t.token]&&E[t.token]!==y.data.cv&&await this.flushCache(),E[t.token]=y.data.cv),a(y)}catch(f){if(f.response&&f.status===429&&(r=typeof r>"u"?0:r+1,r<this.maxRetries))return console.log(`Hit rate limit. Retrying in ${this.retriesDelay/1e3} seconds.`),await fe(this.retriesDelay),this.cacheResponse(e,t,r).then(a).catch(c);c(f)}})}throttledRequest(e,t,r,s){return this.client.setFetchOptions(s),this.client[e](t,r)}cacheVersions(){return E}cacheVersion(){return E[this.accessToken]}setCacheVersion(e){this.accessToken&&(E[this.accessToken]=e)}clearCacheVersion(){this.accessToken&&(E[this.accessToken]=0)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(j[e])},getAll(){return Promise.resolve(j)},set(e,t){return j[e]=t,Promise.resolve(void 0)},flush(){return j={},Promise.resolve(void 0)}};case"custom":if(this.cache.custom)return this.cache.custom;default:return{get(){return Promise.resolve()},getAll(){return Promise.resolve(void 0)},set(){return Promise.resolve(void 0)},flush(){return Promise.resolve(void 0)}}}}async flushCache(){return await this.cacheProvider().flush(),this.clearCacheVersion(),this}async processInlineAssets(e){if(!this.inlineAssets)return e;const t=r=>{if(!r||typeof r!="object")return r;if(Array.isArray(r))return r.map(o=>t(o));let s={...r};s.fieldtype==="asset"&&Array.isArray(e.data.assets)&&(s={...s,...e.data.assets.find(o=>o.id===s.id)});for(const o in s)typeof s[o]=="object"&&(s[o]=t(s[o]));return s};return e.data.story&&(e.data.story.content=t(e.data.story.content)),e.data.stories&&(e.data.stories=e.data.stories.map(r=>(r.content=t(r.content),r))),e}}const Te=(n={})=>{const{apiOptions:e}=n;if(!e||!e.accessToken){console.error("You need to provide an access token to interact with Storyblok API. Read https://www.storyblok.com/docs/api/content-delivery#topics/authentication");return}return{storyblokApi:new we(e)}},_e=n=>{if(typeof n!="object"||typeof n._editable>"u")return{};try{const e=JSON.parse(n._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return e?{"data-blok-c":JSON.stringify(e),"data-blok-uid":`${e.id}-${e.uid}`}:{}}catch{return{}}};let x="https://app.storyblok.com/f/storyblok-v2-latest.js";const q=(n,e,t={})=>{var r;const s=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",o=new URL((r=window.location)==null?void 0:r.href).searchParams.get("_storyblok"),l=o!==null&&+o===n;if(!(!s||!l)){if(!n){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],a=>{var c;a&&(a.action==="input"&&((c=a.story)==null?void 0:c.id)===n?e(a.story):(a.action==="change"||a.action==="published")&&a.storyId===n&&window.location.reload())})})}},$e=(n={})=>{var e,t;const{bridge:r,accessToken:s,use:o=[],apiOptions:l={},bridgeUrl:a}=n;l.accessToken=l.accessToken||s;const c={bridge:r,apiOptions:l};let h={};o.forEach(y=>{h={...h,...y(c)}}),a&&(x=a);const f=!(typeof window>"u")&&((t=(e=window.location)==null?void 0:e.search)==null?void 0:t.includes("_storyblok_tk"));return r!==!1&&f&&V(x),h};function Re(n,e){return G(e).render(n)}const Ee=()=>V(x);exports.BlockTypes=b;exports.MarkTypes=_;exports.TextTypes=N;exports.apiPlugin=Te;exports.loadStoryblokBridge=Ee;exports.registerStoryblokBridge=q;exports.renderRichText=Re;exports.richTextResolver=G;exports.storyblokEditable=_e;exports.storyblokInit=$e;exports.useStoryblokBridge=q;
|