@storyblok/astro 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ import type { SbBlokData } from "./types";
5
5
 
6
6
  interface Props {
7
7
  blok: SbBlokData;
8
- props: object;
8
+ [prop: string]: unknown;
9
9
  }
10
10
 
11
11
  const { blok, ...props } = Astro.props;
package/dist/index.d.ts CHANGED
@@ -1,9 +1,10 @@
1
+ import { StoryblokClient } from "@storyblok/js";
1
2
  import type { AstroIntegration } from "astro";
2
3
  import type { ISbConfig, ISbRichtext, SbRichTextOptions } from "./types";
3
4
  export { storyblokEditable, loadStoryblokBridge, RichTextResolver, RichTextSchema, } from "@storyblok/js";
4
- export declare function useStoryblokApi(): any;
5
+ export declare function useStoryblokApi(): StoryblokClient;
5
6
  export declare function renderRichText(data: ISbRichtext, options?: SbRichTextOptions): string;
6
- export interface IntegrationOptions {
7
+ export declare type IntegrationOptions = {
7
8
  /**
8
9
  * The access token from your space.
9
10
  */
@@ -11,7 +12,7 @@ export interface IntegrationOptions {
11
12
  /**
12
13
  * If you want to use your own method to fetch data from Storyblok, you can disable this behavior by setting `useCustomApi` to `true`, resulting in an optimized final bundle.
13
14
  */
14
- useCustomApi?: false;
15
+ useCustomApi?: boolean;
15
16
  /**
16
17
  * Set custom API options here (cache, region, and more). All options are documented [here](https://github.com/storyblok/storyblok-js-client#class-storyblok).
17
18
  */
@@ -33,6 +34,6 @@ export interface IntegrationOptions {
33
34
  * ```
34
35
  */
35
36
  components?: object;
36
- }
37
- export default function storyblokIntegration(options?: IntegrationOptions): AstroIntegration;
37
+ };
38
+ export default function storyblokIntegration(options: IntegrationOptions): AstroIntegration;
38
39
  export * from "./types";
@@ -2647,7 +2647,7 @@ export declare interface WatchOptions {
2647
2647
 
2648
2648
  /**
2649
2649
  * Whether to use the `fsevents` watching interface if available. When set to `true` explicitly
2650
- * and `fsevents` is available this supercedes the `usePolling` setting. When set to `false` on
2650
+ * and `fsevents` is available this supersedes the `usePolling` setting. When set to `false` on
2651
2651
  * OS X, `usePolling: true` becomes the default.
2652
2652
  */
2653
2653
  useFsEvents?: boolean
@@ -1,4 +1,4 @@
1
- (function(l,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(l=typeof globalThis<"u"?globalThis:l||self,c(l.storyblokAstro={}))})(this,function(l){"use strict";function c(t,e,r){const o="virtual:storyblok-init",s="\0"+o;return{name:"vite-plugin-storyblok-init",async resolveId(n){if(n===o)return s},async load(n){if(n===s)return`
1
+ (function(a,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(a=typeof globalThis<"u"?globalThis:a||self,u(a.storyblokAstro={}))})(this,function(a){"use strict";function u(t,e,r){const o="virtual:storyblok-init",n="\0"+o;return{name:"vite-plugin-storyblok-init",async resolveId(s){if(s===o)return n},async load(s){if(s===n)return`
2
2
  import { storyblokInit, apiPlugin } from "@storyblok/js";
3
3
  const { storyblokApi } = storyblokInit({
4
4
  accessToken: "${t}",
@@ -6,12 +6,12 @@
6
6
  apiOptions: ${JSON.stringify(r)},
7
7
  });
8
8
  export const storyblokApiInstance = storyblokApi;
9
- `}}}const A=/[\p{Lu}]/u,E=/[\p{Ll}]/u,d=/^[\p{Lu}](?![\p{Lu}])/gu,g=/([\p{Alpha}\p{N}_]|$)/u,u=/[_.\- ]+/,w=new RegExp("^"+u.source),f=new RegExp(u.source+g.source,"gu"),h=new RegExp("\\d+"+g.source,"gu"),S=(t,e,r)=>{let o=!1,s=!1,n=!1;for(let a=0;a<t.length;a++){const i=t[a];o&&A.test(i)?(t=t.slice(0,a)+"-"+t.slice(a),o=!1,n=s,s=!0,a++):s&&n&&E.test(i)?(t=t.slice(0,a-1)+"-"+t.slice(a-1),n=s,s=!1,o=!0):(o=e(i)===i&&r(i)!==i,n=s,s=r(i)===i&&e(i)!==i)}return t},R=(t,e)=>(d.lastIndex=0,t.replace(d,r=>e(r))),_=(t,e)=>(f.lastIndex=0,h.lastIndex=0,t.replace(f,(r,o)=>e(o)).replace(h,r=>e(r)));function p(t,e){if(!(typeof t=="string"||Array.isArray(t)))throw new TypeError("Expected the input to be `string | string[]`");if(e={pascalCase:!1,preserveConsecutiveUppercase:!1,...e},Array.isArray(t)?t=t.map(n=>n.trim()).filter(n=>n.length).join("-"):t=t.trim(),t.length===0)return"";const r=e.locale===!1?n=>n.toLowerCase():n=>n.toLocaleLowerCase(e.locale),o=e.locale===!1?n=>n.toUpperCase():n=>n.toLocaleUpperCase(e.locale);return t.length===1?u.test(t)?"":e.pascalCase?o(t):r(t):(t!==r(t)&&(t=S(t,r,o)),t=t.replace(w,""),t=e.preserveConsecutiveUppercase?R(t,r):r(t),e.pascalCase&&(t=o(t.charAt(0))+t.slice(1)),_(t,o))}function C(t){const e="virtual:storyblok-components",r="\0"+e;return{name:"vite-plugin-storyblok-components",async resolveId(o){if(o===e)return r},async load(o){if(o===r){const s=[];for await(const[n,a]of Object.entries(t)){const{id:i}=await this.resolve("/src/"+a+".astro");s.push(`import ${p(n)} from "${i}"`)}return`${s.join(";")};export default {${Object.keys(t).map(n=>p(n)).join(",")}}`}}}}var $=Object.defineProperty,b=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,y=(t,e,r)=>e in t?$(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,P=(t,e)=>{for(var r in e||(e={}))O.call(e,r)&&y(t,r,e[r]);if(b)for(var r of b(e))x.call(e,r)&&y(t,r,e[r]);return t};let m=!1;const k=[],j=t=>new Promise((e,r)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=s=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}m?s():k.push(s)},document.getElementById("storyblok-javascript-bridge")))return;const o=document.createElement("script");o.async=!0,o.src=t,o.id="storyblok-javascript-bridge",o.onerror=s=>r(s),o.onload=s=>{k.forEach(n=>n()),m=!0,e(s)},document.getElementsByTagName("head")[0].appendChild(o)});var N=Object.defineProperty,L=(t,e,r)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,v=(t,e,r)=>(L(t,typeof e!="symbol"?e+"":e,r),r);const M=function(t,e){const r={};for(const o in t){const s=t[o];e.indexOf(o)>-1&&s!==null&&(r[o]=s)}return r},U=t=>t==="email",B=()=>({singleTag:"hr"}),D=()=>({tag:"blockquote"}),z=()=>({tag:"ul"}),F=t=>({tag:["pre",{tag:"code",attrs:t.attrs}]}),V=()=>({singleTag:"br"}),q=t=>({tag:`h${t.attrs.level}`}),J=t=>({singleTag:[{tag:"img",attrs:M(t.attrs,["src","alt","title"])}]}),G=()=>({tag:"li"}),K=()=>({tag:"ol"}),H=()=>({tag:"p"}),W=()=>({tag:"b"}),Y=()=>({tag:"strike"}),Q=()=>({tag:"u"}),X=()=>({tag:"strong"}),Z=()=>({tag:"code"}),ee=()=>({tag:"i"}),te=t=>{const e=P({},t.attrs),{linktype:r="url"}=t.attrs;return U(r)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},re=t=>({tag:[{tag:"span",attrs:t.attrs}]}),T={nodes:{horizontal_rule:B,blockquote:D,bullet_list:z,code_block:F,hard_break:V,heading:q,image:J,list_item:G,ordered_list:K,paragraph:H},marks:{bold:W,strike:Y,underline:Q,strong:X,code:Z,italic:ee,link:te,styled:re}},oe=function(t){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},r=/[&<>"']/g,o=RegExp(r.source);return t&&o.test(t)?t.replace(r,s=>e[s]):t};class I{constructor(e){v(this,"marks"),v(this,"nodes"),e||(e=T),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,r){this.nodes[e]=r}addMark(e,r){this.marks[e]=r}render(e){if(e&&e.content&&Array.isArray(e.content)){let r="";return e.content.forEach(o=>{r+=this.renderNode(o)}),r}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){const r=[];e.marks&&e.marks.forEach(s=>{const n=this.getMatchingMark(s);n&&r.push(this.renderOpeningTag(n.tag))});const o=this.getMatchingNode(e);return o&&o.tag&&r.push(this.renderOpeningTag(o.tag)),e.content?e.content.forEach(s=>{r.push(this.renderNode(s))}):e.text?r.push(oe(e.text)):o&&o.singleTag?r.push(this.renderTag(o.singleTag," /")):o&&o.html&&r.push(o.html),o&&o.tag&&r.push(this.renderClosingTag(o.tag)),e.marks&&e.marks.slice(0).reverse().forEach(s=>{const n=this.getMatchingMark(s);n&&r.push(this.renderClosingTag(n.tag))}),r.join("")}renderTag(e,r){return e.constructor===String?`<${e}${r}>`:e.map(o=>{if(o.constructor===String)return`<${o}${r}>`;{let s=`<${o.tag}`;if(o.attrs)for(const n in o.attrs){const a=o.attrs[n];a!==null&&(s+=` ${n}="${a}"`)}return`${s}${r}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(r=>r.constructor===String?`</${r}>`:`</${r.tag}>`).join("")}getMatchingNode(e){const r=this.nodes[e.type];if(typeof r=="function")return r(e)}getMatchingMark(e){const r=this.marks[e.type];if(typeof r=="function")return r(e)}}var se=t=>{if(typeof t!="object"||typeof t._editable>"u")return{};const e=JSON.parse(t._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let ne;const ae="https://app.storyblok.com/f/storyblok-v2-latest.js",le=(t,e)=>{t.addNode("blok",r=>{let o="";return r.attrs.body.forEach(s=>{o+=e(s.component,s)}),{html:o}})},ie=(t,e,r)=>{let o=r||ne;if(!o){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return t===""?"":t?(e&&(o=new I(e.schema),e.resolver&&le(o,e.resolver)),o.render(t)):(console.warn(`${t} is not a valid Richtext object. This might be because the value of the richtext field is empty.
9
+ `}}}const w=/[\p{Lu}]/u,S=/[\p{Ll}]/u,f=/^[\p{Lu}](?![\p{Lu}])/gu,h=/([\p{Alpha}\p{N}_]|$)/u,g=/[_.\- ]+/,C=new RegExp("^"+g.source),p=new RegExp(g.source+h.source,"gu"),b=new RegExp("\\d+"+h.source,"gu"),R=(t,e,r,o)=>{let n=!1,s=!1,c=!1,d=!1;for(let i=0;i<t.length;i++){const l=t[i];d=i>2?t[i-3]==="-":!0,n&&w.test(l)?(t=t.slice(0,i)+"-"+t.slice(i),n=!1,c=s,s=!0,i++):s&&c&&S.test(l)&&(!d||o)?(t=t.slice(0,i-1)+"-"+t.slice(i-1),c=s,s=!1,n=!0):(n=e(l)===l&&r(l)!==l,c=s,s=r(l)===l&&e(l)!==l)}return t},_=(t,e)=>(f.lastIndex=0,t.replace(f,r=>e(r))),$=(t,e)=>(p.lastIndex=0,b.lastIndex=0,t.replace(p,(r,o)=>e(o)).replace(b,r=>e(r)));function y(t,e){if(!(typeof t=="string"||Array.isArray(t)))throw new TypeError("Expected the input to be `string | string[]`");if(e={pascalCase:!1,preserveConsecutiveUppercase:!1,...e},Array.isArray(t)?t=t.map(s=>s.trim()).filter(s=>s.length).join("-"):t=t.trim(),t.length===0)return"";const r=e.locale===!1?s=>s.toLowerCase():s=>s.toLocaleLowerCase(e.locale),o=e.locale===!1?s=>s.toUpperCase():s=>s.toLocaleUpperCase(e.locale);return t.length===1?g.test(t)?"":e.pascalCase?o(t):r(t):(t!==r(t)&&(t=R(t,r,o,e.preserveConsecutiveUppercase)),t=t.replace(C,""),t=e.preserveConsecutiveUppercase?_(t,r):r(t),e.pascalCase&&(t=o(t.charAt(0))+t.slice(1)),$(t,o))}function O(t){const e="virtual:storyblok-components",r="\0"+e;return{name:"vite-plugin-storyblok-components",async resolveId(o){if(o===e)return r},async load(o){if(o===r){const n=[];for await(const[s,c]of Object.entries(t)){const{id:d}=await this.resolve("/src/"+c+".astro");n.push(`import ${y(s)} from "${d}"`)}return`${n.join(";")};export default {${Object.keys(t).map(s=>y(s)).join(",")}}`}}}}var P=Object.defineProperty,m=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,k=(t,e,r)=>e in t?P(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,N=(t,e)=>{for(var r in e||(e={}))x.call(e,r)&&k(t,r,e[r]);if(m)for(var r of m(e))j.call(e,r)&&k(t,r,e[r]);return t};let v=!1;const T=[],L=t=>new Promise((e,r)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=n=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}v?n():T.push(n)},document.getElementById("storyblok-javascript-bridge")))return;const o=document.createElement("script");o.async=!0,o.src=t,o.id="storyblok-javascript-bridge",o.onerror=n=>r(n),o.onload=n=>{T.forEach(s=>s()),v=!0,e(n)},document.getElementsByTagName("head")[0].appendChild(o)});var M=Object.defineProperty,U=(t,e,r)=>e in t?M(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,I=(t,e,r)=>(U(t,typeof e!="symbol"?e+"":e,r),r);const B=function(t,e){const r={};for(const o in t){const n=t[o];e.indexOf(o)>-1&&n!==null&&(r[o]=n)}return r},D=t=>t==="email",z=()=>({singleTag:"hr"}),F=()=>({tag:"blockquote"}),V=()=>({tag:"ul"}),q=t=>({tag:["pre",{tag:"code",attrs:t.attrs}]}),J=()=>({singleTag:"br"}),G=t=>({tag:`h${t.attrs.level}`}),K=t=>({singleTag:[{tag:"img",attrs:B(t.attrs,["src","alt","title"])}]}),H=()=>({tag:"li"}),W=()=>({tag:"ol"}),Y=()=>({tag:"p"}),Q=()=>({tag:"b"}),X=()=>({tag:"strike"}),Z=()=>({tag:"u"}),ee=()=>({tag:"strong"}),te=()=>({tag:"code"}),re=()=>({tag:"i"}),oe=t=>{const e=N({},t.attrs),{linktype:r="url"}=t.attrs;return D(r)&&(e.href=`mailto:${e.href}`),e.anchor&&(e.href=`${e.href}#${e.anchor}`,delete e.anchor),{tag:[{tag:"a",attrs:e}]}},se=t=>({tag:[{tag:"span",attrs:t.attrs}]}),A={nodes:{horizontal_rule:z,blockquote:F,bullet_list:V,code_block:q,hard_break:J,heading:G,image:K,list_item:H,ordered_list:W,paragraph:Y},marks:{bold:Q,strike:X,underline:Z,strong:ee,code:te,italic:re,link:oe,styled:se}},ne=function(t){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},r=/[&<>"']/g,o=RegExp(r.source);return t&&o.test(t)?t.replace(r,n=>e[n]):t};class E{constructor(e){I(this,"marks"),I(this,"nodes"),e||(e=A),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,r){this.nodes[e]=r}addMark(e,r){this.marks[e]=r}render(e){if(e&&e.content&&Array.isArray(e.content)){let r="";return e.content.forEach(o=>{r+=this.renderNode(o)}),r}return console.warn("The render method must receive an object with a content field, which is an array"),""}renderNode(e){const r=[];e.marks&&e.marks.forEach(n=>{const s=this.getMatchingMark(n);s&&r.push(this.renderOpeningTag(s.tag))});const o=this.getMatchingNode(e);return o&&o.tag&&r.push(this.renderOpeningTag(o.tag)),e.content?e.content.forEach(n=>{r.push(this.renderNode(n))}):e.text?r.push(ne(e.text)):o&&o.singleTag?r.push(this.renderTag(o.singleTag," /")):o&&o.html&&r.push(o.html),o&&o.tag&&r.push(this.renderClosingTag(o.tag)),e.marks&&e.marks.slice(0).reverse().forEach(n=>{const s=this.getMatchingMark(n);s&&r.push(this.renderClosingTag(s.tag))}),r.join("")}renderTag(e,r){return e.constructor===String?`<${e}${r}>`:e.map(o=>{if(o.constructor===String)return`<${o}${r}>`;{let n=`<${o.tag}`;if(o.attrs)for(const s in o.attrs){const c=o.attrs[s];c!==null&&(n+=` ${s}="${c}"`)}return`${n}${r}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(r=>r.constructor===String?`</${r}>`:`</${r.tag}>`).join("")}getMatchingNode(e){const r=this.nodes[e.type];if(typeof r=="function")return r(e)}getMatchingMark(e){const r=this.marks[e.type];if(typeof r=="function")return r(e)}}var ae=t=>{if(typeof t!="object"||typeof t._editable>"u")return{};const e=JSON.parse(t._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return{"data-blok-c":JSON.stringify(e),"data-blok-uid":e.id+"-"+e.uid}};let ie;const le="https://app.storyblok.com/f/storyblok-v2-latest.js",ce=(t,e)=>{t.addNode("blok",r=>{let o="";return r.attrs.body.forEach(n=>{o+=e(n.component,n)}),{html:o}})},ue=(t,e,r)=>{let o=r||ie;if(!o){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return t===""?"":t?(e&&(o=new E(e.schema),e.resolver&&ce(o,e.resolver)),o.render(t)):(console.warn(`${t} is not a valid Richtext object. This might be because the value of the richtext field is empty.
10
10
 
11
- For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},ce=()=>j(ae);function ue(){return globalThis.storyblokApiInstance||console.error("storyblokApiInstance has not been initialized correctly"),globalThis.storyblokApiInstance}function de(t,e){const r=globalThis.storyblokApiInstance.richTextResolver;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return ie(t,e,r)}function ge(t={accessToken:"",useCustomApi:!1,apiOptions:{},bridge:!0,components:{}}){return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:e,updateConfig:r})=>{r({vite:{plugins:[c(t.accessToken,t.useCustomApi,t.apiOptions),C(t.components)]}}),e("page-ssr",`
11
+ For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`),"")},de=()=>L(le);function ge(){return globalThis.storyblokApiInstance||console.error("storyblokApiInstance has not been initialized correctly"),globalThis.storyblokApiInstance}function fe(t,e){const r=globalThis.storyblokApiInstance.richTextResolver;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return ue(t,e,r)}function he(t){const e={useCustomApi:!1,bridge:!0,...t};return{name:"@storyblok/astro",hooks:{"astro:config:setup":({injectScript:r,updateConfig:o})=>{o({vite:{plugins:[u(e.accessToken,e.useCustomApi,e.apiOptions),O(e.components)]}}),r("page-ssr",`
12
12
  import { storyblokApiInstance } from "virtual:storyblok-init";
13
13
  globalThis.storyblokApiInstance = storyblokApiInstance;
14
- `),t.bridge&&e("page",`
14
+ `),e.bridge&&r("page",`
15
15
  import { loadStoryblokBridge } from "@storyblok/astro";
16
16
  loadStoryblokBridge().then(() => {
17
17
  const { StoryblokBridge, location } = window;
@@ -23,4 +23,4 @@
23
23
  }
24
24
  });
25
25
  });
26
- `)}}}}l.RichTextResolver=I,l.RichTextSchema=T,l.default=ge,l.loadStoryblokBridge=ce,l.renderRichText=de,l.storyblokEditable=se,l.useStoryblokApi=ue,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
26
+ `)}}}}a.RichTextResolver=E,a.RichTextSchema=A,a.default=he,a.loadStoryblokBridge=de,a.renderRichText=fe,a.storyblokEditable=ae,a.useStoryblokApi=ge,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
@@ -1,13 +1,13 @@
1
- function k(t, e, r) {
2
- const o = "virtual:storyblok-init", s = "\0" + o;
1
+ function I(t, e, r) {
2
+ const o = "virtual:storyblok-init", n = "\0" + o;
3
3
  return {
4
4
  name: "vite-plugin-storyblok-init",
5
- async resolveId(n) {
6
- if (n === o)
7
- return s;
5
+ async resolveId(s) {
6
+ if (s === o)
7
+ return n;
8
8
  },
9
- async load(n) {
10
- if (n === s)
9
+ async load(s) {
10
+ if (s === n)
11
11
  return `
