@storyblok/svelte 1.0.0

package/README.md

@@ -0,0 +1,225 @@
+<div align="center">
+	<a href="https://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte"  align="center">
+		<img src="https://a.storyblok.com/f/88751/1776x360/783760dfac/storybloksvelte.png"  alt="Storyblok Logo">
+	</a>
+	<h1 align="center"><strong>@storyblok/svelte</strong></h1>
+  <p align="center">
+    The Svelte SDK you need to interact with <a href="http://www.storyblok.com?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte" target="_blank">Storyblok API</a> and enable the <a href="https://www.storyblok.com/docs/guide/essentials/visual-editor?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte" target="_blank">Real-time Visual Editing Experience</a>. 
+  </p>
+  <br />
+</div>
+
+<p align="center">
+  <a href="https://npmjs.com/package/@storyblok/svelte">
+    <img src="https://img.shields.io/npm/v/@storyblok-svelte/latest.svg?style=flat-square" alt="npm package" />
+  </a>
+  <a href="https://npmjs.com/package/@storyblok/svelte" rel="nofollow">
+    <img src="https://img.shields.io/npm/dt/@storyblok-svelte.svg?style=flat-square" alt="download storyblok svelte">
+  </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>
+</p>
+<p align="center">
+  <a href="https://app.storyblok.com/#!/signup?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte">
+    <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="Try @Storyblok" />
+  </a>
+</p>
+
+<!-- ## 🔎 TL; DR
+
+`@storyblok/svelte` helps you connect your Svelte project to Storyblok by:
+
+- Providing the `useStoryblokApi` function to interact with the Storyblok APIs, using the [storyblok-js-client](https://github.com/storyblok/storyblok-js-client)
+- Enabling real time editing through the [Storyblok Bridge](https://www.storyblok.com/docs/Guides/storyblok-latest-js?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte)
+- Providing the `StoryblokComponent` which allows you to connect your components to the Storyblok Visual Editor -->
+
+## 🚀 Usage
+
+> If you are first-time user of the Storyblok, read the [Getting Started](https://www.storyblok.com/tp/add-a-headless-cms-to-svelte-in-5-minutes?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte) guide to get a project ready in less than 5 minutes.
+
+### Installation
+
+Install `@storyblok/svelte`
+
+```bash
+npm install @storyblok/svelte
+# yarn add @storyblok/svelte
+```
+
+Initialize the library in your application (usually in `main.js`) by adding the `apiPlugin` and the [access token](https://www.storyblok.com/docs/api/content-delivery/v2?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte) of your Storyblok space:
+
+```js
+import App from "./App.svelte";
+import { storyblokInit, apiPlugin } from "@storyblok/svelte";
+
+storyblokInit({
+  accessToken: "<your-token>",
+  // bridge: false,
+  // apiOptions: {  },
+  use: [apiPlugin],
+  components: {
+    // teaser: () => import("./Teaser.svelte"), // Lazy load it on demand
+    teaser: Teaser,
+  },
+});
+```
+
+> Add all your components to the components object in the storyblokInit function. You can either load all of them at the same time by adding them to the list; or you could lazy load them when they are needed by uncommenting the dynamic import line.
+
+Now, all features are enabled for you: the _Api Client_ for interacting with [Storyblok CDN API](https://www.storyblok.com/docs/api/content-delivery/v2?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte), and _Storyblok Bridge_ for [real-time visual editing experience](https://www.storyblok.com/docs/guide/essentials/visual-editor?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte).
+
+> You can enable/disable some of these features if you don't need them, so you save some KB. Please read the "Features and API" section
+
+### From a CDN
+
+Install the file from the CDN and access the methods via `window.storyblokSvelte`:
+
+```html
+<script src="https://unpkg.com/@storyblok/svelte"></script>
+```
+
+## Getting started
+
+### 1. Fetching Content
+
+Use the `useStoryblokApi()` gets your stories from the Storyblok CDN API:
+
+```html
+<script>
+  import { onMount } from "svelte";
+  import { useStoryblokApi } from "@storyblok/svelte";
+
+  onMount(async () => {
+    const storyblokApi = useStoryblokApi();
+    const { data } = await storyblokApi.get("cdn/stories/home", {
+      version: "draft",
+    });
+  });
+</script>
+```
+
+> Note: you can skip using `storyblokApi` if you prefer your own method or function to fetch your data.
+
+### 2. Listen to Storyblok Visual Editor events
+
+Use `useStoryBridge` to get the updated story every time a change event is triggered from the Visual Editor. You need to pass the story id as first param, and a callback function as second param to update the new story:
+
+```html
+<script>
+  import { onMount } from "svelte";
+  import { useStoryblokApi, useStoryblokBridge } from "@storyblok/svelte";
+
+  let story = null;
+
+  onMount(async () => {
+    const storyblokApi = useStoryblokApi();
+    const { data } = await storyblokApi.get("cdn/stories/home", {
+      version: "draft",
+    });
+    story = data.story;
+    useStoryblokBridge(story.id, (newStory) => (story = newStory));
+  });
+</script>
+```
+
+You can pass [Bridge options](https://www.storyblok.com/docs/Guides/storyblok-latest-js?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte) as a third parameter as well:
+
+```js
+useStoryblokBridge(story.id, (newStory) => (story = newStory), {
+  resolveRelations: ["Article.author"],
+});
+```
+
+### 3. Link your components to Storyblok Visual Editor
+
+In order to link the storyblok components, you have to
+
+- Load them in components when calling `storyblokInit`
+
+> If you would like to use dynamic component loading, make sure to use the `StorybloKComponent`an use dynamic import when adding the components to your list.
+
+- Use the `storyblokEditable` svelte action on the root element of each component
+
+```html
+<div use:storyblokEditable={blok} / >
+```
+
+- Use the `StoryblokComponent` to load them by passing the blok property
+
+```html
+<StoryblokComponent {blok} />
+```
+
+> 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-svelte).
+
+### Features and API
+
+You can **choose the features to use** when you initialize the plugin. In that way, you can improve Web Performance by optimizing your page load and save some bytes.
+
+#### Storyblok API
+
+You can use an `apiOptions` object. This is passed down to the [storyblok-js-client config object](https://github.com/storyblok/storyblok-js-client#class-storyblok):
+
+```js
+storyblokInit({
+  accessToken: "<your-token>",
+  apiOptions: {
+    //storyblok-js-client config object
+    cache: { type: "memory" },
+  },
+  use: [apiPlugin],
+});
+```
+
+If you prefer to use your own fetch method, just remove the `apiPlugin` and `storyblok-js-client` won't be added to your application. You can find out more about our [Content Delivery API](https://www.storyblok.com/docs/api/content-delivery?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte) in the documentation.
+
+#### Storyblok Bridge
+
+You can conditionally load it by using the `bridge` option. Very useful if you want to disable it in production:
+
+```js
+storyblokInit({
+  bridge: process.env.NODE_ENV !== "production",
+});
+```
+
+Keep in mind you have still access to the raw `window.StoryblokBridge`:
+
+```js
+const sbBridge = new window.StoryblokBridge(options);
+
+sbBridge.on(["input", "published", "change"], (event) => {
+  // ...
+});
+```
+
+For background information on the [Storyblok JS Bridge](https://www.storyblok.com/docs/Guides/storyblok-latest-js?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte), please check out documentation.
+
+### Compatibility
+
+This plugin is for Svelte. Thus, it supports the [same browsers as Svelte 3](https://github.com/sveltejs/svelte/issues/558). In short: all modern browsers and IE10+.
+
+## 🔗 Related Links
+
+- **[Add a headless CMS to Svelte in 5 minutes](https://www.storyblok.com/tp/add-a-headless-cms-to-svelte-in-5-minutes?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-svelte)**: Quick-start guide on getting up and running with Storyblok and Vue.
+- **[Storyblok CLI](https://github.com/storyblok/storyblok)**: A simple CLI for scaffolding Storyblok projects and fieldtypes.
+- [Svelte Documentation](https://svelte.dev/docs)
+
+## ℹ️ 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-svelte).
+This project uses [semantic-release](https://semantic-release.gitbook.io/semantic-release/) for generate new versions by using commit messages and we use the [Angular Convention](https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit#) 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/dist/storyblok-svelte.js

@@ -0,0 +1,12 @@
+(function(f,m){typeof exports=="object"&&typeof module!="undefined"?m(exports,require("axios")):typeof define=="function"&&define.amd?define(["exports","axios"],m):(f=typeof globalThis!="undefined"?globalThis:f||self,m(f.storyblokSvelte={},f.t))})(this,function(f,m){"use strict";function ne(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var re=ne(m),oe=Object.defineProperty,se=Object.defineProperties,ie=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,ae=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable,B=(t,e,n)=>e in t?oe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,p=(t,e)=>{for(var n in e||(e={}))ae.call(e,n)&&B(t,n,e[n]);if(N)for(var n of N(e))ce.call(e,n)&&B(t,n,e[n]);return t},E=(t,e)=>se(t,ie(e));let q=!1;const L=[],le=t=>new Promise((e,n)=>{if(typeof window=="undefined"||(window.storyblokRegisterEvent=o=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}q?o():L.push(o)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=t,r.id="storyblok-javascript-bridge",r.onerror=o=>n(o),r.onload=o=>{L.forEach(s=>s()),q=!0,e(o)},document.getElementsByTagName("head")[0].appendChild(r)});/*!
+ * storyblok-js-client v0.0.0-development
+ * Universal JavaScript SDK for Storyblok's API
+ * (c) 2020-2022 Stobylok Team
+ */function D(t){return typeof t=="number"&&t==t&&t!==1/0&&t!==-1/0}function U(t,e,n){if(!D(e))throw new TypeError("Expected `limit` to be a finite number");if(!D(n))throw new TypeError("Expected `interval` to be a finite number");var r=[],o=[],s=0,a=function(){s++;var c=setTimeout(function(){s--,r.length>0&&a(),o=o.filter(function(u){return u!==c})},n);o.indexOf(c)<0&&o.push(c);var l=r.shift();l.resolve(t.apply(l.self,l.args))},i=function(){var c=arguments,l=this;return new Promise(function(u,d){r.push({resolve:u,reject:d,args:c,self:l}),s<e&&a()})};return i.abort=function(){o.forEach(clearTimeout),o=[],r.forEach(function(c){c.reject(new throttle.AbortError)}),r.length=0},i}U.AbortError=function(){Error.call(this,"Throttled function aborted"),this.name="AbortError"};const ue=function(t,e){if(!t)return null;let n={};for(let r in t){let o=t[r];e.indexOf(r)>-1&&o!==null&&(n[r]=o)}return n};var fe={nodes:{horizontal_rule:t=>({singleTag:"hr"}),blockquote:t=>({tag:"blockquote"}),bullet_list:t=>({tag:"ul"}),code_block:t=>({tag:["pre",{tag:"code",attrs:t.attrs}]}),hard_break:t=>({singleTag:"br"}),heading:t=>({tag:"h"+t.attrs.level}),image:t=>({singleTag:[{tag:"img",attrs:ue(t.attrs,["src","alt","title"])}]}),list_item:t=>({tag:"li"}),ordered_list:t=>({tag:"ol"}),paragraph:t=>({tag:"p"})},marks:{bold:()=>({tag:"b"}),strike:()=>({tag:"strike"}),underline:()=>({tag:"u"}),strong:()=>({tag:"strong"}),code:()=>({tag:"code"}),italic:()=>({tag:"i"}),link(t){const e=p({},t.attrs),{linktype:n="url"}=t.attrs;return n==="email"&&(e.href="mailto:"+e.href),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},styled:t=>({tag:[{tag:"span",attrs:t.attrs}]})}};class de{constructor(e){e||(e=fe),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,n){this.nodes[e]=n}addMark(e,n){this.marks[e]=n}render(e={}){if(e.content&&Array.isArray(e.content)){let n="";return e.content.forEach(r=>{n+=this.renderNode(r)}),n}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){let n=[];e.marks&&e.marks.forEach(o=>{const s=this.getMatchingMark(o);s&&n.push(this.renderOpeningTag(s.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&n.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(o=>{n.push(this.renderNode(o))}):e.text?n.push(function(o){const s={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},a=/[&<>"']/g,i=RegExp(a.source);return o&&i.test(o)?o.replace(a,c=>s[c]):o}(e.text)):r&&r.singleTag?n.push(this.renderTag(r.singleTag," /")):r&&r.html&&n.push(r.html),r&&r.tag&&n.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(o=>{const s=this.getMatchingMark(o);s&&n.push(this.renderClosingTag(s.tag))}),n.join("")}renderTag(e,n){return e.constructor===String?`<${e}${n}>`:e.map(r=>{if(r.constructor===String)return`<${r}${n}>`;{let o="<"+r.tag;if(r.attrs)for(let s in r.attrs){let a=r.attrs[s];a!==null&&(o+=` ${s}="${a}"`)}return`${o}${n}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(n=>n.constructor===String?`</${n}>`:`</${n.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 he=(t=0,e=t)=>{const n=Math.abs(e-t)||0,r=t<e?1:-1;return((o=0,s)=>[...Array(o)].map(s))(n,(o,s)=>s*r+t)},O=(t,e,n)=>{const r=[];for(const o in t){if(!Object.prototype.hasOwnProperty.call(t,o))continue;const s=t[o],a=n?"":encodeURIComponent(o);let i;i=typeof s=="object"?O(s,e?e+encodeURIComponent("["+a+"]"):a,Array.isArray(s)):(e?e+encodeURIComponent("["+a+"]"):a)+"="+encodeURIComponent(s),r.push(i)}return r.join("&")};let b={},g={};class pe{constructor(e,n){if(!n){let s=e.region?"-"+e.region:"",a=e.https===!1?"http":"https";n=e.oauthToken===void 0?`${a}://api${s}.storyblok.com/v2`:`${a}://api${s}.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 de(e.richTextSchema),typeof e.componentResolver=="function"&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||5,this.throttle=U(this.throttledRequest,o,1e3),this.accessToken=e.accessToken,this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.client=re.default.create({baseURL:n,timeout:e.timeout||0,headers:r,proxy:e.proxy||!1}),e.responseInterceptor&&this.client.interceptors.response.use(s=>e.responseInterceptor(s))}setComponentResolver(e){this.richTextResolver.addNode("blok",n=>{let r="";return n.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=g[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),e}factoryParamOptions(e,n={}){return((r="")=>r.indexOf("/cdn/")>-1)(e)?this.parseParams(n):n}makeRequest(e,n,r,o){const s=this.factoryParamOptions(e,((a={},i=25,c=1)=>E(p({},a),{per_page:i,page:c}))(n,r,o));return this.cacheResponse(e,s)}get(e,n){let r="/"+e;const o=this.factoryParamOptions(r,n);return this.cacheResponse(r,o)}async getAll(e,n={},r){const o=n.per_page||25,s="/"+e,a=s.split("/");r=r||a[a.length-1];const i=await this.makeRequest(s,n,o,1),c=Math.ceil(i.total/o);return((l=[],u)=>l.map(u).reduce((d,$)=>[...d,...$],[]))([i,...await(async(l=[],u)=>Promise.all(l.map(u)))(he(1,c),async l=>this.makeRequest(s,n,o,l+1))],l=>Object.values(l.data[r]))}post(e,n){let r="/"+e;return this.throttle("post",r,n)}put(e,n){let r="/"+e;return this.throttle("put",r,n)}delete(e,n){let r="/"+e;return this.throttle("delete",r,n)}getStories(e){return this.get("cdn/stories",e)}getStory(e,n){return this.get("cdn/stories/"+e,n)}setToken(e){this.accessToken=e}getToken(){return this.accessToken}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,n){const r=e[n];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,n,r){if(r.indexOf(e.component+"."+n)>-1){if(typeof e[n]=="string")this.relations[e[n]]&&(e[n]=this._cleanCopy(this.relations[e[n]]));else if(e[n].constructor===Array){let o=[];e[n].forEach(s=>{this.relations[s]&&o.push(this._cleanCopy(this.relations[s]))}),e[n]=o}}}iterateTree(e,n){let r=o=>{if(o!=null){if(o.constructor===Array)for(let s=0;s<o.length;s++)r(o[s]);else if(o.constructor===Object){if(o._stopResolving)return;for(let s in o)(o.component&&o._uid||o.type==="link")&&(this._insertRelations(o,s,n),this._insertLinks(o,s)),r(o[s])}}};r(e.content)}async resolveLinks(e,n){let r=[];if(e.link_uuids){const o=e.link_uuids.length;let s=[];const a=50;for(let i=0;i<o;i+=a){const c=Math.min(o,i+a);s.push(e.link_uuids.slice(i,c))}for(let i=0;i<s.length;i++)(await this.getStories({per_page:a,language:n.language,version:n.version,by_uuids:s[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.links;r.forEach(o=>{this.links[o.uuid]=E(p({},o),{_stopResolving:!0})})}async resolveRelations(e,n){let r=[];if(e.rel_uuids){const o=e.rel_uuids.length;let s=[];const a=50;for(let i=0;i<o;i+=a){const c=Math.min(o,i+a);s.push(e.rel_uuids.slice(i,c))}for(let i=0;i<s.length;i++)(await this.getStories({per_page:a,language:n.language,version:n.version,by_uuids:s[i].join(",")})).data.stories.forEach(c=>{r.push(c)})}else r=e.rels;r.forEach(o=>{this.relations[o.uuid]=E(p({},o),{_stopResolving:!0})})}async resolveStories(e,n){let r=[];n.resolve_relations!==void 0&&n.resolve_relations.length>0&&(r=n.resolve_relations.split(","),await this.resolveRelations(e,n)),["1","story","url"].indexOf(n.resolve_links)>-1&&await this.resolveLinks(e,n);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)})}cacheResponse(e,n,r){return r===void 0&&(r=0),new Promise(async(o,s)=>{let a=O({url:e,params:n}),i=this.cacheProvider();if(this.cache.clear==="auto"&&n.version==="draft"&&await this.flushCache(),n.version==="published"&&e!="/cdn/spaces/me"){const l=await i.get(a);if(l)return o(l)}try{let l=await this.throttle("get",e,{params:n,paramsSerializer:d=>O(d)}),u={data:l.data,headers:l.headers};if(l.headers["per-page"]&&(u=Object.assign({},u,{perPage:parseInt(l.headers["per-page"]),total:parseInt(l.headers.total)})),l.status!=200)return s(l);(u.data.story||u.data.stories)&&await this.resolveStories(u.data,n),n.version==="published"&&e!="/cdn/spaces/me"&&i.set(a,u),u.data.cv&&(n.version=="draft"&&g[n.token]!=u.data.cv&&this.flushCache(),g[n.token]=u.data.cv),o(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(e,n,r).then(o).catch(s);s(l)}var c})}throttledRequest(e,n,r){return this.client[e](n,r)}cacheVersions(){return g}cacheVersion(){return g[this.accessToken]}setCacheVersion(e){this.accessToken&&(g[this.accessToken]=e)}cacheProvider(){switch(this.cache.type){case"memory":return{get:e=>b[e],getAll:()=>b,set(e,n){b[e]=n},flush(){b={}}};default:return{get(){},getAll(){},set(){},flush(){}}}}async flushCache(){return await this.cacheProvider().flush(),this}}var ge=(t={})=>{const{apiOptions:e}=t;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 pe(e)}},me=t=>{if(typeof t!="object"||typeof t._editable=="undefined")return{};const e=JSON.parse(t._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};const ye=(t,e,n={})=>{if(typeof window!="undefined"){if(typeof window.storyblokRegisterEvent=="undefined"){console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(n).on(["input","published","change"],o=>{o.action=="input"&&o.story.id===t?e(o.story):window.location.reload()})})}},_e=(t={})=>{const{bridge:e,accessToken:n,use:r=[],apiOptions:o={}}=t;o.accessToken=o.accessToken||n;const s={bridge:e,apiOptions:o};let a={};return r.forEach(i=>{a=p(p({},a),i(s))}),e!==!1&&le("https://app.storyblok.com/f/storyblok-v2-latest.js"),a};function V(){}function S(t,e){for(const n in e)t[n]=e[n];return t}function J(t){return t()}function Y(){return Object.create(null)}function y(t){t.forEach(J)}function ke(t){return typeof t=="function"}function be(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}function ve(t){return Object.keys(t).length===0}function we(t){const e={};for(const n in t)n[0]!=="$"&&(e[n]=t[n]);return e}function z(t,e){const n={};e=new Set(e);for(const r in t)!e.has(r)&&r[0]!=="$"&&(n[r]=t[r]);return n}function Te(t,e,n){t.insertBefore(e,n||null)}function F(t){t.parentNode.removeChild(t)}function $e(t){return document.createTextNode(t)}function Ee(){return $e("")}function Oe(t){return Array.from(t.childNodes)}let P;function _(t){P=t}const k=[],H=[],v=[],W=[],Se=Promise.resolve();let R=!1;function Pe(){R||(R=!0,Se.then(G))}function j(t){v.push(t)}const x=new Set;let w=0;function G(){const t=P;do{for(;w<k.length;){const e=k[w];w++,_(e),Re(e.$$)}for(_(null),k.length=0,w=0;H.length;)H.pop()();for(let e=0;e<v.length;e+=1){const n=v[e];x.has(n)||(x.add(n),n())}v.length=0}while(k.length);for(;W.length;)W.pop()();R=!1,x.clear(),_(t)}function Re(t){if(t.fragment!==null){t.update(),y(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(j)}}const T=new Set;let h;function je(){h={r:0,c:[],p:h}}function xe(){h.r||y(h.c),h=h.p}function C(t,e){t&&t.i&&(T.delete(t),t.i(e))}function K(t,e,n,r){if(t&&t.o){if(T.has(t))return;T.add(t),h.c.push(()=>{T.delete(t),r&&(n&&t.d(1),r())}),t.o(e)}}function Ce(t,e){const n={},r={},o={$$scope:1};let s=t.length;for(;s--;){const a=t[s],i=e[s];if(i){for(const c in a)c in i||(r[c]=1);for(const c in i)o[c]||(n[c]=i[c],o[c]=1);t[s]=i}else for(const c in a)o[c]=1}for(const a in r)a in n||(n[a]=void 0);return n}function Ae(t){return typeof t=="object"&&t!==null?t:{}}function Q(t){t&&t.c()}function A(t,e,n,r){const{fragment:o,on_mount:s,on_destroy:a,after_update:i}=t.$$;o&&o.m(e,n),r||j(()=>{const c=s.map(J).filter(ke);a?a.push(...c):y(c),t.$$.on_mount=[]}),i.forEach(j)}function I(t,e){const n=t.$$;n.fragment!==null&&(y(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function Ie(t,e){t.$$.dirty[0]===-1&&(k.push(t),Pe(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function Me(t,e,n,r,o,s,a,i=[-1]){const c=P;_(t);const l=t.$$={fragment:null,ctx:null,props:s,update:V,not_equal:o,bound:Y(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(c?c.$$.context:[])),callbacks:Y(),dirty:i,skip_bound:!1,root:e.target||c.$$.root};a&&a(l.root);let u=!1;if(l.ctx=n?n(t,e.props||{},(d,$,...ee)=>{const te=ee.length?ee[0]:$;return l.ctx&&o(l.ctx[d],l.ctx[d]=te)&&(!l.skip_bound&&l.bound[d]&&l.bound[d](te),u&&Ie(t,d)),$}):[],l.update(),u=!0,y(l.before_update),l.fragment=r?r(l.ctx):!1,e.target){if(e.hydrate){const d=Oe(e.target);l.fragment&&l.fragment.l(d),d.forEach(F)}else l.fragment&&l.fragment.c();e.intro&&C(t.$$.fragment),A(t,e.target,e.anchor,e.customElement),G()}_(c)}class Ne{$destroy(){I(this,1),this.$destroy=V}$on(e,n){const r=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return r.push(n),()=>{const o=r.indexOf(n);o!==-1&&r.splice(o,1)}}$set(e){this.$$set&&!ve(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}function Be(t){let e,n,r;const o=[{blok:t[0]},t[2]];var s=t[1];function a(i){let c={};for(let l=0;l<o.length;l+=1)c=S(c,o[l]);return{props:c}}return s&&(e=new s(a())),{c(){e&&Q(e.$$.fragment),n=Ee()},m(i,c){e&&A(e,i,c),Te(i,n,c),r=!0},p(i,[c]){const l=c&5?Ce(o,[c&1&&{blok:i[0]},c&4&&Ae(i[2])]):{};if(s!==(s=i[1])){if(e){je();const u=e;K(u.$$.fragment,1,0,()=>{I(u,1)}),xe()}s?(e=new s(a()),Q(e.$$.fragment),C(e.$$.fragment,1),A(e,n.parentNode,n)):e=null}else s&&e.$set(l)},i(i){r||(e&&C(e.$$.fragment,i),r=!0)},o(i){e&&K(e.$$.fragment,i),r=!1},d(i){i&&F(n),e&&I(e,i)}}}function qe(t,e,n){const r=["blok"];let o=z(e,r),{blok:s}=e,a;if(s){const i=Z(s.component);if(i){const c=async()=>{const{default:u}=await i();n(1,a=u)};i.name.startsWith("Proxy")?a=i:c()}}else console.error("Please provide a 'blok' property to the StoryblokComponent");return t.$$set=i=>{e=S(S({},e),we(i)),n(2,o=z(e,r)),"blok"in i&&n(0,s=i.blok)},[s,a,o]}class Le extends Ne{constructor(e){super();Me(this,e,qe,Be,be,{blok:0})}}const De=(t,e)=>{const n=r=>{const o=me(r);o["data-blok-c"]&&(t.setAttribute("data-blok-c",o["data-blok-c"]),t.setAttribute("data-blok-uid",o["data-blok-uid"]),t.classList.add("storyblok__outline"))};return n(e),{update(r){n(r)}}};let M=null;const Ue=()=>(M||console.log("You can't use useStoryblokApi if you're not loading apiPlugin."),M);let X=null;const Ve=t=>{const{storyblokApi:e}=_e(t);M=e,X=t.components||{}},Z=t=>{const e=X[t];return e||console.error(`You didn't load the ${t} component. Please load it in storyblokInit. For example:
+storyblokInit({
+    accessToken: "<your-token>",
+    components: {
+      "teaser": Teaser
+    }
+})
+`),e};f.StoryblokComponent=Le,f.apiPlugin=ge,f.getComponent=Z,f.storyblokEditable=De,f.storyblokInit=Ve,f.useStoryblokApi=Ue,f.useStoryblokBridge=ye,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/dist/storyblok-svelte.mjs

@@ -0,0 +1,892 @@
+import t from "axios";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a2, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a2, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a2, prop, b[prop]);
+    }
+  return a2;
+};
+var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
+let loaded = false;
+const callbacks = [];
+const loadBridge = (src) => {
+  return new Promise((resolve, reject) => {
+    if (typeof window === "undefined")
+      return;
+    window.storyblokRegisterEvent = (cb) => {
+      if (window.location === window.parent.location) {
+        console.warn("You are not in Draft Mode or in the Visual Editor.");
+        return;
+      }
+      if (!loaded)
+        callbacks.push(cb);
+      else
+        cb();
+    };
+    if (document.getElementById("storyblok-javascript-bridge"))
+      return;
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = src;
+    script.id = "storyblok-javascript-bridge";
+    script.onerror = (error) => reject(error);
+    script.onload = (ev) => {
+      callbacks.forEach((cb) => cb());
+      loaded = true;
+      resolve(ev);
+    };
+    document.getElementsByTagName("head")[0].appendChild(script);
+  });
+};
+/*!
+ * storyblok-js-client v0.0.0-development
+ * Universal JavaScript SDK for Storyblok's API
+ * (c) 2020-2022 Stobylok Team
+ */
+function e(t2) {
+  return typeof t2 == "number" && (t2 == t2 && t2 !== 1 / 0 && t2 !== -1 / 0);
+}
+function r(t2, r2, s2) {
+  if (!e(r2))
+    throw new TypeError("Expected `limit` to be a finite number");
+  if (!e(s2))
+    throw new TypeError("Expected `interval` to be a finite number");
+  var n2 = [], i2 = [], o2 = 0, a2 = function() {
+    o2++;
+    var e2 = setTimeout(function() {
+      o2--, n2.length > 0 && a2(), i2 = i2.filter(function(t3) {
+        return t3 !== e2;
+      });
+    }, s2);
+    i2.indexOf(e2) < 0 && i2.push(e2);
+    var r3 = n2.shift();
+    r3.resolve(t2.apply(r3.self, r3.args));
+  }, l2 = function() {
+    var t3 = arguments, e2 = this;
+    return new Promise(function(s3, i3) {
+      n2.push({ resolve: s3, reject: i3, args: t3, self: e2 }), o2 < r2 && a2();
+    });
+  };
+  return l2.abort = function() {
+    i2.forEach(clearTimeout), i2 = [], n2.forEach(function(t3) {
+      t3.reject(new throttle.AbortError());
+    }), n2.length = 0;
+  }, l2;
+}
+r.AbortError = function() {
+  Error.call(this, "Throttled function aborted"), this.name = "AbortError";
+};
+const s = function(t2, e2) {
+  if (!t2)
+    return null;
+  let r2 = {};
+  for (let s2 in t2) {
+    let n2 = t2[s2];
+    e2.indexOf(s2) > -1 && n2 !== null && (r2[s2] = n2);
+  }
+  return r2;
+};
+var n = { nodes: { horizontal_rule: (t2) => ({ singleTag: "hr" }), blockquote: (t2) => ({ tag: "blockquote" }), bullet_list: (t2) => ({ tag: "ul" }), code_block: (t2) => ({ tag: ["pre", { tag: "code", attrs: t2.attrs }] }), hard_break: (t2) => ({ singleTag: "br" }), heading: (t2) => ({ tag: "h" + t2.attrs.level }), image: (t2) => ({ singleTag: [{ tag: "img", attrs: s(t2.attrs, ["src", "alt", "title"]) }] }), list_item: (t2) => ({ tag: "li" }), ordered_list: (t2) => ({ tag: "ol" }), paragraph: (t2) => ({ tag: "p" }) }, marks: { bold: () => ({ tag: "b" }), strike: () => ({ tag: "strike" }), underline: () => ({ tag: "u" }), strong: () => ({ tag: "strong" }), code: () => ({ tag: "code" }), italic: () => ({ tag: "i" }), link(t2) {
+  const e2 = __spreadValues({}, t2.attrs), { linktype: r2 = "url" } = t2.attrs;
+  return r2 === "email" && (e2.href = "mailto:" + e2.href), e2.anchor && (e2.href = `${e2.href}#${e2.anchor}`, delete e2.anchor), { tag: [{ tag: "a", attrs: e2 }] };
+}, styled: (t2) => ({ tag: [{ tag: "span", attrs: t2.attrs }] }) } };
+class i {
+  constructor(t2) {
+    t2 || (t2 = n), this.marks = t2.marks || [], this.nodes = t2.nodes || [];
+  }
+  addNode(t2, e2) {
+    this.nodes[t2] = e2;
+  }
+  addMark(t2, e2) {
+    this.marks[t2] = e2;
+  }
+  render(t2 = {}) {
+    if (t2.content && Array.isArray(t2.content)) {
+      let e2 = "";
+      return t2.content.forEach((t3) => {
+        e2 += this.renderNode(t3);
+      }), e2;
+    }
+    return console.warn("The render method must receive an object with a content field, which is an array"), "";
+  }
+  renderNode(t2) {
+    let e2 = [];
+    t2.marks && t2.marks.forEach((t3) => {
+      const r3 = this.getMatchingMark(t3);
+      r3 && e2.push(this.renderOpeningTag(r3.tag));
+    });
+    const r2 = this.getMatchingNode(t2);
+    return r2 && r2.tag && e2.push(this.renderOpeningTag(r2.tag)), t2.content ? t2.content.forEach((t3) => {
+      e2.push(this.renderNode(t3));
+    }) : t2.text ? e2.push(function(t3) {
+      const e3 = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }, r3 = /[&<>"']/g, s2 = RegExp(r3.source);
+      return t3 && s2.test(t3) ? t3.replace(r3, (t4) => e3[t4]) : t3;
+    }(t2.text)) : r2 && r2.singleTag ? e2.push(this.renderTag(r2.singleTag, " /")) : r2 && r2.html && e2.push(r2.html), r2 && r2.tag && e2.push(this.renderClosingTag(r2.tag)), t2.marks && t2.marks.slice(0).reverse().forEach((t3) => {
+      const r3 = this.getMatchingMark(t3);
+      r3 && e2.push(this.renderClosingTag(r3.tag));
+    }), e2.join("");
+  }
+  renderTag(t2, e2) {
+    if (t2.constructor === String)
+      return `<${t2}${e2}>`;
+    return t2.map((t3) => {
+      if (t3.constructor === String)
+        return `<${t3}${e2}>`;
+      {
+        let r2 = "<" + t3.tag;
+        if (t3.attrs)
+          for (let e3 in t3.attrs) {
+            let s2 = t3.attrs[e3];
+            s2 !== null && (r2 += ` ${e3}="${s2}"`);
+          }
+        return `${r2}${e2}>`;
+      }
+    }).join("");
+  }
+  renderOpeningTag(t2) {
+    return this.renderTag(t2, "");
+  }
+  renderClosingTag(t2) {
+    if (t2.constructor === String)
+      return `</${t2}>`;
+    return t2.slice(0).reverse().map((t3) => t3.constructor === String ? `</${t3}>` : `</${t3.tag}>`).join("");
+  }
+  getMatchingNode(t2) {
+    if (typeof this.nodes[t2.type] == "function")
+      return this.nodes[t2.type](t2);
+  }
+  getMatchingMark(t2) {
+    if (typeof this.marks[t2.type] == "function")
+      return this.marks[t2.type](t2);
+  }
+}
+const o = (t2 = 0, e2 = t2) => {
+  const r2 = Math.abs(e2 - t2) || 0, s2 = t2 < e2 ? 1 : -1;
+  return ((t3 = 0, e3) => [...Array(t3)].map(e3))(r2, (e3, r3) => r3 * s2 + t2);
+}, a = (t2, e2, r2) => {
+  const s2 = [];
+  for (const n2 in t2) {
+    if (!Object.prototype.hasOwnProperty.call(t2, n2))
+      continue;
+    const i2 = t2[n2], o2 = r2 ? "" : encodeURIComponent(n2);
+    let l2;
+    l2 = typeof i2 == "object" ? a(i2, e2 ? e2 + encodeURIComponent("[" + o2 + "]") : o2, Array.isArray(i2)) : (e2 ? e2 + encodeURIComponent("[" + o2 + "]") : o2) + "=" + encodeURIComponent(i2), s2.push(l2);
+  }
+  return s2.join("&");
+};
+let l = {}, c = {};
+class StoryblokClient {
+  constructor(e2, s2) {
+    if (!s2) {
+      let t2 = e2.region ? "-" + e2.region : "", r2 = e2.https === false ? "http" : "https";
+      s2 = e2.oauthToken === void 0 ? `${r2}://api${t2}.storyblok.com/v2` : `${r2}://api${t2}.storyblok.com/v1`;
+    }
+    let n2 = Object.assign({}, e2.headers), o2 = 5;
+    e2.oauthToken !== void 0 && (n2.Authorization = e2.oauthToken, o2 = 3), e2.rateLimit !== void 0 && (o2 = e2.rateLimit), this.richTextResolver = new i(e2.richTextSchema), typeof e2.componentResolver == "function" && this.setComponentResolver(e2.componentResolver), this.maxRetries = e2.maxRetries || 5, this.throttle = r(this.throttledRequest, o2, 1e3), this.accessToken = e2.accessToken, this.relations = {}, this.links = {}, this.cache = e2.cache || { clear: "manual" }, this.client = t.create({ baseURL: s2, timeout: e2.timeout || 0, headers: n2, proxy: e2.proxy || false }), e2.responseInterceptor && this.client.interceptors.response.use((t2) => e2.responseInterceptor(t2));
+  }
+  setComponentResolver(t2) {
+    this.richTextResolver.addNode("blok", (e2) => {
+      let r2 = "";
+      return e2.attrs.body.forEach((e3) => {
+        r2 += t2(e3.component, e3);
+      }), { html: r2 };
+    });
+  }
+  parseParams(t2 = {}) {
+    return t2.version || (t2.version = "published"), t2.token || (t2.token = this.getToken()), t2.cv || (t2.cv = c[t2.token]), Array.isArray(t2.resolve_relations) && (t2.resolve_relations = t2.resolve_relations.join(",")), t2;
+  }
+  factoryParamOptions(t2, e2 = {}) {
+    return ((t3 = "") => t3.indexOf("/cdn/") > -1)(t2) ? this.parseParams(e2) : e2;
+  }
+  makeRequest(t2, e2, r2, s2) {
+    const n2 = this.factoryParamOptions(t2, ((t3 = {}, e3 = 25, r3 = 1) => __spreadProps(__spreadValues({}, t3), { per_page: e3, page: r3 }))(e2, r2, s2));
+    return this.cacheResponse(t2, n2);
+  }
+  get(t2, e2) {
+    let r2 = "/" + t2;
+    const s2 = this.factoryParamOptions(r2, e2);
+    return this.cacheResponse(r2, s2);
+  }
+  async getAll(t2, e2 = {}, r2) {
+    const s2 = e2.per_page || 25, n2 = "/" + t2, i2 = n2.split("/");
+    r2 = r2 || i2[i2.length - 1];
+    const a2 = await this.makeRequest(n2, e2, s2, 1), l2 = Math.ceil(a2.total / s2);
+    return ((t3 = [], e3) => t3.map(e3).reduce((t4, e4) => [...t4, ...e4], []))([a2, ...await (async (t3 = [], e3) => Promise.all(t3.map(e3)))(o(1, l2), async (t3) => this.makeRequest(n2, e2, s2, t3 + 1))], (t3) => Object.values(t3.data[r2]));
+  }
+  post(t2, e2) {
+    let r2 = "/" + t2;
+    return this.throttle("post", r2, e2);
+  }
+  put(t2, e2) {
+    let r2 = "/" + t2;
+    return this.throttle("put", r2, e2);
+  }
+  delete(t2, e2) {
+    let r2 = "/" + t2;
+    return this.throttle("delete", r2, e2);
+  }
+  getStories(t2) {
+    return this.get("cdn/stories", t2);
+  }
+  getStory(t2, e2) {
+    return this.get("cdn/stories/" + t2, e2);
+  }
+  setToken(t2) {
+    this.accessToken = t2;
+  }
+  getToken() {
+    return this.accessToken;
+  }
+  _cleanCopy(t2) {
+    return JSON.parse(JSON.stringify(t2));
+  }
+  _insertLinks(t2, e2) {
+    const r2 = t2[e2];
+    r2 && r2.fieldtype == "multilink" && r2.linktype == "story" && typeof r2.id == "string" && this.links[r2.id] ? r2.story = this._cleanCopy(this.links[r2.id]) : r2 && r2.linktype === "story" && typeof r2.uuid == "string" && this.links[r2.uuid] && (r2.story = this._cleanCopy(this.links[r2.uuid]));
+  }
+  _insertRelations(t2, e2, r2) {
+    if (r2.indexOf(t2.component + "." + e2) > -1) {
+      if (typeof t2[e2] == "string")
+        this.relations[t2[e2]] && (t2[e2] = this._cleanCopy(this.relations[t2[e2]]));
+      else if (t2[e2].constructor === Array) {
+        let r3 = [];
+        t2[e2].forEach((t3) => {
+          this.relations[t3] && r3.push(this._cleanCopy(this.relations[t3]));
+        }), t2[e2] = r3;
+      }
+    }
+  }
+  iterateTree(t2, e2) {
+    let r2 = (t3) => {
+      if (t3 != null) {
+        if (t3.constructor === Array)
+          for (let e3 = 0; e3 < t3.length; e3++)
+            r2(t3[e3]);
+        else if (t3.constructor === Object) {
+          if (t3._stopResolving)
+            return;
+          for (let s2 in t3)
+            (t3.component && t3._uid || t3.type === "link") && (this._insertRelations(t3, s2, e2), this._insertLinks(t3, s2)), r2(t3[s2]);
+        }
+      }
+    };
+    r2(t2.content);
+  }
+  async resolveLinks(t2, e2) {
+    let r2 = [];
+    if (t2.link_uuids) {
+      const s2 = t2.link_uuids.length;
+      let n2 = [];
+      const i2 = 50;
+      for (let e3 = 0; e3 < s2; e3 += i2) {
+        const r3 = Math.min(s2, e3 + i2);
+        n2.push(t2.link_uuids.slice(e3, r3));
+      }
+      for (let t3 = 0; t3 < n2.length; t3++) {
+        (await this.getStories({ per_page: i2, language: e2.language, version: e2.version, by_uuids: n2[t3].join(",") })).data.stories.forEach((t4) => {
+          r2.push(t4);
+        });
+      }
+    } else
+      r2 = t2.links;
+    r2.forEach((t3) => {
+      this.links[t3.uuid] = __spreadProps(__spreadValues({}, t3), { _stopResolving: true });
+    });
+  }
+  async resolveRelations(t2, e2) {
+    let r2 = [];
+    if (t2.rel_uuids) {
+      const s2 = t2.rel_uuids.length;
+      let n2 = [];
+      const i2 = 50;
+      for (let e3 = 0; e3 < s2; e3 += i2) {
+        const r3 = Math.min(s2, e3 + i2);
+        n2.push(t2.rel_uuids.slice(e3, r3));
+      }
+      for (let t3 = 0; t3 < n2.length; t3++) {
+        (await this.getStories({ per_page: i2, language: e2.language, version: e2.version, by_uuids: n2[t3].join(",") })).data.stories.forEach((t4) => {
+          r2.push(t4);
+        });
+      }
+    } else
+      r2 = t2.rels;
+    r2.forEach((t3) => {
+      this.relations[t3.uuid] = __spreadProps(__spreadValues({}, t3), { _stopResolving: true });
+    });
+  }
+  async resolveStories(t2, e2) {
+    let r2 = [];
+    e2.resolve_relations !== void 0 && e2.resolve_relations.length > 0 && (r2 = e2.resolve_relations.split(","), await this.resolveRelations(t2, e2)), ["1", "story", "url"].indexOf(e2.resolve_links) > -1 && await this.resolveLinks(t2, e2);
+    for (const t3 in this.relations)
+      this.iterateTree(this.relations[t3], r2);
+    t2.story ? this.iterateTree(t2.story, r2) : t2.stories.forEach((t3) => {
+      this.iterateTree(t3, r2);
+    });
+  }
+  cacheResponse(t2, e2, r2) {
+    return r2 === void 0 && (r2 = 0), new Promise(async (s2, n2) => {
+      let i2 = a({ url: t2, params: e2 }), o2 = this.cacheProvider();
+      if (this.cache.clear === "auto" && e2.version === "draft" && await this.flushCache(), e2.version === "published" && t2 != "/cdn/spaces/me") {
+        const t3 = await o2.get(i2);
+        if (t3)
+          return s2(t3);
+      }
+      try {
+        let r3 = await this.throttle("get", t2, { params: e2, paramsSerializer: (t3) => a(t3) }), l3 = { data: r3.data, headers: r3.headers };
+        if (r3.headers["per-page"] && (l3 = Object.assign({}, l3, { perPage: parseInt(r3.headers["per-page"]), total: parseInt(r3.headers.total) })), r3.status != 200)
+          return n2(r3);
+        (l3.data.story || l3.data.stories) && await this.resolveStories(l3.data, e2), e2.version === "published" && t2 != "/cdn/spaces/me" && o2.set(i2, l3), l3.data.cv && (e2.version == "draft" && c[e2.token] != l3.data.cv && this.flushCache(), c[e2.token] = l3.data.cv), s2(l3);
+      } catch (i3) {
+        if (i3.response && i3.response.status === 429 && (r2 += 1) < this.maxRetries)
+          return console.log(`Hit rate limit. Retrying in ${r2} seconds.`), await (l2 = 1e3 * r2, new Promise((t3) => setTimeout(t3, l2))), this.cacheResponse(t2, e2, r2).then(s2).catch(n2);
+        n2(i3);
+      }
+      var l2;
+    });
+  }
+  throttledRequest(t2, e2, r2) {
+    return this.client[t2](e2, r2);
+  }
+  cacheVersions() {
+    return c;
+  }
+  cacheVersion() {
+    return c[this.accessToken];
+  }
+  setCacheVersion(t2) {
+    this.accessToken && (c[this.accessToken] = t2);
+  }
+  cacheProvider() {
+    switch (this.cache.type) {
+      case "memory":
+        return { get: (t2) => l[t2], getAll: () => l, set(t2, e2) {
+          l[t2] = e2;
+        }, flush() {
+          l = {};
+        } };
+      default:
+        return { get() {
+        }, getAll() {
+        }, set() {
+        }, flush() {
+        } };
+    }
+  }
+  async flushCache() {
+    return await this.cacheProvider().flush(), this;
+  }
+}
+var api = (options = {}) => {
+  const { apiOptions } = options;
+  if (!apiOptions.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;
+  }
+  const storyblokApi = new StoryblokClient(apiOptions);
+  return { storyblokApi };
+};
+var editable = (blok) => {
+  if (typeof blok !== "object" || typeof blok._editable === "undefined") {
+    return {};
+  }
+  const options = JSON.parse(blok._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
+  return {
+    "data-blok-c": JSON.stringify(options),
+    "data-blok-uid": options.id + "-" + options.uid
+  };
+};
+const useStoryblokBridge = (id, cb, options = {}) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (typeof window.storyblokRegisterEvent === "undefined") {
+    console.error("Storyblok Bridge is disabled. Please enable it to use it. Read https://github.com/storyblok/storyblok-js");
+    return;
+  }
+  window.storyblokRegisterEvent(() => {
+    const sbBridge = new window.StoryblokBridge(options);
+    sbBridge.on(["input", "published", "change"], (event) => {
+      if (event.action == "input" && event.story.id === id) {
+        cb(event.story);
+      } else {
+        window.location.reload();
+      }
+    });
+  });
+};
+const storyblokInit$1 = (pluginOptions = {}) => {
+  const { bridge, accessToken, use = [], apiOptions = {} } = pluginOptions;
+  apiOptions.accessToken = apiOptions.accessToken || accessToken;
+  const options = { bridge, apiOptions };
+  let result = {};
+  use.forEach((pluginFactory) => {
+    result = __spreadValues(__spreadValues({}, result), pluginFactory(options));
+  });
+  if (bridge !== false) {
+    loadBridge("https://app.storyblok.com/f/storyblok-v2-latest.js");
+  }
+  return result;
+};
+function noop() {
+}
+function assign(tar, src) {
+  for (const k in src)
+    tar[k] = src[k];
+  return tar;
+}
+function run(fn) {
+  return fn();
+}
+function blank_object() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function run_all(fns) {
+  fns.forEach(run);
+}
+function is_function(thing) {
+  return typeof thing === "function";
+}
+function safe_not_equal(a2, b) {
+  return a2 != a2 ? b == b : a2 !== b || (a2 && typeof a2 === "object" || typeof a2 === "function");
+}
+function is_empty(obj) {
+  return Object.keys(obj).length === 0;
+}
+function exclude_internal_props(props) {
+  const result = {};
+  for (const k in props)
+    if (k[0] !== "$")
+      result[k] = props[k];
+  return result;
+}
+function compute_rest_props(props, keys) {
+  const rest = {};
+  keys = new Set(keys);
+  for (const k in props)
+    if (!keys.has(k) && k[0] !== "$")
+      rest[k] = props[k];
+  return rest;
+}
+function insert(target, node, anchor) {
+  target.insertBefore(node, anchor || null);
+}
+function detach(node) {
+  node.parentNode.removeChild(node);
+}
+function text(data) {
+  return document.createTextNode(data);
+}
+function empty() {
+  return text("");
+}
+function children(element) {
+  return Array.from(element.childNodes);
+}
+let current_component;
+function set_current_component(component) {
+  current_component = component;
+}
+const dirty_components = [];
+const binding_callbacks = [];
+const render_callbacks = [];
+const flush_callbacks = [];
+const resolved_promise = Promise.resolve();
+let update_scheduled = false;
+function schedule_update() {
+  if (!update_scheduled) {
+    update_scheduled = true;
+    resolved_promise.then(flush);
+  }
+}
+function add_render_callback(fn) {
+  render_callbacks.push(fn);
+}
+const seen_callbacks = /* @__PURE__ */ new Set();
+let flushidx = 0;
+function flush() {
+  const saved_component = current_component;
+  do {
+    while (flushidx < dirty_components.length) {
+      const component = dirty_components[flushidx];
+      flushidx++;
+      set_current_component(component);
+      update(component.$$);
+    }
+    set_current_component(null);
+    dirty_components.length = 0;
+    flushidx = 0;
+    while (binding_callbacks.length)
+      binding_callbacks.pop()();
+    for (let i2 = 0; i2 < render_callbacks.length; i2 += 1) {
+      const callback = render_callbacks[i2];
+      if (!seen_callbacks.has(callback)) {
+        seen_callbacks.add(callback);
+        callback();
+      }
+    }
+    render_callbacks.length = 0;
+  } while (dirty_components.length);
+  while (flush_callbacks.length) {
+    flush_callbacks.pop()();
+  }
+  update_scheduled = false;
+  seen_callbacks.clear();
+  set_current_component(saved_component);
+}
+function update($$) {
+  if ($$.fragment !== null) {
+    $$.update();
+    run_all($$.before_update);
+    const dirty = $$.dirty;
+    $$.dirty = [-1];
+    $$.fragment && $$.fragment.p($$.ctx, dirty);
+    $$.after_update.forEach(add_render_callback);
+  }
+}
+const outroing = /* @__PURE__ */ new Set();
+let outros;
+function group_outros() {
+  outros = {
+    r: 0,
+    c: [],
+    p: outros
+  };
+}
+function check_outros() {
+  if (!outros.r) {
+    run_all(outros.c);
+  }
+  outros = outros.p;
+}
+function transition_in(block, local) {
+  if (block && block.i) {
+    outroing.delete(block);
+    block.i(local);
+  }
+}
+function transition_out(block, local, detach2, callback) {
+  if (block && block.o) {
+    if (outroing.has(block))
+      return;
+    outroing.add(block);
+    outros.c.push(() => {
+      outroing.delete(block);
+      if (callback) {
+        if (detach2)
+          block.d(1);
+        callback();
+      }
+    });
+    block.o(local);
+  }
+}
+function get_spread_update(levels, updates) {
+  const update2 = {};
+  const to_null_out = {};
+  const accounted_for = { $$scope: 1 };
+  let i2 = levels.length;
+  while (i2--) {
+    const o2 = levels[i2];
+    const n2 = updates[i2];
+    if (n2) {
+      for (const key in o2) {
+        if (!(key in n2))
+          to_null_out[key] = 1;
+      }
+      for (const key in n2) {
+        if (!accounted_for[key]) {
+          update2[key] = n2[key];
+          accounted_for[key] = 1;
+        }
+      }
+      levels[i2] = n2;
+    } else {
+      for (const key in o2) {
+        accounted_for[key] = 1;
+      }
+    }
+  }
+  for (const key in to_null_out) {
+    if (!(key in update2))
+      update2[key] = void 0;
+  }
+  return update2;
+}
+function get_spread_object(spread_props) {
+  return typeof spread_props === "object" && spread_props !== null ? spread_props : {};
+}
+function create_component(block) {
+  block && block.c();
+}
+function mount_component(component, target, anchor, customElement) {
+  const { fragment, on_mount, on_destroy, after_update } = component.$$;
+  fragment && fragment.m(target, anchor);
+  if (!customElement) {
+    add_render_callback(() => {
+      const new_on_destroy = on_mount.map(run).filter(is_function);
+      if (on_destroy) {
+        on_destroy.push(...new_on_destroy);
+      } else {
+        run_all(new_on_destroy);
+      }
+      component.$$.on_mount = [];
+    });
+  }
+  after_update.forEach(add_render_callback);
+}
+function destroy_component(component, detaching) {
+  const $$ = component.$$;
+  if ($$.fragment !== null) {
+    run_all($$.on_destroy);
+    $$.fragment && $$.fragment.d(detaching);
+    $$.on_destroy = $$.fragment = null;
+    $$.ctx = [];
+  }
+}
+function make_dirty(component, i2) {
+  if (component.$$.dirty[0] === -1) {
+    dirty_components.push(component);
+    schedule_update();
+    component.$$.dirty.fill(0);
+  }
+  component.$$.dirty[i2 / 31 | 0] |= 1 << i2 % 31;
+}
+function init(component, options, instance2, create_fragment2, not_equal, props, append_styles, dirty = [-1]) {
+  const parent_component = current_component;
+  set_current_component(component);
+  const $$ = component.$$ = {
+    fragment: null,
+    ctx: null,
+    props,
+    update: noop,
+    not_equal,
+    bound: blank_object(),
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
+    callbacks: blank_object(),
+    dirty,
+    skip_bound: false,
+    root: options.target || parent_component.$$.root
+  };
+  append_styles && append_styles($$.root);
+  let ready = false;
+  $$.ctx = instance2 ? instance2(component, options.props || {}, (i2, ret, ...rest) => {
+    const value = rest.length ? rest[0] : ret;
+    if ($$.ctx && not_equal($$.ctx[i2], $$.ctx[i2] = value)) {
+      if (!$$.skip_bound && $$.bound[i2])
+        $$.bound[i2](value);
+      if (ready)
+        make_dirty(component, i2);
+    }
+    return ret;
+  }) : [];
+  $$.update();
+  ready = true;
+  run_all($$.before_update);
+  $$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false;
+  if (options.target) {
+    if (options.hydrate) {
+      const nodes = children(options.target);
+      $$.fragment && $$.fragment.l(nodes);
+      nodes.forEach(detach);
+    } else {
+      $$.fragment && $$.fragment.c();
+    }
+    if (options.intro)
+      transition_in(component.$$.fragment);
+    mount_component(component, options.target, options.anchor, options.customElement);
+    flush();
+  }
+  set_current_component(parent_component);
+}
+class SvelteComponent {
+  $destroy() {
+    destroy_component(this, 1);
+    this.$destroy = noop;
+  }
+  $on(type, callback) {
+    const callbacks2 = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+    callbacks2.push(callback);
+    return () => {
+      const index = callbacks2.indexOf(callback);
+      if (index !== -1)
+        callbacks2.splice(index, 1);
+    };
+  }
+  $set($$props) {
+    if (this.$$set && !is_empty($$props)) {
+      this.$$.skip_bound = true;
+      this.$$set($$props);
+      this.$$.skip_bound = false;
+    }
+  }
+}
+function create_fragment(ctx) {
+  let switch_instance;
+  let switch_instance_anchor;
+  let current;
+  const switch_instance_spread_levels = [{ blok: ctx[0] }, ctx[2]];
+  var switch_value = ctx[1];
+  function switch_props(ctx2) {
+    let switch_instance_props = {};
+    for (let i2 = 0; i2 < switch_instance_spread_levels.length; i2 += 1) {
+      switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i2]);
+    }
+    return { props: switch_instance_props };
+  }
+  if (switch_value) {
+    switch_instance = new switch_value(switch_props());
+  }
+  return {
+    c() {
+      if (switch_instance)
+        create_component(switch_instance.$$.fragment);
+      switch_instance_anchor = empty();
+    },
+    m(target, anchor) {
+      if (switch_instance) {
+        mount_component(switch_instance, target, anchor);
+      }
+      insert(target, switch_instance_anchor, anchor);
+      current = true;
+    },
+    p(ctx2, [dirty]) {
+      const switch_instance_changes = dirty & 5 ? get_spread_update(switch_instance_spread_levels, [
+        dirty & 1 && { blok: ctx2[0] },
+        dirty & 4 && get_spread_object(ctx2[2])
+      ]) : {};
+      if (switch_value !== (switch_value = ctx2[1])) {
+        if (switch_instance) {
+          group_outros();
+          const old_component = switch_instance;
+          transition_out(old_component.$$.fragment, 1, 0, () => {
+            destroy_component(old_component, 1);
+          });
+          check_outros();
+        }
+        if (switch_value) {
+          switch_instance = new switch_value(switch_props());
+          create_component(switch_instance.$$.fragment);
+          transition_in(switch_instance.$$.fragment, 1);
+          mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
+        } else {
+          switch_instance = null;
+        }
+      } else if (switch_value) {
+        switch_instance.$set(switch_instance_changes);
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      if (switch_instance)
+        transition_in(switch_instance.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      if (switch_instance)
+        transition_out(switch_instance.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(switch_instance_anchor);
+      if (switch_instance)
+        destroy_component(switch_instance, detaching);
+    }
+  };
+}
+function instance($$self, $$props, $$invalidate) {
+  const omit_props_names = ["blok"];
+  let $$restProps = compute_rest_props($$props, omit_props_names);
+  let { blok } = $$props;
+  let resolvedComponent;
+  if (blok) {
+    const component = getComponent(blok.component);
+    if (component) {
+      const loadComponent = async () => {
+        const { default: loadedComponent } = await component();
+        $$invalidate(1, resolvedComponent = loadedComponent);
+      };
+      const isSvelteComponent = component.name.startsWith("Proxy");
+      if (isSvelteComponent)
+        resolvedComponent = component;
+      else
+        loadComponent();
+    }
+  } else {
+    console.error("Please provide a 'blok' property to the StoryblokComponent");
+  }
+  $$self.$$set = ($$new_props) => {
+    $$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
+    $$invalidate(2, $$restProps = compute_rest_props($$props, omit_props_names));
+    if ("blok" in $$new_props)
+      $$invalidate(0, blok = $$new_props.blok);
+  };
+  return [blok, resolvedComponent, $$restProps];
+}
+class StoryblokComponent extends SvelteComponent {
+  constructor(options) {
+    super();
+    init(this, options, instance, create_fragment, safe_not_equal, { blok: 0 });
+  }
+}
+const storyblokEditable = (node, value) => {
+  const updateDom = (value2) => {
+    const options = editable(value2);
+    if (options["data-blok-c"]) {
+      node.setAttribute("data-blok-c", options["data-blok-c"]);
+      node.setAttribute("data-blok-uid", options["data-blok-uid"]);
+      node.classList.add("storyblok__outline");
+    }
+  };
+  updateDom(value);
+  return {
+    update(newValue) {
+      updateDom(newValue);
+    }
+  };
+};
+let storyblokApiInstance = null;
+const useStoryblokApi = () => {
+  if (!storyblokApiInstance) {
+    console.log(`You can't use useStoryblokApi if you're not loading apiPlugin.`);
+  }
+  return storyblokApiInstance;
+};
+let componentsMap = null;
+const storyblokInit = (options) => {
+  const { storyblokApi } = storyblokInit$1(options);
+  storyblokApiInstance = storyblokApi;
+  componentsMap = options.components || {};
+};
+const getComponent = (componentName) => {
+  const component = componentsMap[componentName];
+  if (!component) {
+    console.error(`You didn't load the ${componentName} component. Please load it in storyblokInit. For example:
+storyblokInit({
+    accessToken: "<your-token>",
+    components: {
+      "teaser": Teaser
+    }
+})
+`);
+  }
+  return component;
+};
+export { StoryblokComponent, api as apiPlugin, getComponent, storyblokEditable, storyblokInit, useStoryblokApi, useStoryblokBridge };

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@storyblok/svelte",
+  "version": "1.0.0",
+  "description": "Storyblok SDK to connect Storyblok with Svelte",
+  "main": "./dist/storyblok-svelte.js",
+  "module": "./dist/storyblok-svelte.mjs",
+  "svelte": "index.js",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/storyblok-svelte.mjs",
+      "require": "./dist/storyblok-svelte.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "test": "npm run test:unit && npm run test:e2e",
+    "test:unit": "jest __tests__",
+    "test:e2e": "cypress run-ct",
+    "test:e2e-watch": "cypress open-ct",
+    "prepublishOnly": "npm run build && cp ../README.md ./"
+  },
+  "dependencies": {
+    "@storyblok/js": "^1.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.0",
+    "@cypress/vite-dev-server": "^2.2.2",
+    "babel-jest": "^27.5.1",
+    "cypress": "^9.4.1",
+    "cypress-svelte-unit-test": "^3.3.4",
+    "eslint-plugin-cypress": "^2.12.1",
+    "eslint-plugin-jest": "^26.1.1",
+    "jest": "^27.5.1",
+    "vite": "^2.4.4"
+  },
+  "eslintConfig": {
+    "env": {
+      "node": true
+    }
+  },
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json"
+    ],
+    "transform": {
+      "^.+\\.js$": "babel-jest"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storyblok/storyblok-svelte"
+  },
+  "keywords": [
+    "svelte",
+    "storyblok"
+  ],
+  "author": "Josefine Schaefer",
+  "bugs": {
+    "url": "https://github.com/storyblok/storyblok-svelte/issues"
+  },
+  "homepage": "https://github.com/storyblok/storyblok-svelte",
+  "release": {
+    "branches": [
+      "main"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}