@storyblok/astro 2.0.14 → 2.0.16

package/README.md

@@ -63,7 +63,7 @@ export default defineConfig({
 
 ### Options
 
-When you initialize the integration, you can pass all [_@storyblok/js_ options](https://github.com/storyblok/storyblok-js#features-and-api). For spaces created in the United States, you have to set the `region` parameter accordingly `{ apiOptions: { region: 'us' } }`.
+When you initialize the integration, you can pass all [_@storyblok/js_ options](https://github.com/storyblok/storyblok-js#features-and-api).
 
 ```js
 // Defaults
@@ -71,12 +71,31 @@ storyblok({
   accessToken: "<your-access-token>",
   bridge: true,
   apiOptions: {}, // storyblok-js-client options
+  components: {},
   useCustomApi: false,
 });
 ```
 
 > Note: By default, the apiPlugin from `@storyblok/js` is loaded. If you want to use your own method to fetch data from Storyblok, you can disable this behavior by setting `useCustomApi` to `true`, resulting in an optimized final bundle.
 
+#### Region parameter
+Possible values:
+- `eu` (default): For spaces created in the EU
+- `us`: For spaces created in the US
+- `cn`: For spaces created in China
+
+Full example for a space created in the US:
+```js
+storyblok({
+  accessToken: "<your-access-token>",
+  apiOptions: {
+    region: 'us'
+  },
+});
+```
+
+> Note: For spaces created in the United States or China, the `region` parameter **must** be specified.
+
 ## Getting started
 
 ### 1. Creating and linking your components to the Storyblok Visual Editor
@@ -262,6 +281,9 @@ const renderedRichText = renderRichText(blok.text, {
 
 Returns the instance of the `storyblok-js-client`.
 
+## The Storyblok JavaScript SDK Ecosystem
+![A visual representation of the Storyblok JavaScript SDK Ecosystem](https://a.storyblok.com/f/88751/2400x1350/be4a4a4180/sdk-ecosystem.png/m/1200x0)
+
 ## Acknowledgements
 
 A huge thank you goes to the Astro Team. In particular to [Tony Sullivan](https://github.com/tony-sull), who has provided extraordinary support and made _automagically_ rendering Storyblok components a reality.

package/dist/storyblok-astro.js

@@ -1,17 +1,17 @@
-(function(a,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(a=typeof globalThis<"u"?globalThis:a||self,d(a.storyblokAstro={}))})(this,function(a){"use strict";function d(t,e,r){const o="virtual:storyblok-init",n="\0"+o;return{name:"vite-plugin-storyblok-init",async resolveId(s){if(s===o)return n},async load(s){if(s===n)return`
+(function(c,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(c=typeof globalThis<"u"?globalThis:c||self,f(c.storyblokAstro={}))})(this,function(c){"use strict";function f(r,e,t){const s="virtual:storyblok-init",a="\0"+s;return{name:"vite-plugin-storyblok-init",async resolveId(o){if(o===s)return a},async load(o){if(o===a)return`
           import { storyblokInit, apiPlugin } from "@storyblok/js";
           const { storyblokApi } = storyblokInit({
-            accessToken: "${t}",
+            accessToken: "${r}",
             use: ${e?"[]":"[apiPlugin]"},
-            apiOptions: ${JSON.stringify(r)},
+            apiOptions: ${JSON.stringify(t)},
           });
           export const storyblokApiInstance = storyblokApi;  
-        `}}}const A=/[\p{Lu}]/u,E=/[\p{Ll}]/u,h=/^[\p{Lu}](?![\p{Lu}])/gu,f=/([\p{Alpha}\p{N}_]|$)/u,g=/[_.\- ]+/,w=new RegExp("^"+g.source),p=new RegExp(g.source+f.source,"gu"),b=new RegExp("\\d+"+f.source,"gu"),C=(t,e,r,o)=>{let n=!1,s=!1,i=!1,u=!1;for(let l=0;l<t.length;l++){const c=t[l];u=l>2?t[l-3]==="-":!0,n&&A.test(c)?(t=t.slice(0,l)+"-"+t.slice(l),n=!1,i=s,s=!0,l++):s&&i&&E.test(c)&&(!u||o)?(t=t.slice(0,l-1)+"-"+t.slice(l-1),i=s,s=!1,n=!0):(n=e(c)===c&&r(c)!==c,i=s,s=r(c)===c&&e(c)!==c)}return t},S=(t,e)=>(h.lastIndex=0,t.replace(h,r=>e(r))),$=(t,e)=>(p.lastIndex=0,b.lastIndex=0,t.replace(p,(r,o)=>e(o)).replace(b,r=>e(r)));function y(t,e){if(!(typeof t=="string"||Array.isArray(t)))throw new TypeError("Expected the input to be `string | string[]`");if(e={pascalCase:!1,preserveConsecutiveUppercase:!1,...e},Array.isArray(t)?t=t.map(s=>s.trim()).filter(s=>s.length).join("-"):t=t.trim(),t.length===0)return"";const r=e.locale===!1?s=>s.toLowerCase():s=>s.toLocaleLowerCase(e.locale),o=e.locale===!1?s=>s.toUpperCase():s=>s.toLocaleUpperCase(e.locale);return t.length===1?g.test(t)?"":e.pascalCase?o(t):r(t):(t!==r(t)&&(t=C(t,r,o,e.preserveConsecutiveUppercase)),t=t.replace(w,""),t=e.preserveConsecutiveUppercase?S(t,r):r(t),e.pascalCase&&(t=o(t.charAt(0))+t.slice(1)),$(t,o))}function R(t){const e="virtual:storyblok-components",r="\0"+e;return{name:"vite-plugin-storyblok-components",async resolveId(o){if(o===e)return r},async load(o){if(o===r){const n=[];for await(const[s,i]of Object.entries(t)){const u=await this.resolve("/src/"+i+".astro");if(!u)throw new Error(`Component could not be found for blok "${s}"! Does "/src/${i}.astro" exist?`);n.push(`import ${y(s)} from "${u.id}"`)}return`${n.join(";")};export default {${Object.keys(t).map(s=>y(s)).join(",")}}`}}}}let k=!1;const m=[],x=t=>new Promise((e,r)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=n=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}k?n():m.push(n)},document.getElementById("storyblok-javascript-bridge")))return;const o=document.createElement("script");o.async=!0,o.src=t,o.id="storyblok-javascript-bridge",o.onerror=n=>r(n),o.onload=n=>{m.forEach(s=>s()),k=!0,e(n)},document.getElementsByTagName("head")[0].appendChild(o)});var N=Object.defineProperty,j=(t,e,r)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,v=(t,e,r)=>(j(t,typeof e!="symbol"?e+"":e,r),r);const L=function(t,e){const r={};for(const o in t){const n=t[o];e.indexOf(o)>-1&&n!==null&&(r[o]=n)}return r},_=t=>t==="email",O=()=>({singleTag:"hr"}),M=()=>({tag:"blockquote"}),P=()=>({tag:"ul"}),D=t=>({tag:["pre",{tag:"code",attrs:t.attrs}]}),U=()=>({singleTag:"br"}),B=t=>({tag:`h${t.attrs.level}`}),z=t=>({singleTag:[{tag:"img",attrs:L(t.attrs,["src","alt","title"])}]}),F=()=>({tag:"li"}),q=()=>({tag:"ol"}),J=()=>({tag:"p"}),V=()=>({tag:"b"}),K=()=>({tag:"strike"}),G=()=>({tag:"u"}),Y=()=>({tag:"strong"}),H=()=>({tag:"code"}),Q=()=>({tag:"i"}),W=t=>{const e={...t.attrs},{linktype:r="url"}=t.attrs;return _(r)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},Z=t=>({tag:[{tag:"span",attrs:t.attrs}]}),T={nodes:{horizontal_rule:O,blockquote:M,bullet_list:P,code_block:D,hard_break:U,heading:B,image:z,list_item:F,ordered_list:q,paragraph:J},marks:{bold:V,strike:K,underline:G,strong:Y,code:H,italic:Q,link:W,styled:Z}},X=function(t){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},r=/[&<>"']/g,o=RegExp(r.source);return t&&o.test(t)?t.replace(r,n=>e[n]):t};class I{constructor(e){v(this,"marks"),v(this,"nodes"),e||(e=T),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,r){this.nodes[e]=r}addMark(e,r){this.marks[e]=r}render(e){if(e&&e.content&&Array.isArray(e.content)){let r="";return e.content.forEach(o=>{r+=this.renderNode(o)}),r}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){const r=[];e.marks&&e.marks.forEach(n=>{const s=this.getMatchingMark(n);s&&r.push(this.renderOpeningTag(s.tag))});const o=this.getMatchingNode(e);return o&&o.tag&&r.push(this.renderOpeningTag(o.tag)),e.content?e.content.forEach(n=>{r.push(this.renderNode(n))}):e.text?r.push(X(e.text)):o&&o.singleTag?r.push(this.renderTag(o.singleTag," /")):o&&o.html&&r.push(o.html),o&&o.tag&&r.push(this.renderClosingTag(o.tag)),e.marks&&e.marks.slice(0).reverse().forEach(n=>{const s=this.getMatchingMark(n);s&&r.push(this.renderClosingTag(s.tag))}),r.join("")}renderTag(e,r){return e.constructor===String?`<${e}${r}>`:e.map(o=>{if(o.constructor===String)return`<${o}${r}>`;{let n=`<${o.tag}`;if(o.attrs)for(const s in o.attrs){const i=o.attrs[s];i!==null&&(n+=` ${s}="${i}"`)}return`${n}${r}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(r=>r.constructor===String?`</${r}>`:`</${r.tag}>`).join("")}getMatchingNode(e){const r=this.nodes[e.type];if(typeof r=="function")return r(e)}getMatchingMark(e){const r=this.marks[e.type];if(typeof r=="function")return r(e)}}const ee=t=>{if(typeof t!="object"||typeof t._editable>"u")return{};const e=JSON.parse(t._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let te;const re="https://app.storyblok.com/f/storyblok-v2-latest.js",oe=(t,e)=>{t.addNode("blok",r=>{let o="";return r.attrs.body.forEach(n=>{o+=e(n.component,n)}),{html:o}})},se=(t,e,r)=>{let o=r||te;if(!o){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return t===""?"":t?(e&&(o=new I(e.schema),e.resolver&&oe(o,e.resolver)),o.render(t)):(console.warn(`${t} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+        `}}}const x=/[\p{Lu}]/u,R=/[\p{Ll}]/u,y=/^[\p{Lu}](?![\p{Lu}])/gu,k=/([\p{Alpha}\p{N}_]|$)/u,p=/[_.\- ]+/,N=new RegExp("^"+p.source),$=new RegExp(p.source+k.source,"gu"),v=new RegExp("\\d+"+k.source,"gu"),L=(r,e,t,s)=>{let a=!1,o=!1,i=!1,u=!1;for(let n=0;n<r.length;n++){const l=r[n];u=n>2?r[n-3]==="-":!0,a&&x.test(l)?(r=r.slice(0,n)+"-"+r.slice(n),a=!1,i=o,o=!0,n++):o&&i&&R.test(l)&&(!u||s)?(r=r.slice(0,n-1)+"-"+r.slice(n-1),i=o,o=!1,a=!0):(a=e(l)===l&&t(l)!==l,i=o,o=t(l)===l&&e(l)!==l)}return r},O=(r,e)=>(y.lastIndex=0,r.replace(y,t=>e(t))),_=(r,e)=>($.lastIndex=0,v.lastIndex=0,r.replace($,(t,s)=>e(s)).replace(v,t=>e(t)));function I(r,e){if(!(typeof r=="string"||Array.isArray(r)))throw new TypeError("Expected the input to be `string | string[]`");if(e={pascalCase:!1,preserveConsecutiveUppercase:!1,...e},Array.isArray(r)?r=r.map(o=>o.trim()).filter(o=>o.length).join("-"):r=r.trim(),r.length===0)return"";const t=e.locale===!1?o=>o.toLowerCase():o=>o.toLocaleLowerCase(e.locale),s=e.locale===!1?o=>o.toUpperCase():o=>o.toLocaleUpperCase(e.locale);return r.length===1?p.test(r)?"":e.pascalCase?s(r):t(r):(r!==t(r)&&(r=L(r,t,s,e.preserveConsecutiveUppercase)),r=r.replace(N,""),r=e.preserveConsecutiveUppercase?O(r,t):t(r),e.pascalCase&&(r=s(r.charAt(0))+r.slice(1)),_(r,s))}function z(r){const e="virtual:storyblok-components",t="\0"+e;return{name:"vite-plugin-storyblok-components",async resolveId(s){if(s===e)return t},async load(s){if(s===t){const a=[];for await(const[o,i]of Object.entries(r)){const u=await this.resolve("/src/"+i+".astro");if(!u)throw new Error(`Component could not be found for blok "${o}"! Does "/src/${i}.astro" exist?`);a.push(`import ${I(o)} from "${u.id}"`)}return`${a.join(";")};export default {${Object.keys(r).map(o=>I(o)).join(",")}}`}}}}let T=!1;const w=[],M=r=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=a=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}T?a():w.push(a)},document.getElementById("storyblok-javascript-bridge")))return;const s=document.createElement("script");s.async=!0,s.src=r,s.id="storyblok-javascript-bridge",s.onerror=a=>t(a),s.onload=a=>{w.forEach(o=>o()),T=!0,e(a)},document.getElementsByTagName("head")[0].appendChild(s)});var P=Object.defineProperty,D=(r,e,t)=>e in r?P(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,A=(r,e,t)=>(D(r,typeof e!="symbol"?e+"":e,t),t);const U=function(r,e){const t={};for(const s in r){const a=r[s];e.indexOf(s)>-1&&a!==null&&(t[s]=a)}return t},q=r=>r==="email",B=()=>({singleTag:"hr"}),F=()=>({tag:"blockquote"}),J=()=>({tag:"ul"}),V=r=>({tag:["pre",{tag:"code",attrs:r.attrs}]}),G=()=>({singleTag:"br"}),K=r=>({tag:`h${r.attrs.level}`}),W=r=>({singleTag:[{tag:"img",attrs:U(r.attrs,["src","alt","title"])}]}),Y=()=>({tag:"li"}),H=()=>({tag:"ol"}),Q=()=>({tag:"p"}),X=r=>({tag:[{tag:"span",attrs:{["data-type"]:"emoji",["data-name"]:r.attrs.name,emoji:r.attrs.emoji}}]}),Z=()=>({tag:"b"}),ee=()=>({tag:"strike"}),te=()=>({tag:"u"}),re=()=>({tag:"strong"}),se=()=>({tag:"code"}),oe=()=>({tag:"i"}),ae=r=>{const e={...r.attrs},{linktype:t="url"}=r.attrs;if(q(t)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),e.custom){for(const s in e.custom)e[s]=e.custom[s];delete e.custom}return{tag:[{tag:"a",attrs:e}]}},ie=r=>({tag:[{tag:"span",attrs:r.attrs}]}),ne=()=>({tag:"sub"}),le=()=>({tag:"sup"}),ce=r=>({tag:[{tag:"span",attrs:r.attrs}]}),ge=r=>({tag:[{tag:"span",attrs:{style:`background-color:${r.attrs.color};`}}]}),ue=r=>({tag:[{tag:"span",attrs:{style:`background-color:${r.attrs.color}`}}]}),E={nodes:{horizontal_rule:B,blockquote:F,bullet_list:J,code_block:V,hard_break:G,heading:K,image:W,list_item:Y,ordered_list:H,paragraph:Q,emoji:X},marks:{bold:Z,strike:ee,underline:te,strong:re,code:se,italic:oe,link:ae,styled:ie,subscript:ne,superscript:le,anchor:ce,highlight:ge,textStyle:ue}},fe=function(r){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,s=RegExp(t.source);return r&&s.test(r)?r.replace(t,a=>e[a]):r};class j{constructor(e){A(this,"marks"),A(this,"nodes"),e||(e=E),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}){if(e&&e.content&&Array.isArray(e.content)){let s="";return e.content.forEach(a=>{s+=this.renderNode(a)}),t.optimizeImages?this.optimizeImages(s,t.optimizeImages):s}return console.warn("The render method must receive an object with a content field, which is an array"),""}optimizeImages(e,t){let s=0,a=0,o="",i="";typeof t!="boolean"&&(typeof t.width=="number"&&t.width>0&&(o+=`width="${t.width}" `,s=t.width),typeof t.height=="number"&&t.height>0&&(o+=`height="${t.height}" `,a=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-Fa-f]{6}/g)||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 u=s>0||a>0||i.length>0?`${s}x${a}${i}`:"";return e=e.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g,`a.storyblok.com/f/$1/$2.$3/m/${u}`),typeof t!="boolean"&&(t.sizes||t.srcset)&&(e=e.replace(/<img.*?src=["|'](.*?)["|']/g,n=>{var l,C;const d=n.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g);if(d&&d.length>0){const h={srcset:(l=t.srcset)==null?void 0:l.map(g=>{if(typeof g=="number")return`//${d}/m/${g}x0${i} ${g}w`;if(typeof g=="object"&&g.length===2){let m=0,S=0;return typeof g[0]=="number"&&(m=g[0]),typeof g[1]=="number"&&(S=g[1]),`//${d}/m/${m}x${S}${i} ${m}w`}}).join(", "),sizes:(C=t.sizes)==null?void 0:C.map(g=>g).join(", ")};let b="";return h.srcset&&(b+=`srcset="${h.srcset}" `),h.sizes&&(b+=`sizes="${h.sizes}" `),n.replace(/<img/g,`<img ${b.trim()}`)}return n})),e}renderNode(e){const t=[];e.marks&&e.marks.forEach(a=>{const o=this.getMatchingMark(a);o&&t.push(this.renderOpeningTag(o.tag))});const s=this.getMatchingNode(e);return s&&s.tag&&t.push(this.renderOpeningTag(s.tag)),e.content?e.content.forEach(a=>{t.push(this.renderNode(a))}):e.text?t.push(fe(e.text)):s&&s.singleTag?t.push(this.renderTag(s.singleTag," /")):s&&s.html?t.push(s.html):e.type==="emoji"&&t.push(this.renderEmoji(e)),s&&s.tag&&t.push(this.renderClosingTag(s.tag)),e.marks&&e.marks.slice(0).reverse().forEach(a=>{const o=this.getMatchingMark(a);o&&t.push(this.renderClosingTag(o.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(s=>{if(s.constructor===String)return`<${s}${t}>`;{let a=`<${s.tag}`;if(s.attrs)for(const o in s.attrs){const i=s.attrs[o];i!==null&&(a+=` ${o}="${i}"`)}return`${a}${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," /")}}const de=r=>{if(typeof r!="object"||typeof r._editable>"u")return{};const e=JSON.parse(r._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let he;const pe="https://app.storyblok.com/f/storyblok-v2-latest.js",be=(r,e)=>{r.addNode("blok",t=>{let s="";return t.attrs.body.forEach(a=>{s+=e(a.component,a)}),{html:s}})},me=(r,e,t)=>{let s=t||he;if(!s){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return r===""?"":r?(e&&(s=new j(e.schema),e.resolver&&be(s,e.resolver)),s.render(r)):(console.warn(`${r} is not a valid Richtext object. This might be because the value of the richtext field is empty.
     
-  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},ne=()=>x(re);function ae(){return globalThis.storyblokApiInstance||console.error("storyblokApiInstance has not been initialized correctly"),globalThis.storyblokApiInstance}function ie(t,e){const r=globalThis.storyblokApiInstance.richTextResolver;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return se(t,e,r)}function le(t){const e={useCustomApi:!1,bridge:!0,...t};return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:r,updateConfig:o})=>{o({vite:{plugins:[d(e.accessToken,e.useCustomApi,e.apiOptions),R(e.components)]}}),r("page-ssr",`
+  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},ye=()=>M(pe);function ke(){return globalThis.storyblokApiInstance||console.error("storyblokApiInstance has not been initialized correctly"),globalThis.storyblokApiInstance}function $e(r,e){const t=globalThis.storyblokApiInstance.richTextResolver;if(!t){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return me(r,e,t)}function ve(r){const e={useCustomApi:!1,bridge:!0,...r};return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:t,updateConfig:s})=>{s({vite:{plugins:[f(e.accessToken,e.useCustomApi,e.apiOptions),z(e.components)]}}),t("page-ssr",`
           import { storyblokApiInstance } from "virtual:storyblok-init";
           globalThis.storyblokApiInstance = storyblokApiInstance;
-          `),e.bridge&&r("page",`
+          `),e.bridge&&t("page",`
               import { loadStoryblokBridge } from "@storyblok/astro";
               loadStoryblokBridge().then(() => {
                 const { StoryblokBridge, location } = window;
@@ -23,4 +23,4 @@
                   } 
                 });
               });
-            `)}}}}a.RichTextResolver=I,a.RichTextSchema=T,a.default=le,a.loadStoryblokBridge=ne,a.renderRichText=ie,a.storyblokEditable=ee,a.useStoryblokApi=ae,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+            `)}}}}c.RichTextResolver=j,c.RichTextSchema=E,c.default=ve,c.loadStoryblokBridge=ye,c.renderRichText=$e,c.storyblokEditable=de,c.useStoryblokApi=ke,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/storyblok-astro.mjs

@@ -1,138 +1,154 @@
-function m(t, e, r) {
-  const o = "virtual:storyblok-init", n = "\0" + o;
+function A(r, e, t) {
+  const s = "virtual:storyblok-init", a = "\0" + s;
   return {
     name: "vite-plugin-storyblok-init",
-    async resolveId(s) {
-      if (s === o)
-        return n;
+    async resolveId(o) {
+      if (o === s)
+        return a;
     },
-    async load(s) {
-      if (s === n)
+    async load(o) {
+      if (o === a)
         return `
           import { storyblokInit, apiPlugin } from "@storyblok/js";
           const { storyblokApi } = storyblokInit({
-            accessToken: "${t}",
+            accessToken: "${r}",
             use: ${e ? "[]" : "[apiPlugin]"},
-            apiOptions: ${JSON.stringify(r)},
+            apiOptions: ${JSON.stringify(t)},
           });
           export const storyblokApiInstance = storyblokApi;  
         `;
     }
   };
 }
-const v = /[\p{Lu}]/u, I = /[\p{Ll}]/u, u = /^[\p{Lu}](?![\p{Lu}])/gu, k = /([\p{Alpha}\p{N}_]|$)/u, d = /[_.\- ]+/, T = new RegExp("^" + d.source), g = new RegExp(d.source + k.source, "gu"), h = new RegExp("\\d+" + k.source, "gu"), A = (t, e, r, o) => {
-  let n = !1, s = !1, a = !1, c = !1;
-  for (let l = 0; l < t.length; l++) {
-    const i = t[l];
-    c = l > 2 ? t[l - 3] === "-" : !0, n && v.test(i) ? (t = t.slice(0, l) + "-" + t.slice(l), n = !1, a = s, s = !0, l++) : s && a && I.test(i) && (!c || o) ? (t = t.slice(0, l - 1) + "-" + t.slice(l - 1), a = s, s = !1, n = !0) : (n = e(i) === i && r(i) !== i, a = s, s = r(i) === i && e(i) !== i);
+const j = /[\p{Lu}]/u, C = /[\p{Ll}]/u, y = /^[\p{Lu}](?![\p{Lu}])/gu, E = /([\p{Alpha}\p{N}_]|$)/u, p = /[_.\- ]+/, x = new RegExp("^" + p.source), k = new RegExp(p.source + E.source, "gu"), $ = new RegExp("\\d+" + E.source, "gu"), S = (r, e, t, s) => {
+  let a = !1, o = !1, i = !1, g = !1;
+  for (let n = 0; n < r.length; n++) {
+    const l = r[n];
+    g = n > 2 ? r[n - 3] === "-" : !0, a && j.test(l) ? (r = r.slice(0, n) + "-" + r.slice(n), a = !1, i = o, o = !0, n++) : o && i && C.test(l) && (!g || s) ? (r = r.slice(0, n - 1) + "-" + r.slice(n - 1), i = o, o = !1, a = !0) : (a = e(l) === l && t(l) !== l, i = o, o = t(l) === l && e(l) !== l);
   }
-  return t;
-}, E = (t, e) => (u.lastIndex = 0, t.replace(u, (r) => e(r))), w = (t, e) => (g.lastIndex = 0, h.lastIndex = 0, t.replace(g, (r, o) => e(o)).replace(h, (r) => e(r)));
-function p(t, e) {
-  if (!(typeof t == "string" || Array.isArray(t)))
+  return r;
+}, R = (r, e) => (y.lastIndex = 0, r.replace(y, (t) => e(t))), N = (r, e) => (k.lastIndex = 0, $.lastIndex = 0, r.replace(k, (t, s) => e(s)).replace($, (t) => e(t)));
+function v(r, e) {
+  if (!(typeof r == "string" || Array.isArray(r)))
     throw new TypeError("Expected the input to be `string | string[]`");
   if (e = {
     pascalCase: !1,
     preserveConsecutiveUppercase: !1,
     ...e
-  }, Array.isArray(t) ? t = t.map((s) => s.trim()).filter((s) => s.length).join("-") : t = t.trim(), t.length === 0)
+  }, Array.isArray(r) ? r = r.map((o) => o.trim()).filter((o) => o.length).join("-") : r = r.trim(), r.length === 0)
     return "";
-  const r = e.locale === !1 ? (s) => s.toLowerCase() : (s) => s.toLocaleLowerCase(e.locale), o = e.locale === !1 ? (s) => s.toUpperCase() : (s) => s.toLocaleUpperCase(e.locale);
-  return t.length === 1 ? d.test(t) ? "" : e.pascalCase ? o(t) : r(t) : (t !== r(t) && (t = A(t, r, o, e.preserveConsecutiveUppercase)), t = t.replace(T, ""), t = e.preserveConsecutiveUppercase ? E(t, r) : r(t), e.pascalCase && (t = o(t.charAt(0)) + t.slice(1)), w(t, o));
+  const t = e.locale === !1 ? (o) => o.toLowerCase() : (o) => o.toLocaleLowerCase(e.locale), s = e.locale === !1 ? (o) => o.toUpperCase() : (o) => o.toLocaleUpperCase(e.locale);
+  return r.length === 1 ? p.test(r) ? "" : e.pascalCase ? s(r) : t(r) : (r !== t(r) && (r = S(r, t, s, e.preserveConsecutiveUppercase)), r = r.replace(x, ""), r = e.preserveConsecutiveUppercase ? R(r, t) : t(r), e.pascalCase && (r = s(r.charAt(0)) + r.slice(1)), N(r, s));
 }
-function C(t) {
-  const e = "virtual:storyblok-components", r = "\0" + e;
+function L(r) {
+  const e = "virtual:storyblok-components", t = "\0" + e;
   return {
     name: "vite-plugin-storyblok-components",
-    async resolveId(o) {
-      if (o === e)
-        return r;
+    async resolveId(s) {
+      if (s === e)
+        return t;
     },
-    async load(o) {
-      if (o === r) {
-        const n = [];
-        for await (const [s, a] of Object.entries(t)) {
-          const c = await this.resolve("/src/" + a + ".astro");
-          if (!c)
+    async load(s) {
+      if (s === t) {
+        const a = [];
+        for await (const [o, i] of Object.entries(r)) {
+          const g = await this.resolve("/src/" + i + ".astro");
+          if (!g)
             throw new Error(
-              `Component could not be found for blok "${s}"! Does "/src/${a}.astro" exist?`
+              `Component could not be found for blok "${o}"! Does "/src/${i}.astro" exist?`
             );
-          n.push(`import ${p(s)} from "${c.id}"`);
+          a.push(`import ${v(o)} from "${g.id}"`);
         }
-        return `${n.join(";")};export default {${Object.keys(t).map((s) => p(s)).join(",")}}`;
+        return `${a.join(";")};export default {${Object.keys(r).map((o) => v(o)).join(",")}}`;
       }
     }
   };
 }
-let f = !1;
-const b = [], S = (t) => new Promise((e, r) => {
-  if (typeof window > "u" || (window.storyblokRegisterEvent = (n) => {
+let I = !1;
+const w = [], z = (r) => new Promise((e, t) => {
+  if (typeof window > "u" || (window.storyblokRegisterEvent = (a) => {
     if (window.location === window.parent.location) {
       console.warn("You are not in Draft Mode or in the Visual Editor.");
       return;
     }
-    f ? n() : b.push(n);
+    I ? a() : w.push(a);
   }, document.getElementById("storyblok-javascript-bridge")))
     return;
-  const o = document.createElement("script");
-  o.async = !0, o.src = t, o.id = "storyblok-javascript-bridge", o.onerror = (n) => r(n), o.onload = (n) => {
-    b.forEach((s) => s()), f = !0, e(n);
-  }, document.getElementsByTagName("head")[0].appendChild(o);
+  const s = document.createElement("script");
+  s.async = !0, s.src = r, s.id = "storyblok-javascript-bridge", s.onerror = (a) => t(a), s.onload = (a) => {
+    w.forEach((o) => o()), I = !0, e(a);
+  }, document.getElementsByTagName("head")[0].appendChild(s);
 });
-var $ = Object.defineProperty, x = (t, e, r) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, y = (t, e, r) => (x(t, typeof e != "symbol" ? e + "" : e, r), r);
-const R = function(t, e) {
-  const r = {};
-  for (const o in t) {
-    const n = t[o];
-    e.indexOf(o) > -1 && n !== null && (r[o] = n);
+var O = Object.defineProperty, P = (r, e, t) => e in r ? O(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, T = (r, e, t) => (P(r, typeof e != "symbol" ? e + "" : e, t), t);
+const _ = function(r, e) {
+  const t = {};
+  for (const s in r) {
+    const a = r[s];
+    e.indexOf(s) > -1 && a !== null && (t[s] = a);
   }
-  return r;
-}, N = (t) => t === "email", L = () => ({
+  return t;
+}, M = (r) => r === "email", D = () => ({
   singleTag: "hr"
-}), j = () => ({
+}), U = () => ({
   tag: "blockquote"
-}), O = () => ({
+}), q = () => ({
   tag: "ul"
-}), _ = (t) => ({
+}), B = (r) => ({
   tag: [
     "pre",
     {
       tag: "code",
-      attrs: t.attrs
+      attrs: r.attrs
     }
   ]
-}), P = () => ({
+}), F = () => ({
   singleTag: "br"
-}), M = (t) => ({
-  tag: `h${t.attrs.level}`
-}), D = (t) => ({
+}), J = (r) => ({
+  tag: `h${r.attrs.level}`
+}), V = (r) => ({
   singleTag: [
     {
       tag: "img",
-      attrs: R(t.attrs, ["src", "alt", "title"])
+      attrs: _(r.attrs, ["src", "alt", "title"])
     }
   ]
-}), U = () => ({
+}), G = () => ({
   tag: "li"
-}), B = () => ({
+}), K = () => ({
   tag: "ol"
-}), z = () => ({
+}), W = () => ({
   tag: "p"
-}), F = () => ({
+}), Y = (r) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: {
+        ["data-type"]: "emoji",
+        ["data-name"]: r.attrs.name,
+        emoji: r.attrs.emoji
+      }
+    }
+  ]
+}), H = () => ({
   tag: "b"
-}), q = () => ({
+}), Q = () => ({
   tag: "strike"
-}), J = () => ({
+}), X = () => ({
   tag: "u"
-}), V = () => ({
+}), Z = () => ({
   tag: "strong"
-}), K = () => ({
+}), ee = () => ({
   tag: "code"
-}), G = () => ({
+}), te = () => ({
   tag: "i"
-}), Y = (t) => {
-  const e = { ...t.attrs }, { linktype: r = "url" } = t.attrs;
-  return N(r) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), {
+}), re = (r) => {
+  const e = { ...r.attrs }, { linktype: t = "url" } = r.attrs;
+  if (M(t) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), e.custom) {
+    for (const s in e.custom)
+      e[s] = e.custom[s];
+    delete e.custom;
+  }
+  return {
     tag: [
       {
         tag: "a",
@@ -140,93 +156,158 @@ const R = function(t, e) {
       }
     ]
   };
-}, H = (t) => ({
+}, se = (r) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: r.attrs
+    }
+  ]
+}), oe = () => ({
+  tag: "sub"
+}), ae = () => ({
+  tag: "sup"
+}), ie = (r) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: r.attrs
+    }
+  ]
+}), ne = (r) => ({
   tag: [
     {
       tag: "span",
-      attrs: t.attrs
+      attrs: {
+        style: `background-color:${r.attrs.color};`
+      }
+    }
+  ]
+}), le = (r) => ({
+  tag: [
+    {
+      tag: "span",
+      attrs: {
+        style: `background-color:${r.attrs.color}`
+      }
     }
   ]
-}), Q = {
+}), ce = {
   nodes: {
-    horizontal_rule: L,
-    blockquote: j,
-    bullet_list: O,
-    code_block: _,
-    hard_break: P,
-    heading: M,
-    image: D,
-    list_item: U,
-    ordered_list: B,
-    paragraph: z
+    horizontal_rule: D,
+    blockquote: U,
+    bullet_list: q,
+    code_block: B,
+    hard_break: F,
+    heading: J,
+    image: V,
+    list_item: G,
+    ordered_list: K,
+    paragraph: W,
+    emoji: Y
   },
   marks: {
-    bold: F,
-    strike: q,
-    underline: J,
-    strong: V,
-    code: K,
-    italic: G,
-    link: Y,
-    styled: H
+    bold: H,
+    strike: Q,
+    underline: X,
+    strong: Z,
+    code: ee,
+    italic: te,
+    link: re,
+    styled: se,
+    subscript: oe,
+    superscript: ae,
+    anchor: ie,
+    highlight: ne,
+    textStyle: le
   }
-}, W = function(t) {
+}, ge = function(r) {
   const e = {
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  }, r = /[&<>"']/g, o = RegExp(r.source);
-  return t && o.test(t) ? t.replace(r, (n) => e[n]) : t;
+  }, t = /[&<>"']/g, s = RegExp(t.source);
+  return r && s.test(r) ? r.replace(t, (a) => e[a]) : r;
 };
-class Z {
+class ue {
   constructor(e) {
-    y(this, "marks"), y(this, "nodes"), e || (e = Q), this.marks = e.marks || [], this.nodes = e.nodes || [];
+    T(this, "marks"), T(this, "nodes"), e || (e = ce), this.marks = e.marks || [], this.nodes = e.nodes || [];
   }
-  addNode(e, r) {
-    this.nodes[e] = r;
+  addNode(e, t) {
+    this.nodes[e] = t;
   }
-  addMark(e, r) {
-    this.marks[e] = r;
+  addMark(e, t) {
+    this.marks[e] = t;
   }
-  render(e) {
+  render(e, t = { optimizeImages: !1 }) {
     if (e && e.content && Array.isArray(e.content)) {
-      let r = "";
-      return e.content.forEach((o) => {
-        r += this.renderNode(o);
-      }), r;
+      let s = "";
+      return e.content.forEach((a) => {
+        s += this.renderNode(a);
+      }), t.optimizeImages ? this.optimizeImages(s, t.optimizeImages) : s;
     }
     return console.warn(
       "The render method must receive an object with a content field, which is an array"
     ), "";
   }
+  optimizeImages(e, t) {
+    let s = 0, a = 0, o = "", i = "";
+    typeof t != "boolean" && (typeof t.width == "number" && t.width > 0 && (o += `width="${t.width}" `, s = t.width), typeof t.height == "number" && t.height > 0 && (o += `height="${t.height}" `, a = 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-Fa-f]{6}/g) || 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 g = s > 0 || a > 0 || i.length > 0 ? `${s}x${a}${i}` : "";
+    return e = e.replace(
+      /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g,
+      `a.storyblok.com/f/$1/$2.$3/m/${g}`
+    ), typeof t != "boolean" && (t.sizes || t.srcset) && (e = e.replace(/<img.*?src=["|'](.*?)["|']/g, (n) => {
+      var l, m;
+      const u = n.match(
+        /a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|tiff|bmp)/g
+      );
+      if (u && u.length > 0) {
+        const f = {
+          srcset: (l = t.srcset) == null ? void 0 : l.map((c) => {
+            if (typeof c == "number")
+              return `//${u}/m/${c}x0${i} ${c}w`;
+            if (typeof c == "object" && c.length === 2) {
+              let h = 0, b = 0;
+              return typeof c[0] == "number" && (h = c[0]), typeof c[1] == "number" && (b = c[1]), `//${u}/m/${h}x${b}${i} ${h}w`;
+            }
+          }).join(", "),
+          sizes: (m = t.sizes) == null ? void 0 : m.map((c) => c).join(", ")
+        };
+        let d = "";
+        return f.srcset && (d += `srcset="${f.srcset}" `), f.sizes && (d += `sizes="${f.sizes}" `), n.replace(/<img/g, `<img ${d.trim()}`);
+      }
+      return n;
+    })), e;
+  }
   renderNode(e) {
-    const r = [];
-    e.marks && e.marks.forEach((n) => {
-      const s = this.getMatchingMark(n);
-      s && r.push(this.renderOpeningTag(s.tag));
+    const t = [];
+    e.marks && e.marks.forEach((a) => {
+      const o = this.getMatchingMark(a);
+      o && t.push(this.renderOpeningTag(o.tag));
     });
-    const o = this.getMatchingNode(e);
-    return o && o.tag && r.push(this.renderOpeningTag(o.tag)), e.content ? e.content.forEach((n) => {
-      r.push(this.renderNode(n));
-    }) : e.text ? r.push(W(e.text)) : o && o.singleTag ? r.push(this.renderTag(o.singleTag, " /")) : o && o.html && r.push(o.html), o && o.tag && r.push(this.renderClosingTag(o.tag)), e.marks && e.marks.slice(0).reverse().forEach((n) => {
-      const s = this.getMatchingMark(n);
-      s && r.push(this.renderClosingTag(s.tag));
-    }), r.join("");
+    const s = this.getMatchingNode(e);
+    return s && s.tag && t.push(this.renderOpeningTag(s.tag)), e.content ? e.content.forEach((a) => {
+      t.push(this.renderNode(a));
+    }) : e.text ? t.push(ge(e.text)) : s && s.singleTag ? t.push(this.renderTag(s.singleTag, " /")) : s && s.html ? t.push(s.html) : e.type === "emoji" && t.push(this.renderEmoji(e)), s && s.tag && t.push(this.renderClosingTag(s.tag)), e.marks && e.marks.slice(0).reverse().forEach((a) => {
+      const o = this.getMatchingMark(a);
+      o && t.push(this.renderClosingTag(o.tag));
+    }), t.join("");
   }
-  renderTag(e, r) {
-    return e.constructor === String ? `<${e}${r}>` : e.map((o) => {
-      if (o.constructor === String)
-        return `<${o}${r}>`;
+  renderTag(e, t) {
+    return e.constructor === String ? `<${e}${t}>` : e.map((s) => {
+      if (s.constructor === String)
+        return `<${s}${t}>`;
       {
-        let n = `<${o.tag}`;
-        if (o.attrs)
-          for (const s in o.attrs) {
-            const a = o.attrs[s];
-            a !== null && (n += ` ${s}="${a}"`);
+        let a = `<${s.tag}`;
+        if (s.attrs)
+          for (const o in s.attrs) {
+            const i = s.attrs[o];
+            i !== null && (a += ` ${o}="${i}"`);
           }
-        return `${n}${r}>`;
+        return `${a}${t}>`;
       }
     }).join("");
   }
@@ -234,93 +315,109 @@ class Z {
     return this.renderTag(e, "");
   }
   renderClosingTag(e) {
-    return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((r) => r.constructor === String ? `</${r}>` : `</${r.tag}>`).join("");
+    return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((t) => t.constructor === String ? `</${t}>` : `</${t.tag}>`).join("");
   }
   getMatchingNode(e) {
-    const r = this.nodes[e.type];
-    if (typeof r == "function")
-      return r(e);
+    const t = this.nodes[e.type];
+    if (typeof t == "function")
+      return t(e);
   }
   getMatchingMark(e) {
-    const r = this.marks[e.type];
-    if (typeof r == "function")
-      return r(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, " /");
   }
 }
-const oe = (t) => {
-  if (typeof t != "object" || typeof t._editable > "u")
+const me = (r) => {
+  if (typeof r != "object" || typeof r._editable > "u")
     return {};
   const e = JSON.parse(
-    t._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
+    r._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, "")
   );
   return {
     "data-blok-c": JSON.stringify(e),
     "data-blok-uid": e.id + "-" + e.uid
   };
 };
-let X;
-const ee = "https://app.storyblok.com/f/storyblok-v2-latest.js", te = (t, e) => {
-  t.addNode("blok", (r) => {
-    let o = "";
-    return r.attrs.body.forEach((n) => {
-      o += e(n.component, n);
+let fe;
+const de = "https://app.storyblok.com/f/storyblok-v2-latest.js", he = (r, e) => {
+  r.addNode("blok", (t) => {
+    let s = "";
+    return t.attrs.body.forEach((a) => {
+      s += e(a.component, a);
     }), {
-      html: o
+      html: s
     };
   });
-}, re = (t, e, r) => {
-  let o = r || X;
-  if (!o) {
+}, pe = (r, e, t) => {
+  let s = t || fe;
+  if (!s) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return t === "" ? "" : t ? (e && (o = new Z(e.schema), e.resolver && te(o, e.resolver)), o.render(t)) : (console.warn(`${t} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+  return r === "" ? "" : r ? (e && (s = new ue(e.schema), e.resolver && he(s, e.resolver)), s.render(r)) : (console.warn(`${r} is not a valid Richtext object. This might be because the value of the richtext field is empty.
     
   For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "");
-}, se = () => S(ee);
-function ne() {
+}, be = () => z(de);
+function ye() {
   return globalThis.storyblokApiInstance || console.error("storyblokApiInstance has not been initialized correctly"), globalThis.storyblokApiInstance;
 }
-function ae(t, e) {
-  const r = globalThis.storyblokApiInstance.richTextResolver;
-  if (!r) {
+function ke(r, e) {
+  const t = globalThis.storyblokApiInstance.richTextResolver;
+  if (!t) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return re(t, e, r);
+  return pe(r, e, t);
 }
-function le(t) {
+function $e(r) {
   const e = {
     useCustomApi: !1,
     bridge: !0,
-    ...t
+    ...r
   };
   return {
     name: "@storyblok/astro",
     hooks: {
-      "astro:config:setup": ({ injectScript: r, updateConfig: o }) => {
-        o({
+      "astro:config:setup": ({ injectScript: t, updateConfig: s }) => {
+        s({
           vite: {
             plugins: [
-              m(
+              A(
                 e.accessToken,
                 e.useCustomApi,
                 e.apiOptions
               ),
-              C(e.components)
+              L(e.components)
             ]
           }
-        }), r(
+        }), t(
           "page-ssr",
           `
           import { storyblokApiInstance } from "virtual:storyblok-init";
           globalThis.storyblokApiInstance = storyblokApiInstance;
           `
-        ), e.bridge && r(
+        ), e.bridge && t(
           "page",
           `
               import { loadStoryblokBridge } from "@storyblok/astro";
@@ -341,11 +438,11 @@ function le(t) {
   };
 }
 export {
-  Z as RichTextResolver,
-  Q as RichTextSchema,
-  le as default,
-  se as loadStoryblokBridge,
-  ae as renderRichText,
-  oe as storyblokEditable,
-  ne as useStoryblokApi
+  ue as RichTextResolver,
+  ce as RichTextSchema,
+  $e as default,
+  be as loadStoryblokBridge,
+  ke as renderRichText,
+  me as storyblokEditable,
+  ye as useStoryblokApi
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/astro",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "Official Astro integration for the Storyblok Headless CMS",
   "main": "./dist/storyblok-astro.js",
   "module": "./dist/storyblok-astro.mjs",
@@ -28,19 +28,19 @@
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^2.1.0",
+    "@storyblok/js": "^2.1.3",
     "camelcase": "^7.0.1"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^5.0.4",
     "@rollup/plugin-dynamic-import-vars": "^2.0.3",
-    "@types/node": "18.15.2",
-    "astro": "2.1.0",
-    "cypress": "^12.7.0",
+    "@types/node": "18.15.11",
+    "astro": "2.1.8",
+    "cypress": "^12.9.0",
     "eslint-plugin-cypress": "^2.12.1",
     "start-server-and-test": "^2.0.0",
     "typescript": "4.9.5",
-    "vite": "^4.1.4",
+    "vite": "^4.2.1",
     "vite-plugin-dts": "^2.1.0"
   },
   "repository": {