12
12
  import { storyblokInit, apiPlugin } from "@storyblok/js";
13
13
  const { storyblokApi } = storyblokInit({
@@ -20,27 +20,27 @@ function k(t, e, r) {
20
20
  }
21
21
  };
22
22
  }
23
- const v = /[\p{Lu}]/u, I = /[\p{Ll}]/u, c = /^[\p{Lu}](?![\p{Lu}])/gu, m = /([\p{Alpha}\p{N}_]|$)/u, i = /[_.\- ]+/, T = new RegExp("^" + i.source), u = new RegExp(i.source + m.source, "gu"), d = new RegExp("\\d+" + m.source, "gu"), E = (t, e, r) => {
24
- let o = !1, s = !1, n = !1;
23
+ const T = /[\p{Lu}]/u, E = /[\p{Ll}]/u, d = /^[\p{Lu}](?![\p{Lu}])/gu, v = /([\p{Alpha}\p{N}_]|$)/u, u = /[_.\- ]+/, A = new RegExp("^" + u.source), g = new RegExp(u.source + v.source, "gu"), h = new RegExp("\\d+" + v.source, "gu"), w = (t, e, r, o) => {
24
+ let n = !1, s = !1, i = !1, c = !1;
25
25
  for (let a = 0; a < t.length; a++) {
26
26
  const l = t[a];
27
- o && v.test(l) ? (t = t.slice(0, a) + "-" + t.slice(a), o = !1, n = s, s = !0, a++) : s && n && I.test(l) ? (t = t.slice(0, a - 1) + "-" + t.slice(a - 1), n = s, s = !1, o = !0) : (o = e(l) === l && r(l) !== l, n = s, s = r(l) === l && e(l) !== l);
27
+ c = a > 2 ? t[a - 3] === "-" : !0, n && T.test(l) ? (t = t.slice(0, a) + "-" + t.slice(a), n = !1, i = s, s = !0, a++) : s && i && E.test(l) && (!c || o) ? (t = t.slice(0, a - 1) + "-" + t.slice(a - 1), i = s, s = !1, n = !0) : (n = e(l) === l && r(l) !== l, i = s, s = r(l) === l && e(l) !== l);
28
28
  }
29
29
  return t;
30
- }, A = (t, e) => (c.lastIndex = 0, t.replace(c, (r) => e(r))), w = (t, e) => (u.lastIndex = 0, d.lastIndex = 0, t.replace(u, (r, o) => e(o)).replace(d, (r) => e(r)));
31
- function g(t, e) {
30
+ }, C = (t, e) => (d.lastIndex = 0, t.replace(d, (r) => e(r))), S = (t, e) => (g.lastIndex = 0, h.lastIndex = 0, t.replace(g, (r, o) => e(o)).replace(h, (r) => e(r)));
31
+ function p(t, e) {
32
32
  if (!(typeof t == "string" || Array.isArray(t)))
33
33
  throw new TypeError("Expected the input to be `string | string[]`");
34
34
  if (e = {
35
35
  pascalCase: !1,
36
36
  preserveConsecutiveUppercase: !1,
37
37
  ...e
38
- }, Array.isArray(t) ? t = t.map((n) => n.trim()).filter((n) => n.length).join("-") : t = t.trim(), t.length === 0)
38
+ }, Array.isArray(t) ? t = t.map((s) => s.trim()).filter((s) => s.length).join("-") : t = t.trim(), t.length === 0)
39
39
  return "";
