@storyblok/js 5.1.10 → 6.0.0

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import { StoryblokRichTextNode, StoryblokRichTextOptions } from '@storyblok/richtext';
 import { ISbStoryData, SbInitResult, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokComponentType } from './types';
 export interface StoryblokBridgeEvent {
     action: string;
@@ -7,17 +6,11 @@ export interface StoryblokBridgeEvent {
 }
 export declare const useStoryblokBridge: <T extends StoryblokComponentType<string> = any>(id: number, cb: (newStory: ISbStoryData<T>) => void, options?: StoryblokBridgeConfigV2) => void;
 export declare const storyblokInit: (pluginOptions?: SbSDKOptions) => SbInitResult;
-/**
- * Render Rich Text
- * @param data - The rich text data to render
- * @param options - The options for the rich text
- * @returns The rendered rich text
- */
-export declare function renderRichText<T = string>(data: StoryblokRichTextNode<T>, options?: StoryblokRichTextOptions<T>): T | undefined;
 export declare const loadStoryblokBridge: () => Promise<unknown>;
 export { useStoryblokBridge as registerStoryblokBridge };
 export { default as apiPlugin } from './api';
 export { default as storyblokEditable } from './editable';
 export * from './types';
-export { asTag, BlockTypes, ComponentBlok, LinkTypes, MarkTypes, richTextResolver, segmentStoryblokRichText, type StoryblokRichTextDocumentNode, type StoryblokRichTextImageOptimizationOptions, type StoryblokRichTextNode, type StoryblokRichTextNodeTypes, type StoryblokRichTextOptions, TextTypes, } from '@storyblok/richtext';
+export { buildStoryblokImage, renderRichText, splitTableRows } from '@storyblok/richtext';
+export type { SbRichTextDoc, SbRichTextImageOptions, SbRichTextMark, SbRichTextNode, SbRichTextProps, SbRichTextRenderContext, SbRichTextRendererMap, } from '@storyblok/richtext';
 export { default as StoryblokClient } from 'storyblok-js-client';

package/dist/storyblok-js.js

@@ -4,4 +4,4 @@
  * description: SDK to integrate Storyblok into your project using JavaScript.
  * author: undefined
  */
-(function(e,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@storyblok/richtext"),require("storyblok-js-client")):typeof define=="function"&&define.amd?define(["exports","@storyblok/richtext","storyblok-js-client"],r):(e=typeof globalThis<"u"?globalThis:e||self,r(e.storyblok={},e.StoryblokRichtext,e.StoryblokClient))})(this,(function(e,r,b){"use strict";let f=!1;const k=[],p=t=>new Promise((o,d)=>{if(typeof window>"u"){d(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));return}if(window.storyblokRegisterEvent=n=>{if(!window.location.search.includes("_storyblok")){console.warn("You are not in Draft Mode or in the Visual Editor.");return}f?n():k.push(n)},document.getElementById("storyblok-javascript-bridge")){o(void 0);return}const i=document.createElement("script");i.async=!0,i.src=t,i.id="storyblok-javascript-bridge",i.onerror=n=>d(n),i.onload=n=>{k.forEach(l=>l()),f=!0,o(n)},document.getElementsByTagName("head")[0].appendChild(i)}),m=(t={})=>{const{apiOptions:o}=t;if(!o||!o.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 b(o)}},T=t=>{if(typeof t!="object"||typeof t._editable>"u")return{};try{const o=JSON.parse(t._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return o?{"data-blok-c":JSON.stringify(o),"data-blok-uid":`${o.id}-${o.uid}`}:{}}catch{return{}}};let u="https://app.storyblok.com/f/storyblok-v2-latest.js";const g=(t,o,d={})=>{var c;const n=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",l=new URL((c=window.location)==null?void 0:c.href).searchParams.get("_storyblok"),y=l!==null&&+l===t;if(!(!n||!y)){if(!t){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(d).on(["input","published","change"],s=>{var a;s&&(s.action==="input"&&((a=s.story)==null?void 0:a.id)===t?o(s.story):(s.action==="change"||s.action==="published")&&s.storyId===t&&window.location.reload())})})}},h=(t={})=>{var a,w;const{bridge:o,accessToken:d,use:i=[],apiOptions:n={},bridgeUrl:l}=t;n.accessToken=n.accessToken||d;const y={bridge:o,apiOptions:n};let c={};i.forEach(v=>{c={...c,...v(y)}}),l&&(u=l);const s=!(typeof window>"u")&&((w=(a=window.location)==null?void 0:a.search)==null?void 0:w.includes("_storyblok_tk"));return o!==!1&&s&&p(u),c};function S(t,o){return r.richTextResolver(o).render(t)}const B=()=>p(u);Object.defineProperty(e,"BlockTypes",{enumerable:!0,get:()=>r.BlockTypes}),Object.defineProperty(e,"ComponentBlok",{enumerable:!0,get:()=>r.ComponentBlok}),Object.defineProperty(e,"LinkTypes",{enumerable:!0,get:()=>r.LinkTypes}),Object.defineProperty(e,"MarkTypes",{enumerable:!0,get:()=>r.MarkTypes}),Object.defineProperty(e,"TextTypes",{enumerable:!0,get:()=>r.TextTypes}),Object.defineProperty(e,"asTag",{enumerable:!0,get:()=>r.asTag}),Object.defineProperty(e,"richTextResolver",{enumerable:!0,get:()=>r.richTextResolver}),Object.defineProperty(e,"segmentStoryblokRichText",{enumerable:!0,get:()=>r.segmentStoryblokRichText}),e.StoryblokClient=b,e.apiPlugin=m,e.loadStoryblokBridge=B,e.registerStoryblokBridge=g,e.renderRichText=S,e.storyblokEditable=T,e.storyblokInit=h,e.useStoryblokBridge=g,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+(function(e,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("storyblok-js-client"),require("@storyblok/richtext")):typeof define=="function"&&define.amd?define(["exports","storyblok-js-client","@storyblok/richtext"],l):(e=typeof globalThis<"u"?globalThis:e||self,l(e.storyblok={},e.StoryblokClient,e.StoryblokRichtext))})(this,(function(e,l,u){"use strict";let f=!1;const k=[],p=t=>new Promise((o,s)=>{if(typeof window>"u"){s(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));return}if(window.storyblokRegisterEvent=r=>{if(!window.location.search.includes("_storyblok")){console.warn("You are not in Draft Mode or in the Visual Editor.");return}f?r():k.push(r)},document.getElementById("storyblok-javascript-bridge")){o(void 0);return}const i=document.createElement("script");i.async=!0,i.src=t,i.id="storyblok-javascript-bridge",i.onerror=r=>s(r),i.onload=r=>{k.forEach(d=>d()),f=!0,o(r)},document.getElementsByTagName("head")[0].appendChild(i)}),h=(t={})=>{const{apiOptions:o}=t;if(!o||!o.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 l(o)}},S=t=>{if(typeof t!="object"||typeof t._editable>"u")return{};try{const o=JSON.parse(t._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return o?{"data-blok-c":JSON.stringify(o),"data-blok-uid":`${o.id}-${o.uid}`}:{}}catch{return{}}};let b="https://app.storyblok.com/f/storyblok-v2-latest.js";const w=(t,o,s={})=>{var c;const r=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",d=new URL((c=window.location)==null?void 0:c.href).searchParams.get("_storyblok"),y=d!==null&&+d===t;if(!(!r||!y)){if(!t){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(s).on(["input","published","change"],n=>{var a;n&&(n.action==="input"&&((a=n.story)==null?void 0:a.id)===t?o(n.story):(n.action==="change"||n.action==="published")&&n.storyId===t&&window.location.reload())})})}},m=(t={})=>{var a,g;const{bridge:o,accessToken:s,use:i=[],apiOptions:r={},bridgeUrl:d}=t;r.accessToken=r.accessToken||s;const y={bridge:o,apiOptions:r};let c={};i.forEach(T=>{c={...c,...T(y)}}),d&&(b=d);const n=!(typeof window>"u")&&((g=(a=window.location)==null?void 0:a.search)==null?void 0:g.includes("_storyblok_tk"));return o!==!1&&n&&p(b),c},B=()=>p(b);e.StoryblokClient=l,Object.defineProperty(e,"buildStoryblokImage",{enumerable:!0,get:()=>u.buildStoryblokImage}),Object.defineProperty(e,"renderRichText",{enumerable:!0,get:()=>u.renderRichText}),Object.defineProperty(e,"splitTableRows",{enumerable:!0,get:()=>u.splitTableRows}),e.apiPlugin=h,e.loadStoryblokBridge=B,e.registerStoryblokBridge=w,e.storyblokEditable=S,e.storyblokInit=m,e.useStoryblokBridge=w,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/storyblok-js.mjs

@@ -4,12 +4,11 @@
  * description: SDK to integrate Storyblok into your project using JavaScript.
  * author: undefined
  */
-import { richTextResolver as w } from "@storyblok/richtext";
-import { BlockTypes as _, ComponentBlok as C, LinkTypes as P, MarkTypes as L, TextTypes as O, asTag as j, richTextResolver as A, segmentStoryblokRichText as D } from "@storyblok/richtext";
-import g from "storyblok-js-client";
-import { default as $ } from "storyblok-js-client";
+import k from "storyblok-js-client";
+import { default as R } from "storyblok-js-client";
+import { buildStoryblokImage as _, renderRichText as P, splitTableRows as x } from "@storyblok/richtext";
 let y = !1;
-const u = [], f = (e) => new Promise((o, i) => {
+const p = [], b = (e) => new Promise((o, i) => {
   if (typeof window > "u") {
     i(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));
     return;
@@ -19,16 +18,16 @@ const u = [], f = (e) => new Promise((o, i) => {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
-    y ? t() : u.push(t);
+    y ? t() : p.push(t);
   }, document.getElementById("storyblok-javascript-bridge")) {
     o(void 0);
     return;
   }
   const r = document.createElement("script");
   r.async = !0, r.src = e, r.id = "storyblok-javascript-bridge", r.onerror = (t) => i(t), r.onload = (t) => {
-    u.forEach((s) => s()), y = !0, o(t);
+    p.forEach((s) => s()), y = !0, o(t);
   }, document.getElementsByTagName("head")[0].appendChild(r);
-}), S = (e = {}) => {
+}), h = (e = {}) => {
   const { apiOptions: o } = e;
   if (!o || !o.accessToken) {
     console.error(
@@ -36,8 +35,8 @@ const u = [], f = (e) => new Promise((o, i) => {
     );
     return;
   }
-  return { storyblokApi: new g(o) };
-}, T = (e) => {
+  return { storyblokApi: new k(o) };
+}, m = (e) => {
   if (typeof e != "object" || typeof e._editable > "u")
     return {};
   try {
@@ -52,26 +51,26 @@ const u = [], f = (e) => new Promise((o, i) => {
     return {};
   }
 };
-let l = "https://app.storyblok.com/f/storyblok-v2-latest.js";
-const v = (e, o, i = {}) => {
-  var a;
-  const t = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", s = new URL((a = window.location) == null ? void 0 : a.href).searchParams.get(
+let c = "https://app.storyblok.com/f/storyblok-v2-latest.js";
+const S = (e, o, i = {}) => {
+  var d;
+  const t = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", s = new URL((d = window.location) == null ? void 0 : d.href).searchParams.get(
     "_storyblok"
-  ), c = s !== null && +s === e;
-  if (!(!t || !c)) {
+  ), l = s !== null && +s === e;
+  if (!(!t || !l)) {
     if (!e) {
       console.warn("Story ID is not defined. Please provide a valid ID.");
       return;
     }
     window.storyblokRegisterEvent(() => {
       new window.StoryblokBridge(i).on(["input", "published", "change"], (n) => {
-        var d;
-        n && (n.action === "input" && ((d = n.story) == null ? void 0 : d.id) === e ? o(n.story) : (n.action === "change" || n.action === "published") && n.storyId === e && window.location.reload());
+        var a;
+        n && (n.action === "input" && ((a = n.story) == null ? void 0 : a.id) === e ? o(n.story) : (n.action === "change" || n.action === "published") && n.storyId === e && window.location.reload());
       });
     });
   }
-}, B = (e = {}) => {
-  var d, p;
+}, E = (e = {}) => {
+  var a, u;
   const {
     bridge: o,
     accessToken: i,
@@ -80,33 +79,23 @@ const v = (e, o, i = {}) => {
     bridgeUrl: s
   } = e;
   t.accessToken = t.accessToken || i;
-  const c = { bridge: o, apiOptions: t };
-  let a = {};
-  r.forEach((k) => {
-    a = { ...a, ...k(c) };
-  }), s && (l = s);
-  const n = !(typeof window > "u") && ((p = (d = window.location) == null ? void 0 : d.search) == null ? void 0 : p.includes("_storyblok_tk"));
-  return o !== !1 && n && f(l), a;
-};
-function E(e, o) {
-  return w(o).render(e);
-}
-const R = () => f(l);
+  const l = { bridge: o, apiOptions: t };
+  let d = {};
+  r.forEach((w) => {
+    d = { ...d, ...w(l) };
+  }), s && (c = s);
+  const n = !(typeof window > "u") && ((u = (a = window.location) == null ? void 0 : a.search) == null ? void 0 : u.includes("_storyblok_tk"));
+  return o !== !1 && n && b(c), d;
+}, v = () => b(c);
 export {
-  _ as BlockTypes,
-  C as ComponentBlok,
-  P as LinkTypes,
-  L as MarkTypes,
-  $ as StoryblokClient,
-  O as TextTypes,
-  S as apiPlugin,
-  j as asTag,
-  R as loadStoryblokBridge,
-  v as registerStoryblokBridge,
-  E as renderRichText,
-  A as richTextResolver,
-  D as segmentStoryblokRichText,
-  T as storyblokEditable,
-  B as storyblokInit,
-  v as useStoryblokBridge
+  R as StoryblokClient,
+  h as apiPlugin,
+  _ as buildStoryblokImage,
+  v as loadStoryblokBridge,
+  S as registerStoryblokBridge,
+  P as renderRichText,
+  x as splitTableRows,
+  m as storyblokEditable,
+  E as storyblokInit,
+  S as useStoryblokBridge
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/js",
   "type": "module",
-  "version": "5.1.10",
+  "version": "6.0.0",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using JavaScript.",
   "license": "MIT",
@@ -29,7 +29,7 @@
     "dist"
   ],
   "dependencies": {
-    "@storyblok/richtext": "4.3.5",
+    "@storyblok/richtext": "5.0.0",
     "storyblok-js-client": "7.6.1"
   },
   "devDependencies": {