@storyblok/astro 1.0.0

package/README.md

@@ -0,0 +1,252 @@
+<div align="center">
+	<a  href="https://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro" align="center">
+		<img  src="https://a.storyblok.com/f/88751/600x200/cc68aca8ea/storyblok-astro.jpg" 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 />
+</div>
+
+<p align="center">
+  <a href="https://npmjs.com/package/@storyblok/astro">
+    <img src="https://img.shields.io/npm/v/@storyblok/astro/latest.svg?style=flat-square" alt="Storyblok Astro" />
+  </a>
+  <a href="https://npmjs.com/package/@storyblok/astro" rel="nofollow">
+    <img src="https://img.shields.io/npm/dt/@storyblok/astro.svg?style=flat-square" alt="npm">
+  </a>
+  </p>
+
+<p align="center">
+  <a href="https://discord.gg/jKrbAMz">
+   <img src="https://img.shields.io/discord/700316478792138842?label=Join%20Our%20Discord%20Community&style=appveyor&logo=discord&color=09b3af">
+   </a>
+  <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">
+    <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>
+
+## Live Demo
+
+If you are in a hurry, check out our official **[live demo](https://stackblitz.com/edit/astro-sdk-demo)** on StackBlitz.
+
+## 🚀 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.
+
+## Installation
+
+Install `@storyblok/astro`:
+
+```bash
+npm install @storyblok/astro
+# yarn add @storyblok/astro
+```
+
+Add the following code to `astro.config.mjs` and replace the `accessToken` with the preview API token of your Storyblok space.
+
+```js
+import { defineConfig } from "astro/config";
+import storyblok from "@storyblok/astro";
+
+export default defineConfig({
+  integrations: [
+    storyblok({
+      accessToken: "<your-access-token>",
+    }),
+  ],
+});
+```
+
+### Options
+
+When you initialize the module, you can pass all [_@storyblok/js_ options](https://github.com/storyblok/storyblok-js#features-and-api)
+
+```js
+// Defaults
+storyblok({
+  accessToken: "<your-access-token>",
+  bridge: true,
+  apiOptions: {}, // storyblok-js-client options
+  use: [apiPlugin],
+});
+```
+
+> Note: if you don't use `apiPlugin`, you can use your preferred method or function to fetch your data.
+
+## Getting started
+
+### 1. Creating and linking your components to the Storyblok Visual Editor
+
+In order to link your Astro components to their equivalents you created in Storyblok:
+
+First, you need to load them globally by specifying their name and their path in `astro.config.mjs`:
+
+```javascript
+components: {
+  page: "storyblok/Page",
+  feature: "storyblok/Feature",
+  grid: "storyblok/Grid",
+  teaser: "storyblok/Teaser",
+},
+```
+
+> Note: The `src` folder is automatically added to the beginning of the path, so in this example your Astro components should be located here:
+>
+> - `src/storyblok/Page.astro`
+> - `src/storyblok/Feature.astro`
+> - `src/storyblok/Grid.astro`
+> - `src/storyblok/Teaser.astro`
+>   You can choose any other folder in the `src` directory for your Astro components.
+
+For each component, use the `storyblokEditable()` function on its root element, passing the `blok` property that they receive:
+
+```html
+---
+import { storyblokEditable } from '@storyblok/astro';
+
+const { blok } = Astro.props
+---
+
+<div {...storyblokEditable(blok)}>
+  <h2>{blok.headline}</h2>
+</div>
+```
+
+Finally, you can use the provided `<StoryblokComponent>` for nested components; it will automatically render them (if they have been registered globally beforehand):
+
+```html
+---
+import { storyblokEditable } from '@storyblok/astro';
+import StoryblokComponent from '@storyblok/astro/StoryblokComponent.astro';
+
+const { blok } = Astro.props
+---
+
+<main {...storyblokEditable(blok)}>
+  {blok.body?.map(blok => {return <StoryblokComponent blok="{blok}" />})}
+</main>
+```
+
+> Note: The `blok` is the actual blok data coming from [Storblok's Content Delivery API](https://www.storyblok.com/docs/api/content-delivery/v2?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-astro).
+
+#### Using partial hydration
+
+If you want to use partial hydration with any of the [frameworks supported by Astro](https://docs.astro.build/en/guides/integrations-guide/#article), follow these steps:
+
+1. [Install the official Astro integration for your desired framework](https://docs.astro.build/en/guides/integrations-guide/#automatic-integration-setup)
+2. Create an Astro component that serves as a wrapper and utilizes the most suitable [client directive](https://docs.astro.build/en/reference/directives-reference/#client-directives)
+3. Create the actual component in Vue, Svelte, React or any other supported framework
+
+For working examples, please refer to the [Live Demo on Stackblitz](https://stackblitz.com/edit/astro-sdk-demo).
+
+### 2. Getting Storyblok Stories and using the Storyblok Bridge
+
+### Fetching one Story
+
+Use the `useStoryblokApi` function to have access to an instance of `storyblok-js-client`:
+
+```html
+---
+import { useStoryblokApi } from "@storyblok/astro";
+import StoryblokComponent from "@storyblok/astro/StoryblokComponent.astro";
+
+const storyblokApi = useStoryblokApi();
+const { data } = await storyblokApi.get("cdn/stories/home", {
+  version: "draft",
+});
+
+const story = data.story;
+---
+
+<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)
+
+### Dynamic Routing
+
+In order to dynamically generate Astro pages based on the Stories in your Storyblok Space, you can use the [Storyblok Links API](https://www.storyblok.com/docs/api/content-delivery/v2#core-resources/links/links) and the Astro [`getStaticPaths()` function](https://docs.astro.build/en/reference/api-reference/#getstaticpaths) similar to this example:
+
+```html
+---
+import { useStoryblokApi } from "@storyblok/astro";
+import StoryblokComponent from "@storyblok/astro/StoryblokComponent.astro";
+
+const storyblokApi = useStoryblokApi();
+
+export async function getStaticPaths() {
+  const { data } = await storyblokApi.get("cdn/links", {
+    version: "draft",
+  });
+  let links = data.links;
+  links = Object.values(links);
+
+  return links.map((link) => {
+    return {
+      params: { slug: link.slug },
+    };
+  });
+}
+
+const { slug } = Astro.params;
+
+const { data } = await storyblokApi.get(`cdn/stories/${slug}`, {
+  version: "draft",
+});
+
+const story = data.story;
+---
+
+<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`:
+
+> 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.
+
+#### 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):
+
+```html
+---
+import { renderRichText } from '@storyblok/astro';
+
+const { blok } = Astro.props
+
+const renderedRichText = renderRichText(blok.text)
+---
+
+<div set:html="{renderedRichText}"></div>
+```
+
+## API
+
+### useStoryblokApi()
+
+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.
+
+## 🔗 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
+
+### 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).
+
+### 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.

package/StoryblokComponent.astro

@@ -0,0 +1,8 @@
+---
+	import components from 'virtual:storyblok-components';
+	const { blok } = Astro.props;
+
+	const Component = components[blok.component];
+---
+
+{<Component blok={blok} />}

package/dist/storyblok-astro.js

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

package/dist/storyblok-astro.mjs

@@ -0,0 +1,659 @@
+import O from "axios";
+function E(n) {
+  const t = "virtual:storyblok-components", e = "\0" + t;
+  return {
+    name: "vite-plugin-storyblok",
+    async resolveId(r) {
+      if (r === t)
+        return e;
+    },
+    async load(r) {
+      if (r === e) {
+        const s = [];
+        for await (const [o, i] of Object.entries(n)) {
+          const { id: a } = await this.resolve("/src/" + i + ".astro");
+          s.push(`import ${o} from "${a}"`);
+        }
+        return `${s.join(";")};export default {${Object.keys(n).join(",")}}`;
+      }
+    }
+  };
+}
+var j = Object.defineProperty, S = Object.defineProperties, A = Object.getOwnPropertyDescriptors, k = Object.getOwnPropertySymbols, P = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable, m = (n, t, e) => t in n ? j(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, u = (n, t) => {
+  for (var e in t || (t = {}))
+    P.call(t, e) && m(n, e, t[e]);
+  if (k)
+    for (var e of k(t))
+      x.call(t, e) && m(n, e, t[e]);
+  return n;
+}, f = (n, t) => S(n, A(t));
+let b = !1;
+const v = [], _ = (n) => new Promise((t, e) => {
+  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;
+    }
+    b ? s() : v.push(s);
+  }, document.getElementById("storyblok-javascript-bridge")))
+    return;
+  const r = document.createElement("script");
+  r.async = !0, r.src = n, r.id = "storyblok-javascript-bridge", r.onerror = (s) => e(s), r.onload = (s) => {
+    v.forEach((o) => o()), b = !0, t(s);
+  }, document.getElementsByTagName("head")[0].appendChild(r);
+}), M = function(n, t) {
+  if (!n)
+    return null;
+  let e = {};
+  for (let r in n) {
+    let s = n[r];
+    t.indexOf(r) > -1 && s !== null && (e[r] = s);
+  }
+  return e;
+}, C = (n) => n === "email";
+var I = {
+  nodes: {
+    horizontal_rule() {
+      return {
+        singleTag: "hr"
+      };
+    },
+    blockquote() {
+      return {
+        tag: "blockquote"
+      };
+    },
+    bullet_list() {
+      return {
+        tag: "ul"
+      };
+    },
+    code_block(n) {
+      return {
+        tag: [
+          "pre",
+          {
+            tag: "code",
+            attrs: n.attrs
+          }
+        ]
+      };
+    },
+    hard_break() {
+      return {
+        singleTag: "br"
+      };
+    },
+    heading(n) {
+      return {
+        tag: `h${n.attrs.level}`
+      };
+    },
+    image(n) {
+      return {
+        singleTag: [
+          {
+            tag: "img",
+            attrs: M(n.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(n) {
+      const t = u({}, n.attrs), { linktype: e = "url" } = n.attrs;
+      return C(e) && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), {
+        tag: [
+          {
+            tag: "a",
+            attrs: t
+          }
+        ]
+      };
+    },
+    styled(n) {
+      return {
+        tag: [
+          {
+            tag: "span",
+            attrs: n.attrs
+          }
+        ]
+      };
+    }
+  }
+};
+const N = function(n) {
+  const t = {
+    "&": "&",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;"
+  }, e = /[&<>"']/g, r = RegExp(e.source);
+  return n && r.test(n) ? n.replace(e, (s) => t[s]) : n;
+};
+class q {
+  constructor(t) {
+    t || (t = I), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t = {}) {
+    if (t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((r) => {
+        e += this.renderNode(r);
+      }), e;
+    }
+    return console.warn("The render method must receive an object with a content field, which is an array"), "";
+  }
+  renderNode(t) {
+    let e = [];
+    t.marks && t.marks.forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderOpeningTag(o.tag));
+    });
+    const r = this.getMatchingNode(t);
+    return r && r.tag && e.push(this.renderOpeningTag(r.tag)), t.content ? t.content.forEach((s) => {
+      e.push(this.renderNode(s));
+    }) : t.text ? e.push(N(t.text)) : r && r.singleTag ? e.push(this.renderTag(r.singleTag, " /")) : r && r.html && e.push(r.html), r && r.tag && e.push(this.renderClosingTag(r.tag)), t.marks && t.marks.slice(0).reverse().forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderClosingTag(o.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((s) => {
+      if (s.constructor === String)
+        return `<${s}${e}>`;
+      {
+        let o = `<${s.tag}`;
+        if (s.attrs)
+          for (let i in s.attrs) {
+            let a = s.attrs[i];
+            a !== null && (o += ` ${i}="${a}"`);
+          }
+        return `${o}${e}>`;
+      }
+    }).join("");
+  }
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
+  }
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((r) => r.constructor === String ? `</${r}>` : `</${r.tag}>`).join("");
+  }
+  getMatchingNode(t) {
+    if (typeof this.nodes[t.type] == "function")
+      return this.nodes[t.type](t);
+  }
+  getMatchingMark(t) {
+    if (typeof this.marks[t.type] == "function")
+      return this.marks[t.type](t);
+  }
+}
+/*!
+ * storyblok-js-client v4.5.2
+ * Universal JavaScript SDK for Storyblok's API
+ * (c) 2020-2022 Stobylok Team
+ */
+function T(n) {
+  return typeof n == "number" && n == n && n !== 1 / 0 && n !== -1 / 0;
+}
+function w(n, t, e) {
+  if (!T(t))
+    throw new TypeError("Expected `limit` to be a finite number");
+  if (!T(e))
+    throw new TypeError("Expected `interval` to be a finite number");
+  var r = [], s = [], o = 0, i = function() {
+    o++;
+    var c = setTimeout(function() {
+      o--, r.length > 0 && i(), s = s.filter(function(h) {
+        return h !== c;
+      });
+    }, e);
+    s.indexOf(c) < 0 && s.push(c);
+    var l = r.shift();
+    l.resolve(n.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 }), o < t && i();
+    });
+  };
+  return a.abort = function() {
+    s.forEach(clearTimeout), s = [], r.forEach(function(c) {
+      c.reject(new throttle.AbortError());
+    }), r.length = 0;
+  }, a;
+}
+w.AbortError = function() {
+  Error.call(this, "Throttled function aborted"), this.name = "AbortError";
+};
+const B = function(n, t) {
+  if (!n)
+    return null;
+  let e = {};
+  for (let r in n) {
+    let s = n[r];
+    t.indexOf(r) > -1 && s !== null && (e[r] = s);
+  }
+  return e;
+};
+var L = { nodes: { horizontal_rule: () => ({ singleTag: "hr" }), blockquote: () => ({ tag: "blockquote" }), bullet_list: () => ({ tag: "ul" }), code_block: (n) => ({ tag: ["pre", { tag: "code", attrs: n.attrs }] }), hard_break: () => ({ singleTag: "br" }), heading: (n) => ({ tag: `h${n.attrs.level}` }), image: (n) => ({ singleTag: [{ tag: "img", attrs: B(n.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(n) {
+  const t = u({}, n.attrs), { linktype: e = "url" } = n.attrs;
+  return e === "email" && (t.href = `mailto:${t.href}`), t.anchor && (t.href = `${t.href}#${t.anchor}`, delete t.anchor), { tag: [{ tag: "a", attrs: t }] };
+}, styled: (n) => ({ tag: [{ tag: "span", attrs: n.attrs }] }) } };
+class z {
+  constructor(t) {
+    t || (t = L), this.marks = t.marks || [], this.nodes = t.nodes || [];
+  }
+  addNode(t, e) {
+    this.nodes[t] = e;
+  }
+  addMark(t, e) {
+    this.marks[t] = e;
+  }
+  render(t = {}) {
+    if (t.content && Array.isArray(t.content)) {
+      let e = "";
+      return t.content.forEach((r) => {
+        e += this.renderNode(r);
+      }), e;
+    }
+    return console.warn("The render method must receive an object with a content field, which is an array"), "";
+  }
+  renderNode(t) {
+    let e = [];
+    t.marks && t.marks.forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderOpeningTag(o.tag));
+    });
+    const r = this.getMatchingNode(t);
+    return r && r.tag && e.push(this.renderOpeningTag(r.tag)), t.content ? t.content.forEach((s) => {
+      e.push(this.renderNode(s));
+    }) : t.text ? e.push(function(s) {
+      const o = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, i = /[&<>"']/g, a = RegExp(i.source);
+      return s && a.test(s) ? s.replace(i, (c) => o[c]) : s;
+    }(t.text)) : r && r.singleTag ? e.push(this.renderTag(r.singleTag, " /")) : r && r.html && e.push(r.html), r && r.tag && e.push(this.renderClosingTag(r.tag)), t.marks && t.marks.slice(0).reverse().forEach((s) => {
+      const o = this.getMatchingMark(s);
+      o && e.push(this.renderClosingTag(o.tag));
+    }), e.join("");
+  }
+  renderTag(t, e) {
+    return t.constructor === String ? `<${t}${e}>` : t.map((r) => {
+      if (r.constructor === String)
+        return `<${r}${e}>`;
+      {
+        let s = `<${r.tag}`;
+        if (r.attrs)
+          for (let o in r.attrs) {
+            let i = r.attrs[o];
+            i !== null && (s += ` ${o}="${i}"`);
+          }
+        return `${s}${e}>`;
+      }
+    }).join("");
+  }
+  renderOpeningTag(t) {
+    return this.renderTag(t, "");
+  }
+  renderClosingTag(t) {
+    return t.constructor === String ? `</${t}>` : t.slice(0).reverse().map((e) => e.constructor === String ? `</${e}>` : `</${e.tag}>`).join("");
+  }
+  getMatchingNode(t) {
+    if (typeof this.nodes[t.type] == "function")
+      return this.nodes[t.type](t);
+  }
+  getMatchingMark(t) {
+    if (typeof this.marks[t.type] == "function")
+      return this.marks[t.type](t);
+  }
+}
+const U = (n = 0, t = n) => {
+  const e = Math.abs(t - n) || 0, r = n < t ? 1 : -1;
+  return ((s = 0, o) => [...Array(s)].map(o))(e, (s, o) => o * r + n);
+}, y = (n, t, e) => {
+  const r = [];
+  for (const s in n) {
+    if (!Object.prototype.hasOwnProperty.call(n, s))
+      continue;
+    const o = n[s], i = e ? "" : encodeURIComponent(s);
+    let a;
+    a = typeof o == "object" ? y(o, t ? t + encodeURIComponent("[" + i + "]") : i, Array.isArray(o)) : (t ? t + encodeURIComponent("[" + i + "]") : i) + "=" + encodeURIComponent(o), r.push(a);
+  }
+  return r.join("&");
+};
+let g = {}, d = {};
+class H {
+  constructor(t, e) {
+    if (!e) {
+      let o = t.region ? `-${t.region}` : "", i = t.https === !1 ? "http" : "https";
+      e = t.oauthToken === void 0 ? `${i}://api${o}.storyblok.com/v2` : `${i}://api${o}.storyblok.com/v1`;
+    }
+    let r = Object.assign({}, t.headers), s = 5;
+    t.oauthToken !== void 0 && (r.Authorization = t.oauthToken, s = 3), t.rateLimit !== void 0 && (s = t.rateLimit), this.richTextResolver = new z(t.richTextSchema), typeof t.componentResolver == "function" && this.setComponentResolver(t.componentResolver), this.maxRetries = t.maxRetries || 5, this.throttle = w(this.throttledRequest, s, 1e3), this.accessToken = t.accessToken, this.relations = {}, this.links = {}, this.cache = t.cache || { clear: "manual" }, this.client = O.create({ baseURL: e, timeout: t.timeout || 0, headers: r, proxy: t.proxy || !1 }), t.responseInterceptor && this.client.interceptors.response.use((o) => t.responseInterceptor(o)), this.resolveNestedRelations = t.resolveNestedRelations || !0;
+  }
+  setComponentResolver(t) {
+    this.richTextResolver.addNode("blok", (e) => {
+      let r = "";
+      return e.attrs.body.forEach((s) => {
+        r += t(s.component, s);
+      }), { html: r };
+    });
+  }
+  parseParams(t = {}) {
+    return t.version || (t.version = "published"), t.token || (t.token = this.getToken()), t.cv || (t.cv = d[t.token]), Array.isArray(t.resolve_relations) && (t.resolve_relations = t.resolve_relations.join(",")), t;
+  }
+  factoryParamOptions(t, e = {}) {
+    return ((r = "") => r.indexOf("/cdn/") > -1)(t) ? this.parseParams(e) : e;
+  }
+  makeRequest(t, e, r, s) {
+    const o = this.factoryParamOptions(t, ((i = {}, a = 25, c = 1) => f(u({}, i), { per_page: a, page: c }))(e, r, s));
+    return this.cacheResponse(t, o);
+  }
+  get(t, e) {
+    let r = `/${t}`;
+    const s = this.factoryParamOptions(r, e);
+    return this.cacheResponse(r, s);
+  }
+  async getAll(t, e = {}, r) {
+    const s = e.per_page || 25, o = `/${t}`, i = o.split("/");
+    r = r || i[i.length - 1];
+    const a = await this.makeRequest(o, e, s, 1), c = Math.ceil(a.total / s);
+    return ((l = [], h) => l.map(h).reduce((p, R) => [...p, ...R], []))([a, ...await (async (l = [], h) => Promise.all(l.map(h)))(U(1, c), async (l) => this.makeRequest(o, e, s, l + 1))], (l) => Object.values(l.data[r]));
+  }
+  post(t, e) {
+    let r = `/${t}`;
+    return this.throttle("post", r, e);
+  }
+  put(t, e) {
+    let r = `/${t}`;
+    return this.throttle("put", r, e);
+  }
+  delete(t, e) {
+    let r = `/${t}`;
+    return this.throttle("delete", r, e);
+  }
+  getStories(t) {
+    return this.get("cdn/stories", t);
+  }
+  getStory(t, e) {
+    return this.get(`cdn/stories/${t}`, e);
+  }
+  setToken(t) {
+    this.accessToken = t;
+  }
+  getToken() {
+    return this.accessToken;
+  }
+  _cleanCopy(t) {
+    return JSON.parse(JSON.stringify(t));
+  }
+  _insertLinks(t, e) {
+    const r = t[e];
+    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(t, e, r) {
+    if (r.indexOf(t.component + "." + e) > -1) {
+      if (typeof t[e] == "string")
+        this.relations[t[e]] && (t[e] = this._cleanCopy(this.relations[t[e]]));
+      else if (t[e].constructor === Array) {
+        let s = [];
+        t[e].forEach((o) => {
+          this.relations[o] && s.push(this._cleanCopy(this.relations[o]));
+        }), t[e] = s;
+      }
+    }
+  }
+  _insertAssetsRelations(t, e) {
+    e.forEach((r) => {
+      t.id === r.id && (t.original = r, t.original.filename = t.filename, t.original.filename = t.original.filename.includes("https://s3.amazonaws.com/") ? t.original.filename : t.original.filename.replace("https://", "https://s3.amazonaws.com/"), delete t.original.s3_filename);
+    });
+  }
+  iterateTree(t, e) {
+    let r = (s) => {
+      if (s != null) {
+        if (s.constructor === Array)
+          for (let o = 0; o < s.length; o++)
+            r(s[o]);
+        else if (s.constructor === Object) {
+          if (s._stopResolving)
+            return;
+          for (let o in s)
+            s.component && s._uid || s.type === "link" ? (this._insertRelations(s, o, e), this._insertLinks(s, o)) : "id" in s && s.fieldtype === "asset" && this._insertAssetsRelations(s, e), r(s[o]);
+        }
+      }
+    };
+    r(t.content);
+  }
+  async resolveLinks(t, e) {
+    let r = [];
+    if (t.link_uuids) {
+      const s = t.link_uuids.length;
+      let o = [];
+      const i = 50;
+      for (let a = 0; a < s; a += i) {
+        const c = Math.min(s, a + i);
+        o.push(t.link_uuids.slice(a, c));
+      }
+      for (let a = 0; a < o.length; a++)
+        (await this.getStories({ per_page: i, language: e.language, version: e.version, by_uuids: o[a].join(",") })).data.stories.forEach((c) => {
+          r.push(c);
+        });
+    } else
+      r = t.links;
+    r.forEach((s) => {
+      this.links[s.uuid] = f(u({}, s), { _stopResolving: !0 });
+    });
+  }
+  async resolveRelations(t, e) {
+    let r = [];
+    if (t.rel_uuids) {
+      const s = t.rel_uuids.length;
+      let o = [];
+      const i = 50;
+      for (let a = 0; a < s; a += i) {
+        const c = Math.min(s, a + i);
+        o.push(t.rel_uuids.slice(a, c));
+      }
+      for (let a = 0; a < o.length; a++)
+        (await this.getStories({ per_page: i, language: e.language, version: e.version, by_uuids: o[a].join(",") })).data.stories.forEach((c) => {
+          r.push(c);
+        });
+    } else
+      r = t.rels;
+    r.forEach((s) => {
+      this.relations[s.uuid] = f(u({}, s), { _stopResolving: !0 });
+    });
+  }
+  async resolveStories(t, e) {
+    let r = [];
+    if (e.resolve_relations !== void 0 && e.resolve_relations.length > 0 && (t.rels || t.rel_uuids) && (r = e.resolve_relations.split(","), await this.resolveRelations(t, e)), ["1", "story", "url"].indexOf(e.resolve_links) > -1 && (t.links || t.link_uuids) && await this.resolveLinks(t, e), this.resolveNestedRelations)
+      for (const s in this.relations)
+        this.iterateTree(this.relations[s], r);
+    t.story ? this.iterateTree(t.story, r) : t.stories.forEach((s) => {
+      this.iterateTree(s, r);
+    });
+  }
+  resolveAssetsRelations(t) {
+    const { assets: e, stories: r, story: s } = t;
+    if (r)
+      for (const o of r)
+        this.iterateTree(o, e);
+    else {
+      if (!s)
+        return t;
+      this.iterateTree(s, e);
+    }
+  }
+  cacheResponse(t, e, r) {
+    return r === void 0 && (r = 0), new Promise(async (s, o) => {
+      let i = y({ url: t, params: e }), a = this.cacheProvider();
+      if (this.cache.clear === "auto" && e.version === "draft" && await this.flushCache(), e.version === "published" && t != "/cdn/spaces/me") {
+        const l = await a.get(i);
+        if (l)
+          return s(l);
+      }
+      try {
+        let l = await this.throttle("get", t, { params: e, 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 o(l);
+        (h.data.story || h.data.stories) && await this.resolveStories(h.data, e), e.version === "published" && t != "/cdn/spaces/me" && a.set(i, h), h.data.cv && (e.version == "draft" && d[e.token] != h.data.cv && this.flushCache(), d[e.token] = h.data.cv), s(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(t, e, r).then(s).catch(o);
+        o(l);
+      }
+      var c;
+    });
+  }
+  throttledRequest(t, e, r) {
+    return this.client[t](e, r);
+  }
+  cacheVersions() {
+    return d;
+  }
+  cacheVersion() {
+    return d[this.accessToken];
+  }
+  setCacheVersion(t) {
+    this.accessToken && (d[this.accessToken] = t);
+  }
+  cacheProvider() {
+    return this.cache.type === "memory" ? { get: (t) => g[t], getAll: () => g, set(t, e) {
+      g[t] = e;
+    }, flush() {
+      g = {};
+    } } : { get() {
+    }, getAll() {
+    }, set() {
+    }, flush() {
+    } };
+  }
+  async flushCache() {
+    return await this.cacheProvider().flush(), this;
+  }
+}
+const V = (n = {}) => {
+  const { apiOptions: t } = n;
+  if (!t.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 H(t) };
+};
+var G = (n) => {
+  if (typeof n != "object" || typeof n._editable > "u")
+    return {};
+  const t = JSON.parse(n._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  return {
+    "data-blok-c": JSON.stringify(t),
+    "data-blok-uid": t.id + "-" + t.uid
+  };
+};
+const J = new q(), $ = "https://app.storyblok.com/f/storyblok-v2-latest.js", D = (n = {}) => {
+  const { bridge: t, accessToken: e, use: r = [], apiOptions: s = {} } = n;
+  s.accessToken = s.accessToken || e;
+  const o = { bridge: t, apiOptions: s };
+  let i = {};
+  return r.forEach((a) => {
+    i = u(u({}, i), a(o));
+  }), t !== !1 && _($), i;
+}, K = (n) => n === "" ? "" : n ? J.render(n) : (console.warn(`${n} 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`), ""), Q = () => _($);
+function F(n, t, e) {
+  const { storyblokApi: r } = D({
+    accessToken: n,
+    use: t || [V],
+    apiOptions: { ...e }
+  });
+  globalThis.storyblokApiInstance = r;
+}
+function W() {
+  return globalThis.storyblokApiInstance || console.error("storyblokApiInstance has not been initialized correctly"), globalThis.storyblokApiInstance;
+}
+function X(n) {
+  return {
+    name: "@storyblok/astro",
+    hooks: {
+      "astro:config:setup": ({ injectScript: t, updateConfig: e }) => {
+        e({
+          vite: {
+            plugins: [E(n.components)]
+          }
+        }), F(n.accessToken, n.use, n.apiOptions), (n.bridge || !0) && t("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);
+              } 
+            });
+          });
+          `);
+      }
+    }
+  };
+}
+export {
+  X as default,
+  Q as loadStoryblokBridge,
+  K as renderRichText,
+  G as storyblokEditable,
+  W as useStoryblokApi
+};

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@storyblok/astro",
+  "version": "1.0.0",
+  "description": "UPDATE DESCRIPTION",
+  "main": "./dist/storyblok-astro.js",
+  "module": "./dist/storyblok-astro.mjs",
+  "files": [
+    "dist",
+    "StoryblokComponent.astro"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/storyblok-astro.mjs",
+      "require": "./dist/storyblok-astro.js"
+    },
+    "./StoryblokComponent.astro": "./StoryblokComponent.astro"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "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",
+    "cy:playground": "npm run dev --prefix ../playground-test",
+    "cy:run": "cypress run",
+    "cy:open": "cypress open",
+    "prepublishOnly": "npm run build && cp ../README.md ./"
+  },
+  "dependencies": {
+    "@storyblok/js": "^1.7.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.0",
+    "@cypress/vite-dev-server": "^2.0.7",
+    "@rollup/plugin-dynamic-import-vars": "^1.4.3",
+    "@vue/babel-preset-app": "^4.5.13",
+    "@vue/test-utils": "next",
+    "axios": "^0.27.2",
+    "babel-jest": "^26.6.3",
+    "cypress": "^10.6.0",
+    "eslint-plugin-cypress": "^2.12.1",
+    "eslint-plugin-jest": "^25.2.4",
+    "jest": "^26.6.3",
+    "start-server-and-test": "^1.14.0",
+    "vite": "^3.0.8"
+  },
+  "babel": {
+    "presets": [
+      "@vue/babel-preset-app"
+    ]
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "vue"
+    ],
+    "transform": {
+      "^.+\\.js$": "babel-jest"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storyblok/storyblok-astro"
+  },
+  "keywords": [
+    "astro",
+    "storyblok"
+  ],
+  "author": "Alexander Feiglstorfer",
+  "bugs": {
+    "url": "https://github.com/storyblok/storyblok-astro/issues"
+  },
+  "homepage": "https://github.com/storyblok/storyblok-astro",
+  "release": {
+    "branches": [
+      "main"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}