@storyblok/vue 8.2.2 → 8.2.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.
- package/dist/storyblok-vue.js +3 -3
- package/dist/storyblok-vue.mjs +437 -436
- package/package.json +2 -2
package/dist/storyblok-vue.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* description: SDK to integrate Storyblok into your project using Vue.
|
|
5
5
|
* author: Storyblok
|
|
6
6
|
*/
|
|
7
|
-
(function(
|
|
7
|
+
(function(k,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],m):(k=typeof globalThis<"u"?globalThis:k||self,m(k.storyblokVue={},k.Vue))})(this,function(k,m){"use strict";let V=!1;const q=[],oe=s=>new Promise((e,t)=>{if(typeof window>"u"||(window.storyblokRegisterEvent=o=>{if(window.location===window.parent.location){console.warn("You are not in Draft Mode or in the Visual Editor.");return}V?o():q.push(o)},document.getElementById("storyblok-javascript-bridge")))return;const r=document.createElement("script");r.async=!0,r.src=s,r.id="storyblok-javascript-bridge",r.onerror=o=>t(o),r.onload=o=>{q.forEach(n=>n()),V=!0,e(o)},document.getElementsByTagName("head")[0].appendChild(r)});var ne=Object.defineProperty,ae=(s,e,t)=>e in s?ne(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,y=(s,e,t)=>ae(s,typeof e!="symbol"?e+"":e,t);class ie extends Error{constructor(e){super(e),this.name="AbortError"}}function le(s,e,t){if(!Number.isFinite(e))throw new TypeError("Expected `limit` to be a finite number");if(!Number.isFinite(t))throw new TypeError("Expected `interval` to be a finite number");const r=[];let o=[],n=0,a=!1;const i=async()=>{n++;const h=r.shift();if(h)try{const p=await s(...h.args);h.resolve(p)}catch(p){h.reject(p)}const d=setTimeout(()=>{n--,r.length>0&&i(),o=o.filter(p=>p!==d)},t);o.includes(d)||o.push(d)},l=(...h)=>a?Promise.reject(new Error("Throttled function is already aborted and not accepting new promises")):new Promise((d,p)=>{r.push({resolve:d,reject:p,args:h}),n<e&&i()});return l.abort=()=>{a=!0,o.forEach(clearTimeout),o=[],r.forEach(h=>h.reject(()=>new ie("Throttle function aborted"))),r.length=0},l}class L{constructor(){y(this,"isCDNUrl",(e="")=>e.includes("/cdn/")),y(this,"getOptionsPage",(e,t=25,r=1)=>({...e,per_page:t,page:r})),y(this,"delay",e=>new Promise(t=>setTimeout(t,e))),y(this,"arrayFrom",(e=0,t)=>Array.from({length:e},t)),y(this,"range",(e=0,t=e)=>{const r=Math.abs(t-e)||0,o=e<t?1:-1;return this.arrayFrom(r,(n,a)=>a*o+e)}),y(this,"asyncMap",async(e,t)=>Promise.all(e.map(t))),y(this,"flatMap",(e=[],t)=>e.map(t).reduce((r,o)=>[...r,...o],[])),y(this,"escapeHTML",function(e){const t={"&":"&","<":"<",">":">",'"':""","'":"'"},r=/[&<>"']/g,o=new RegExp(r.source);return e&&o.test(e)?e.replace(r,n=>t[n]):e})}stringify(e,t,r){const o=[];for(const n in e){if(!Object.prototype.hasOwnProperty.call(e,n))continue;const a=e[n];if(a==null)continue;const i=r?"":encodeURIComponent(n);let l;typeof a=="object"?l=this.stringify(a,t?t+encodeURIComponent(`[${i}]`):i,Array.isArray(a)):l=`${t?t+encodeURIComponent(`[${i}]`):i}=${encodeURIComponent(a)}`,o.push(l)}return o.join("&")}getRegionURL(e){const t="api.storyblok.com",r="api-us.storyblok.com",o="app.storyblokchina.cn",n="api-ap.storyblok.com",a="api-ca.storyblok.com";switch(e){case"us":return r;case"cn":return o;case"ap":return n;case"ca":return a;default:return t}}}const ce=function(s,e){const t={};for(const r in s){const o=s[r];e.includes(r)&&o!==null&&(t[r]=o)}return t},he=s=>s==="email",ue=()=>({singleTag:"hr"}),de=()=>({tag:"blockquote"}),pe=()=>({tag:"ul"}),ge=s=>({tag:["pre",{tag:"code",attrs:s.attrs}]}),fe=()=>({singleTag:"br"}),me=s=>({tag:`h${s.attrs.level}`}),ye=s=>({singleTag:[{tag:"img",attrs:ce(s.attrs,["src","alt","title"])}]}),be=()=>({tag:"li"}),ke=()=>({tag:"ol"}),ve=()=>({tag:"p"}),Te=s=>({tag:[{tag:"span",attrs:{"data-type":"emoji","data-name":s.attrs.name,emoji:s.attrs.emoji}}]}),$e=()=>({tag:"b"}),we=()=>({tag:"s"}),_e=()=>({tag:"u"}),Re=()=>({tag:"strong"}),Se=()=>({tag:"code"}),Ee=()=>({tag:"i"}),je=s=>{if(!s.attrs)return{tag:""};const e=new L().escapeHTML,t={...s.attrs},{linktype:r="url"}=s.attrs;if(delete t.linktype,t.href&&(t.href=e(s.attrs.href||"")),he(r)&&(t.href=`mailto:${t.href}`),t.anchor&&(t.href=`${t.href}#${t.anchor}`,delete t.anchor),t.custom){for(const o in t.custom)t[o]=t.custom[o];delete t.custom}return{tag:[{tag:"a",attrs:t}]}},Ce=s=>({tag:[{tag:"span",attrs:s.attrs}]}),Ae=()=>({tag:"sub"}),Ie=()=>({tag:"sup"}),xe=s=>({tag:[{tag:"span",attrs:s.attrs}]}),Oe=s=>{var e;return(e=s.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`background-color:${s.attrs.color};`}}]}:{tag:""}},Le=s=>{var e;return(e=s.attrs)!=null&&e.color?{tag:[{tag:"span",attrs:{style:`color:${s.attrs.color}`}}]}:{tag:""}},G={nodes:{horizontal_rule:ue,blockquote:de,bullet_list:pe,code_block:ge,hard_break:fe,heading:me,image:ye,list_item:be,ordered_list:ke,paragraph:ve,emoji:Te},marks:{bold:$e,strike:we,underline:_e,strong:Re,code:Se,italic:Ee,link:je,styled:Ce,subscript:Ae,superscript:Ie,anchor:xe,highlight:Oe,textStyle:Le}},Pe=function(s){const e={"&":"&","<":"<",">":">",'"':""","'":"'"},t=/[&<>"']/g,r=new RegExp(t.source);return s&&r.test(s)?s.replace(t,o=>e[o]):s};let K=!1;class I{constructor(e){y(this,"marks"),y(this,"nodes"),e||(e=G),this.marks=e.marks||[],this.nodes=e.nodes||[]}addNode(e,t){this.nodes[e]=t}addMark(e,t){this.marks[e]=t}render(e,t={optimizeImages:!1},r=!0){if(!K&&r&&(console.warn("Warning ⚠️: The RichTextResolver class is deprecated and will be removed in the next major release. Please use the `@storyblok/richtext` package instead. https://github.com/storyblok/richtext/"),K=!0),e&&e.content&&Array.isArray(e.content)){let o="";return e.content.forEach(n=>{o+=this.renderNode(n)}),t.optimizeImages?this.optimizeImages(o,t.optimizeImages):o}return console.warn(`The render method must receive an Object with a "content" field.
|
|
8
8
|
The "content" field must be an array of nodes as the type ISbRichtext.
|
|
9
9
|
ISbRichtext:
|
|
10
10
|
content?: ISbRichtext[]
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
}
|
|
28
28
|
],
|
|
29
29
|
type: 'doc'
|
|
30
|
-
}`),""}optimizeImages(r,e){let t=0,s=0,o="",n="";typeof e!="boolean"&&(typeof e.width=="number"&&e.width>0&&(o+=`width="${e.width}" `,t=e.width),typeof e.height=="number"&&e.height>0&&(o+=`height="${e.height}" `,s=e.height),(e.loading==="lazy"||e.loading==="eager")&&(o+=`loading="${e.loading}" `),typeof e.class=="string"&&e.class.length>0&&(o+=`class="${e.class}" `),e.filters&&(typeof e.filters.blur=="number"&&e.filters.blur>=0&&e.filters.blur<=100&&(n+=`:blur(${e.filters.blur})`),typeof e.filters.brightness=="number"&&e.filters.brightness>=-100&&e.filters.brightness<=100&&(n+=`:brightness(${e.filters.brightness})`),e.filters.fill&&(e.filters.fill.match(/[0-9A-F]{6}/gi)||e.filters.fill==="transparent")&&(n+=`:fill(${e.filters.fill})`),e.filters.format&&["webp","png","jpeg"].includes(e.filters.format)&&(n+=`:format(${e.filters.format})`),typeof e.filters.grayscale=="boolean"&&e.filters.grayscale&&(n+=":grayscale()"),typeof e.filters.quality=="number"&&e.filters.quality>=0&&e.filters.quality<=100&&(n+=`:quality(${e.filters.quality})`),e.filters.rotate&&[90,180,270].includes(e.filters.rotate)&&(n+=`:rotate(${e.filters.rotate})`),n.length>0&&(n=`/filters${n}`))),o.length>0&&(r=r.replace(/<img/g,`<img ${o.trim()}`));const a=t>0||s>0||n.length>0?`${t}x${s}${n}`:"";return r=r.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,`a.storyblok.com/f/$1/$2.$3/m/${a}`),typeof e!="boolean"&&(e.sizes||e.srcset)&&(r=r.replace(/<img.*?src=["|'](.*?)["|']/g,i=>{var l,h;const u=i.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g);if(u&&u.length>0){const p={srcset:(l=e.srcset)==null?void 0:l.map(w=>{if(typeof w=="number")return`//${u}/m/${w}x0${n} ${w}w`;if(typeof w=="object"&&w.length===2){let _=0,A=0;return typeof w[0]=="number"&&(_=w[0]),typeof w[1]=="number"&&(A=w[1]),`//${u}/m/${_}x${A}${n} ${_}w`}return""}).join(", "),sizes:(h=e.sizes)==null?void 0:h.map(w=>w).join(", ")};let T="";return p.srcset&&(T+=`srcset="${p.srcset}" `),p.sizes&&(T+=`sizes="${p.sizes}" `),i.replace(/<img/g,`<img ${T.trim()}`)}return i})),r}renderNode(r){const e=[];r.marks&&r.marks.forEach(s=>{const o=this.getMatchingMark(s);o&&o.tag!==""&&e.push(this.renderOpeningTag(o.tag))});const t=this.getMatchingNode(r);return t&&t.tag&&e.push(this.renderOpeningTag(t.tag)),r.content?r.content.forEach(s=>{e.push(this.renderNode(s))}):r.text?e.push(Le(r.text)):t&&t.singleTag?e.push(this.renderTag(t.singleTag," /")):t&&t.html?e.push(t.html):r.type==="emoji"&&e.push(this.renderEmoji(r)),t&&t.tag&&e.push(this.renderClosingTag(t.tag)),r.marks&&r.marks.slice(0).reverse().forEach(s=>{const o=this.getMatchingMark(s);o&&o.tag!==""&&e.push(this.renderClosingTag(o.tag))}),e.join("")}renderTag(r,e){return r.constructor===String?`<${r}${e}>`:r.map(t=>{if(t.constructor===String)return`<${t}${e}>`;{let s=`<${t.tag}`;if(t.attrs){for(const o in t.attrs)if(Object.prototype.hasOwnProperty.call(t.attrs,o)){const n=t.attrs[o];n!==null&&(s+=` ${o}="${n}"`)}}return`${s}${e}>`}}).join("")}renderOpeningTag(r){return this.renderTag(r,"")}renderClosingTag(r){return r.constructor===String?`</${r}>`:r.slice(0).reverse().map(e=>e.constructor===String?`</${e}>`:`</${e.tag}>`).join("")}getMatchingNode(r){const e=this.nodes[r.type];if(typeof e=="function")return e(r)}getMatchingMark(r){const e=this.marks[r.type];if(typeof e=="function")return e(r)}renderEmoji(r){if(r.attrs.emoji)return r.attrs.emoji;const e=[{tag:"img",attrs:{src:r.attrs.fallbackImage,draggable:"false",loading:"lazy",align:"absmiddle"}}];return this.renderTag(e," /")}};class Pe{constructor(e){y(this,"baseURL"),y(this,"timeout"),y(this,"headers"),y(this,"responseInterceptor"),y(this,"fetch"),y(this,"ejectInterceptor"),y(this,"url"),y(this,"parameters"),y(this,"fetchOptions"),this.baseURL=e.baseURL,this.headers=e.headers||new Headers,this.timeout=e!=null&&e.timeout?e.timeout*1e3:0,this.responseInterceptor=e.responseInterceptor,this.fetch=(...t)=>e.fetch?e.fetch(...t):fetch(...t),this.ejectInterceptor=!1,this.url="",this.parameters={},this.fetchOptions={}}get(e,t){return this.url=e,this.parameters=t,this._methodHandler("get")}post(e,t){return this.url=e,this.parameters=t,this._methodHandler("post")}put(e,t){return this.url=e,this.parameters=t,this._methodHandler("put")}delete(e,t){return this.url=e,this.parameters=t??{},this._methodHandler("delete")}async _responseHandler(e){const t=[],s={data:{},headers:{},status:0,statusText:""};e.status!==204&&await e.json().then(o=>{s.data=o});for(const o of e.headers.entries())t[o[0]]=o[1];return s.headers={...t},s.status=e.status,s.statusText=e.statusText,s}async _methodHandler(e){let t=`${this.baseURL}${this.url}`,s=null;if(e==="get"){const l=new L;t=`${this.baseURL}${this.url}?${l.stringify(this.parameters)}`}else s=JSON.stringify(this.parameters);const o=new URL(t),n=new AbortController,{signal:a}=n;let i;this.timeout&&(i=setTimeout(()=>n.abort(),this.timeout));try{const l=await this.fetch(`${o}`,{method:e,headers:this.headers,body:s,signal:a,...this.fetchOptions});this.timeout&&clearTimeout(i);const h=await this._responseHandler(l);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(h)):this._statusHandler(h)}catch(l){return{message:l}}}setFetchOptions(e={}){Object.keys(e).length>0&&"method"in e&&delete e.method,this.fetchOptions={...e}}eject(){this.ejectInterceptor=!0}_statusHandler(e){const t=/20[0-6]/g;return new Promise((s,o)=>{if(t.test(`${e.status}`))return s(e);const n={message:e.statusText,status:e.status,response:Array.isArray(e.data)?e.data[0]:e.data.error||e.data.slug};o(n)})}}const K="SB-Agent",D={defaultAgentName:"SB-JS-CLIENT",defaultAgentVersion:"SB-Agent-Version",packageVersion:"6.0.0"};let P={};const C={};class Ne{constructor(e,t){y(this,"client"),y(this,"maxRetries"),y(this,"retriesDelay"),y(this,"throttle"),y(this,"accessToken"),y(this,"cache"),y(this,"helpers"),y(this,"resolveCounter"),y(this,"relations"),y(this,"links"),y(this,"richTextResolver"),y(this,"resolveNestedRelations"),y(this,"stringifiedStoriesCache");let s=e.endpoint||t;if(!s){const a=new L().getRegionURL,i=e.https===!1?"http":"https";e.oauthToken?s=`${i}://${a(e.region)}/v1`:s=`${i}://${a(e.region)}/v2`}const o=new Headers;o.set("Content-Type","application/json"),o.set("Accept","application/json"),e.headers&&(e.headers.constructor.name==="Headers"?e.headers.entries().toArray():Object.entries(e.headers)).forEach(([a,i])=>{o.set(a,i)}),o.has(K)||(o.set(K,D.defaultAgentName),o.set(D.defaultAgentVersion,D.packageVersion));let n=5;e.oauthToken&&(o.set("Authorization",e.oauthToken),n=3),e.rateLimit&&(n=e.rateLimit),e.richTextSchema?this.richTextResolver=new I(e.richTextSchema):this.richTextResolver=new I,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||10,this.retriesDelay=300,this.throttle=ie(this.throttledRequest.bind(this),n,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new L,this.resolveCounter=0,this.resolveNestedRelations=e.resolveNestedRelations||!0,this.stringifiedStoriesCache={},this.client=new Pe({baseURL:s,timeout:e.timeout||0,headers:o,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let s="";return t.attrs.body&&t.attrs.body.forEach(o=>{s+=e(o.component,o)}),{html:s}})}parseParams(e){return e.token||(e.token=this.getToken()),e.cv||(e.cv=C[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),typeof e.resolve_relations<"u"&&(e.resolve_level=2),e}factoryParamOptions(e,t){return this.helpers.isCDNUrl(e)?this.parseParams(t):t}makeRequest(e,t,s,o,n){const a=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,s,o));return this.cacheResponse(e,a,void 0,n)}get(e,t,s){t||(t={});const o=`/${e}`,n=this.factoryParamOptions(o,t);return this.cacheResponse(o,n,void 0,s)}async getAll(e,t,s,o){const n=(t==null?void 0:t.per_page)||25,a=`/${e}`.replace(/\/$/,""),i=s??a.substring(a.lastIndexOf("/")+1),l=1,h=await this.makeRequest(a,t,n,l,o),u=h.total?Math.ceil(h.total/n):1,p=await this.helpers.asyncMap(this.helpers.range(l,u),T=>this.makeRequest(a,t,n,T+1,o));return this.helpers.flatMap([h,...p],T=>Object.values(T.data[i]))}post(e,t,s){const o=`/${e}`;return Promise.resolve(this.throttle("post",o,t,s))}put(e,t,s){const o=`/${e}`;return Promise.resolve(this.throttle("put",o,t,s))}delete(e,t,s){t||(t={});const o=`/${e}`;return Promise.resolve(this.throttle("delete",o,t,s))}getStories(e,t){return this._addResolveLevel(e),this.get("cdn/stories",e,t)}getStory(e,t,s){return this._addResolveLevel(t),this.get(`cdn/stories/${e}`,t,s)}getToken(){return this.accessToken}ejectInterceptor(){this.client.eject()}_addResolveLevel(e){typeof e.resolve_relations<"u"&&(e.resolve_level=2)}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t,s){const o=e[t];o&&o.fieldtype==="multilink"&&o.linktype==="story"&&typeof o.id=="string"&&this.links[s][o.id]?o.story=this._cleanCopy(this.links[s][o.id]):o&&o.linktype==="story"&&typeof o.uuid=="string"&&this.links[s][o.uuid]&&(o.story=this._cleanCopy(this.links[s][o.uuid]))}getStoryReference(e,t){return this.relations[e][t]?JSON.parse(this.stringifiedStoriesCache[t]||JSON.stringify(this.relations[e][t])):t}_resolveField(e,t,s){const o=e[t];typeof o=="string"?e[t]=this.getStoryReference(s,o):Array.isArray(o)&&(e[t]=o.map(n=>this.getStoryReference(s,n)).filter(Boolean))}_insertRelations(e,t,s,o){if(Array.isArray(s)?s.find(a=>a.endsWith(`.${t}`)):s.endsWith(`.${t}`)){this._resolveField(e,t,o);return}const n=e.component?`${e.component}.${t}`:t;(Array.isArray(s)?s.includes(n):s===n)&&this._resolveField(e,t,o)}iterateTree(e,t,s){const o=(n,a="")=>{if(!(!n||n._stopResolving)){if(Array.isArray(n))n.forEach((i,l)=>o(i,`${a}[${l}]`));else if(typeof n=="object")for(const i in n){const l=a?`${a}.${i}`:i;(n.component&&n._uid||n.type==="link")&&(this._insertRelations(n,i,t,s),this._insertLinks(n,i,s)),o(n[i],l)}}};o(e.content)}async resolveLinks(e,t,s){let o=[];if(e.link_uuids){const n=e.link_uuids.length,a=[],i=50;for(let l=0;l<n;l+=i){const h=Math.min(n,l+i);a.push(e.link_uuids.slice(l,h))}for(let l=0;l<a.length;l++)(await this.getStories({per_page:i,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:a[l].join(",")})).data.stories.forEach(h=>{o.push(h)})}else o=e.links;o.forEach(n=>{this.links[s][n.uuid]={...n,_stopResolving:!0}})}async resolveRelations(e,t,s){let o=[];if(e.rel_uuids){const n=e.rel_uuids.length,a=[],i=50;for(let l=0;l<n;l+=i){const h=Math.min(n,l+i);a.push(e.rel_uuids.slice(l,h))}for(let l=0;l<a.length;l++)(await this.getStories({per_page:i,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:a[l].join(","),excluding_fields:t.excluding_fields})).data.stories.forEach(h=>{o.push(h)})}else o=e.rels;o&&o.length>0&&o.forEach(n=>{this.relations[s][n.uuid]={...n,_stopResolving:!0}})}async resolveStories(e,t,s){var o,n;let a=[];if(this.links[s]={},this.relations[s]={},typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(a=t.resolve_relations.split(",")),await this.resolveRelations(e,t,s)),t.resolve_links&&["1","story","url","link"].includes(t.resolve_links)&&((o=e.links)!=null&&o.length||(n=e.link_uuids)!=null&&n.length)&&await this.resolveLinks(e,t,s),this.resolveNestedRelations)for(const i in this.relations[s])this.iterateTree(this.relations[s][i],a,s);e.story?this.iterateTree(e.story,a,s):e.stories.forEach(i=>{this.iterateTree(i,a,s)}),this.stringifiedStoriesCache={},delete this.links[s],delete this.relations[s]}async cacheResponse(e,t,s,o){const n=this.helpers.stringify({url:e,params:t}),a=this.cacheProvider();if(t.version==="published"&&e!=="/cdn/spaces/me"){const i=await a.get(n);if(i)return Promise.resolve(i)}return new Promise(async(i,l)=>{var h;try{const u=await this.throttle("get",e,t,o);if(u.status!==200)return l(u);let p={data:u.data,headers:u.headers};if((h=u.headers)!=null&&h["per-page"]&&(p=Object.assign({},p,{perPage:u.headers["per-page"]?Number.parseInt(u.headers["per-page"]):0,total:u.headers["per-page"]?Number.parseInt(u.headers.total):0})),p.data.story||p.data.stories){const w=this.resolveCounter=++this.resolveCounter%1e3;await this.resolveStories(p.data,t,`${w}`)}t.version==="published"&&e!=="/cdn/spaces/me"&&await a.set(n,p);const T=this.cache.clear==="onpreview"&&t.version==="draft"||this.cache.clear==="auto";return t.token&&p.data.cv&&(T&&C[t.token]&&C[t.token]!==p.data.cv&&await this.flushCache(),C[t.token]=p.data.cv),i(p)}catch(u){if(u.response&&u.status===429&&(s=typeof s>"u"?0:s+1,s<this.maxRetries))return console.log(`Hit rate limit. Retrying in ${this.retriesDelay/1e3} seconds.`),await this.helpers.delay(this.retriesDelay),this.cacheResponse(e,t,s).then(i).catch(l);l(u)}})}throttledRequest(e,t,s,o){return this.client.setFetchOptions(o),this.client[e](t,s)}cacheVersions(){return C}cacheVersion(){return C[this.accessToken]}setCacheVersion(e){this.accessToken&&(C[this.accessToken]=e)}clearCacheVersion(){this.accessToken&&(C[this.accessToken]=0)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(P[e])},getAll(){return Promise.resolve(P)},set(e,t){return P[e]=t,Promise.resolve(void 0)},flush(){return P={},Promise.resolve(void 0)}};case"custom":if(this.cache.custom)return this.cache.custom;default:return{get(){return Promise.resolve()},getAll(){return Promise.resolve(void 0)},set(){return Promise.resolve(void 0)},flush(){return Promise.resolve(void 0)}}}}async flushCache(){return await this.cacheProvider().flush(),this.clearCacheVersion(),this}}const Me=(r={})=>{const{apiOptions:e}=r;if(!e||!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 Ne(e)}},De=r=>{if(typeof r!="object"||typeof r._editable>"u")return{};try{const e=JSON.parse(r._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return e?{"data-blok-c":JSON.stringify(e),"data-blok-uid":`${e.id}-${e.uid}`}:{}}catch{return{}}};function He(r,e){if(!e)return{src:r,attrs:{}};let t=0,s=0;const o={},n=[];function a(l,h,u,p,T){typeof l!="number"||l<=h||l>=u?console.warn(`[StoryblokRichText] - ${p.charAt(0).toUpperCase()+p.slice(1)} value must be a number between ${h} and ${u} (inclusive)`):T.push(`${p}(${l})`)}if(typeof e=="object"){if(typeof e.width=="number"&&e.width>0?(o.width=e.width,t=e.width):console.warn("[StoryblokRichText] - Width value must be a number greater than 0"),e.height&&typeof e.height=="number"&&e.height>0?(o.height=e.height,s=e.height):console.warn("[StoryblokRichText] - Height value must be a number greater than 0"),e.loading&&["lazy","eager"].includes(e.loading)&&(o.loading=e.loading),e.class&&(o.class=e.class),e.filters){const{filters:l}=e||{},{blur:h,brightness:u,fill:p,format:T,grayscale:w,quality:_,rotate:A}=l||{};h&&a(h,0,100,"blur",n),_&&a(_,0,100,"quality",n),u&&a(u,0,100,"brightness",n),p&&n.push(`fill(${p})`),w&&n.push("grayscale()"),A&&[0,90,180,270].includes(e.filters.rotate||0)&&n.push(`rotate(${A})`),T&&["webp","png","jpeg"].includes(T)&&n.push(`format(${T})`)}e.srcset&&(o.srcset=e.srcset.map(l=>{if(typeof l=="number")return`${r}/m/${l}x0/${n.length>0?`filters:${n.join(":")}`:""} ${l}w`;if(Array.isArray(l)&&l.length===2){const[h,u]=l;return`${r}/m/${h}x${u}/${n.length>0?`filters:${n.join(":")}`:""} ${h}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),e.sizes&&(o.sizes=e.sizes.join(", "))}let i=`${r}/m/`;return t>0&&s>0&&(i=`${i}${t}x${s}/`),n.length>0&&(i=`${i}filters:${n.join(":")}`),{src:i,attrs:o}}var k=(r=>(r.DOCUMENT="doc",r.HEADING="heading",r.PARAGRAPH="paragraph",r.QUOTE="blockquote",r.OL_LIST="ordered_list",r.UL_LIST="bullet_list",r.LIST_ITEM="list_item",r.CODE_BLOCK="code_block",r.HR="horizontal_rule",r.BR="hard_break",r.IMAGE="image",r.EMOJI="emoji",r.COMPONENT="blok",r.TABLE="table",r.TABLE_ROW="tableRow",r.TABLE_CELL="tableCell",r.TABLE_HEADER="tableHeader",r))(k||{}),E=(r=>(r.BOLD="bold",r.STRONG="strong",r.STRIKE="strike",r.UNDERLINE="underline",r.ITALIC="italic",r.CODE="code",r.LINK="link",r.ANCHOR="anchor",r.STYLED="styled",r.SUPERSCRIPT="superscript",r.SUBSCRIPT="subscript",r.TEXT_STYLE="textStyle",r.HIGHLIGHT="highlight",r))(E||{}),H=(r=>(r.TEXT="text",r))(H||{}),x=(r=>(r.URL="url",r.STORY="story",r.ASSET="asset",r.EMAIL="email",r))(x||{});const Be=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],Ue=(r={})=>Object.keys(r).map(e=>`${e}="${r[e]}"`).join(" "),ze=(r={})=>Object.keys(r).map(e=>`${e}: ${r[e]}`).join("; ");function Fe(r){return r.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}const N=r=>Object.fromEntries(Object.entries(r).filter(([e,t])=>t!==void 0));function J(r,e={},t){const s=Ue(e),o=s?`${r} ${s}`:r,n=Array.isArray(t)?t.join(""):t||"";if(r){if(Be.includes(r))return`<${o}>`}else return n;return`<${o}>${n}</${r}>`}function Y(r={}){const e=new Map,{renderFn:t=J,textFn:s=Fe,resolvers:o={},optimizeImages:n=!1,keyedResolvers:a=!1}=r,i=t!==J,l=()=>({render:(c,d={},g)=>{if(a&&c){const f=e.get(c)||0;e.set(c,f+1),d.key=`${c}-${f}`}return t(c,d,g)}}),h=c=>(d,g)=>{const f=d.attrs||{};return g.render(c,f,d.children||null)},u=(c,d)=>{const{src:g,alt:f,title:v,srcset:S,sizes:$}=c.attrs||{};let R=g,j={};if(n){const{src:ct,attrs:ht}=He(g,n);R=ct,j=ht}const lt={src:R,alt:f,title:v,srcset:S,sizes:$,...j};return d.render("img",N(lt))},p=(c,d)=>{const{level:g,...f}=c.attrs||{};return d.render(`h${g}`,f,c.children)},T=(c,d)=>{var g,f,v,S;const $=d.render("img",{src:(g=c.attrs)==null?void 0:g.fallbackImage,alt:(f=c.attrs)==null?void 0:f.alt,style:"width: 1.25em; height: 1.25em; vertical-align: text-top",draggable:"false",loading:"lazy"});return d.render("span",{"data-type":"emoji","data-name":(v=c.attrs)==null?void 0:v.name,"data-emoji":(S=c.attrs)==null?void 0:S.emoji},$)},w=(c,d)=>d.render("pre",c.attrs||{},d.render("code",{},c.children||"")),_=(c,d=!1)=>({text:g,attrs:f},v)=>{const{class:S,id:$,...R}=f||{},j=d?{class:S,id:$,style:ze(R)||void 0}:f||{};return v.render(c,N(j),g)},A=c=>z(c),tt=c=>{const{marks:d,...g}=c;if("text"in c){if(d)return d.reduce((v,S)=>A({...S,text:v}),A({...g,children:g.children}));const f=c.attrs||{};if(a){const v=e.get("txt")||0;e.set("txt",v+1),f.key=`txt-${v}`}return s(g.text,f)}return""},re=(c,d)=>{const{linktype:g,href:f,anchor:v,...S}=c.attrs||{};let $="";switch(g){case x.ASSET:case x.URL:$=f;break;case x.EMAIL:$=`mailto:${f}`;break;case x.STORY:$=f,v&&($=`${$}#${v}`);break;default:$=f;break}const R={...S};return $&&(R.href=$),d.render("a",R,c.text)},rt=(c,d)=>{var g,f;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),d.render("span",{blok:(g=c==null?void 0:c.attrs)==null?void 0:g.body[0],id:(f=c.attrs)==null?void 0:f.id,style:"display: none"})},st=(c,d)=>{const g={},f=d.render("tbody",{},c.children);return d.render("table",g,f)},ot=(c,d)=>{const g={};return d.render("tr",g,c.children)},nt=(c,d)=>{const{colspan:g,rowspan:f,colwidth:v,backgroundColor:S,...$}=c.attrs||{},R={...$};g>1&&(R.colspan=g),f>1&&(R.rowspan=f);const j=[];return v&&j.push(`width: ${v}px;`),S&&j.push(`background-color: ${S};`),j.length>0&&(R.style=j.join(" ")),d.render("td",N(R),c.children)},at=(c,d)=>{const{colspan:g,rowspan:f,colwidth:v,backgroundColor:S,...$}=c.attrs||{},R={...$};g>1&&(R.colspan=g),f>1&&(R.rowspan=f);const j=[];return v&&j.push(`width: ${v}px;`),S&&j.push(`background-color: ${S};`),j.length>0&&(R.style=j.join(" ")),d.render("th",N(R),c.children)},it=new Map([[k.DOCUMENT,h("")],[k.HEADING,p],[k.PARAGRAPH,h("p")],[k.UL_LIST,h("ul")],[k.OL_LIST,h("ol")],[k.LIST_ITEM,h("li")],[k.IMAGE,u],[k.EMOJI,T],[k.CODE_BLOCK,w],[k.HR,h("hr")],[k.BR,h("br")],[k.QUOTE,h("blockquote")],[k.COMPONENT,rt],[H.TEXT,tt],[E.LINK,re],[E.ANCHOR,re],[E.STYLED,_("span",!0)],[E.BOLD,_("strong")],[E.TEXT_STYLE,_("span",!0)],[E.ITALIC,_("em")],[E.UNDERLINE,_("u")],[E.STRIKE,_("s")],[E.CODE,_("code")],[E.SUPERSCRIPT,_("sup")],[E.SUBSCRIPT,_("sub")],[E.HIGHLIGHT,_("mark")],[k.TABLE,st],[k.TABLE_ROW,ot],[k.TABLE_CELL,nt],[k.TABLE_HEADER,at],...Object.entries(o).map(([c,d])=>[c,d])]);function M(c){const d=it.get(c.type);if(!d)return console.error("<Storyblok>",`No resolver found for node type ${c.type}`),"";const g=l();if(c.type==="text")return d(c,g);const f=c.content?c.content.map(z):void 0;return d({...c,children:f},g)}function z(c){return c.type==="doc"?i?c.content.map(M):c.content.map(M).join(""):Array.isArray(c)?c.map(M):M(c)}return{render:z}}let B,W="https://app.storyblok.com/f/storyblok-v2-latest.js";const X=(r,e,t={})=>{var s;const o=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",n=new URL((s=window.location)==null?void 0:s.href).searchParams.get("_storyblok"),a=n!==null&&+n===r;if(!(!o||!a)){if(!r){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],i=>{var l;i&&(i.action==="input"&&((l=i.story)==null?void 0:l.id)===r?e(i.story):(i.action==="change"||i.action==="published")&&i.storyId===r&&window.location.reload())})})}},Q=(r,e)=>{r.addNode("blok",t=>{let s="";return t.attrs.body.forEach(o=>{s+=e(o.component,o)}),{html:s}})},Ve=(r={})=>{var e,t;const{bridge:s,accessToken:o,use:n=[],apiOptions:a={},richText:i={},bridgeUrl:l}=r;a.accessToken=a.accessToken||o;const h={bridge:s,apiOptions:a};let u={};n.forEach(T=>{u={...u,...T(h)}}),l&&(W=l);const p=!(typeof window>"u")&&((t=(e=window.location)==null?void 0:e.search)==null?void 0:t.includes("_storyblok_tk"));return s!==!1&&p&&se(W),B=new I(i.schema),i.resolver&&Q(B,i.resolver),u},qe=r=>{var e;return!r||!((e=r==null?void 0:r.content)!=null&&e.some(t=>t.content||t.type==="blok"||t.type==="horizontal_rule"))},Ge=(r,e,t)=>{let s=t||B;if(!s){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return qe(r)?"":(e&&(s=new I(e.schema),e.resolver&&Q(s,e.resolver)),s.render(r,{},!1))},U=m.defineComponent({__name:"StoryblokComponent",props:{blok:{}},setup(r,{expose:e}){const t=r,s=m.ref();e({value:s});const o=typeof m.resolveDynamicComponent(t.blok.component)!="string",n=m.inject("VueSDKOptions"),a=m.ref(t.blok.component);return!o&&n&&(n.enableFallbackComponent?(a.value=n.customFallbackComponent??"FallbackComponent",typeof m.resolveDynamicComponent(a.value)=="string"&&console.error(`Is the Fallback component "${a.value}" registered properly?`)):console.error(`Component could not be found for blok "${t.blok.component}"! Is it defined in main.ts as "app.component("${t.blok.component}", ${t.blok.component});"?`)),(i,l)=>(m.openBlock(),m.createBlock(m.resolveDynamicComponent(a.value),m.mergeProps({ref_key:"blokRef",ref:s},{...i.$props,...i.$attrs}),null,16))}}),Ke=r=>{var e,t;return m.h(U,{blok:(e=r==null?void 0:r.attrs)==null?void 0:e.body[0],id:(t=r.attrs)==null?void 0:t.id},r.children)};function Z(r){const e={renderFn:m.h,textFn:m.createTextVNode,keyedResolvers:!0,resolvers:{[k.COMPONENT]:Ke,...r.resolvers}};return Y(e)}const ee=m.defineComponent({__name:"StoryblokRichText",props:{doc:{},resolvers:{}},setup(r){const e=r,t=m.ref(),s=()=>t.value;return m.watch([()=>e.doc,()=>e.resolvers],([o,n])=>{const{render:a}=Z({resolvers:n??{}});t.value=a(o)},{immediate:!0,deep:!0}),(o,n)=>(m.openBlock(),m.createBlock(s))}}),Je={beforeMount(r,e){if(e.value){const t=De(e.value);Object.keys(t).length>0&&(r.setAttribute("data-blok-c",t["data-blok-c"]),r.setAttribute("data-blok-uid",t["data-blok-uid"]),r.classList.add("storyblok__outline"))}}},te=r=>{console.error(`You can't use ${r} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
|
|
31
|
-
`)};let O=null;const
|
|
30
|
+
}`),""}optimizeImages(e,t){let r=0,o=0,n="",a="";typeof t!="boolean"&&(typeof t.width=="number"&&t.width>0&&(n+=`width="${t.width}" `,r=t.width),typeof t.height=="number"&&t.height>0&&(n+=`height="${t.height}" `,o=t.height),(t.loading==="lazy"||t.loading==="eager")&&(n+=`loading="${t.loading}" `),typeof t.class=="string"&&t.class.length>0&&(n+=`class="${t.class}" `),t.filters&&(typeof t.filters.blur=="number"&&t.filters.blur>=0&&t.filters.blur<=100&&(a+=`:blur(${t.filters.blur})`),typeof t.filters.brightness=="number"&&t.filters.brightness>=-100&&t.filters.brightness<=100&&(a+=`:brightness(${t.filters.brightness})`),t.filters.fill&&(t.filters.fill.match(/[0-9A-F]{6}/gi)||t.filters.fill==="transparent")&&(a+=`:fill(${t.filters.fill})`),t.filters.format&&["webp","png","jpeg"].includes(t.filters.format)&&(a+=`:format(${t.filters.format})`),typeof t.filters.grayscale=="boolean"&&t.filters.grayscale&&(a+=":grayscale()"),typeof t.filters.quality=="number"&&t.filters.quality>=0&&t.filters.quality<=100&&(a+=`:quality(${t.filters.quality})`),t.filters.rotate&&[90,180,270].includes(t.filters.rotate)&&(a+=`:rotate(${t.filters.rotate})`),a.length>0&&(a=`/filters${a}`))),n.length>0&&(e=e.replace(/<img/g,`<img ${n.trim()}`));const i=r>0||o>0||a.length>0?`${r}x${o}${a}`:"";return e=e.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,`a.storyblok.com/f/$1/$2.$3/m/${i}`),typeof t!="boolean"&&(t.sizes||t.srcset)&&(e=e.replace(/<img.*?src=["|'](.*?)["|']/g,l=>{var h,d;const p=l.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g);if(p&&p.length>0){const T={srcset:(h=t.srcset)==null?void 0:h.map(b=>{if(typeof b=="number")return`//${p}/m/${b}x0${a} ${b}w`;if(typeof b=="object"&&b.length===2){let C=0,M=0;return typeof b[0]=="number"&&(C=b[0]),typeof b[1]=="number"&&(M=b[1]),`//${p}/m/${C}x${M}${a} ${C}w`}return""}).join(", "),sizes:(d=t.sizes)==null?void 0:d.map(b=>b).join(", ")};let j="";return T.srcset&&(j+=`srcset="${T.srcset}" `),T.sizes&&(j+=`sizes="${T.sizes}" `),l.replace(/<img/g,`<img ${j.trim()}`)}return l})),e}renderNode(e){const t=[];e.marks&&e.marks.forEach(o=>{const n=this.getMatchingMark(o);n&&n.tag!==""&&t.push(this.renderOpeningTag(n.tag))});const r=this.getMatchingNode(e);return r&&r.tag&&t.push(this.renderOpeningTag(r.tag)),e.content?e.content.forEach(o=>{t.push(this.renderNode(o))}):e.text?t.push(Pe(e.text)):r&&r.singleTag?t.push(this.renderTag(r.singleTag," /")):r&&r.html?t.push(r.html):e.type==="emoji"&&t.push(this.renderEmoji(e)),r&&r.tag&&t.push(this.renderClosingTag(r.tag)),e.marks&&e.marks.slice(0).reverse().forEach(o=>{const n=this.getMatchingMark(o);n&&n.tag!==""&&t.push(this.renderClosingTag(n.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(r=>{if(r.constructor===String)return`<${r}${t}>`;{let o=`<${r.tag}`;if(r.attrs){for(const n in r.attrs)if(Object.prototype.hasOwnProperty.call(r.attrs,n)){const a=r.attrs[n];a!==null&&(o+=` ${n}="${a}"`)}}return`${o}${t}>`}}).join("")}renderOpeningTag(e){return this.renderTag(e,"")}renderClosingTag(e){return e.constructor===String?`</${e}>`:e.slice(0).reverse().map(t=>t.constructor===String?`</${t}>`:`</${t.tag}>`).join("")}getMatchingNode(e){const t=this.nodes[e.type];if(typeof t=="function")return t(e)}getMatchingMark(e){const t=this.marks[e.type];if(typeof t=="function")return t(e)}renderEmoji(e){if(e.attrs.emoji)return e.attrs.emoji;const t=[{tag:"img",attrs:{src:e.attrs.fallbackImage,draggable:"false",loading:"lazy",align:"absmiddle"}}];return this.renderTag(t," /")}}class Ne{constructor(e){y(this,"baseURL"),y(this,"timeout"),y(this,"headers"),y(this,"responseInterceptor"),y(this,"fetch"),y(this,"ejectInterceptor"),y(this,"url"),y(this,"parameters"),y(this,"fetchOptions"),this.baseURL=e.baseURL,this.headers=e.headers||new Headers,this.timeout=e!=null&&e.timeout?e.timeout*1e3:0,this.responseInterceptor=e.responseInterceptor,this.fetch=(...t)=>e.fetch?e.fetch(...t):fetch(...t),this.ejectInterceptor=!1,this.url="",this.parameters={},this.fetchOptions={}}get(e,t){return this.url=e,this.parameters=t,this._methodHandler("get")}post(e,t){return this.url=e,this.parameters=t,this._methodHandler("post")}put(e,t){return this.url=e,this.parameters=t,this._methodHandler("put")}delete(e,t){return this.url=e,this.parameters=t??{},this._methodHandler("delete")}async _responseHandler(e){const t=[],r={data:{},headers:{},status:0,statusText:""};e.status!==204&&await e.json().then(o=>{r.data=o});for(const o of e.headers.entries())t[o[0]]=o[1];return r.headers={...t},r.status=e.status,r.statusText=e.statusText,r}async _methodHandler(e){let t=`${this.baseURL}${this.url}`,r=null;if(e==="get"){const l=new L;t=`${this.baseURL}${this.url}?${l.stringify(this.parameters)}`}else r=JSON.stringify(this.parameters);const o=new URL(t),n=new AbortController,{signal:a}=n;let i;this.timeout&&(i=setTimeout(()=>n.abort(),this.timeout));try{const l=await this.fetch(`${o}`,{method:e,headers:this.headers,body:r,signal:a,...this.fetchOptions});this.timeout&&clearTimeout(i);const h=await this._responseHandler(l);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(h)):this._statusHandler(h)}catch(l){return{message:l}}}setFetchOptions(e={}){Object.keys(e).length>0&&"method"in e&&delete e.method,this.fetchOptions={...e}}eject(){this.ejectInterceptor=!0}_statusHandler(e){const t=/20[0-6]/g;return new Promise((r,o)=>{if(t.test(`${e.status}`))return r(e);const n={message:e.statusText,status:e.status,response:Array.isArray(e.data)?e.data[0]:e.data.error||e.data.slug};o(n)})}}const J="SB-Agent",H={defaultAgentName:"SB-JS-CLIENT",defaultAgentVersion:"SB-Agent-Version",packageVersion:"6.0.0"};let P={};const A={};class Me{constructor(e,t){y(this,"client"),y(this,"maxRetries"),y(this,"retriesDelay"),y(this,"throttle"),y(this,"accessToken"),y(this,"cache"),y(this,"helpers"),y(this,"resolveCounter"),y(this,"relations"),y(this,"links"),y(this,"richTextResolver"),y(this,"resolveNestedRelations"),y(this,"stringifiedStoriesCache");let r=e.endpoint||t;if(!r){const a=new L().getRegionURL,i=e.https===!1?"http":"https";e.oauthToken?r=`${i}://${a(e.region)}/v1`:r=`${i}://${a(e.region)}/v2`}const o=new Headers;o.set("Content-Type","application/json"),o.set("Accept","application/json"),e.headers&&(e.headers.constructor.name==="Headers"?e.headers.entries().toArray():Object.entries(e.headers)).forEach(([a,i])=>{o.set(a,i)}),o.has(J)||(o.set(J,H.defaultAgentName),o.set(H.defaultAgentVersion,H.packageVersion));let n=5;e.oauthToken&&(o.set("Authorization",e.oauthToken),n=3),e.rateLimit&&(n=e.rateLimit),e.richTextSchema?this.richTextResolver=new I(e.richTextSchema):this.richTextResolver=new I,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||10,this.retriesDelay=300,this.throttle=le(this.throttledRequest.bind(this),n,1e3),this.accessToken=e.accessToken||"",this.relations={},this.links={},this.cache=e.cache||{clear:"manual"},this.helpers=new L,this.resolveCounter=0,this.resolveNestedRelations=e.resolveNestedRelations||!0,this.stringifiedStoriesCache={},this.client=new Ne({baseURL:r,timeout:e.timeout||0,headers:o,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let r="";return t.attrs.body&&t.attrs.body.forEach(o=>{r+=e(o.component,o)}),{html:r}})}parseParams(e){return e.token||(e.token=this.getToken()),e.cv||(e.cv=A[e.token]),Array.isArray(e.resolve_relations)&&(e.resolve_relations=e.resolve_relations.join(",")),typeof e.resolve_relations<"u"&&(e.resolve_level=2),e}factoryParamOptions(e,t){return this.helpers.isCDNUrl(e)?this.parseParams(t):t}makeRequest(e,t,r,o,n){const a=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,r,o));return this.cacheResponse(e,a,void 0,n)}get(e,t,r){t||(t={});const o=`/${e}`,n=this.factoryParamOptions(o,t);return this.cacheResponse(o,n,void 0,r)}async getAll(e,t,r,o){const n=(t==null?void 0:t.per_page)||25,a=`/${e}`.replace(/\/$/,""),i=r??a.substring(a.lastIndexOf("/")+1),l=1,h=await this.makeRequest(a,t,n,l,o),d=h.total?Math.ceil(h.total/n):1,p=await this.helpers.asyncMap(this.helpers.range(l,d),T=>this.makeRequest(a,t,n,T+1,o));return this.helpers.flatMap([h,...p],T=>Object.values(T.data[i]))}post(e,t,r){const o=`/${e}`;return Promise.resolve(this.throttle("post",o,t,r))}put(e,t,r){const o=`/${e}`;return Promise.resolve(this.throttle("put",o,t,r))}delete(e,t,r){t||(t={});const o=`/${e}`;return Promise.resolve(this.throttle("delete",o,t,r))}getStories(e,t){return this._addResolveLevel(e),this.get("cdn/stories",e,t)}getStory(e,t,r){return this._addResolveLevel(t),this.get(`cdn/stories/${e}`,t,r)}getToken(){return this.accessToken}ejectInterceptor(){this.client.eject()}_addResolveLevel(e){typeof e.resolve_relations<"u"&&(e.resolve_level=2)}_cleanCopy(e){return JSON.parse(JSON.stringify(e))}_insertLinks(e,t,r){const o=e[t];o&&o.fieldtype==="multilink"&&o.linktype==="story"&&typeof o.id=="string"&&this.links[r][o.id]?o.story=this._cleanCopy(this.links[r][o.id]):o&&o.linktype==="story"&&typeof o.uuid=="string"&&this.links[r][o.uuid]&&(o.story=this._cleanCopy(this.links[r][o.uuid]))}getStoryReference(e,t){return this.relations[e][t]?JSON.parse(this.stringifiedStoriesCache[t]||JSON.stringify(this.relations[e][t])):t}_resolveField(e,t,r){const o=e[t];typeof o=="string"?e[t]=this.getStoryReference(r,o):Array.isArray(o)&&(e[t]=o.map(n=>this.getStoryReference(r,n)).filter(Boolean))}_insertRelations(e,t,r,o){if(Array.isArray(r)?r.find(a=>a.endsWith(`.${t}`)):r.endsWith(`.${t}`)){this._resolveField(e,t,o);return}const n=e.component?`${e.component}.${t}`:t;(Array.isArray(r)?r.includes(n):r===n)&&this._resolveField(e,t,o)}iterateTree(e,t,r){const o=(n,a="")=>{if(!(!n||n._stopResolving)){if(Array.isArray(n))n.forEach((i,l)=>o(i,`${a}[${l}]`));else if(typeof n=="object")for(const i in n){const l=a?`${a}.${i}`:i;(n.component&&n._uid||n.type==="link")&&(this._insertRelations(n,i,t,r),this._insertLinks(n,i,r)),o(n[i],l)}}};o(e.content)}async resolveLinks(e,t,r){let o=[];if(e.link_uuids){const n=e.link_uuids.length,a=[],i=50;for(let l=0;l<n;l+=i){const h=Math.min(n,l+i);a.push(e.link_uuids.slice(l,h))}for(let l=0;l<a.length;l++)(await this.getStories({per_page:i,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:a[l].join(",")})).data.stories.forEach(h=>{o.push(h)})}else o=e.links;o.forEach(n=>{this.links[r][n.uuid]={...n,_stopResolving:!0}})}async resolveRelations(e,t,r){let o=[];if(e.rel_uuids){const n=e.rel_uuids.length,a=[],i=50;for(let l=0;l<n;l+=i){const h=Math.min(n,l+i);a.push(e.rel_uuids.slice(l,h))}for(let l=0;l<a.length;l++)(await this.getStories({per_page:i,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:a[l].join(","),excluding_fields:t.excluding_fields})).data.stories.forEach(h=>{o.push(h)});o.length>0&&(e.rels=o,delete e.rel_uuids)}else o=e.rels;o&&o.length>0&&o.forEach(n=>{this.relations[r][n.uuid]={...n,_stopResolving:!0}})}async resolveStories(e,t,r){var o,n;let a=[];if(this.links[r]={},this.relations[r]={},typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(a=t.resolve_relations.split(",")),await this.resolveRelations(e,t,r)),t.resolve_links&&["1","story","url","link"].includes(t.resolve_links)&&((o=e.links)!=null&&o.length||(n=e.link_uuids)!=null&&n.length)&&await this.resolveLinks(e,t,r),this.resolveNestedRelations)for(const i in this.relations[r])this.iterateTree(this.relations[r][i],a,r);e.story?this.iterateTree(e.story,a,r):e.stories.forEach(i=>{this.iterateTree(i,a,r)}),this.stringifiedStoriesCache={},delete this.links[r],delete this.relations[r]}async cacheResponse(e,t,r,o){const n=this.helpers.stringify({url:e,params:t}),a=this.cacheProvider();if(t.version==="published"&&e!=="/cdn/spaces/me"){const i=await a.get(n);if(i)return Promise.resolve(i)}return new Promise(async(i,l)=>{var h;try{const d=await this.throttle("get",e,t,o);if(d.status!==200)return l(d);let p={data:d.data,headers:d.headers};if((h=d.headers)!=null&&h["per-page"]&&(p=Object.assign({},p,{perPage:d.headers["per-page"]?Number.parseInt(d.headers["per-page"]):0,total:d.headers["per-page"]?Number.parseInt(d.headers.total):0})),p.data.story||p.data.stories){const j=this.resolveCounter=++this.resolveCounter%1e3;await this.resolveStories(p.data,t,`${j}`)}t.version==="published"&&e!=="/cdn/spaces/me"&&await a.set(n,p);const T=this.cache.clear==="onpreview"&&t.version==="draft"||this.cache.clear==="auto";return t.token&&p.data.cv&&(T&&A[t.token]&&A[t.token]!==p.data.cv&&await this.flushCache(),A[t.token]=p.data.cv),i(p)}catch(d){if(d.response&&d.status===429&&(r=typeof r>"u"?0:r+1,r<this.maxRetries))return console.log(`Hit rate limit. Retrying in ${this.retriesDelay/1e3} seconds.`),await this.helpers.delay(this.retriesDelay),this.cacheResponse(e,t,r).then(i).catch(l);l(d)}})}throttledRequest(e,t,r,o){return this.client.setFetchOptions(o),this.client[e](t,r)}cacheVersions(){return A}cacheVersion(){return A[this.accessToken]}setCacheVersion(e){this.accessToken&&(A[this.accessToken]=e)}clearCacheVersion(){this.accessToken&&(A[this.accessToken]=0)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(P[e])},getAll(){return Promise.resolve(P)},set(e,t){return P[e]=t,Promise.resolve(void 0)},flush(){return P={},Promise.resolve(void 0)}};case"custom":if(this.cache.custom)return this.cache.custom;default:return{get(){return Promise.resolve()},getAll(){return Promise.resolve(void 0)},set(){return Promise.resolve(void 0)},flush(){return Promise.resolve(void 0)}}}}async flushCache(){return await this.cacheProvider().flush(),this.clearCacheVersion(),this}}const De=(s={})=>{const{apiOptions:e}=s;if(!e||!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 Me(e)}},He=s=>{if(typeof s!="object"||typeof s._editable>"u")return{};try{const e=JSON.parse(s._editable.replace(/^<!--#storyblok#/,"").replace(/-->$/,""));return e?{"data-blok-c":JSON.stringify(e),"data-blok-uid":`${e.id}-${e.uid}`}:{}}catch{return{}}};function Be(s,e){if(!e)return{src:s,attrs:{}};let t=0,r=0;const o={},n=[];function a(l,h,d,p,T){typeof l!="number"||l<=h||l>=d?console.warn(`[StoryblokRichText] - ${p.charAt(0).toUpperCase()+p.slice(1)} value must be a number between ${h} and ${d} (inclusive)`):T.push(`${p}(${l})`)}if(typeof e=="object"){if(typeof e.width=="number"&&e.width>0?(o.width=e.width,t=e.width):console.warn("[StoryblokRichText] - Width value must be a number greater than 0"),e.height&&typeof e.height=="number"&&e.height>0?(o.height=e.height,r=e.height):console.warn("[StoryblokRichText] - Height value must be a number greater than 0"),e.loading&&["lazy","eager"].includes(e.loading)&&(o.loading=e.loading),e.class&&(o.class=e.class),e.filters){const{filters:l}=e||{},{blur:h,brightness:d,fill:p,format:T,grayscale:j,quality:b,rotate:C}=l||{};h&&a(h,0,100,"blur",n),b&&a(b,0,100,"quality",n),d&&a(d,0,100,"brightness",n),p&&n.push(`fill(${p})`),j&&n.push("grayscale()"),C&&[0,90,180,270].includes(e.filters.rotate||0)&&n.push(`rotate(${C})`),T&&["webp","png","jpeg"].includes(T)&&n.push(`format(${T})`)}e.srcset&&(o.srcset=e.srcset.map(l=>{if(typeof l=="number")return`${s}/m/${l}x0/${n.length>0?`filters:${n.join(":")}`:""} ${l}w`;if(Array.isArray(l)&&l.length===2){const[h,d]=l;return`${s}/m/${h}x${d}/${n.length>0?`filters:${n.join(":")}`:""} ${h}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),e.sizes&&(o.sizes=e.sizes.join(", "))}let i=`${s}/m/`;return t>0&&r>0&&(i=`${i}${t}x${r}/`),n.length>0&&(i=`${i}filters:${n.join(":")}`),{src:i,attrs:o}}var v=(s=>(s.DOCUMENT="doc",s.HEADING="heading",s.PARAGRAPH="paragraph",s.QUOTE="blockquote",s.OL_LIST="ordered_list",s.UL_LIST="bullet_list",s.LIST_ITEM="list_item",s.CODE_BLOCK="code_block",s.HR="horizontal_rule",s.BR="hard_break",s.IMAGE="image",s.EMOJI="emoji",s.COMPONENT="blok",s.TABLE="table",s.TABLE_ROW="tableRow",s.TABLE_CELL="tableCell",s.TABLE_HEADER="tableHeader",s))(v||{}),S=(s=>(s.BOLD="bold",s.STRONG="strong",s.STRIKE="strike",s.UNDERLINE="underline",s.ITALIC="italic",s.CODE="code",s.LINK="link",s.ANCHOR="anchor",s.STYLED="styled",s.SUPERSCRIPT="superscript",s.SUBSCRIPT="subscript",s.TEXT_STYLE="textStyle",s.HIGHLIGHT="highlight",s))(S||{}),B=(s=>(s.TEXT="text",s))(B||{}),x=(s=>(s.URL="url",s.STORY="story",s.ASSET="asset",s.EMAIL="email",s))(x||{});const Ue=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],ze=(s={})=>Object.keys(s).map(e=>`${e}="${s[e]}"`).join(" "),Fe=(s={})=>Object.keys(s).map(e=>`${e}: ${s[e]}`).join("; ");function Ve(s){return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}const N=s=>Object.fromEntries(Object.entries(s).filter(([e,t])=>t!==void 0));function Y(s,e={},t){const r=ze(e),o=r?`${s} ${r}`:s,n=Array.isArray(t)?t.join(""):t||"";if(s){if(Ue.includes(s))return`<${o}>`}else return n;return`<${o}>${n}</${s}>`}function W(s={}){const e=new Map,{renderFn:t=Y,textFn:r=Ve,resolvers:o={},optimizeImages:n=!1,keyedResolvers:a=!1}=s,i=t!==Y,l=()=>({render:(c,u={},g)=>{if(a&&c){const f=e.get(c)||0;e.set(c,f+1),u.key=`${c}-${f}`}return t(c,u,g)}}),h=c=>(u,g)=>{const f=u.attrs||{};return g.render(c,f,u.children||null)},d=(c,u)=>{const{src:g,alt:f,title:$,srcset:R,sizes:w}=c.attrs||{};let _=g,E={};if(n){const{src:ct,attrs:ht}=Be(g,n);_=ct,E=ht}const lt={src:_,alt:f,title:$,srcset:R,sizes:w,...E};return u.render("img",N(lt))},p=(c,u)=>{const{level:g,...f}=c.attrs||{};return u.render(`h${g}`,f,c.children)},T=(c,u)=>{var g,f,$,R;const w=u.render("img",{src:(g=c.attrs)==null?void 0:g.fallbackImage,alt:(f=c.attrs)==null?void 0:f.alt,style:"width: 1.25em; height: 1.25em; vertical-align: text-top",draggable:"false",loading:"lazy"});return u.render("span",{"data-type":"emoji","data-name":($=c.attrs)==null?void 0:$.name,"data-emoji":(R=c.attrs)==null?void 0:R.emoji},w)},j=(c,u)=>u.render("pre",c.attrs||{},u.render("code",{},c.children||"")),b=(c,u=!1)=>({text:g,attrs:f},$)=>{const{class:R,id:w,..._}=f||{},E=u?{class:R,id:w,style:Fe(_)||void 0}:f||{};return $.render(c,N(E),g)},C=c=>F(c),M=c=>{const{marks:u,...g}=c;if("text"in c){if(u)return u.reduce(($,R)=>C({...R,text:$}),C({...g,children:g.children}));const f=c.attrs||{};if(a){const $=e.get("txt")||0;e.set("txt",$+1),f.key=`txt-${$}`}return r(g.text,f)}return""},se=(c,u)=>{const{linktype:g,href:f,anchor:$,...R}=c.attrs||{};let w="";switch(g){case x.ASSET:case x.URL:w=f;break;case x.EMAIL:w=`mailto:${f}`;break;case x.STORY:w=f,$&&(w=`${w}#${$}`);break;default:w=f;break}const _={...R};return w&&(_.href=w),u.render("a",_,c.text)},rt=(c,u)=>{var g,f;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),u.render("span",{blok:(g=c==null?void 0:c.attrs)==null?void 0:g.body[0],id:(f=c.attrs)==null?void 0:f.id,style:"display: none"})},st=(c,u)=>{const g={},f=u.render("tbody",{},c.children);return u.render("table",g,f)},ot=(c,u)=>{const g={};return u.render("tr",g,c.children)},nt=(c,u)=>{const{colspan:g,rowspan:f,colwidth:$,backgroundColor:R,...w}=c.attrs||{},_={...w};g>1&&(_.colspan=g),f>1&&(_.rowspan=f);const E=[];return $&&E.push(`width: ${$}px;`),R&&E.push(`background-color: ${R};`),E.length>0&&(_.style=E.join(" ")),u.render("td",N(_),c.children)},at=(c,u)=>{const{colspan:g,rowspan:f,colwidth:$,backgroundColor:R,...w}=c.attrs||{},_={...w};g>1&&(_.colspan=g),f>1&&(_.rowspan=f);const E=[];return $&&E.push(`width: ${$}px;`),R&&E.push(`background-color: ${R};`),E.length>0&&(_.style=E.join(" ")),u.render("th",N(_),c.children)},it=new Map([[v.DOCUMENT,h("")],[v.HEADING,p],[v.PARAGRAPH,h("p")],[v.UL_LIST,h("ul")],[v.OL_LIST,h("ol")],[v.LIST_ITEM,h("li")],[v.IMAGE,d],[v.EMOJI,T],[v.CODE_BLOCK,j],[v.HR,h("hr")],[v.BR,h("br")],[v.QUOTE,h("blockquote")],[v.COMPONENT,rt],[B.TEXT,M],[S.LINK,se],[S.ANCHOR,se],[S.STYLED,b("span",!0)],[S.BOLD,b("strong")],[S.TEXT_STYLE,b("span",!0)],[S.ITALIC,b("em")],[S.UNDERLINE,b("u")],[S.STRIKE,b("s")],[S.CODE,b("code")],[S.SUPERSCRIPT,b("sup")],[S.SUBSCRIPT,b("sub")],[S.HIGHLIGHT,b("mark")],[v.TABLE,st],[v.TABLE_ROW,ot],[v.TABLE_CELL,nt],[v.TABLE_HEADER,at],...Object.entries(o).map(([c,u])=>[c,u])]);function D(c){const u=it.get(c.type);if(!u)return console.error("<Storyblok>",`No resolver found for node type ${c.type}`),"";const g=l();if(c.type==="text")return u(c,g);const f=c.content?c.content.map(F):void 0;return u({...c,children:f},g)}function F(c){return c.type==="doc"?i?c.content.map(D):c.content.map(D).join(""):Array.isArray(c)?c.map(D):D(c)}return{render:F}}let U,X="https://app.storyblok.com/f/storyblok-v2-latest.js";const Q=(s,e,t={})=>{var r;const o=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",n=new URL((r=window.location)==null?void 0:r.href).searchParams.get("_storyblok"),a=n!==null&&+n===s;if(!(!o||!a)){if(!s){console.warn("Story ID is not defined. Please provide a valid ID.");return}window.storyblokRegisterEvent(()=>{new window.StoryblokBridge(t).on(["input","published","change"],i=>{var l;i&&(i.action==="input"&&((l=i.story)==null?void 0:l.id)===s?e(i.story):(i.action==="change"||i.action==="published")&&i.storyId===s&&window.location.reload())})})}},Z=(s,e)=>{s.addNode("blok",t=>{let r="";return t.attrs.body.forEach(o=>{r+=e(o.component,o)}),{html:r}})},qe=(s={})=>{var e,t;const{bridge:r,accessToken:o,use:n=[],apiOptions:a={},richText:i={},bridgeUrl:l}=s;a.accessToken=a.accessToken||o;const h={bridge:r,apiOptions:a};let d={};n.forEach(T=>{d={...d,...T(h)}}),l&&(X=l);const p=!(typeof window>"u")&&((t=(e=window.location)==null?void 0:e.search)==null?void 0:t.includes("_storyblok_tk"));return r!==!1&&p&&oe(X),U=new I(i.schema),i.resolver&&Z(U,i.resolver),d},Ge=s=>{var e;return!s||!((e=s==null?void 0:s.content)!=null&&e.some(t=>t.content||t.type==="blok"||t.type==="horizontal_rule"))},Ke=(s,e,t)=>{let r=t||U;if(!r){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return Ge(s)?"":(e&&(r=new I(e.schema),e.resolver&&Z(r,e.resolver)),r.render(s,{},!1))},z=m.defineComponent({__name:"StoryblokComponent",props:{blok:{}},setup(s,{expose:e}){const t=s,r=m.ref();e({value:r});const o=typeof m.resolveDynamicComponent(t.blok.component)!="string",n=m.inject("VueSDKOptions"),a=m.ref(t.blok.component);return!o&&n&&(n.enableFallbackComponent?(a.value=n.customFallbackComponent??"FallbackComponent",typeof m.resolveDynamicComponent(a.value)=="string"&&console.error(`Is the Fallback component "${a.value}" registered properly?`)):console.error(`Component could not be found for blok "${t.blok.component}"! Is it defined in main.ts as "app.component("${t.blok.component}", ${t.blok.component});"?`)),(i,l)=>(m.openBlock(),m.createBlock(m.resolveDynamicComponent(a.value),m.mergeProps({ref_key:"blokRef",ref:r},{...i.$props,...i.$attrs}),null,16))}}),Je=s=>{var e,t;return m.h(z,{blok:(e=s==null?void 0:s.attrs)==null?void 0:e.body[0],id:(t=s.attrs)==null?void 0:t.id},s.children)};function ee(s){const e={renderFn:m.h,textFn:m.createTextVNode,keyedResolvers:!0,resolvers:{[v.COMPONENT]:Je,...s.resolvers}};return W(e)}const te=m.defineComponent({__name:"StoryblokRichText",props:{doc:{},resolvers:{}},setup(s){const e=s,t=m.ref(),r=()=>t.value;return m.watch([()=>e.doc,()=>e.resolvers],([o,n])=>{const{render:a}=ee({resolvers:n??{}});t.value=a(o)},{immediate:!0,deep:!0}),(o,n)=>(m.openBlock(),m.createBlock(r))}}),Ye={beforeMount(s,e){if(e.value){const t=He(e.value);Object.keys(t).length>0&&(s.setAttribute("data-blok-c",t["data-blok-c"]),s.setAttribute("data-blok-uid",t["data-blok-uid"]),s.classList.add("storyblok__outline"))}}},re=s=>{console.error(`You can't use ${s} if you're not loading apiPlugin. Please provide it on StoryblokVue initialization.
|
|
31
|
+
`)};let O=null;const We=()=>(O||re("useStoryblokApi"),O),Xe=async(s,e={},t={})=>{const r=m.ref(null);if(t.resolveRelations=t.resolveRelations??e.resolve_relations,t.resolveLinks=t.resolveLinks??e.resolve_links,m.onMounted(()=>{r.value&&r.value.id&&Q(r.value.id,o=>r.value=o,t)}),O){const{data:o}=await O.get(`cdn/stories/${s}`,e);r.value=o.story}else re("useStoryblok");return r},Qe={install(s,e={}){s.directive("editable",Ye),s.component("StoryblokComponent",z),s.component("StoryblokRichText",te),e.enableFallbackComponent&&!e.customFallbackComponent&&s.component("FallbackComponent",m.defineAsyncComponent(()=>Promise.resolve().then(()=>tt)));const{storyblokApi:t}=qe(e);O=t||null,s.provide("VueSDKOptions",e)}},Ze={class:"fallback-component"},et={class:"component"},tt=Object.freeze(Object.defineProperty({__proto__:null,default:((s,e)=>{const t=s.__vccOpts||s;for(const[r,o]of e)t[r]=o;return t})(m.defineComponent({__name:"FallbackComponent",props:{blok:{}},setup(s){return(e,t)=>(m.openBlock(),m.createElementBlock("div",Ze,[m.createElementVNode("p",null,[t[0]||(t[0]=m.createTextVNode(" Component could not be found for blok ")),m.createElementVNode("span",et,m.toDisplayString(e.blok.component),1),t[1]||(t[1]=m.createTextVNode("! Is it configured correctly? "))])]))}}),[["__scopeId","data-v-9abcd1f2"]])},Symbol.toStringTag,{value:"Module"}));k.BlockTypes=v,k.MarkTypes=S,k.RichTextResolver=I,k.RichTextSchema=G,k.StoryblokComponent=z,k.StoryblokRichText=te,k.StoryblokVue=Qe,k.TextTypes=B,k.apiPlugin=De,k.renderRichText=Ke,k.richTextResolver=W,k.useStoryblok=Xe,k.useStoryblokApi=We,k.useStoryblokBridge=Q,k.useStoryblokRichText=ee,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
|