40
- const r = e.locale === !1 ? (n) => n.toLowerCase() : (n) => n.toLocaleLowerCase(e.locale), o = e.locale === !1 ? (n) => n.toUpperCase() : (n) => n.toLocaleUpperCase(e.locale);
41
- return t.length === 1 ? i.test(t) ? "" : e.pascalCase ? o(t) : r(t) : (t !== r(t) && (t = E(t, r, o)), t = t.replace(T, ""), t = e.preserveConsecutiveUppercase ? A(t, r) : r(t), e.pascalCase && (t = o(t.charAt(0)) + t.slice(1)), w(t, o));
40
+ const r = e.locale === !1 ? (s) => s.toLowerCase() : (s) => s.toLocaleLowerCase(e.locale), o = e.locale === !1 ? (s) => s.toUpperCase() : (s) => s.toLocaleUpperCase(e.locale);
41
+ return t.length === 1 ? u.test(t) ? "" : e.pascalCase ? o(t) : r(t) : (t !== r(t) && (t = w(t, r, o, e.preserveConsecutiveUppercase)), t = t.replace(A, ""), t = e.preserveConsecutiveUppercase ? C(t, r) : r(t), e.pascalCase && (t = o(t.charAt(0)) + t.slice(1)), S(t, o));
42
42
  }
