@storyblok/astro 1.1.1 → 2.0.0

package/README.md

@@ -3,7 +3,7 @@
 		<img  src="https://a.storyblok.com/f/88751/1500x500/7974d6bc34/storyblok-astro.png" width="300" height="100" alt="Storyblok + Astro">
 	</a>
 	<h1 align="center">@storyblok/astro</h1>
-	<p align="center">Astro module for the <a href="http://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro" target="_blank">Storyblok</a> Headless CMS.</p> <br />
+	<p align="center">Astro integration for the <a href="http://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro" target="_blank">Storyblok</a> Headless CMS.</p> <br />
 </div>
 
 <p align="center">
@@ -22,7 +22,7 @@
   <a href="https://twitter.com/intent/follow?screen_name=storyblok">
     <img src="https://img.shields.io/badge/Follow-%40storyblok-09b3af?style=appveyor&logo=twitter" alt="Follow @Storyblok" />
   </a><br/>
-  <a href="https://app.storyblok.com/#!/signup?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-nuxt">
+  <a href="https://app.storyblok.com/#!/signup?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro">
     <img src="https://img.shields.io/badge/Try%20Storyblok-Free-09b3af?style=appveyor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADpiRU/AAACRElEQVRIDWNgGGmAEd3D3Js3LPrP8D8WXZwSPiMjw6qvPoHhyGYwIXNAbGpbCjbzP0MYuj0YFqMroBV/wCxmIeSju64eDNzMBJUxvP/9i2Hnq5cM1devMnz984eQsQwETeRhYWHgIcJiXqC6VHlFBjUeXgav40cIWkz1oLYXFmGwFBImaDFBHyObcOzdW4aSq5eRhRiE2dgYlpuYoYSKJi8vw3GgWnyAJIs/AuPu4scPGObd/fqVQZ+PHy7+6udPOBsXgySLDfn5GRYYmaKYJcXBgWLpsx8/GPa8foWiBhuHJIsl2DkYQqWksZkDFgP5PObcKYYff//iVAOTIDlx/QPqRMb/YSYBaWlOToZIaVkGZmAZSQiQ5OPtwHwacuo4iplMQEu6tXUZMhSUGDiYmBjylFQYvv/7x9B04xqKOnQOyT5GN+Df//8M59ASXKyMHLoyDD5JPtbj42OYrm+EYgg70JfuYuIoYmLs7AwMjIzA+uY/zjAnyWJpDk6GOFnCvrn86SOwmsNtKciVFAc1ileBHFDC67lzG10Yg0+SjzF0ownsf/OaofvOLYaDQJoQIGix94ljv1gIZI8Pv38zPvj2lQWYf3HGKbpDCFp85v07NnRN1OBTPY6JdRSGxcCw2k6sZuLVMZ5AV4s1TozPnGGFKbz+/PE7IJsHmC//MDMyhXBw8e6FyRFLv3Z0/IKuFqvFyIqAzd1PwBzJw8jAGPfVx38JshwlbIygxmYY43/GQmpais0ODDHuzevLMARHBcgIAQAbOJHZW0/EyQAAAABJRU5ErkJggg==" alt="Follow @Storyblok" />
   </a>
 </p>
