@storyblok/js 6.0.1 → 6.2.0

package/dist/editable.d.ts

@@ -1,5 +1,6 @@
-import { SbBlokData } from './types';
-declare const _default: (blok: SbBlokData) => {
+declare const _default: (blok?: {
+    _editable?: string;
+}) => {
     'data-blok-c'?: undefined;
     'data-blok-uid'?: undefined;
 } | {

package/dist/storyblok-js.js

@@ -4,4 +4,4 @@
  * description: SDK to integrate Storyblok into your project using JavaScript.
  * author: undefined
  */
-(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"})}));
+(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!="string")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

@@ -8,9 +8,9 @@ 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 p = [], b = (e) => new Promise((o, i) => {
+const p = [], b = (e) => new Promise((o, n) => {
   if (typeof window > "u") {
-    i(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));
+    n(new Error("Cannot load Storyblok bridge: window is undefined (server-side environment)"));
     return;
   }
   if (window.storyblokRegisterEvent = (t) => {
@@ -24,7 +24,7 @@ const p = [], b = (e) => new Promise((o, i) => {
     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) => {
+  r.async = !0, r.src = e, r.id = "storyblok-javascript-bridge", r.onerror = (t) => n(t), r.onload = (t) => {
     p.forEach((s) => s()), y = !0, o(t);
   }, document.getElementsByTagName("head")[0].appendChild(r);
 }), h = (e = {}) => {
@@ -37,7 +37,7 @@ const p = [], b = (e) => new Promise((o, i) => {
   }
   return { storyblokApi: new k(o) };
 }, m = (e) => {
-  if (typeof e != "object" || typeof e._editable > "u")
+  if (typeof e != "object" || typeof e._editable != "string")
     return {};
   try {
     const o = JSON.parse(
@@ -52,9 +52,9 @@ const p = [], b = (e) => new Promise((o, i) => {
   }
 };
 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(
+const S = (e, o, n = {}) => {
+  var a;
+  const t = !(typeof window > "u") && typeof window.storyblokRegisterEvent < "u", s = new URL((a = window.location) == null ? void 0 : a.href).searchParams.get(
     "_storyblok"
   ), l = s !== null && +s === e;
   if (!(!t || !l)) {
@@ -63,29 +63,29 @@ const S = (e, o, i = {}) => {
       return;
     }
     window.storyblokRegisterEvent(() => {
-      new window.StoryblokBridge(i).on(["input", "published", "change"], (n) => {
-        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());
+      new window.StoryblokBridge(n).on(["input", "published", "change"], (i) => {
+        var d;
+        i && (i.action === "input" && ((d = i.story) == null ? void 0 : d.id) === e ? o(i.story) : (i.action === "change" || i.action === "published") && i.storyId === e && window.location.reload());
       });
     });
   }
 }, E = (e = {}) => {
-  var a, u;
+  var d, u;
   const {
     bridge: o,
-    accessToken: i,
+    accessToken: n,
     use: r = [],
     apiOptions: t = {},
     bridgeUrl: s
   } = e;
-  t.accessToken = t.accessToken || i;
+  t.accessToken = t.accessToken || n;
   const l = { bridge: o, apiOptions: t };
-  let d = {};
+  let a = {};
   r.forEach((w) => {
-    d = { ...d, ...w(l) };
+    a = { ...a, ...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;
+  const i = !(typeof window > "u") && ((u = (d = window.location) == null ? void 0 : d.search) == null ? void 0 : u.includes("_storyblok_tk"));
+  return o !== !1 && i && b(c), a;
 }, v = () => b(c);
 export {
   R as StoryblokClient,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/js",
   "type": "module",
-  "version": "6.0.1",
+  "version": "6.2.0",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using JavaScript.",
   "license": "MIT",
@@ -29,8 +29,8 @@
     "dist"
   ],
   "dependencies": {
-    "@storyblok/richtext": "5.0.1",
-    "storyblok-js-client": "7.6.1"
+    "@storyblok/richtext": "5.2.0",
+    "storyblok-js-client": "7.7.0"
   },
   "devDependencies": {
     "@tsconfig/recommended": "^1.0.8",
@@ -49,7 +49,7 @@
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-qrcode": "^0.2.4",
     "vitest": "^3.1.3",
-    "@storyblok/eslint-config": "0.5.1"
+    "@storyblok/eslint-config": "0.6.0"
   },
   "release": {
     "branches": [