43
- function S(t) {
43
+ function R(t) {
44
44
  const e = "virtual:storyblok-components", r = "\0" + e;
45
45
  return {
46
46
  name: "vite-plugin-storyblok-components",
@@ -50,54 +50,54 @@ function S(t) {
50
50
  },
51
51
  async load(o) {
52
52
  if (o === r) {
53
- const s = [];
54
- for await (const [n, a] of Object.entries(t)) {
55
- const { id: l } = await this.resolve("/src/" + a + ".astro");
56
- s.push(`import ${g(n)} from "${l}"`);
53
+ const n = [];
54
+ for await (const [s, i] of Object.entries(t)) {
55
+ const { id: c } = await this.resolve("/src/" + i + ".astro");
56
+ n.push(`import ${p(s)} from "${c}"`);
57
57
  }
58
- return `${s.join(";")};export default {${Object.keys(t).map((n) => g(n)).join(",")}}`;
58
+ return `${n.join(";")};export default {${Object.keys(t).map((s) => p(s)).join(",")}}`;
59
59
  }
60
60
  }
61
61
  };
62
62
  }
63
- var C = Object.defineProperty, h = Object.getOwnPropertySymbols, R = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable, f = (t, e, r) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, x = (t, e) => {
63
+ var _ = Object.defineProperty, f = Object.getOwnPropertySymbols, x = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable, b = (t, e, r) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, O = (t, e) => {
64
64
  for (var r in e || (e = {}))
65
- R.call(e, r) && f(t, r, e[r]);
66
- if (h)
67
- for (var r of h(e))
68
- _.call(e, r) && f(t, r, e[r]);
65
+ x.call(e, r) && b(t, r, e[r]);
66
+ if (f)
67
+ for (var r of f(e))
68
+ $.call(e, r) && b(t, r, e[r]);
69
69
  return t;
70
70
  };
71
- let p = !1;
72
- const b = [], $ = (t) => new Promise((e, r) => {
73
- if (typeof window > "u" || (window.storyblokRegisterEvent = (s) => {
71
+ let y = !1;
72
+ const m = [], P = (t) => new Promise((e, r) => {
73
+ if (typeof window > "u" || (window.storyblokRegisterEvent = (n) => {
74
74
  if (window.location === window.parent.location) {
75
75
  console.warn("You are not in Draft Mode or in the Visual Editor.");
76
76
  return;
77
77
  }
78
- p ? s() : b.push(s);
78
+ y ? n() : m.push(n);
79
79
  }, document.getElementById("storyblok-javascript-bridge")))
80
80
  return;
81
81
  const o = document.createElement("script");
82
- o.async = !0, o.src = t, o.id = "storyblok-javascript-bridge", o.onerror = (s) => r(s), o.onload = (s) => {
83
- b.forEach((n) => n()), p = !0, e(s);
82
+ o.async = !0, o.src = t, o.id = "storyblok-javascript-bridge", o.onerror = (n) => r(n), o.onload = (n) => {
83
+ m.forEach((s) => s()), y = !0, e(n);
84
84
  }, document.getElementsByTagName("head")[0].appendChild(o);
85
85
  });
86
- var O = Object.defineProperty, P = (t, e, r) => e in t ? O(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, y = (t, e, r) => (P(t, typeof e != "symbol" ? e + "" : e, r), r);
87
- const N = function(t, e) {
86
+ var N = Object.defineProperty, L = (t, e, r) => e in t ? N(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, k = (t, e, r) => (L(t, typeof e != "symbol" ? e + "" : e, r), r);
87
+ const j = function(t, e) {
88
88
  const r = {};
89
89
  for (const o in t) {
90
- const s = t[o];
91
- e.indexOf(o) > -1 && s !== null && (r[o] = s);
90
+ const n = t[o];
91
+ e.indexOf(o) > -1 && n !== null && (r[o] = n);
92
92
  }
93
93
  return r;
94
- }, j = (t) => t === "email", L = () => ({
94
+ }, M = (t) => t === "email", U = () => ({
95
95
  singleTag: "hr"
96
- }), M = () => ({
96
+ }), D = () => ({
97
97
  tag: "blockquote"
98
- }), U = () => ({
98
+ }), B = () => ({
99
99
  tag: "ul"
100
- }), D = (t) => ({
100
+ }), z = (t) => ({
101
101
  tag: [
102
102
  "pre",
103
103
  {
@@ -105,38 +105,38 @@ const N = function(t, e) {
105
105
  attrs: t.attrs
106
106
  }
107
107
  ]
108
- }), B = () => ({
108
+ }), F = () => ({
109
109
  singleTag: "br"
110
- }), z = (t) => ({
110
+ }), V = (t) => ({
111
111
  tag: `h${t.attrs.level}`
112
- }), F = (t) => ({
112
+ }), q = (t) => ({
113
113
  singleTag: [
114
114
  {
115
115
  tag: "img",
116
- attrs: N(t.attrs, ["src", "alt", "title"])
116
+ attrs: j(t.attrs, ["src", "alt", "title"])
117
117
  }
118
118
  ]
119
- }), V = () => ({
119
+ }), J = () => ({
120
120
  tag: "li"
121
- }), q = () => ({
121
+ }), G = () => ({
122
122
  tag: "ol"
123
- }), J = () => ({
123
+ }), K = () => ({
124
124
  tag: "p"
125
- }), G = () => ({
125
+ }), H = () => ({
126
126
  tag: "b"
127
- }), K = () => ({
127
+ }), W = () => ({
128
128
  tag: "strike"
129
- }), H = () => ({
129
+ }), Y = () => ({
130
130
  tag: "u"
131
- }), W = () => ({
131
+ }), Q = () => ({
132
132
  tag: "strong"
133
- }), Y = () => ({
133
+ }), X = () => ({
134
134
  tag: "code"
135
- }), Q = () => ({
135
+ }), Z = () => ({
136
136
  tag: "i"
137
- }), X = (t) => {
138
- const e = x({}, t.attrs), { linktype: r = "url" } = t.attrs;
139
- return j(r) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), {
137
+ }), ee = (t) => {
138
+ const e = O({}, t.attrs), { linktype: r = "url" } = t.attrs;
139
+ return M(r) && (e.href = `mailto:${e.href}`), e.anchor && (e.href = `${e.href}#${e.anchor}`, delete e.anchor), {
140
140
  tag: [
141
141
  {
142
142
  tag: "a",
@@ -144,37 +144,37 @@ const N = function(t, e) {
144
144
  }
145
145
  ]
146
146
  };
147
- }, Z = (t) => ({
147
+ }, te = (t) => ({
148
148
  tag: [
149
149
  {
150
150
  tag: "span",
151
151
  attrs: t.attrs
152
152
  }
153
153
  ]
154
- }), ee = {
154
+ }), re = {
155
155
  nodes: {
156
- horizontal_rule: L,
157
- blockquote: M,
158
- bullet_list: U,
159
- code_block: D,
160
- hard_break: B,
161
- heading: z,
162
- image: F,
163
- list_item: V,
164
- ordered_list: q,
165
- paragraph: J
156
+ horizontal_rule: U,
157
+ blockquote: D,
158
+ bullet_list: B,
159
+ code_block: z,
160
+ hard_break: F,
161
+ heading: V,
162
+ image: q,
163
+ list_item: J,
164
+ ordered_list: G,
165
+ paragraph: K
166
166
  },
167
167
  marks: {
168
- bold: G,
169
- strike: K,
170
- underline: H,
171
- strong: W,
172
- code: Y,
173
- italic: Q,
174
- link: X,
175
- styled: Z
168
+ bold: H,
169
+ strike: W,
170
+ underline: Y,
171
+ strong: Q,
172
+ code: X,
173
+ italic: Z,
174
+ link: ee,
175
+ styled: te
176
176
  }
177
- }, te = function(t) {
177
+ }, oe = function(t) {
178
178
  const e = {
179
179
  "&": "&amp;",
180
180
  "<": "&lt;",
@@ -182,11 +182,11 @@ const N = function(t, e) {
182
182
  '"': "&quot;",
183
183
  "'": "&#39;"
184
184
  }, r = /[&<>"']/g, o = RegExp(r.source);
185
- return t && o.test(t) ? t.replace(r, (s) => e[s]) : t;
185
+ return t && o.test(t) ? t.replace(r, (n) => e[n]) : t;
186
186
  };
187
- class re {
187
+ class se {
188
188
  constructor(e) {
189
- y(this, "marks"), y(this, "nodes"), e || (e = ee), this.marks = e.marks || [], this.nodes = e.nodes || [];
189
+ k(this, "marks"), k(this, "nodes"), e || (e = re), this.marks = e.marks || [], this.nodes = e.nodes || [];
190
190
  }
191
191
  addNode(e, r) {
192
192
  this.nodes[e] = r;
@@ -205,16 +205,16 @@ class re {
205
205
  }
206
206
  renderNode(e) {
207
207
  const r = [];
208
- e.marks && e.marks.forEach((s) => {
209
- const n = this.getMatchingMark(s);
210
- n && r.push(this.renderOpeningTag(n.tag));
208
+ e.marks && e.marks.forEach((n) => {
209
+ const s = this.getMatchingMark(n);
210
+ s && r.push(this.renderOpeningTag(s.tag));
211
211
  });
212
212
  const o = this.getMatchingNode(e);
213
- return o && o.tag && r.push(this.renderOpeningTag(o.tag)), e.content ? e.content.forEach((s) => {
214
- r.push(this.renderNode(s));
215
- }) : e.text ? r.push(te(e.text)) : o && o.singleTag ? r.push(this.renderTag(o.singleTag, " /")) : o && o.html && r.push(o.html), o && o.tag && r.push(this.renderClosingTag(o.tag)), e.marks && e.marks.slice(0).reverse().forEach((s) => {
216
- const n = this.getMatchingMark(s);
217
- n && r.push(this.renderClosingTag(n.tag));
213
+ return o && o.tag && r.push(this.renderOpeningTag(o.tag)), e.content ? e.content.forEach((n) => {
214
+ r.push(this.renderNode(n));
215
+ }) : e.text ? r.push(oe(e.text)) : o && o.singleTag ? r.push(this.renderTag(o.singleTag, " /")) : o && o.html && r.push(o.html), o && o.tag && r.push(this.renderClosingTag(o.tag)), e.marks && e.marks.slice(0).reverse().forEach((n) => {
216
+ const s = this.getMatchingMark(n);
217
+ s && r.push(this.renderClosingTag(s.tag));
218
218
  }), r.join("");
219
219
  }
220
220
  renderTag(e, r) {
@@ -222,13 +222,13 @@ class re {
222
222
  if (o.constructor === String)
223
223
  return `<${o}${r}>`;
224
224
  {
225
- let s = `<${o.tag}`;
225
+ let n = `<${o.tag}`;
226
226
  if (o.attrs)
227
- for (const n in o.attrs) {
228
- const a = o.attrs[n];
229
- a !== null && (s += ` ${n}="${a}"`);
227
+ for (const s in o.attrs) {
228
+ const i = o.attrs[s];
229
+ i !== null && (n += ` ${s}="${i}"`);
230
230
  }
231
- return `${s}${r}>`;
231
+ return `${n}${r}>`;
232
232
  }
233
233
  }).join("");
234
234
  }
@@ -249,7 +249,7 @@ class re {
249
249
  return r(e);
250
250
  }
251
251
  }
252
- var le = (t) => {
252
+ var ce = (t) => {
253
253
  if (typeof t != "object" || typeof t._editable > "u")
254
254
  return {};
255
255
  const e = JSON.parse(t._editable.replace(/^<!--#storyblok#/, "").replace(/-->$/, ""));
@@ -258,30 +258,30 @@ var le = (t) => {
258
258
  "data-blok-uid": e.id + "-" + e.uid
259
259
  };
260
260
  };
261
- let oe;
262
- const se = "https://app.storyblok.com/f/storyblok-v2-latest.js", ne = (t, e) => {
261
+ let ne;
262
+ const ae = "https://app.storyblok.com/f/storyblok-v2-latest.js", le = (t, e) => {
263
263
  t.addNode("blok", (r) => {
264
264
  let o = "";
265
- return r.attrs.body.forEach((s) => {
266
- o += e(s.component, s);
265
+ return r.attrs.body.forEach((n) => {
266
+ o += e(n.component, n);
267
267
  }), {
268
268
  html: o
269
269
  };
270
270
  });
271
- }, ae = (t, e, r) => {
272
- let o = r || oe;
271
+ }, ie = (t, e, r) => {
272
+ let o = r || ne;
273
273
  if (!o) {
274
274
  console.error("Please initialize the Storyblok SDK before calling the renderRichText function");
275
275
  return;
276
276
  }
277
- return t === "" ? "" : t ? (e && (o = new re(e.schema), e.resolver && ne(o, e.resolver)), o.render(t)) : (console.warn(`${t} is not a valid Richtext object. This might be because the value of the richtext field is empty.
277
+ return t === "" ? "" : t ? (e && (o = new se(e.schema), e.resolver && le(o, e.resolver)), o.render(t)) : (console.warn(`${t} is not a valid Richtext object. This might be because the value of the richtext field is empty.
278
278
 
279
279
  For more info about the richtext object check https://github.com/storyblok/storyblok-js#rendering-rich-text`), "");
280
- }, ie = () => $(se);
281
- function ce() {
280
+ }, ue = () => P(ae);
281
+ function de() {
282
282
  return globalThis.storyblokApiInstance || console.error("storyblokApiInstance has not been initialized correctly"), globalThis.storyblokApiInstance;
283
283
  }
284
- function ue(t, e) {
284
+ function ge(t, e) {
285
285
  const r = globalThis.storyblokApiInstance.richTextResolver;
286
286
  if (!r) {
287
287
  console.error(
@@ -289,37 +289,36 @@ function ue(t, e) {
289
289
  );
290
290
  return;
291
291
  }
292
- return ae(t, e, r);
292
+ return ie(t, e, r);
293
293
  }
294
- function de(t = {
295
- accessToken: "",
296
- useCustomApi: !1,
297
- apiOptions: {},
298
- bridge: !0,
299
- components: {}
300
- }) {
294
+ function he(t) {
295
+ const e = {
296
+ useCustomApi: !1,
297
+ bridge: !0,
298
+ ...t
299
+ };
301
300
  return {
302
301
  name: "@storyblok/astro",
303
302
  hooks: {
304
- "astro:config:setup": ({ injectScript: e, updateConfig: r }) => {
305
- r({
303
+ "astro:config:setup": ({ injectScript: r, updateConfig: o }) => {
304
+ o({
306
305
  vite: {
307
306
  plugins: [
308
- k(
309
- t.accessToken,
310
- t.useCustomApi,
311
- t.apiOptions
307
+ I(
308
+ e.accessToken,
309
+ e.useCustomApi,
310
+ e.apiOptions
312
311
  ),
313
- S(t.components)
312
+ R(e.components)
314
313
  ]
315
314
  }
316
- }), e(
315
+ }), r(
317
316
  "page-ssr",
318
317
  `
319
318
  import { storyblokApiInstance } from "virtual:storyblok-init";
320
319
  globalThis.storyblokApiInstance = storyblokApiInstance;
321
320
  `
322
- ), t.bridge && e(
321
+ ), e.bridge && r(
323
322
  "page",
324
323
  `
325
324
  import { loadStoryblokBridge } from "@storyblok/astro";
@@ -340,11 +339,11 @@ function de(t = {
340
339
  };
341
340
  }
342
341
  export {
343
- re as RichTextResolver,
344
- ee as RichTextSchema,
345
- de as default,
346
- ie as loadStoryblokBridge,
347
- ue as renderRichText,
348
- le as storyblokEditable,
349
- ce as useStoryblokApi
342
+ se as RichTextResolver,
343
+ re as RichTextSchema,
344
+ he as default,
345
+ ue as loadStoryblokBridge,
346
+ ge as renderRichText,
347
+ ce as storyblokEditable,
348
+ de as useStoryblokApi
350
349
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storyblok/astro",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "description": "Official Astro integration for the Storyblok Headless CMS",
5
5
  "main": "./dist/storyblok-astro.js",
6
6
  "module": "./dist/storyblok-astro.mjs",
@@ -28,19 +28,19 @@
28
28
  "prepublishOnly": "npm run build && cp ../README.md ./"
29
29
  },
30
30
  "dependencies": {
31
- "@storyblok/js": "^2.0.5",
32
- "camelcase": "^7.0.0"
31
+ "@storyblok/js": "^2.0.6",
32
+ "camelcase": "^7.0.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@cypress/vite-dev-server": "^5.0.2",
36
- "@rollup/plugin-dynamic-import-vars": "^2.0.1",
37
- "@types/node": "18.11.10",
38
- "astro": "1.6.15",
39
- "cypress": "^12.1.0",
36
+ "@rollup/plugin-dynamic-import-vars": "^2.0.2",
37
+ "@types/node": "18.11.18",
38
+ "astro": "1.9.2",
39
+ "cypress": "^12.3.0",
40
40
  "eslint-plugin-cypress": "^2.12.1",
41
41
  "start-server-and-test": "^1.15.2",
42
42
  "typescript": "4.9.4",
43
- "vite": "^4.0.1",
43
+ "vite": "^4.0.4",
44
44
  "vite-plugin-dts": "^1.7.1"
45
45
  },
46
46
  "repository": {