@@ -31,9 +31,9 @@
 
 If you are in a hurry, check out our official **[live demo](https://stackblitz.com/edit/astro-sdk-demo)** on StackBlitz.
 
-## 🚀 Usage
+## Usage
 
-> If you are first-time user of Storyblok, read the [Getting Started](https://www.storyblok.com/docs/guide/getting-started?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-nuxt) guide to get a project ready in less than 5 minutes.
+> If you are first-time user of Storyblok, read the [Getting Started](https://www.storyblok.com/docs/guide/getting-started?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro) guide to get a project ready in less than 5 minutes.
 
 ## Installation
 
@@ -59,9 +59,11 @@ export default defineConfig({
 });
 ```
 
+> ⚠️ This SDK uses the Fetch API under the hood. If your environment doesn't support it, you need to install a polyfill like [isomorphic-fetch](https://github.com/matthew-andrews/isomorphic-fetch). More info on [storyblok-js-client docs](https://github.com/storyblok/storyblok-js-client#fetch-use-polyfill-if-needed---version-5).
+
 ### Options
 
-When you initialize the module, 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). For spaces created in the United States, you have to set the `region` parameter accordingly `{ apiOptions: { region: 'us' } }`.
 
 ```js
 // Defaults
@@ -69,11 +71,11 @@ storyblok({
   accessToken: "<your-access-token>",
   bridge: true,
   apiOptions: {}, // storyblok-js-client options
-  use: [apiPlugin],
+  useCustomApi: false,
 });
 ```
 
-> Note: if you don't use `apiPlugin`, you can use your preferred method or function to fetch your data.
+> 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.
 
 ## Getting started
 
@@ -125,7 +127,7 @@ const { blok } = Astro.props
 ---
 
 <main {...storyblokEditable(blok)}>
-  {blok.body?.map(blok => {return <StoryblokComponent blok={blok} />})}
+  {blok.body?.map(blok => {return <StoryblokComponent blok="{blok}" />})}
 </main>
 ```
 
@@ -160,7 +162,7 @@ const { data } = await storyblokApi.get("cdn/stories/home", {
 const story = data.story;
 ---
 
-<StoryblokComponent blok={story.content} />
+<StoryblokComponent blok="{story.content}" />
 ```
 
 > Note: The available methods are described in the [storyblok-js-client] repository(https://github.com/storyblok/storyblok-js-client#method-storyblokget)
@@ -201,15 +203,17 @@ const { data } = await storyblokApi.get(`cdn/stories/${slug}`, {
 const story = data.story;
 ---
 
-<StoryblokComponent blok={story.content} />
+<StoryblokComponent blok="{story.content}" />
 ```
 
 ### Using the Storyblok Bridge
 
-The Storyblok Bridge is automatically activated by default. If you would like to disable it or enable it conditionally (e.g. depending on the environment) you can set the `bridge` parameter to `false` in `astro.config.mjs`:
+The Storyblok Bridge is enabled by default. If you would like to disable it or enable it conditionally (e.g. depending on the environment) you can set the `bridge` parameter to `true` or `false` in `astro.config.mjs`:
 
 > Note: Since Astro is not a reactive JavaScript framework and renders everything as HTML, the Storyblok Bridge will not provide real-time editing as you may know it from other frameworks. However, it automatically refreshes the site for you whenever you save or publish a story.
 
+If you want to deploy a dedicated preview environment with the Bridge enabled, allowing users of the Storyblok CMS to see their changes being reflected on the frontend directly without having to rebuild the static site, you can enable Server Side Rendering for that particular use case. More information can be found in the [Astro Docs](https://docs.astro.build/en/guides/server-side-rendering/).
+
 ### Rendering Rich Text
 
 You can easily render rich text by using the `renderRichText` function that comes with `@storyblok/astro`. Then you can use the [`set:html` directive](https://docs.astro.build/en/reference/directives-reference/#sethtml):
@@ -223,7 +227,7 @@ const { blok } = Astro.props
 const renderedRichText = renderRichText(blok.text)
 ---
 
-<div set:html={renderedRichText}></div>
+<div set:html="{renderedRichText}"></div>
 ```
 
 You can also set a **custom Schema and component resolver** by passing the options as the second parameter of the `renderRichText` function:
@@ -234,9 +238,9 @@ import cloneDeep from "clone-deep";
 
 const mySchema = cloneDeep(RichTextSchema); // you can make a copy of the default RichTextSchema
 // ... and edit the nodes and marks, or add your own.
-// Check the base RichTextSchema source here https://github.com/storyblok/storyblok-js-client/blob/master/source/schema.js
+// Check the base RichTextSchema source here https://github.com/storyblok/storyblok-js-client/blob/v4/source/schema.js
 
-const { blok } = Astro.props
+const { blok } = Astro.props;
 
 const renderedRichText = renderRichText(blok.text, {
   schema: mySchema,
@@ -260,21 +264,22 @@ Returns the instance of the `storyblok-js-client`.
 
 ## Acknowledgements
 
-A huge thank you goes to the Astro Team. In particular to [Tony Sull](https://github.com/tony-sull), who has provided extraordinary support and made automagically rendering Storyblok components a reality.
+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.
 
-## 🔗 Related Links
+## Related Links
 
 - **[Live Demo on Stackblitz](https://stackblitz.com/edit/astro-sdk-demo)**
 - **[Storyblok CLI](https://github.com/storyblok/storyblok)**: A simple CLI for scaffolding Storyblok projects and fieldtypes.
 
-## ℹ️ More Resources
+## More Resources
 
 ### Support
 
 - Bugs or Feature Requests? [Submit an issue](/../../issues/new);
-- Do you have questions about Storyblok or you need help? [Join our Discord Community](https://discord.gg/jKrbAMz).
+- Do you have questions about this SDK? Or would you like to join the growing community of `@storyblok/astro` users? [Join the Astro Discord Community](https://discord.com/channels/830184174198718474/1002802280267001858)
+- Do you have questions about Storyblok or you need help? [Join the Storyblok Discord Community](https://discord.gg/jKrbAMz).
 
 ### Contributing
 
 Please see our [contributing guidelines](https://github.com/storyblok/.github/blob/master/contributing.md) and our [code of conduct](https://www.storyblok.com/trust-center#code-of-conduct?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro).
-This project use [semantic-release](https://semantic-release.gitbook.io/semantic-release/) for generate new versions by using commit messages and we use the Angular Convention to naming the commits. Check [this question](https://semantic-release.gitbook.io/semantic-release/support/faq#how-can-i-change-the-type-of-commits-that-trigger-a-release) about it in semantic-release FAQ.
+This project uses [semantic-release](https://semantic-release.gitbook.io/semantic-release/) for generating new versions by using commit messages. We use the Angular Convention to name the commits.

package/StoryblokComponent.astro

@@ -1,6 +1,12 @@
 ---
 import components from "virtual:storyblok-components";
 import camelcase from "camelcase";
+import type { SbBlokData } from "./types";
+
+interface Props {
+  blok: SbBlokData;
+  props: object;
+}
 
 const { blok, ...props } = Astro.props;
 

package/dist/storyblok-astro.js

@@ -1,19 +1,26 @@
-(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("axios")):typeof define=="function"&&define.amd?define(["exports","axios"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.storyblokAstro={},u.axios))})(this,function(u,p){"use strict";const M=(s=>s&&typeof s=="object"&&"default"in s?s:{default:s})(p),U=/[\p{Lu}]/u,D=/[\p{Ll}]/u,T=/^[\p{Lu}](?![\p{Lu}])/gu,_=/([\p{Alpha}\p{N}_]|$)/u,m=/[_.\- ]+/,q=new RegExp("^"+m.source),R=new RegExp(m.source+_.source,"gu"),w=new RegExp("\\d+"+_.source,"gu"),B=(s,e,t)=>{let r=!1,o=!1,n=!1;for(let i=0;i<s.length;i++){const a=s[i];r&&U.test(a)?(s=s.slice(0,i)+"-"+s.slice(i),r=!1,n=o,o=!0,i++):o&&n&&D.test(a)?(s=s.slice(0,i-1)+"-"+s.slice(i-1),n=o,o=!1,r=!0):(r=e(a)===a&&t(a)!==a,n=o,o=t(a)===a&&e(a)!==a)}return s},z=(s,e)=>(T.lastIndex=0,s.replace(T,t=>e(t))),H=(s,e)=>(R.lastIndex=0,w.lastIndex=0,s.replace(R,(t,r)=>e(r)).replace(w,t=>e(t)));function E(s,e){if(!(typeof s=="string"||Array.isArray(s)))throw new TypeError("Expected the input to be `string | string[]`");if(e={pascalCase:!1,preserveConsecutiveUppercase:!1,...e},Array.isArray(s)?s=s.map(n=>n.trim()).filter(n=>n.length).join("-"):s=s.trim(),s.length===0)return"";const t=e.locale===!1?n=>n.toLowerCase():n=>n.toLocaleLowerCase(e.locale),r=e.locale===!1?n=>n.toUpperCase():n=>n.toLocaleUpperCase(e.locale);return s.length===1?m.test(s)?"":e.pascalCase?r(s):t(s):(s!==t(s)&&(s=B(s,t,r)),s=s.replace(q,""),s=e.preserveConsecutiveUppercase?z(s,t):t(s),e.pascalCase&&(s=r(s.charAt(0))+s.slice(1)),H(s,r))}function V(s){const e="virtual:storyblok-components",t="\0"+e;return{name:"vite-plugin-storyblok",async resolveId(r){if(r===e)return t},async load(r){if(r===t){const o=[];for await(const[n,i]of Object.entries(s)){const{id:a}=await this.resolve("/src/"+i+".astro");o.push(`import ${E(n)} from "${a}"`)}return`${o.join(";")};export default {${Object.keys(s).map(n=>E(n)).join(",")}}`}}}}var F=Object.defineProperty,J=Object.defineProperties,G=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,$=(s,e,t)=>e in s?F(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,d=(s,e)=>{for(var t in e||(e={}))K.call(e,t)&&$(s,t,e[t]);if(A)for(var t of A(e))Y.call(e,t)&&$(s,t,e[t]);return s},k=(s,e)=>J(s,G(e));let S=!1;const O=[],x=s=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=o=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}S?o():O.push(o)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=s,r.id="storyblok-javascript-bridge",r.onerror=o=>t(o),r.onload=o=>{O.forEach(n=>n()),S=!0,e(o)},document.getElementsByTagName("head")[0].appendChild(r)}),W=function(s,e){if(!s)return null;let t={};for(let r in s){let o=s[r];e.indexOf(r)>-1&&o!==null&&(t[r]=o)}return t},Q=s=>s==="email";var C={nodes:{horizontal_rule(){return{singleTag:"hr"}},blockquote(){return{tag:"blockquote"}},bullet_list(){return{tag:"ul"}},code_block(s){return{tag:["pre",{tag:"code",attrs:s.attrs}]}},hard_break(){return{singleTag:"br"}},heading(s){return{tag:`h${s.attrs.level}`}},image(s){return{singleTag:[{tag:"img",attrs:W(s.attrs,["src","alt","title"])}]}},list_item(){return{tag:"li"}},ordered_list(){return{tag:"ol"}},paragraph(){return{tag:"p"}}},marks:{bold(){return{tag:"b"}},strike(){return{tag:"strike"}},underline(){return{tag:"u"}},strong(){return{tag:"strong"}},code(){return{tag:"code"}},italic(){return{tag:"i"}},link(s){const e=d({},s.attrs),{linktype:t="url"}=s.attrs;return Q(t)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},styled(s){return{tag:[{tag:"span",attrs:s.attrs}]}}}};const X=function(s){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},t=/[&<>"']/g,r=RegExp(t.source);return s&&r.test(s)?s.replace(t,o=>e[o]):s};class I{constructor(e){e||(e=C),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e={}){if(e.content&&Array.isArray(e.content)){let t="";return e.content.forEach(r=>{t+=this.renderNode(r)}),t}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){let t=[];e.marks&&e.marks.forEach(o=>{const n=this.getMatchingMark(o);n&&t.push(this.renderOpeningTag(n.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(o=>{t.push(this.renderNode(o))}):e.text?t.push(X(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(o=>{const n=this.getMatchingMark(o);n&&t.push(this.renderClosingTag(n.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(o=>{if(o.constructor===String)return`<${o}${t}>`;{let n=`<${o.tag}`;if(o.attrs)for(let i in o.attrs){let a=o.attrs[i];a!==null&&(n+=` ${i}="${a}"`)}return`${n}${t}>`}}).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){if(typeof this.nodes[e.type]=="function")return this.nodes[e.type](e)}getMatchingMark(e){if(typeof this.marks[e.type]=="function")return this.marks[e.type](e)}}/*!
- * storyblok-js-client v4.5.2
- * Universal JavaScript SDK for Storyblok's API
- * (c) 2020-2022 Stobylok Team
- */function j(s){return typeof s=="number"&&s==s&&s!==1/0&&s!==-1/0}function P(s,e,t){if(!j(e))throw new TypeError("Expected `limit` to be a finite number");if(!j(t))throw new TypeError("Expected `interval` to be a finite number");var r=[],o=[],n=0,i=function(){n++;var c=setTimeout(function(){n--,r.length>0&&i(),o=o.filter(function(h){return h!==c})},t);o.indexOf(c)<0&&o.push(c);var l=r.shift();l.resolve(s.apply(l.self,l.args))},a=function(){var c=arguments,l=this;return new Promise(function(h,g){r.push({resolve:h,reject:g,args:c,self:l}),n<e&&i()})};return a.abort=function(){o.forEach(clearTimeout),o=[],r.forEach(function(c){c.reject(new throttle.AbortError)}),r.length=0},a}P.AbortError=function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"};const Z=function(s,e){if(!s)return null;let t={};for(let r in s){let o=s[r];e.indexOf(r)>-1&&o!==null&&(t[r]=o)}return t};var ee={nodes:{horizontal_rule:()=>({singleTag:"hr"}),blockquote:()=>({tag:"blockquote"}),bullet_list:()=>({tag:"ul"}),code_block:s=>({tag:["pre",{tag:"code",attrs:s.attrs}]}),hard_break:()=>({singleTag:"br"}),heading:s=>({tag:`h${s.attrs.level}`}),image:s=>({singleTag:[{tag:"img",attrs:Z(s.attrs,["src","alt","title"])}]}),list_item:()=>({tag:"li"}),ordered_list:()=>({tag:"ol"}),paragraph:()=>({tag:"p"})},marks:{bold:()=>({tag:"b"}),strike:()=>({tag:"strike"}),underline:()=>({tag:"u"}),strong:()=>({tag:"strong"}),code:()=>({tag:"code"}),italic:()=>({tag:"i"}),link(s){const e=d({},s.attrs),{linktype:t="url"}=s.attrs;return t==="email"&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},styled:s=>({tag:[{tag:"span",attrs:s.attrs}]})}};class te{constructor(e){e||(e=ee),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e={}){if(e.content&&Array.isArray(e.content)){let t="";return e.content.forEach(r=>{t+=this.renderNode(r)}),t}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){let t=[];e.marks&&e.marks.forEach(o=>{const n=this.getMatchingMark(o);n&&t.push(this.renderOpeningTag(n.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(o=>{t.push(this.renderNode(o))}):e.text?t.push(function(o){const n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},i=/[&<>"']/g,a=RegExp(i.source);return o&&a.test(o)?o.replace(i,c=>n[c]):o}(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html&&t.push(r.html),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(o=>{const n=this.getMatchingMark(o);n&&t.push(this.renderClosingTag(n.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let o=`<${r.tag}`;if(r.attrs)for(let n in r.attrs){let i=r.attrs[n];i!==null&&(o+=` ${n}="${i}"`)}return`${o}${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){if(typeof this.nodes[e.type]=="function")return this.nodes[e.type](e)}getMatchingMark(e){if(typeof this.marks[e.type]=="function")return this.marks[e.type](e)}}const re=(s=0,e=s)=>{const t=Math.abs(e-s)||0,r=s<e?1:-1;return((o=0,n)=>[...Array(o)].map(n))(t,(o,n)=>n*r+s)},b=(s,e,t)=>{const r=[];for(const o in s){if(!Object.prototype.hasOwnProperty.call(s,o))continue;const n=s[o],i=t?"":encodeURIComponent(o);let a;a=typeof n=="object"?b(n,e?e+encodeURIComponent("["+i+"]"):i,Array.isArray(n)):(e?e+encodeURIComponent("["+i+"]"):i)+"="+encodeURIComponent(n),r.push(a)}return r.join("&")};let y={},f={};class se{constructor(e,t){if(!t){let n=e.region?`-${e.region}`:"",i=e.https===!1?"http":"https";t=e.oauthToken===void 0?`${i}://api${n}.storyblok.com/v2`:`${i}://api${n}.storyblok.com/v1`}let r=Object.assign({},e.headers),o=5;e.oauthToken!==void 0&&(r.Authorization=e.oauthToken,o=3),e.rateLimit!==void 0&&(o=e.rateLimit),this.richTextResolver=new te(e.richTextSchema),typeof e.componentResolver=="function"&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||5,this.throttle=P(this.throttledRequest,o,1e3),this.accessToken=e.accessToken,this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.client=M.default.create({baseURL:t,timeout:e.timeout||0,headers:r,proxy:e.proxy||!1}),e.responseInterceptor&&this.client.interceptors.response.use(n=>e.responseInterceptor(n)),this.resolveNestedRelations=e.resolveNestedRelations||!0}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body.forEach(o=>{r+=e(o.component,o)}),{html:r}})}parseParams(e={}){return e.version||(e.version="published"),e.token||(e.token=this.getToken()),e.cv||(e.cv=f[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),e}factoryParamOptions(e,t={}){return((r="")=>r.indexOf("/cdn/")>-1)(e)?this.parseParams(t):t}makeRequest(e,t,r,o){const n=this.factoryParamOptions(e,((i={},a=25,c=1)=>k(d({},i),{per_page:a,page:c}))(t,r,o));return this.cacheResponse(e,n)}get(e,t){let r=`/${e}`;const o=this.factoryParamOptions(r,t);return this.cacheResponse(r,o)}async getAll(e,t={},r){const o=t.per_page||25,n=`/${e}`,i=n.split("/");r=r||i[i.length-1];const a=await this.makeRequest(n,t,o,1),c=Math.ceil(a.total/o);return((l=[],h)=>l.map(h).reduce((g,fe)=>[...g,...fe],[]))([a,...await(async(l=[],h)=>Promise.all(l.map(h)))(re(1,c),async l=>this.makeRequest(n,t,o,l+1))],l=>Object.values(l.data[r]))}post(e,t){let r=`/${e}`;return this.throttle("post",r,t)}put(e,t){let r=`/${e}`;return this.throttle("put",r,t)}delete(e,t){let r=`/${e}`;return this.throttle("delete",r,t)}getStories(e){return this.get("cdn/stories",e)}getStory(e,t){return this.get(`cdn/stories/${e}`,t)}setToken(e){this.accessToken=e}getToken(){return this.accessToken}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t){const r=e[t];r&&r.fieldtype=="multilink"&&r.linktype=="story"&&typeof r.id=="string"&&this.links[r.id]?r.story=this._cleanCopy(this.links[r.id]):r&&r.linktype==="story"&&typeof r.uuid=="string"&&this.links[r.uuid]&&(r.story=this._cleanCopy(this.links[r.uuid]))}_insertRelations(e,t,r){if(r.indexOf(e.component+"."+t)>-1){if(typeof e[t]=="string")this.relations[e[t]]&&(e[t]=this._cleanCopy(this.relations[e[t]]));else if(e[t].constructor===Array){let o=[];e[t].forEach(n=>{this.relations[n]&&o.push(this._cleanCopy(this.relations[n]))}),e[t]=o}}}_insertAssetsRelations(e,t){t.forEach(r=>{e.id===r.id&&(e.original=r,e.original.filename=e.filename,e.original.filename=e.original.filename.includes("https://s3.amazonaws.com/")?e.original.filename:e.original.filename.replace("https://","https://s3.amazonaws.com/"),delete e.original.s3_filename)})}iterateTree(e,t){let r=o=>{if(o!=null){if(o.constructor===Array)for(let n=0;n<o.length;n++)r(o[n]);else if(o.constructor===Object){if(o._stopResolving)return;for(let n in o)o.component&&o._uid||o.type==="link"?(this._insertRelations(o,n,t),this._insertLinks(o,n)):"id"in o&&o.fieldtype==="asset"&&this._insertAssetsRelations(o,t),r(o[n])}}};r(e.content)}async resolveLinks(e,t){let r=[];if(e.link_uuids){const o=e.link_uuids.length;let n=[];const i=50;for(let a=0;a<o;a+=i){const c=Math.min(o,a+i);n.push(e.link_uuids.slice(a,c))}for(let a=0;a<n.length;a++)(await this.getStories({per_page:i,language:t.language,version:t.version,by_uuids:n[a].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(o=>{this.links[o.uuid]=k(d({},o),{_stopResolving:!0})})}async resolveRelations(e,t){let r=[];if(e.rel_uuids){const o=e.rel_uuids.length;let n=[];const i=50;for(let a=0;a<o;a+=i){const c=Math.min(o,a+i);n.push(e.rel_uuids.slice(a,c))}for(let a=0;a<n.length;a++)(await this.getStories({per_page:i,language:t.language,version:t.version,by_uuids:n[a].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r.forEach(o=>{this.relations[o.uuid]=k(d({},o),{_stopResolving:!0})})}async resolveStories(e,t){let r=[];if(t.resolve_relations!==void 0&&t.resolve_relations.length>0&&(e.rels||e.rel_uuids)&&(r=t.resolve_relations.split(","),await this.resolveRelations(e,t)),["1","story","url"].indexOf(t.resolve_links)>-1&&(e.links||e.link_uuids)&&await this.resolveLinks(e,t),this.resolveNestedRelations)for(const o in this.relations)this.iterateTree(this.relations[o],r);e.story?this.iterateTree(e.story,r):e.stories.forEach(o=>{this.iterateTree(o,r)})}resolveAssetsRelations(e){const{assets:t,stories:r,story:o}=e;if(r)for(const n of r)this.iterateTree(n,t);else{if(!o)return e;this.iterateTree(o,t)}}cacheResponse(e,t,r){return r===void 0&&(r=0),new Promise(async(o,n)=>{let i=b({url:e,params:t}),a=this.cacheProvider();if(this.cache.clear==="auto"&&t.version==="draft"&&await this.flushCache(),t.version==="published"&&e!="/cdn/spaces/me"){const l=await a.get(i);if(l)return o(l)}try{let l=await this.throttle("get",e,{params:t,paramsSerializer:g=>b(g)}),h={data:l.data,headers:l.headers};if(h.data.assets&&h.data.assets.length&&this.resolveAssetsRelations(h.data),l.headers["per-page"]&&(h=Object.assign({},h,{perPage:parseInt(l.headers["per-page"]),total:parseInt(l.headers.total)})),l.status!=200)return n(l);(h.data.story||h.data.stories)&&await this.resolveStories(h.data,t),t.version==="published"&&e!="/cdn/spaces/me"&&a.set(i,h),h.data.cv&&(t.version=="draft"&&f[t.token]!=h.data.cv&&this.flushCache(),f[t.token]=h.data.cv),o(h)}catch(l){if(l.response&&l.response.status===429&&(r+=1)<this.maxRetries)return console.log(`Hit rate limit. Retrying in ${r} seconds.`),await(c=1e3*r,new Promise(h=>setTimeout(h,c))),this.cacheResponse(e,t,r).then(o).catch(n);n(l)}var c})}throttledRequest(e,t,r){return this.client[e](t,r)}cacheVersions(){return f}cacheVersion(){return f[this.accessToken]}setCacheVersion(e){this.accessToken&&(f[this.accessToken]=e)}cacheProvider(){return this.cache.type==="memory"?{get:e=>y[e],getAll:()=>y,set(e,t){y[e]=t},flush(){y={}}}:{get(){},getAll(){},set(){},flush(){}}}async flushCache(){return await this.cacheProvider().flush(),this}}const oe=(s={})=>{const{apiOptions:e}=s;if(!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 se(e)}};var ne=s=>{if(typeof s!="object"||typeof s._editable>"u")return{};const e=JSON.parse(s._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let v;const N="https://app.storyblok.com/f/storyblok-v2-latest.js",ae=(s={})=>{const{bridge:e,accessToken:t,use:r=[],apiOptions:o={},richText:n={}}=s;o.accessToken=o.accessToken||t;const i={bridge:e,apiOptions:o};let a={};return r.forEach(c=>{a=d(d({},a),c(i))}),e!==!1&&x(N),v=new I(n.schema),n.resolver&&L(v,n.resolver),a},L=(s,e)=>{s.addNode("blok",t=>{let r="";return t.attrs.body.forEach(o=>{r+=e(o.component,o)}),{html:r}})},ie=(s,e,t)=>{let r=t||v;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return s===""?"":s?(e&&(r=new I(e.schema),e.resolver&&L(r,e.resolver)),r.render(s)):(console.warn(`${s} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+(function(l,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(l=typeof globalThis<"u"?globalThis:l||self,c(l.storyblokAstro={}))})(this,function(l){"use strict";function c(t,e,r){const o="virtual:storyblok-init",s="\0"+o;return{name:"vite-plugin-storyblok-init",async resolveId(n){if(n===o)return s},async load(n){if(n===s)return`
+          import { storyblokInit, apiPlugin } from "@storyblok/js";
+          const { storyblokApi } = storyblokInit({
+            accessToken: "${t}",
+            use: ${e?"[]":"[apiPlugin]"},
+            apiOptions: ${JSON.stringify(r)},
+          });
+          export const storyblokApiInstance = storyblokApi;  
+        `}}}const A=/[\p{Lu}]/u,E=/[\p{Ll}]/u,d=/^[\p{Lu}](?![\p{Lu}])/gu,g=/([\p{Alpha}\p{N}_]|$)/u,u=/[_.\- ]+/,w=new RegExp("^"+u.source),f=new RegExp(u.source+g.source,"gu"),h=new RegExp("\\d+"+g.source,"gu"),S=(t,e,r)=>{let o=!1,s=!1,n=!1;for(let a=0;a<t.length;a++){const i=t[a];o&&A.test(i)?(t=t.slice(0,a)+"-"+t.slice(a),o=!1,n=s,s=!0,a++):s&&n&&E.test(i)?(t=t.slice(0,a-1)+"-"+t.slice(a-1),n=s,s=!1,o=!0):(o=e(i)===i&&r(i)!==i,n=s,s=r(i)===i&&e(i)!==i)}return t},R=(t,e)=>(d.lastIndex=0,t.replace(d,r=>e(r))),_=(t,e)=>(f.lastIndex=0,h.lastIndex=0,t.replace(f,(r,o)=>e(o)).replace(h,r=>e(r)));function p(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(n=>n.trim()).filter(n=>n.length).join("-"):t=t.trim(),t.length===0)return"";const r=e.locale===!1?n=>n.toLowerCase():n=>n.toLocaleLowerCase(e.locale),o=e.locale===!1?n=>n.toUpperCase():n=>n.toLocaleUpperCase(e.locale);return t.length===1?u.test(t)?"":e.pascalCase?o(t):r(t):(t!==r(t)&&(t=S(t,r,o)),t=t.replace(w,""),t=e.preserveConsecutiveUppercase?R(t,r):r(t),e.pascalCase&&(t=o(t.charAt(0))+t.slice(1)),_(t,o))}function C(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 s=[];for await(const[n,a]of Object.entries(t)){const{id:i}=await this.resolve("/src/"+a+".astro");s.push(`import ${p(n)} from "${i}"`)}return`${s.join(";")};export default {${Object.keys(t).map(n=>p(n)).join(",")}}`}}}}var $=Object.defineProperty,b=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,y=(t,e,r)=>e in t?$(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,P=(t,e)=>{for(var r in e||(e={}))O.call(e,r)&&y(t,r,e[r]);if(b)for(var r of b(e))x.call(e,r)&&y(t,r,e[r]);return t};let m=!1;const k=[],j=t=>new Promise((e,r)=>{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}m?s():k.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const o=document.createElement("script");o.async=!0,o.src=t,o.id="storyblok-javascript-bridge",o.onerror=s=>r(s),o.onload=s=>{k.forEach(n=>n()),m=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(o)});var N=Object.defineProperty,L=(t,e,r)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,v=(t,e,r)=>(L(t,typeof e!="symbol"?e+"":e,r),r);const M=function(t,e){const r={};for(const o in t){const s=t[o];e.indexOf(o)>-1&&s!==null&&(r[o]=s)}return r},U=t=>t==="email",B=()=>({singleTag:"hr"}),D=()=>({tag:"blockquote"}),z=()=>({tag:"ul"}),F=t=>({tag:["pre",{tag:"code",attrs:t.attrs}]}),V=()=>({singleTag:"br"}),q=t=>({tag:`h${t.attrs.level}`}),J=t=>({singleTag:[{tag:"img",attrs:M(t.attrs,["src","alt","title"])}]}),G=()=>({tag:"li"}),K=()=>({tag:"ol"}),H=()=>({tag:"p"}),W=()=>({tag:"b"}),Y=()=>({tag:"strike"}),Q=()=>({tag:"u"}),X=()=>({tag:"strong"}),Z=()=>({tag:"code"}),ee=()=>({tag:"i"}),te=t=>{const e=P({},t.attrs),{linktype:r="url"}=t.attrs;return U(r)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},re=t=>({tag:[{tag:"span",attrs:t.attrs}]}),T={nodes:{horizontal_rule:B,blockquote:D,bullet_list:z,code_block:F,hard_break:V,heading:q,image:J,list_item:G,ordered_list:K,paragraph:H},marks:{bold:W,strike:Y,underline:Q,strong:X,code:Z,italic:ee,link:te,styled:re}},oe=function(t){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},r=/[&<>"']/g,o=RegExp(r.source);return t&&o.test(t)?t.replace(r,s=>e[s]):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(s=>{const n=this.getMatchingMark(s);n&&r.push(this.renderOpeningTag(n.tag))});const o=this.getMatchingNode(e);return o&&o.tag&&r.push(this.renderOpeningTag(o.tag)),e.content?e.content.forEach(s=>{r.push(this.renderNode(s))}):e.text?r.push(oe(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(s=>{const n=this.getMatchingMark(s);n&&r.push(this.renderClosingTag(n.tag))}),r.join("")}renderTag(e,r){return e.constructor===String?`<${e}${r}>`:e.map(o=>{if(o.constructor===String)return`<${o}${r}>`;{let s=`<${o.tag}`;if(o.attrs)for(const n in o.attrs){const a=o.attrs[n];a!==null&&(s+=` ${n}="${a}"`)}return`${s}${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)}}var se=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 ne;const ae="https://app.storyblok.com/f/storyblok-v2-latest.js",le=(t,e)=>{t.addNode("blok",r=>{let o="";return r.attrs.body.forEach(s=>{o+=e(s.component,s)}),{html:o}})},ie=(t,e,r)=>{let o=r||ne;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&&le(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.
     
-  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},le=()=>x(N);function ce(s,e,t){const{storyblokApi:r}=ae({accessToken:s,use:e||[oe],apiOptions:{...t}});globalThis.storyblokApiInstance=r}function he(){return globalThis.storyblokApiInstance||console.error("storyblokApiInstance has not been initialized correctly"),globalThis.storyblokApiInstance}function ue(s,e){const t=globalThis.storyblokApiInstance.richTextResolver;if(!t){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return ie(s,e,t)}function de(s){return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:e,updateConfig:t})=>{var o;t({vite:{plugins:[V(s.components)]}}),ce(s.accessToken,s.use,s.apiOptions),((o=s.bridge)!=null?o:!0)&&e("page",`
-          import { loadStoryblokBridge } from "@storyblok/astro";
-          loadStoryblokBridge().then(() => {
-            const { StoryblokBridge, location } = window;
-            const storyblokInstance = new StoryblokBridge();
+  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},ce=()=>j(ae);function ue(){return globalThis.storyblokApiInstance||console.error("storyblokApiInstance has not been initialized correctly"),globalThis.storyblokApiInstance}function de(t,e){const r=globalThis.storyblokApiInstance.richTextResolver;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return ie(t,e,r)}function ge(t={accessToken:"",useCustomApi:!1,apiOptions:{},bridge:!0,components:{}}){return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:e,updateConfig:r})=>{r({vite:{plugins:[c(t.accessToken,t.useCustomApi,t.apiOptions),C(t.components)]}}),e("page-ssr",`
+          import { storyblokApiInstance } from "virtual:storyblok-init";
+          globalThis.storyblokApiInstance = storyblokApiInstance;
+          `),t.bridge&&e("page",`
+              import { loadStoryblokBridge } from "@storyblok/astro";
+              loadStoryblokBridge().then(() => {
+                const { StoryblokBridge, location } = window;
+                const storyblokInstance = new StoryblokBridge();
 
-            storyblokInstance.on(["published", "change"], (event) => {
-              if (!event.slugChanged) {
-                location.reload(true);
-              } 
-            });
-          });
-          `)}}}}u.RichTextSchema=C,u.default=de,u.loadStoryblokBridge=le,u.renderRichText=ue,u.storyblokEditable=ne,u.useStoryblokApi=he,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+                storyblokInstance.on(["published", "change"], (event) => {
+                  if (!event.slugChanged) {
+                    location.reload(true);
+                  } 
+                });
+              });
+            `)}}}}l.RichTextResolver=I,l.RichTextSchema=T,l.default=ge,l.loadStoryblokBridge=ce,l.renderRichText=de,l.storyblokEditable=se,l.useStoryblokApi=ue,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/storyblok-astro.mjs

@@ -1,249 +1,234 @@
-import N from "axios";
-const L = /[\p{Lu}]/u, M = /[\p{Ll}]/u, v = /^[\p{Lu}](?![\p{Lu}])/gu, O = /([\p{Alpha}\p{N}_]|$)/u, k = /[_.\- ]+/, U = new RegExp("^" + k.source), b = new RegExp(k.source + O.source, "gu"), T = new RegExp("\\d+" + O.source, "gu"), D = (s, e, t) => {
-  let r = !1, o = !1, n = !1;
-  for (let i = 0; i < s.length; i++) {
-    const a = s[i];
-    r && L.test(a) ? (s = s.slice(0, i) + "-" + s.slice(i), r = !1, n = o, o = !0, i++) : o && n && M.test(a) ? (s = s.slice(0, i - 1) + "-" + s.slice(i - 1), n = o, o = !1, r = !0) : (r = e(a) === a && t(a) !== a, n = o, o = t(a) === a && e(a) !== a);
+function k(t, e, r) {
+  const o = "virtual:storyblok-init", s = "\0" + o;
+  return {
+    name: "vite-plugin-storyblok-init",
+    async resolveId(n) {
+      if (n === o)
+        return s;
+    },
+    async load(n) {
+      if (n === s)
+        return `
+          import { storyblokInit, apiPlugin } from "@storyblok/js";
+          const { storyblokApi } = storyblokInit({
+            accessToken: "${t}",
+            use: ${e ? "[]" : "[apiPlugin]"},
+            apiOptions: ${JSON.stringify(r)},
+          });
+          export const storyblokApiInstance = storyblokApi;  
+        `;
+    }
+  };
+}
+const v = /[\p{Lu}]/u, I = /[\p{Ll}]/u, c = /^[\p{Lu}](?![\p{Lu}])/gu, m = /([\p{Alpha}\p{N}_]|$)/u, i = /[_.\- ]+/, T = new RegExp("^" + i.source), u = new RegExp(i.source + m.source, "gu"), d = new RegExp("\\d+" + m.source, "gu"), E = (t, e, r) => {
+  let o = !1, s = !1, n = !1;
+  for (let a = 0; a < t.length; a++) {
+    const l = t[a];
+    o && v.test(l) ? (t = t.slice(0, a) + "-" + t.slice(a), o = !1, n = s, s = !0, a++) : s && n && I.test(l) ? (t = t.slice(0, a - 1) + "-" + t.slice(a - 1), n = s, s = !1, o = !0) : (o = e(l) === l && r(l) !== l, n = s, s = r(l) === l && e(l) !== l);
   }
-  return s;
-}, q = (s, e) => (v.lastIndex = 0, s.replace(v, (t) => e(t))), B = (s, e) => (b.lastIndex = 0, T.lastIndex = 0, s.replace(b, (t, r) => e(r)).replace(T, (t) => e(t)));
-function _(s, e) {
-  if (!(typeof s == "string" || Array.isArray(s)))
+  return t;
+}, A = (t, e) => (c.lastIndex = 0, t.replace(c, (r) => e(r))), w = (t, e) => (u.lastIndex = 0, d.lastIndex = 0, t.replace(u, (r, o) => e(o)).replace(d, (r) => e(r)));
+function g(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(s) ? s = s.map((n) => n.trim()).filter((n) => n.length).join("-") : s = s.trim(), s.length === 0)
+  }, Array.isArray(t) ? t = t.map((n) => n.trim()).filter((n) => n.length).join("-") : t = t.trim(), t.length === 0)
     return "";
-  const t = e.locale === !1 ? (n) => n.toLowerCase() : (n) => n.toLocaleLowerCase(e.locale), r = e.locale === !1 ? (n) => n.toUpperCase() : (n) => n.toLocaleUpperCase(e.locale);
-  return s.length === 1 ? k.test(s) ? "" : e.pascalCase ? r(s) : t(s) : (s !== t(s) && (s = D(s, t, r)), s = s.replace(U, ""), s = e.preserveConsecutiveUppercase ? q(s, t) : t(s), e.pascalCase && (s = r(s.charAt(0)) + s.slice(1)), B(s, r));
+  const r = e.locale === !1 ? (n) => n.toLowerCase() : (n) => n.toLocaleLowerCase(e.locale), o = e.locale === !1 ? (n) => n.toUpperCase() : (n) => n.toLocaleUpperCase(e.locale);
+  return t.length === 1 ? i.test(t) ? "" : e.pascalCase ? o(t) : r(t) : (t !== r(t) && (t = E(t, r, o)), t = t.replace(T, ""), t = e.preserveConsecutiveUppercase ? A(t, r) : r(t), e.pascalCase && (t = o(t.charAt(0)) + t.slice(1)), w(t, o));
 }
-function z(s) {
-  const e = "virtual:storyblok-components", t = "\0" + e;
+function S(t) {
+  const e = "virtual:storyblok-components", r = "\0" + e;
   return {
-    name: "vite-plugin-storyblok",
-    async resolveId(r) {
-      if (r === e)
-        return t;
+    name: "vite-plugin-storyblok-components",
+    async resolveId(o) {
+      if (o === e)
+        return r;
     },
-    async load(r) {
-      if (r === t) {
-        const o = [];
-        for await (const [n, i] of Object.entries(s)) {
-          const { id: a } = await this.resolve("/src/" + i + ".astro");
-          o.push(`import ${_(n)} from "${a}"`);
+    async load(o) {
+      if (o === r) {
+        const s = [];
+        for await (const [n, a] of Object.entries(t)) {
+          const { id: l } = await this.resolve("/src/" + a + ".astro");
+          s.push(`import ${g(n)} from "${l}"`);
         }
-        return `${o.join(";")};export default {${Object.keys(s).map((n) => _(n)).join(",")}}`;
+        return `${s.join(";")};export default {${Object.keys(t).map((n) => g(n)).join(",")}}`;
       }
     }
   };
 }
-var H = Object.defineProperty, V = Object.defineProperties, F = Object.getOwnPropertyDescriptors, R = Object.getOwnPropertySymbols, J = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable, w = (s, e, t) => e in s ? H(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, u = (s, e) => {
-  for (var t in e || (e = {}))
-    J.call(e, t) && w(s, t, e[t]);
-  if (R)
-    for (var t of R(e))
-      G.call(e, t) && w(s, t, e[t]);
-  return s;
-}, g = (s, e) => V(s, F(e));
-let E = !1;
-const A = [], S = (s) => new Promise((e, t) => {
-  if (typeof window > "u" || (window.storyblokRegisterEvent = (o) => {
+var C = Object.defineProperty, h = Object.getOwnPropertySymbols, R = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable, f = (t, e, r) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, x = (t, e) => {
+  for (var r in e || (e = {}))
+    R.call(e, r) && f(t, r, e[r]);
+  if (h)
+    for (var r of h(e))
+      _.call(e, r) && f(t, r, e[r]);
+  return t;
+};
+let p = !1;
+const b = [], $ = (t) => new Promise((e, r) => {
+  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;
     }
-    E ? o() : A.push(o);
+    p ? s() : b.push(s);
   }, document.getElementById("storyblok-javascript-bridge")))
     return;
-  const r = document.createElement("script");
-  r.async = !0, r.src = s, r.id = "storyblok-javascript-bridge", r.onerror = (o) => t(o), r.onload = (o) => {
-    A.forEach((n) => n()), E = !0, e(o);
-  }, document.getElementsByTagName("head")[0].appendChild(r);
-}), K = function(s, e) {
-  if (!s)
-    return null;
-  let t = {};
-  for (let r in s) {
-    let o = s[r];
-    e.indexOf(r) > -1 && o !== null && (t[r] = o);
-  }
-  return t;
-}, Y = (s) => s === "email";
-var W = {
-  nodes: {
-    horizontal_rule() {
-      return {
-        singleTag: "hr"
-      };
-    },
-    blockquote() {
-      return {
-        tag: "blockquote"
-      };
-    },
-    bullet_list() {
-      return {
-        tag: "ul"
-      };
-    },
-    code_block(s) {
-      return {
-        tag: [
-          "pre",
-          {
-            tag: "code",
-            attrs: s.attrs
-          }
-        ]
-      };
-    },
-    hard_break() {
-      return {
-        singleTag: "br"
-      };
-    },
-    heading(s) {
-      return {
-        tag: `h${s.attrs.level}`
-      };
-    },
-    image(s) {
-      return {
-        singleTag: [
-          {
-            tag: "img",
-            attrs: K(s.attrs, ["src", "alt", "title"])
-          }
-        ]
-      };
-    },
-    list_item() {
-      return {
-        tag: "li"
-      };
-    },
-    ordered_list() {
-      return {
-        tag: "ol"
-      };
-    },
-    paragraph() {
-      return {
-        tag: "p"
-      };
+  const o = document.createElement("script");
+  o.async = !0, o.src = t, o.id = "storyblok-javascript-bridge", o.onerror = (s) => r(s), o.onload = (s) => {
+    b.forEach((n) => n()), p = !0, e(s);
+  }, document.getElementsByTagName("head")[0].appendChild(o);
+});
+var O = Object.defineProperty, P = (t, e, r) => e in t ? O(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, y = (t, e, r) => (P(t, typeof e != "symbol" ? e + "" : e, r), r);
+const N = function(t, e) {
+  const r = {};
+  for (const o in t) {
+    const s = t[o];
+    e.indexOf(o) > -1 && s !== null && (r[o] = s);
+  }
+  return r;
+}, j = (t) => t === "email", L = () => ({
+  singleTag: "hr"
+}), M = () => ({
+  tag: "blockquote"
+}), U = () => ({
+  tag: "ul"
+}), D = (t) => ({
+  tag: [
+    "pre",
+    {
+      tag: "code",
+      attrs: t.attrs
     }
+  ]
+}), B = () => ({
+  singleTag: "br"
+}), z = (t) => ({
+  tag: `h${t.attrs.level}`
+}), F = (t) => ({
+  singleTag: [
+    {
+      tag: "img",
+      attrs: N(t.attrs, ["src", "alt", "title"])
+    }
+  ]
+}), V = () => ({
+  tag: "li"
+}), q = () => ({
+  tag: "ol"
+}), J = () => ({
+  tag: "p"
+}), G = () => ({
+  tag: "b"
+}), K = () => ({
+  tag: "strike"
+}), H = () => ({
+  tag: "u"
+}), W = () => ({
+  tag: "strong"
+}), Y = () => ({
+  tag: "code"
+}), Q = () => ({
+  tag: "i"
+}), X = (t) => {
+  const e = x({}, t.attrs), { linktype: r = "url" } = t.attrs;
+  return j(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
+    }
+  ]
+}), ee = {
+  nodes: {
+    horizontal_rule: L,
+    blockquote: M,
+    bullet_list: U,
+    code_block: D,
+    hard_break: B,
+    heading: z,
+    image: F,
+    list_item: V,
+    ordered_list: q,
+    paragraph: J
   },
   marks: {
-    bold() {
-      return {
-        tag: "b"
-      };
-    },
-    strike() {
-      return {
-        tag: "strike"
-      };
-    },
-    underline() {
-      return {
-        tag: "u"
-      };
-    },
-    strong() {
-      return {
-        tag: "strong"
-      };
-    },
-    code() {
-      return {
-        tag: "code"
-      };
-    },
-    italic() {
-      return {
-        tag: "i"
-      };
-    },
-    link(s) {
-      const e = u({}, s.attrs), { linktype: t = "url" } = s.attrs;
-      return Y(t) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), {
-        tag: [
-          {
-            tag: "a",
-            attrs: e
-          }
-        ]
-      };
-    },
-    styled(s) {
-      return {
-        tag: [
-          {
-            tag: "span",
-            attrs: s.attrs
-          }
-        ]
-      };
-    }
-  }
-};
-const Q = function(s) {
+    bold: G,
+    strike: K,
+    underline: H,
+    strong: W,
+    code: Y,
+    italic: Q,
+    link: X,
+    styled: Z
+  }
+}, te = function(t) {
   const e = {
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  }, t = /[&<>"']/g, r = RegExp(t.source);
-  return s && r.test(s) ? s.replace(t, (o) => e[o]) : s;
+  }, r = /[&<>"']/g, o = RegExp(r.source);
+  return t && o.test(t) ? t.replace(r, (s) => e[s]) : t;
 };
-class x {
+class re {
   constructor(e) {
-    e || (e = W), this.marks = e.marks || [], this.nodes = e.nodes || [];
+    y(this, "marks"), y(this, "nodes"), e || (e = ee), this.marks = e.marks || [], this.nodes = e.nodes || [];
   }
-  addNode(e, t) {
-    this.nodes[e] = t;
+  addNode(e, r) {
+    this.nodes[e] = r;
   }
-  addMark(e, t) {
-    this.marks[e] = t;
+  addMark(e, r) {
+    this.marks[e] = r;
   }
-  render(e = {}) {
-    if (e.content && Array.isArray(e.content)) {
-      let t = "";
-      return e.content.forEach((r) => {
-        t += this.renderNode(r);
-      }), t;
+  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) {
-    let t = [];
-    e.marks && e.marks.forEach((o) => {
-      const n = this.getMatchingMark(o);
-      n && t.push(this.renderOpeningTag(n.tag));
+    const r = [];
+    e.marks && e.marks.forEach((s) => {
+      const n = this.getMatchingMark(s);
+      n && r.push(this.renderOpeningTag(n.tag));
     });
-    const r = this.getMatchingNode(e);
-    return r && r.tag && t.push(this.renderOpeningTag(r.tag)), e.content ? e.content.forEach((o) => {
-      t.push(this.renderNode(o));
-    }) : e.text ? t.push(Q(e.text)) : r && r.singleTag ? t.push(this.renderTag(r.singleTag, " /")) : r && r.html && t.push(r.html), r && r.tag && t.push(this.renderClosingTag(r.tag)), e.marks && e.marks.slice(0).reverse().forEach((o) => {
-      const n = this.getMatchingMark(o);
-      n && t.push(this.renderClosingTag(n.tag));
-    }), t.join("");
-  }
-  renderTag(e, t) {
-    return e.constructor === String ? `<${e}${t}>` : e.map((o) => {
+    const o = this.getMatchingNode(e);
+    return o && o.tag && r.push(this.renderOpeningTag(o.tag)), e.content ? e.content.forEach((s) => {
+      r.push(this.renderNode(s));
+    }) : e.text ? r.push(te(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((s) => {
+      const n = this.getMatchingMark(s);
+      n && r.push(this.renderClosingTag(n.tag));
+    }), r.join("");
+  }
+  renderTag(e, r) {
+    return e.constructor === String ? `<${e}${r}>` : e.map((o) => {
       if (o.constructor === String)
-        return `<${o}${t}>`;
+        return `<${o}${r}>`;
       {
-        let n = `<${o.tag}`;
+        let s = `<${o.tag}`;
         if (o.attrs)
-          for (let i in o.attrs) {
-            let a = o.attrs[i];
-            a !== null && (n += ` ${i}="${a}"`);
+          for (const n in o.attrs) {
+            const a = o.attrs[n];
+            a !== null && (s += ` ${n}="${a}"`);
           }
-        return `${n}${t}>`;
+        return `${s}${r}>`;
       }
     }).join("");
   }
@@ -254,464 +239,112 @@ class x {
     return e.constructor === String ? `</${e}>` : e.slice(0).reverse().map((r) => r.constructor === String ? `</${r}>` : `</${r.tag}>`).join("");
   }
   getMatchingNode(e) {
-    if (typeof this.nodes[e.type] == "function")
-      return this.nodes[e.type](e);
-  }
-  getMatchingMark(e) {
-    if (typeof this.marks[e.type] == "function")
-      return this.marks[e.type](e);
-  }
-}
-/*!
- * storyblok-js-client v4.5.2
- * Universal JavaScript SDK for Storyblok's API
- * (c) 2020-2022 Stobylok Team
- */
-function $(s) {
-  return typeof s == "number" && s == s && s !== 1 / 0 && s !== -1 / 0;
-}
-function C(s, e, t) {
-  if (!$(e))
-    throw new TypeError("Expected `limit` to be a finite number");
-  if (!$(t))
-    throw new TypeError("Expected `interval` to be a finite number");
-  var r = [], o = [], n = 0, i = function() {
-    n++;
-    var c = setTimeout(function() {
-      n--, r.length > 0 && i(), o = o.filter(function(h) {
-        return h !== c;
-      });
-    }, t);
-    o.indexOf(c) < 0 && o.push(c);
-    var l = r.shift();
-    l.resolve(s.apply(l.self, l.args));
-  }, a = function() {
-    var c = arguments, l = this;
-    return new Promise(function(h, p) {
-      r.push({ resolve: h, reject: p, args: c, self: l }), n < e && i();
-    });
-  };
-  return a.abort = function() {
-    o.forEach(clearTimeout), o = [], r.forEach(function(c) {
-      c.reject(new throttle.AbortError());
-    }), r.length = 0;
-  }, a;
-}
-C.AbortError = function() {
-  Error.call(this, "Throttled function aborted"), this.name = "AbortError";
-};
-const X = function(s, e) {
-  if (!s)
-    return null;
-  let t = {};
-  for (let r in s) {
-    let o = s[r];
-    e.indexOf(r) > -1 && o !== null && (t[r] = o);
-  }
-  return t;
-};
-var Z = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (s) => ({ tag: ["pre", { tag: "code", attrs: s.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (s) => ({ tag: `h${s.attrs.level}` }), image: (s) => ({ singleTag: [{ tag: "img", attrs: X(s.attrs, ["src", "alt", "title"]) }] }), list_item: () => ({ tag: "li" }), ordered_list: () => ({ tag: "ol" }), paragraph: () => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(s) {
-  const e = u({}, s.attrs), { linktype: t = "url" } = s.attrs;
-  return t === "email" && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), { tag: [{ tag: "a", attrs: e }] };
-}, styled: (s) => ({ tag: [{ tag: "span", attrs: s.attrs }] }) } };
-class ee {
-  constructor(e) {
-    e || (e = Z), this.marks = e.marks || [], this.nodes = e.nodes || [];
-  }
-  addNode(e, t) {
-    this.nodes[e] = t;
-  }
-  addMark(e, t) {
-    this.marks[e] = t;
-  }
-  render(e = {}) {
-    if (e.content && Array.isArray(e.content)) {
-      let t = "";
-      return e.content.forEach((r) => {
-        t += this.renderNode(r);
-      }), t;
-    }
-    return console.warn("The render method must receive an object with a content field, which is an array"), "";
-  }
-  renderNode(e) {
-    let t = [];
-    e.marks && e.marks.forEach((o) => {
-      const n = this.getMatchingMark(o);
-      n && t.push(this.renderOpeningTag(n.tag));
-    });
-    const r = this.getMatchingNode(e);
-    return r && r.tag && t.push(this.renderOpeningTag(r.tag)), e.content ? e.content.forEach((o) => {
-      t.push(this.renderNode(o));
-    }) : e.text ? t.push(function(o) {
-      const n = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, i = /[&<>"']/g, a = RegExp(i.source);
-      return o && a.test(o) ? o.replace(i, (c) => n[c]) : o;
-    }(e.text)) : r && r.singleTag ? t.push(this.renderTag(r.singleTag, " /")) : r && r.html && t.push(r.html), r && r.tag && t.push(this.renderClosingTag(r.tag)), e.marks && e.marks.slice(0).reverse().forEach((o) => {
-      const n = this.getMatchingMark(o);
-      n && t.push(this.renderClosingTag(n.tag));
-    }), t.join("");
-  }
-  renderTag(e, t) {
-    return e.constructor === String ? `<${e}${t}>` : e.map((r) => {
-      if (r.constructor === String)
-        return `<${r}${t}>`;
-      {
-        let o = `<${r.tag}`;
-        if (r.attrs)
-          for (let n in r.attrs) {
-            let i = r.attrs[n];
-            i !== null && (o += ` ${n}="${i}"`);
-          }
-        return `${o}${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) {
-    if (typeof this.nodes[e.type] == "function")
-      return this.nodes[e.type](e);
+    const r = this.nodes[e.type];
+    if (typeof r == "function")
+      return r(e);
   }
   getMatchingMark(e) {
-    if (typeof this.marks[e.type] == "function")
-      return this.marks[e.type](e);
-  }
-}
-const te = (s = 0, e = s) => {
-  const t = Math.abs(e - s) || 0, r = s < e ? 1 : -1;
-  return ((o = 0, n) => [...Array(o)].map(n))(t, (o, n) => n * r + s);
-}, y = (s, e, t) => {
-  const r = [];
-  for (const o in s) {
-    if (!Object.prototype.hasOwnProperty.call(s, o))
-      continue;
-    const n = s[o], i = t ? "" : encodeURIComponent(o);
-    let a;
-    a = typeof n == "object" ? y(n, e ? e + encodeURIComponent("[" + i + "]") : i, Array.isArray(n)) : (e ? e + encodeURIComponent("[" + i + "]") : i) + "=" + encodeURIComponent(n), r.push(a);
-  }
-  return r.join("&");
-};
-let f = {}, d = {};
-class re {
-  constructor(e, t) {
-    if (!t) {
-      let n = e.region ? `-${e.region}` : "", i = e.https === !1 ? "http" : "https";
-      t = e.oauthToken === void 0 ? `${i}://api${n}.storyblok.com/v2` : `${i}://api${n}.storyblok.com/v1`;
-    }
-    let r = Object.assign({}, e.headers), o = 5;
-    e.oauthToken !== void 0 && (r.Authorization = e.oauthToken, o = 3), e.rateLimit !== void 0 && (o = e.rateLimit), this.richTextResolver = new ee(e.richTextSchema), typeof e.componentResolver == "function" && this.setComponentResolver(e.componentResolver), this.maxRetries = e.maxRetries || 5, this.throttle = C(this.throttledRequest, o, 1e3), this.accessToken = e.accessToken, this.relations = {}, this.links = {}, this.cache = e.cache || { clear: "manual" }, this.client = N.create({ baseURL: t, timeout: e.timeout || 0, headers: r, proxy: e.proxy || !1 }), e.responseInterceptor && this.client.interceptors.response.use((n) => e.responseInterceptor(n)), this.resolveNestedRelations = e.resolveNestedRelations || !0;
-  }
-  setComponentResolver(e) {
-    this.richTextResolver.addNode("blok", (t) => {
-      let r = "";
-      return t.attrs.body.forEach((o) => {
-        r += e(o.component, o);
-      }), { html: r };
-    });
-  }
-  parseParams(e = {}) {
-    return e.version || (e.version = "published"), e.token || (e.token = this.getToken()), e.cv || (e.cv = d[e.token]), Array.isArray(e.resolve_relations) && (e.resolve_relations = e.resolve_relations.join(",")), e;
-  }
-  factoryParamOptions(e, t = {}) {
-    return ((r = "") => r.indexOf("/cdn/") > -1)(e) ? this.parseParams(t) : t;
-  }
-  makeRequest(e, t, r, o) {
-    const n = this.factoryParamOptions(e, ((i = {}, a = 25, c = 1) => g(u({}, i), { per_page: a, page: c }))(t, r, o));
-    return this.cacheResponse(e, n);
-  }
-  get(e, t) {
-    let r = `/${e}`;
-    const o = this.factoryParamOptions(r, t);
-    return this.cacheResponse(r, o);
-  }
-  async getAll(e, t = {}, r) {
-    const o = t.per_page || 25, n = `/${e}`, i = n.split("/");
-    r = r || i[i.length - 1];
-    const a = await this.makeRequest(n, t, o, 1), c = Math.ceil(a.total / o);
-    return ((l = [], h) => l.map(h).reduce((p, j) => [...p, ...j], []))([a, ...await (async (l = [], h) => Promise.all(l.map(h)))(te(1, c), async (l) => this.makeRequest(n, t, o, l + 1))], (l) => Object.values(l.data[r]));
-  }
-  post(e, t) {
-    let r = `/${e}`;
-    return this.throttle("post", r, t);
-  }
-  put(e, t) {
-    let r = `/${e}`;
-    return this.throttle("put", r, t);
-  }
-  delete(e, t) {
-    let r = `/${e}`;
-    return this.throttle("delete", r, t);
-  }
-  getStories(e) {
-    return this.get("cdn/stories", e);
-  }
-  getStory(e, t) {
-    return this.get(`cdn/stories/${e}`, t);
-  }
-  setToken(e) {
-    this.accessToken = e;
-  }
-  getToken() {
-    return this.accessToken;
-  }
-  _cleanCopy(e) {
-    return JSON.parse(JSON.stringify(e));
-  }
-  _insertLinks(e, t) {
-    const r = e[t];
-    r && r.fieldtype == "multilink" && r.linktype == "story" && typeof r.id == "string" && this.links[r.id] ? r.story = this._cleanCopy(this.links[r.id]) : r && r.linktype === "story" && typeof r.uuid == "string" && this.links[r.uuid] && (r.story = this._cleanCopy(this.links[r.uuid]));
-  }
-  _insertRelations(e, t, r) {
-    if (r.indexOf(e.component + "." + t) > -1) {
-      if (typeof e[t] == "string")
-        this.relations[e[t]] && (e[t] = this._cleanCopy(this.relations[e[t]]));
-      else if (e[t].constructor === Array) {
-        let o = [];
-        e[t].forEach((n) => {
-          this.relations[n] && o.push(this._cleanCopy(this.relations[n]));
-        }), e[t] = o;
-      }
-    }
-  }
-  _insertAssetsRelations(e, t) {
-    t.forEach((r) => {
-      e.id === r.id && (e.original = r, e.original.filename = e.filename, e.original.filename = e.original.filename.includes("https://s3.amazonaws.com/") ? e.original.filename : e.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete e.original.s3_filename);
-    });
-  }
-  iterateTree(e, t) {
-    let r = (o) => {
-      if (o != null) {
-        if (o.constructor === Array)
-          for (let n = 0; n < o.length; n++)
-            r(o[n]);
-        else if (o.constructor === Object) {
-          if (o._stopResolving)
-            return;
-          for (let n in o)
-            o.component && o._uid || o.type === "link" ? (this._insertRelations(o, n, t), this._insertLinks(o, n)) : "id" in o && o.fieldtype === "asset" && this._insertAssetsRelations(o, t), r(o[n]);
-        }
-      }
-    };
-    r(e.content);
-  }
-  async resolveLinks(e, t) {
-    let r = [];
-    if (e.link_uuids) {
-      const o = e.link_uuids.length;
-      let n = [];
-      const i = 50;
-      for (let a = 0; a < o; a += i) {
-        const c = Math.min(o, a + i);
-        n.push(e.link_uuids.slice(a, c));
-      }
-      for (let a = 0; a < n.length; a++)
-        (await this.getStories({ per_page: i, language: t.language, version: t.version, by_uuids: n[a].join(",") })).data.stories.forEach((c) => {
-          r.push(c);
-        });
-    } else
-      r = e.links;
-    r.forEach((o) => {
-      this.links[o.uuid] = g(u({}, o), { _stopResolving: !0 });
-    });
-  }
-  async resolveRelations(e, t) {
-    let r = [];
-    if (e.rel_uuids) {
-      const o = e.rel_uuids.length;
-      let n = [];
-      const i = 50;
-      for (let a = 0; a < o; a += i) {
-        const c = Math.min(o, a + i);
-        n.push(e.rel_uuids.slice(a, c));
-      }
-      for (let a = 0; a < n.length; a++)
-        (await this.getStories({ per_page: i, language: t.language, version: t.version, by_uuids: n[a].join(",") })).data.stories.forEach((c) => {
-          r.push(c);
-        });
-    } else
-      r = e.rels;
-    r.forEach((o) => {
-      this.relations[o.uuid] = g(u({}, o), { _stopResolving: !0 });
-    });
-  }
-  async resolveStories(e, t) {
-    let r = [];
-    if (t.resolve_relations !== void 0 && t.resolve_relations.length > 0 && (e.rels || e.rel_uuids) && (r = t.resolve_relations.split(","), await this.resolveRelations(e, t)), ["1", "story", "url"].indexOf(t.resolve_links) > -1 && (e.links || e.link_uuids) && await this.resolveLinks(e, t), this.resolveNestedRelations)
-      for (const o in this.relations)
-        this.iterateTree(this.relations[o], r);
-    e.story ? this.iterateTree(e.story, r) : e.stories.forEach((o) => {
-      this.iterateTree(o, r);
-    });
-  }
-  resolveAssetsRelations(e) {
-    const { assets: t, stories: r, story: o } = e;
-    if (r)
-      for (const n of r)
-        this.iterateTree(n, t);
-    else {
-      if (!o)
-        return e;
-      this.iterateTree(o, t);
-    }
-  }
-  cacheResponse(e, t, r) {
-    return r === void 0 && (r = 0), new Promise(async (o, n) => {
-      let i = y({ url: e, params: t }), a = this.cacheProvider();
-      if (this.cache.clear === "auto" && t.version === "draft" && await this.flushCache(), t.version === "published" && e != "/cdn/spaces/me") {
-        const l = await a.get(i);
-        if (l)
-          return o(l);
-      }
-      try {
-        let l = await this.throttle("get", e, { params: t, paramsSerializer: (p) => y(p) }), h = { data: l.data, headers: l.headers };
-        if (h.data.assets && h.data.assets.length && this.resolveAssetsRelations(h.data), l.headers["per-page"] && (h = Object.assign({}, h, { perPage: parseInt(l.headers["per-page"]), total: parseInt(l.headers.total) })), l.status != 200)
-          return n(l);
-        (h.data.story || h.data.stories) && await this.resolveStories(h.data, t), t.version === "published" && e != "/cdn/spaces/me" && a.set(i, h), h.data.cv && (t.version == "draft" && d[t.token] != h.data.cv && this.flushCache(), d[t.token] = h.data.cv), o(h);
-      } catch (l) {
-        if (l.response && l.response.status === 429 && (r += 1) < this.maxRetries)
-          return console.log(`Hit rate limit. Retrying in ${r} seconds.`), await (c = 1e3 * r, new Promise((h) => setTimeout(h, c))), this.cacheResponse(e, t, r).then(o).catch(n);
-        n(l);
-      }
-      var c;
-    });
-  }
-  throttledRequest(e, t, r) {
-    return this.client[e](t, r);
-  }
-  cacheVersions() {
-    return d;
-  }
-  cacheVersion() {
-    return d[this.accessToken];
-  }
-  setCacheVersion(e) {
-    this.accessToken && (d[this.accessToken] = e);
-  }
-  cacheProvider() {
-    return this.cache.type === "memory" ? { get: (e) => f[e], getAll: () => f, set(e, t) {
-      f[e] = t;
-    }, flush() {
-      f = {};
-    } } : { get() {
-    }, getAll() {
-    }, set() {
-    }, flush() {
-    } };
-  }
-  async flushCache() {
-    return await this.cacheProvider().flush(), this;
+    const r = this.marks[e.type];
+    if (typeof r == "function")
+      return r(e);
   }
 }
-const se = (s = {}) => {
-  const { apiOptions: e } = s;
-  if (!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 re(e) };
-};
-var le = (s) => {
-  if (typeof s != "object" || typeof s._editable > "u")
+var le = (t) => {
+  if (typeof t != "object" || typeof t._editable > "u")
     return {};
-  const e = JSON.parse(s._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  const e = JSON.parse(t._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
   return {
     "data-blok-c": JSON.stringify(e),
     "data-blok-uid": e.id + "-" + e.uid
   };
 };
-let m;
-const I = "https://app.storyblok.com/f/storyblok-v2-latest.js", oe = (s = {}) => {
-  const {
-    bridge: e,
-    accessToken: t,
-    use: r = [],
-    apiOptions: o = {},
-    richText: n = {}
-  } = s;
-  o.accessToken = o.accessToken || t;
-  const i = { bridge: e, apiOptions: o };
-  let a = {};
-  return r.forEach((c) => {
-    a = u(u({}, a), c(i));
-  }), e !== !1 && S(I), m = new x(n.schema), n.resolver && P(m, n.resolver), a;
-}, P = (s, e) => {
-  s.addNode("blok", (t) => {
-    let r = "";
-    return t.attrs.body.forEach((o) => {
-      r += e(o.component, o);
+let oe;
+const se = "https://app.storyblok.com/f/storyblok-v2-latest.js", ne = (t, e) => {
+  t.addNode("blok", (r) => {
+    let o = "";
+    return r.attrs.body.forEach((s) => {
+      o += e(s.component, s);
     }), {
-      html: r
+      html: o
     };
   });
-}, ne = (s, e, t) => {
-  let r = t || m;
-  if (!r) {
+}, ae = (t, e, r) => {
+  let o = r || oe;
+  if (!o) {
     console.error("Please initialize the Storyblok SDK before calling the renderRichText function");
     return;
   }
-  return s === "" ? "" : s ? (e && (r = new x(e.schema), e.resolver && P(r, e.resolver)), r.render(s)) : (console.warn(`${s} is not a valid Richtext object. This might be because the value of the richtext field is empty.
+  return t === "" ? "" : t ? (e && (o = new re(e.schema), e.resolver && ne(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.
     
   For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "");
-}, ce = () => S(I);
-function ae(s, e, t) {
-  const { storyblokApi: r } = oe({
-    accessToken: s,
-    use: e || [se],
-    apiOptions: { ...t }
-  });
-  globalThis.storyblokApiInstance = r;
-}
-function he() {
+}, ie = () => $(se);
+function ce() {
   return globalThis.storyblokApiInstance || console.error("storyblokApiInstance has not been initialized correctly"), globalThis.storyblokApiInstance;
 }
-function ue(s, e) {
-  const t = globalThis.storyblokApiInstance.richTextResolver;
-  if (!t) {
+function ue(t, e) {
+  const r = globalThis.storyblokApiInstance.richTextResolver;
+  if (!r) {
     console.error(
       "Please initialize the Storyblok SDK before calling the renderRichText function"
     );
     return;
   }
-  return ne(s, e, t);
+  return ae(t, e, r);
 }
-function de(s) {
+function de(t = {
+  accessToken: "",
+  useCustomApi: !1,
+  apiOptions: {},
+  bridge: !0,
+  components: {}
+}) {
   return {
     name: "@storyblok/astro",
     hooks: {
-      "astro:config:setup": ({ injectScript: e, updateConfig: t }) => {
-        var o;
-        t({
+      "astro:config:setup": ({ injectScript: e, updateConfig: r }) => {
+        r({
           vite: {
-            plugins: [z(s.components)]
+            plugins: [
+              k(
+                t.accessToken,
+                t.useCustomApi,
+                t.apiOptions
+              ),
+              S(t.components)
+            ]
           }
-        }), ae(s.accessToken, s.use, s.apiOptions), ((o = s.bridge) != null ? o : !0) && e(
+        }), e(
+          "page-ssr",
+          `
+          import { storyblokApiInstance } from "virtual:storyblok-init";
+          globalThis.storyblokApiInstance = storyblokApiInstance;
+          `
+        ), t.bridge && e(
           "page",
           `
-          import { loadStoryblokBridge } from "@storyblok/astro";
-          loadStoryblokBridge().then(() => {
-            const { StoryblokBridge, location } = window;
-            const storyblokInstance = new StoryblokBridge();
+              import { loadStoryblokBridge } from "@storyblok/astro";
+              loadStoryblokBridge().then(() => {
+                const { StoryblokBridge, location } = window;
+                const storyblokInstance = new StoryblokBridge();
 
-            storyblokInstance.on(["published", "change"], (event) => {
-              if (!event.slugChanged) {
-                location.reload(true);
-              } 
-            });
-          });
-          `
+                storyblokInstance.on(["published", "change"], (event) => {
+                  if (!event.slugChanged) {
+                    location.reload(true);
+                  } 
+                });
+              });
+            `
         );
       }
     }
   };
 }
 export {
-  W as RichTextSchema,
+  re as RichTextResolver,
+  ee as RichTextSchema,
   de as default,
-  ce as loadStoryblokBridge,
+  ie as loadStoryblokBridge,
   ue as renderRichText,
   le as storyblokEditable,
-  he as useStoryblokApi
+  ce as useStoryblokApi
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/astro",
-  "version": "1.1.1",
-  "description": "SDK to integrate Storyblok into your project using Astro.",
+  "version": "2.0.0",
+  "description": "Official Astro integration for the Storyblok Headless CMS",
   "main": "./dist/storyblok-astro.js",
   "module": "./dist/storyblok-astro.mjs",
   "files": [
@@ -15,9 +15,10 @@
     },
     "./StoryblokComponent.astro": "./StoryblokComponent.astro"
   },
+  "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build",
+    "build": "vite build && tsc",
     "test": "npm run test:e2e",
     "test:e2e": "start-server-and-test cy:playground http-get://localhost:3000/ cy:run",
     "test:e2e-watch": "start-server-and-test cy:playground http-get://localhost:3000/ cy:open",
@@ -27,17 +28,19 @@
     "prepublishOnly": "npm run build && cp ../README.md ./"
   },
   "dependencies": {
-    "@storyblok/js": "^1.8.5",
+    "@storyblok/js": "^2.0.4",
     "camelcase": "^7.0.0"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.0.7",
-    "@rollup/plugin-dynamic-import-vars": "^1.4.4",
-    "axios": "^0.27.2",
-    "cypress": "^10.9.0",
+    "@cypress/vite-dev-server": "^5.0.2",
+    "@rollup/plugin-dynamic-import-vars": "^2.0.1",
+    "cypress": "^12.1.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "start-server-and-test": "^1.14.0",
-    "vite": "^3.1.3"
+    "start-server-and-test": "^1.15.2",
+    "vite": "^4.0.1",
+    "typescript": "4.9.4",
+    "@types/node": "18.11.10",
+    "astro": "1.6.15"
   },
   "repository": {
     "type": "git",
@@ -45,7 +48,8 @@
   },
   "keywords": [
     "astro",
-    "storyblok"
+    "storyblok",
+    "astro-component"
   ],
   "author": "Alexander Feiglstorfer",
   "bugs": {