@storyblok/react 4.4.1 → 4.4.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-js.js +1 -1
- package/dist/storyblok-js.mjs +20 -18
- package/package.json +2 -2
package/dist/storyblok-js.js
CHANGED
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
}
|
|
22
22
|
],
|
|
23
23
|
type: 'doc'
|
|
24
|
-
}`),""}optimizeImages(e,t){let s=0,n=0,o="",i="";typeof t!="boolean"&&(typeof t.width=="number"&&t.width>0&&(o+=`width="${t.width}" `,s=t.width),typeof t.height=="number"&&t.height>0&&(o+=`height="${t.height}" `,n=t.height),(t.loading==="lazy"||t.loading==="eager")&&(o+=`loading="${t.loading}" `),typeof t.class=="string"&&t.class.length>0&&(o+=`class="${t.class}" `),t.filters&&(typeof t.filters.blur=="number"&&t.filters.blur>=0&&t.filters.blur<=100&&(i+=`:blur(${t.filters.blur})`),typeof t.filters.brightness=="number"&&t.filters.brightness>=-100&&t.filters.brightness<=100&&(i+=`:brightness(${t.filters.brightness})`),t.filters.fill&&(t.filters.fill.match(/[0-9A-F]{6}/gi)||t.filters.fill==="transparent")&&(i+=`:fill(${t.filters.fill})`),t.filters.format&&["webp","png","jpeg"].includes(t.filters.format)&&(i+=`:format(${t.filters.format})`),typeof t.filters.grayscale=="boolean"&&t.filters.grayscale&&(i+=":grayscale()"),typeof t.filters.quality=="number"&&t.filters.quality>=0&&t.filters.quality<=100&&(i+=`:quality(${t.filters.quality})`),t.filters.rotate&&[90,180,270].includes(t.filters.rotate)&&(i+=`:rotate(${t.filters.rotate})`),i.length>0&&(i=`/filters${i}`))),o.length>0&&(e=e.replace(/<img/g,`<img ${o.trim()}`));const l=s>0||n>0||i.length>0?`${s}x${n}${i}`:"";return e=e.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,`a.storyblok.com/f/$1/$2.$3/m/${l}`),typeof t!="boolean"&&(t.sizes||t.srcset)&&(e=e.replace(/<img.*?src=["|'](.*?)["|']/g,a=>{var h,u;const d=a.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g);if(d&&d.length>0){const m={srcset:(h=t.srcset)==null?void 0:h.map(b=>{if(typeof b=="number")return`//${d}/m/${b}x0${i} ${b}w`;if(typeof b=="object"&&b.length===2){let _=0,j=0;return typeof b[0]=="number"&&(_=b[0]),typeof b[1]=="number"&&(j=b[1]),`//${d}/m/${_}x${j}${i} ${_}w`}return""}).join(", "),sizes:(u=t.sizes)==null?void 0:u.map(b=>b).join(", ")};let y="";return m.srcset&&(y+=`srcset="${m.srcset}" `),m.sizes&&(y+=`sizes="${m.sizes}" `),a.replace(/<img/g,`<img ${y.trim()}`)}return a})),e}renderNode(e){const t=[];e.marks&&e.marks.forEach(n=>{const o=this.getMatchingMark(n);o&&o.tag!==""&&t.push(this.renderOpeningTag(o.tag))});const s=this.getMatchingNode(e);return s&&s.tag&&t.push(this.renderOpeningTag(s.tag)),e.content?e.content.forEach(n=>{t.push(this.renderNode(n))}):e.text?t.push(xe(e.text)):s&&s.singleTag?t.push(this.renderTag(s.singleTag," /")):s&&s.html?t.push(s.html):e.type==="emoji"&&t.push(this.renderEmoji(e)),s&&s.tag&&t.push(this.renderClosingTag(s.tag)),e.marks&&e.marks.slice(0).reverse().forEach(n=>{const o=this.getMatchingMark(n);o&&o.tag!==""&&t.push(this.renderClosingTag(o.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(s=>{if(s.constructor===String)return`<${s}${t}>`;{let n=`<${s.tag}`;if(s.attrs){for(const o in s.attrs)if(Object.prototype.hasOwnProperty.call(s.attrs,o)){const i=s.attrs[o];i!==null&&(n+=` ${o}="${i}"`)}}return`${n}${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 Ae{constructor(e){p(this,"baseURL"),p(this,"timeout"),p(this,"headers"),p(this,"responseInterceptor"),p(this,"fetch"),p(this,"ejectInterceptor"),p(this,"url"),p(this,"parameters"),p(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(n=>{s.data=n});for(const n of e.headers.entries())t[n[0]]=n[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 a=new L;t=`${this.baseURL}${this.url}?${a.stringify(this.parameters)}`}else s=JSON.stringify(this.parameters);const n=new URL(t),o=new AbortController,{signal:i}=o;let l;this.timeout&&(l=setTimeout(()=>o.abort(),this.timeout));try{const a=await this.fetch(`${n}`,{method:e,headers:this.headers,body:s,signal:i,...this.fetchOptions});this.timeout&&clearTimeout(l);const h=await this._responseHandler(a);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(h)):this._statusHandler(h)}catch(a){return{message:a}}}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,n)=>{if(t.test(`${e.status}`))return s(e);const o={message:e.statusText,status:e.status,response:Array.isArray(e.data)?e.data[0]:e.data.error||e.data.slug};n(o)})}}const B="SB-Agent",C={defaultAgentName:"SB-JS-CLIENT",defaultAgentVersion:"SB-Agent-Version",packageVersion:"6.0.0"};let A={};const S={};class Le{constructor(e,t){p(this,"client"),p(this,"maxRetries"),p(this,"retriesDelay"),p(this,"throttle"),p(this,"accessToken"),p(this,"cache"),p(this,"helpers"),p(this,"resolveCounter"),p(this,"relations"),p(this,"links"),p(this,"richTextResolver"),p(this,"resolveNestedRelations"),p(this,"stringifiedStoriesCache");let s=e.endpoint||t;if(!s){const i=new L().getRegionURL,l=e.https===!1?"http":"https";e.oauthToken?s=`${l}://${i(e.region)}/v1`:s=`${l}://${i(e.region)}/v2`}const n=new Headers;n.set("Content-Type","application/json"),n.set("Accept","application/json"),e.headers&&(e.headers.constructor.name==="Headers"?e.headers.entries().toArray():Object.entries(e.headers)).forEach(([i,l])=>{n.set(i,l)}),n.has(B)||(n.set(B,C.defaultAgentName),n.set(C.defaultAgentVersion,C.packageVersion));let o=5;e.oauthToken&&(n.set("Authorization",e.oauthToken),o=3),e.rateLimit&&(o=e.rateLimit),e.richTextSchema?this.richTextResolver=new O(e.richTextSchema):this.richTextResolver=new O,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||10,this.retriesDelay=300,this.throttle=ne(this.throttledRequest.bind(this),o,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 Ae({baseURL:s,timeout:e.timeout||0,headers:n,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let s="";return t.attrs.body&&t.attrs.body.forEach(n=>{s+=e(n.component,n)}),{html:s}})}parseParams(e){return e.token||(e.token=this.getToken()),e.cv||(e.cv=S[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,n,o){const i=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,s,n));return this.cacheResponse(e,i,void 0,o)}get(e,t,s){t||(t={});const n=`/${e}`,o=this.factoryParamOptions(n,t);return this.cacheResponse(n,o,void 0,s)}async getAll(e,t,s,n){const o=(t==null?void 0:t.per_page)||25,i=`/${e}`.replace(/\/$/,""),l=s??i.substring(i.lastIndexOf("/")+1),a=1,h=await this.makeRequest(i,t,o,a,n),u=h.total?Math.ceil(h.total/o):1,d=await this.helpers.asyncMap(this.helpers.range(a,u),m=>this.makeRequest(i,t,o,m+1,n));return this.helpers.flatMap([h,...d],m=>Object.values(m.data[l]))}post(e,t,s){const n=`/${e}`;return Promise.resolve(this.throttle("post",n,t,s))}put(e,t,s){const n=`/${e}`;return Promise.resolve(this.throttle("put",n,t,s))}delete(e,t,s){t||(t={});const n=`/${e}`;return Promise.resolve(this.throttle("delete",n,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 n=e[t];n&&n.fieldtype==="multilink"&&n.linktype==="story"&&typeof n.id=="string"&&this.links[s][n.id]?n.story=this._cleanCopy(this.links[s][n.id]):n&&n.linktype==="story"&&typeof n.uuid=="string"&&this.links[s][n.uuid]&&(n.story=this._cleanCopy(this.links[s][n.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 n=e[t];typeof n=="string"?e[t]=this.getStoryReference(s,n):Array.isArray(n)&&(e[t]=n.map(o=>this.getStoryReference(s,o)).filter(Boolean))}_insertRelations(e,t,s,n){if(Array.isArray(s)?s.find(i=>i.endsWith(`.${t}`)):s.endsWith(`.${t}`)){this._resolveField(e,t,n);return}const o=e.component?`${e.component}.${t}`:t;(Array.isArray(s)?s.includes(o):s===o)&&this._resolveField(e,t,n)}iterateTree(e,t,s){const n=(o,i="")=>{if(!(!o||o._stopResolving)){if(Array.isArray(o))o.forEach((l,a)=>n(l,`${i}[${a}]`));else if(typeof o=="object")for(const l in o){const a=i?`${i}.${l}`:l;(o.component&&o._uid||o.type==="link")&&(this._insertRelations(o,l,t,s),this._insertLinks(o,l,s)),n(o[l],a)}}};n(e.content)}async resolveLinks(e,t,s){let n=[];if(e.link_uuids){const o=e.link_uuids.length,i=[],l=50;for(let a=0;a<o;a+=l){const h=Math.min(o,a+l);i.push(e.link_uuids.slice(a,h))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:l,language:t.language,version:t.version,by_uuids:i[a].join(",")})).data.stories.forEach(h=>{n.push(h)})}else n=e.links;n.forEach(o=>{this.links[s][o.uuid]={...o,_stopResolving:!0}})}async resolveRelations(e,t,s){let n=[];if(e.rel_uuids){const o=e.rel_uuids.length,i=[],l=50;for(let a=0;a<o;a+=l){const h=Math.min(o,a+l);i.push(e.rel_uuids.slice(a,h))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:l,language:t.language,version:t.version,by_uuids:i[a].join(","),excluding_fields:t.excluding_fields})).data.stories.forEach(h=>{n.push(h)})}else n=e.rels;n&&n.length>0&&n.forEach(o=>{this.relations[s][o.uuid]={...o,_stopResolving:!0}})}async resolveStories(e,t,s){var n,o;let i=[];if(this.links[s]={},this.relations[s]={},typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(i=t.resolve_relations.split(",")),await this.resolveRelations(e,t,s)),t.resolve_links&&["1","story","url","link"].includes(t.resolve_links)&&((n=e.links)!=null&&n.length||(o=e.link_uuids)!=null&&o.length)&&await this.resolveLinks(e,t,s),this.resolveNestedRelations)for(const l in this.relations[s])this.iterateTree(this.relations[s][l],i,s);e.story?this.iterateTree(e.story,i,s):e.stories.forEach(l=>{this.iterateTree(l,i,s)}),this.stringifiedStoriesCache={},delete this.links[s],delete this.relations[s]}async cacheResponse(e,t,s,n){const o=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(t.version==="published"&&e!=="/cdn/spaces/me"){const l=await i.get(o);if(l)return Promise.resolve(l)}return new Promise(async(l,a)=>{var h;try{const u=await this.throttle("get",e,t,n);if(u.status!==200)return a(u);let d={data:u.data,headers:u.headers};if((h=u.headers)!=null&&h["per-page"]&&(d=Object.assign({},d,{perPage:u.headers["per-page"]?Number.parseInt(u.headers["per-page"]):0,total:u.headers["per-page"]?Number.parseInt(u.headers.total):0})),d.data.story||d.data.stories){const y=this.resolveCounter=++this.resolveCounter%1e3;await this.resolveStories(d.data,t,`${y}`)}t.version==="published"&&e!=="/cdn/spaces/me"&&await i.set(o,d);const m=this.cache.clear==="onpreview"&&t.version==="draft"||this.cache.clear==="auto";return t.token&&d.data.cv&&(m&&S[t.token]&&S[t.token]!==d.data.cv&&await this.flushCache(),S[t.token]=d.data.cv),l(d)}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(l).catch(a);a(u)}})}throttledRequest(e,t,s,n){return this.client.setFetchOptions(n),this.client[e](t,s)}cacheVersions(){return S}cacheVersion(){return S[this.accessToken]}setCacheVersion(e){this.accessToken&&(S[this.accessToken]=e)}clearCacheVersion(){this.accessToken&&(S[this.accessToken]=0)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(A[e])},getAll(){return Promise.resolve(A)},set(e,t){return A[e]=t,Promise.resolve(void 0)},flush(){return A={},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 Pe=(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 Le(e)}},Ce=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 Ne(r,e){if(!e)return{src:r,attrs:{}};let t=0,s=0;const n={},o=[];function i(a,h,u,d,m){typeof a!="number"||a<=h||a>=u?console.warn(`[StoryblokRichText] - ${d.charAt(0).toUpperCase()+d.slice(1)} value must be a number between ${h} and ${u} (inclusive)`):m.push(`${d}(${a})`)}if(typeof e=="object"){if(typeof e.width=="number"&&e.width>0?(n.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?(n.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)&&(n.loading=e.loading),e.class&&(n.class=e.class),e.filters){const{filters:a}=e||{},{blur:h,brightness:u,fill:d,format:m,grayscale:y,quality:b,rotate:_}=a||{};h&&i(h,0,100,"blur",o),b&&i(b,0,100,"quality",o),u&&i(u,0,100,"brightness",o),d&&o.push(`fill(${d})`),y&&o.push("grayscale()"),_&&[0,90,180,270].includes(e.filters.rotate||0)&&o.push(`rotate(${_})`),m&&["webp","png","jpeg"].includes(m)&&o.push(`format(${m})`)}e.srcset&&(n.srcset=e.srcset.map(a=>{if(typeof a=="number")return`${r}/m/${a}x0/${o.length>0?`filters:${o.join(":")}`:""} ${a}w`;if(Array.isArray(a)&&a.length===2){const[h,u]=a;return`${r}/m/${h}x${u}/${o.length>0?`filters:${o.join(":")}`:""} ${h}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),e.sizes&&(n.sizes=e.sizes.join(", "))}let l=`${r}/m/`;return t>0&&s>0&&(l=`${l}${t}x${s}/`),o.length>0&&(l=`${l}filters:${o.join(":")}`),{src:l,attrs:n}}var $=(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))($||{}),T=(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))(T||{}),U=(r=>(r.TEXT="text",r))(U||{}),I=(r=>(r.URL="url",r.STORY="story",r.ASSET="asset",r.EMAIL="email",r))(I||{});const Me=["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(" "),He=(r={})=>Object.keys(r).map(e=>`${e}: ${r[e]}`).join("; ");function ze(r){return r.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}const q=r=>Object.fromEntries(Object.entries(r).filter(([e,t])=>t!==void 0));function F(r,e={},t){const s=Ue(e),n=s?`${r} ${s}`:r,o=Array.isArray(t)?t.join(""):t||"";if(r){if(Me.includes(r))return`<${n}>`}else return o;return`<${n}>${o}</${r}>`}function De(r={}){let e=0;const{renderFn:t=F,textFn:s=ze,resolvers:n={},optimizeImages:o=!1,keyedResolvers:i=!1}=r,l=t!==F,a=c=>g=>{const f=g.attrs||{};return i&&(f.key=`${c}-${e}`),t(c,f,g.children||null)},h=c=>{const{src:g,alt:f,title:k,srcset:R,sizes:v}=c.attrs||{};let w=g,E={};if(o){const{src:Z,attrs:ee}=Ne(g,o);w=Z,E=ee}i&&(E={...E,key:`img-${e}`});const Q={src:w,alt:f,title:k,srcset:R,sizes:v,...E};return t("img",q(Q))},u=c=>{const{level:g,...f}=c.attrs||{},k={...f};return i&&(k.key=`h${g}-${e}`),t(`h${g}`,k,c.children)},d=c=>{var g,f,k,R;const v=t("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"}),w={"data-type":"emoji","data-name":(k=c.attrs)==null?void 0:k.name,"data-emoji":(R=c.attrs)==null?void 0:R.emoji};return i&&(w.key=`emoji-${e}`),t("span",w,v)},m=c=>t("pre",{...c.attrs,key:`code-${e}`},t("code",{key:`code-${e}`},c.children||"")),y=(c,g=!1)=>({text:f,attrs:k})=>{const{class:R,id:v,...w}=k||{},E=g?{class:R,id:v,style:He(w)||void 0}:k||{};return i&&(E.key=`${c}-${e}`),t(c,q(E),f)},b=c=>P(c),_=c=>{const{marks:g,...f}=c;return"text"in c?g?g.reduce((k,R)=>b({...R,text:k}),b({...f,children:f.children})):s(f.text):""},j=c=>{const{linktype:g,href:f,anchor:k,...R}=c.attrs||{};let v="";switch(g){case I.ASSET:case I.URL:v=f;break;case I.EMAIL:v=`mailto:${f}`;break;case I.STORY:v=f,k&&(v=`${v}#${k}`);break;default:v=f;break}const w={...R};return v&&(w.href=v),i&&(w.key=`a-${e}`),t("a",w,c.text)},W=c=>{var g,f;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),t("span",{blok:(g=c==null?void 0:c.attrs)==null?void 0:g.body[0],id:(f=c.attrs)==null?void 0:f.id,key:`component-${e}`,style:"display: none"})},X=new Map([[$.DOCUMENT,a("")],[$.HEADING,u],[$.PARAGRAPH,a("p")],[$.UL_LIST,a("ul")],[$.OL_LIST,a("ol")],[$.LIST_ITEM,a("li")],[$.IMAGE,h],[$.EMOJI,d],[$.CODE_BLOCK,m],[$.HR,a("hr")],[$.BR,a("br")],[$.QUOTE,a("blockquote")],[$.COMPONENT,W],[U.TEXT,_],[T.LINK,j],[T.ANCHOR,j],[T.STYLED,y("span",!0)],[T.BOLD,y("strong")],[T.TEXT_STYLE,y("span",!0)],[T.ITALIC,y("em")],[T.UNDERLINE,y("u")],[T.STRIKE,y("s")],[T.CODE,y("code")],[T.SUPERSCRIPT,y("sup")],[T.SUBSCRIPT,y("sub")],[T.HIGHLIGHT,y("mark")],...Object.entries(n).map(([c,g])=>[c,g])]);function x(c){e+=1;const g=X.get(c.type);if(!g)return console.error("<Storyblok>",`No resolver found for node type ${c.type}`),"";if(c.type==="text")return g(c);const f=c.content?c.content.map(P):void 0;return g({...c,children:f})}function P(c){return c.type==="doc"?l?c.content.map(x):c.content.map(x).join(""):Array.isArray(c)?c.map(x):x(c)}return{render:P}}let N,M="https://app.storyblok.com/f/storyblok-v2-latest.js";const J=(r,e,t={})=>{var s;const n=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",o=new URL((s=window.location)==null?void 0:s.href).searchParams.get("_storyblok"),i=o!==null&&+o===r;if(!(!n||!i)){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"],l=>{var a;l&&(l.action==="input"&&((a=l.story)==null?void 0:a.id)===r?e(l.story):(l.action==="change"||l.action==="published")&&l.storyId===r&&window.location.reload())})})}},K=(r,e)=>{r.addNode("blok",t=>{let s="";return t.attrs.body.forEach(n=>{s+=e(n.component,n)}),{html:s}})},Be=(r={})=>{var e,t;const{bridge:s,accessToken:n,use:o=[],apiOptions:i={},richText:l={},bridgeUrl:a}=r;i.accessToken=i.accessToken||n;const h={bridge:s,apiOptions:i};let u={};o.forEach(m=>{u={...u,...m(h)}}),a&&(M=a);const d=!(typeof window>"u")&&((t=(e=window.location)==null?void 0:e.search)==null?void 0:t.includes("_storyblok_tk"));return s!==!1&&d&&G(M),N=new O(l.schema),l.resolver&&K(N,l.resolver),u},Y=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"))},qe=(r,e,t)=>{let s=t||N;if(!s){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return Y(r)?"":(e&&(s=new O(e.schema),e.resolver&&K(s,e.resolver)),s.render(r,{},!1))},Fe=()=>G(M);exports.BlockTypes=$;exports.MarkTypes=T;exports.RichTextResolver=O;exports.RichTextSchema=V;exports.TextTypes=U;exports.apiPlugin=Pe;exports.isRichTextEmpty=Y;exports.loadStoryblokBridge=Fe;exports.registerStoryblokBridge=J;exports.renderRichText=qe;exports.richTextResolver=De;exports.storyblokEditable=Ce;exports.storyblokInit=Be;exports.useStoryblokBridge=J;
|
|
24
|
+
}`),""}optimizeImages(e,t){let s=0,n=0,o="",i="";typeof t!="boolean"&&(typeof t.width=="number"&&t.width>0&&(o+=`width="${t.width}" `,s=t.width),typeof t.height=="number"&&t.height>0&&(o+=`height="${t.height}" `,n=t.height),(t.loading==="lazy"||t.loading==="eager")&&(o+=`loading="${t.loading}" `),typeof t.class=="string"&&t.class.length>0&&(o+=`class="${t.class}" `),t.filters&&(typeof t.filters.blur=="number"&&t.filters.blur>=0&&t.filters.blur<=100&&(i+=`:blur(${t.filters.blur})`),typeof t.filters.brightness=="number"&&t.filters.brightness>=-100&&t.filters.brightness<=100&&(i+=`:brightness(${t.filters.brightness})`),t.filters.fill&&(t.filters.fill.match(/[0-9A-F]{6}/gi)||t.filters.fill==="transparent")&&(i+=`:fill(${t.filters.fill})`),t.filters.format&&["webp","png","jpeg"].includes(t.filters.format)&&(i+=`:format(${t.filters.format})`),typeof t.filters.grayscale=="boolean"&&t.filters.grayscale&&(i+=":grayscale()"),typeof t.filters.quality=="number"&&t.filters.quality>=0&&t.filters.quality<=100&&(i+=`:quality(${t.filters.quality})`),t.filters.rotate&&[90,180,270].includes(t.filters.rotate)&&(i+=`:rotate(${t.filters.rotate})`),i.length>0&&(i=`/filters${i}`))),o.length>0&&(e=e.replace(/<img/g,`<img ${o.trim()}`));const l=s>0||n>0||i.length>0?`${s}x${n}${i}`:"";return e=e.replace(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g,`a.storyblok.com/f/$1/$2.$3/m/${l}`),typeof t!="boolean"&&(t.sizes||t.srcset)&&(e=e.replace(/<img.*?src=["|'](.*?)["|']/g,a=>{var h,u;const d=a.match(/a.storyblok.com\/f\/(\d+)\/([^.]+)\.(gif|jpg|jpeg|png|tif|bmp)/g);if(d&&d.length>0){const m={srcset:(h=t.srcset)==null?void 0:h.map(b=>{if(typeof b=="number")return`//${d}/m/${b}x0${i} ${b}w`;if(typeof b=="object"&&b.length===2){let _=0,j=0;return typeof b[0]=="number"&&(_=b[0]),typeof b[1]=="number"&&(j=b[1]),`//${d}/m/${_}x${j}${i} ${_}w`}return""}).join(", "),sizes:(u=t.sizes)==null?void 0:u.map(b=>b).join(", ")};let y="";return m.srcset&&(y+=`srcset="${m.srcset}" `),m.sizes&&(y+=`sizes="${m.sizes}" `),a.replace(/<img/g,`<img ${y.trim()}`)}return a})),e}renderNode(e){const t=[];e.marks&&e.marks.forEach(n=>{const o=this.getMatchingMark(n);o&&o.tag!==""&&t.push(this.renderOpeningTag(o.tag))});const s=this.getMatchingNode(e);return s&&s.tag&&t.push(this.renderOpeningTag(s.tag)),e.content?e.content.forEach(n=>{t.push(this.renderNode(n))}):e.text?t.push(xe(e.text)):s&&s.singleTag?t.push(this.renderTag(s.singleTag," /")):s&&s.html?t.push(s.html):e.type==="emoji"&&t.push(this.renderEmoji(e)),s&&s.tag&&t.push(this.renderClosingTag(s.tag)),e.marks&&e.marks.slice(0).reverse().forEach(n=>{const o=this.getMatchingMark(n);o&&o.tag!==""&&t.push(this.renderClosingTag(o.tag))}),t.join("")}renderTag(e,t){return e.constructor===String?`<${e}${t}>`:e.map(s=>{if(s.constructor===String)return`<${s}${t}>`;{let n=`<${s.tag}`;if(s.attrs){for(const o in s.attrs)if(Object.prototype.hasOwnProperty.call(s.attrs,o)){const i=s.attrs[o];i!==null&&(n+=` ${o}="${i}"`)}}return`${n}${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 Ae{constructor(e){p(this,"baseURL"),p(this,"timeout"),p(this,"headers"),p(this,"responseInterceptor"),p(this,"fetch"),p(this,"ejectInterceptor"),p(this,"url"),p(this,"parameters"),p(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(n=>{s.data=n});for(const n of e.headers.entries())t[n[0]]=n[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 a=new L;t=`${this.baseURL}${this.url}?${a.stringify(this.parameters)}`}else s=JSON.stringify(this.parameters);const n=new URL(t),o=new AbortController,{signal:i}=o;let l;this.timeout&&(l=setTimeout(()=>o.abort(),this.timeout));try{const a=await this.fetch(`${n}`,{method:e,headers:this.headers,body:s,signal:i,...this.fetchOptions});this.timeout&&clearTimeout(l);const h=await this._responseHandler(a);return this.responseInterceptor&&!this.ejectInterceptor?this._statusHandler(this.responseInterceptor(h)):this._statusHandler(h)}catch(a){return{message:a}}}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,n)=>{if(t.test(`${e.status}`))return s(e);const o={message:e.statusText,status:e.status,response:Array.isArray(e.data)?e.data[0]:e.data.error||e.data.slug};n(o)})}}const B="SB-Agent",C={defaultAgentName:"SB-JS-CLIENT",defaultAgentVersion:"SB-Agent-Version",packageVersion:"6.0.0"};let A={};const S={};class Le{constructor(e,t){p(this,"client"),p(this,"maxRetries"),p(this,"retriesDelay"),p(this,"throttle"),p(this,"accessToken"),p(this,"cache"),p(this,"helpers"),p(this,"resolveCounter"),p(this,"relations"),p(this,"links"),p(this,"richTextResolver"),p(this,"resolveNestedRelations"),p(this,"stringifiedStoriesCache");let s=e.endpoint||t;if(!s){const i=new L().getRegionURL,l=e.https===!1?"http":"https";e.oauthToken?s=`${l}://${i(e.region)}/v1`:s=`${l}://${i(e.region)}/v2`}const n=new Headers;n.set("Content-Type","application/json"),n.set("Accept","application/json"),e.headers&&(e.headers.constructor.name==="Headers"?e.headers.entries().toArray():Object.entries(e.headers)).forEach(([i,l])=>{n.set(i,l)}),n.has(B)||(n.set(B,C.defaultAgentName),n.set(C.defaultAgentVersion,C.packageVersion));let o=5;e.oauthToken&&(n.set("Authorization",e.oauthToken),o=3),e.rateLimit&&(o=e.rateLimit),e.richTextSchema?this.richTextResolver=new O(e.richTextSchema):this.richTextResolver=new O,e.componentResolver&&this.setComponentResolver(e.componentResolver),this.maxRetries=e.maxRetries||10,this.retriesDelay=300,this.throttle=ne(this.throttledRequest.bind(this),o,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 Ae({baseURL:s,timeout:e.timeout||0,headers:n,responseInterceptor:e.responseInterceptor,fetch:e.fetch})}setComponentResolver(e){this.richTextResolver.addNode("blok",t=>{let s="";return t.attrs.body&&t.attrs.body.forEach(n=>{s+=e(n.component,n)}),{html:s}})}parseParams(e){return e.token||(e.token=this.getToken()),e.cv||(e.cv=S[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,n,o){const i=this.factoryParamOptions(e,this.helpers.getOptionsPage(t,s,n));return this.cacheResponse(e,i,void 0,o)}get(e,t,s){t||(t={});const n=`/${e}`,o=this.factoryParamOptions(n,t);return this.cacheResponse(n,o,void 0,s)}async getAll(e,t,s,n){const o=(t==null?void 0:t.per_page)||25,i=`/${e}`.replace(/\/$/,""),l=s??i.substring(i.lastIndexOf("/")+1),a=1,h=await this.makeRequest(i,t,o,a,n),u=h.total?Math.ceil(h.total/o):1,d=await this.helpers.asyncMap(this.helpers.range(a,u),m=>this.makeRequest(i,t,o,m+1,n));return this.helpers.flatMap([h,...d],m=>Object.values(m.data[l]))}post(e,t,s){const n=`/${e}`;return Promise.resolve(this.throttle("post",n,t,s))}put(e,t,s){const n=`/${e}`;return Promise.resolve(this.throttle("put",n,t,s))}delete(e,t,s){t||(t={});const n=`/${e}`;return Promise.resolve(this.throttle("delete",n,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 n=e[t];n&&n.fieldtype==="multilink"&&n.linktype==="story"&&typeof n.id=="string"&&this.links[s][n.id]?n.story=this._cleanCopy(this.links[s][n.id]):n&&n.linktype==="story"&&typeof n.uuid=="string"&&this.links[s][n.uuid]&&(n.story=this._cleanCopy(this.links[s][n.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 n=e[t];typeof n=="string"?e[t]=this.getStoryReference(s,n):Array.isArray(n)&&(e[t]=n.map(o=>this.getStoryReference(s,o)).filter(Boolean))}_insertRelations(e,t,s,n){if(Array.isArray(s)?s.find(i=>i.endsWith(`.${t}`)):s.endsWith(`.${t}`)){this._resolveField(e,t,n);return}const o=e.component?`${e.component}.${t}`:t;(Array.isArray(s)?s.includes(o):s===o)&&this._resolveField(e,t,n)}iterateTree(e,t,s){const n=(o,i="")=>{if(!(!o||o._stopResolving)){if(Array.isArray(o))o.forEach((l,a)=>n(l,`${i}[${a}]`));else if(typeof o=="object")for(const l in o){const a=i?`${i}.${l}`:l;(o.component&&o._uid||o.type==="link")&&(this._insertRelations(o,l,t,s),this._insertLinks(o,l,s)),n(o[l],a)}}};n(e.content)}async resolveLinks(e,t,s){let n=[];if(e.link_uuids){const o=e.link_uuids.length,i=[],l=50;for(let a=0;a<o;a+=l){const h=Math.min(o,a+l);i.push(e.link_uuids.slice(a,h))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:l,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:i[a].join(",")})).data.stories.forEach(h=>{n.push(h)})}else n=e.links;n.forEach(o=>{this.links[s][o.uuid]={...o,_stopResolving:!0}})}async resolveRelations(e,t,s){let n=[];if(e.rel_uuids){const o=e.rel_uuids.length,i=[],l=50;for(let a=0;a<o;a+=l){const h=Math.min(o,a+l);i.push(e.rel_uuids.slice(a,h))}for(let a=0;a<i.length;a++)(await this.getStories({per_page:l,language:t.language,version:t.version,starts_with:t.starts_with,by_uuids:i[a].join(","),excluding_fields:t.excluding_fields})).data.stories.forEach(h=>{n.push(h)})}else n=e.rels;n&&n.length>0&&n.forEach(o=>{this.relations[s][o.uuid]={...o,_stopResolving:!0}})}async resolveStories(e,t,s){var n,o;let i=[];if(this.links[s]={},this.relations[s]={},typeof t.resolve_relations<"u"&&t.resolve_relations.length>0&&(typeof t.resolve_relations=="string"&&(i=t.resolve_relations.split(",")),await this.resolveRelations(e,t,s)),t.resolve_links&&["1","story","url","link"].includes(t.resolve_links)&&((n=e.links)!=null&&n.length||(o=e.link_uuids)!=null&&o.length)&&await this.resolveLinks(e,t,s),this.resolveNestedRelations)for(const l in this.relations[s])this.iterateTree(this.relations[s][l],i,s);e.story?this.iterateTree(e.story,i,s):e.stories.forEach(l=>{this.iterateTree(l,i,s)}),this.stringifiedStoriesCache={},delete this.links[s],delete this.relations[s]}async cacheResponse(e,t,s,n){const o=this.helpers.stringify({url:e,params:t}),i=this.cacheProvider();if(t.version==="published"&&e!=="/cdn/spaces/me"){const l=await i.get(o);if(l)return Promise.resolve(l)}return new Promise(async(l,a)=>{var h;try{const u=await this.throttle("get",e,t,n);if(u.status!==200)return a(u);let d={data:u.data,headers:u.headers};if((h=u.headers)!=null&&h["per-page"]&&(d=Object.assign({},d,{perPage:u.headers["per-page"]?Number.parseInt(u.headers["per-page"]):0,total:u.headers["per-page"]?Number.parseInt(u.headers.total):0})),d.data.story||d.data.stories){const y=this.resolveCounter=++this.resolveCounter%1e3;await this.resolveStories(d.data,t,`${y}`)}t.version==="published"&&e!=="/cdn/spaces/me"&&await i.set(o,d);const m=this.cache.clear==="onpreview"&&t.version==="draft"||this.cache.clear==="auto";return t.token&&d.data.cv&&(m&&S[t.token]&&S[t.token]!==d.data.cv&&await this.flushCache(),S[t.token]=d.data.cv),l(d)}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(l).catch(a);a(u)}})}throttledRequest(e,t,s,n){return this.client.setFetchOptions(n),this.client[e](t,s)}cacheVersions(){return S}cacheVersion(){return S[this.accessToken]}setCacheVersion(e){this.accessToken&&(S[this.accessToken]=e)}clearCacheVersion(){this.accessToken&&(S[this.accessToken]=0)}cacheProvider(){switch(this.cache.type){case"memory":return{get(e){return Promise.resolve(A[e])},getAll(){return Promise.resolve(A)},set(e,t){return A[e]=t,Promise.resolve(void 0)},flush(){return A={},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 Pe=(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 Le(e)}},Ce=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 Ne(r,e){if(!e)return{src:r,attrs:{}};let t=0,s=0;const n={},o=[];function i(a,h,u,d,m){typeof a!="number"||a<=h||a>=u?console.warn(`[StoryblokRichText] - ${d.charAt(0).toUpperCase()+d.slice(1)} value must be a number between ${h} and ${u} (inclusive)`):m.push(`${d}(${a})`)}if(typeof e=="object"){if(typeof e.width=="number"&&e.width>0?(n.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?(n.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)&&(n.loading=e.loading),e.class&&(n.class=e.class),e.filters){const{filters:a}=e||{},{blur:h,brightness:u,fill:d,format:m,grayscale:y,quality:b,rotate:_}=a||{};h&&i(h,0,100,"blur",o),b&&i(b,0,100,"quality",o),u&&i(u,0,100,"brightness",o),d&&o.push(`fill(${d})`),y&&o.push("grayscale()"),_&&[0,90,180,270].includes(e.filters.rotate||0)&&o.push(`rotate(${_})`),m&&["webp","png","jpeg"].includes(m)&&o.push(`format(${m})`)}e.srcset&&(n.srcset=e.srcset.map(a=>{if(typeof a=="number")return`${r}/m/${a}x0/${o.length>0?`filters:${o.join(":")}`:""} ${a}w`;if(Array.isArray(a)&&a.length===2){const[h,u]=a;return`${r}/m/${h}x${u}/${o.length>0?`filters:${o.join(":")}`:""} ${h}w`}else{console.warn("[StoryblokRichText] - srcset entry must be a number or a tuple of two numbers");return}}).join(", ")),e.sizes&&(n.sizes=e.sizes.join(", "))}let l=`${r}/m/`;return t>0&&s>0&&(l=`${l}${t}x${s}/`),o.length>0&&(l=`${l}filters:${o.join(":")}`),{src:l,attrs:n}}var $=(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))($||{}),T=(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))(T||{}),U=(r=>(r.TEXT="text",r))(U||{}),I=(r=>(r.URL="url",r.STORY="story",r.ASSET="asset",r.EMAIL="email",r))(I||{});const Me=["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(" "),He=(r={})=>Object.keys(r).map(e=>`${e}: ${r[e]}`).join("; ");function ze(r){return r.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}const q=r=>Object.fromEntries(Object.entries(r).filter(([e,t])=>t!==void 0));function F(r,e={},t){const s=Ue(e),n=s?`${r} ${s}`:r,o=Array.isArray(t)?t.join(""):t||"";if(r){if(Me.includes(r))return`<${n}>`}else return o;return`<${n}>${o}</${r}>`}function De(r={}){let e=0;const{renderFn:t=F,textFn:s=ze,resolvers:n={},optimizeImages:o=!1,keyedResolvers:i=!1}=r,l=t!==F,a=c=>g=>{const f=g.attrs||{};return i&&(f.key=`${c}-${e}`),t(c,f,g.children||null)},h=c=>{const{src:g,alt:f,title:k,srcset:R,sizes:v}=c.attrs||{};let w=g,E={};if(o){const{src:Z,attrs:ee}=Ne(g,o);w=Z,E=ee}i&&(E={...E,key:`img-${e}`});const Q={src:w,alt:f,title:k,srcset:R,sizes:v,...E};return t("img",q(Q))},u=c=>{const{level:g,...f}=c.attrs||{},k={...f};return i&&(k.key=`h${g}-${e}`),t(`h${g}`,k,c.children)},d=c=>{var g,f,k,R;const v=t("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"}),w={"data-type":"emoji","data-name":(k=c.attrs)==null?void 0:k.name,"data-emoji":(R=c.attrs)==null?void 0:R.emoji};return i&&(w.key=`emoji-${e}`),t("span",w,v)},m=c=>t("pre",{...c.attrs,key:`code-${e}`},t("code",{key:`code-${e}`},c.children||"")),y=(c,g=!1)=>({text:f,attrs:k})=>{const{class:R,id:v,...w}=k||{},E=g?{class:R,id:v,style:He(w)||void 0}:k||{};return i&&(E.key=`${c}-${e}`),t(c,q(E),f)},b=c=>P(c),_=c=>{const{marks:g,...f}=c;return"text"in c?g?g.reduce((k,R)=>b({...R,text:k}),b({...f,children:f.children})):s(f.text):""},j=c=>{const{linktype:g,href:f,anchor:k,...R}=c.attrs||{};let v="";switch(g){case I.ASSET:case I.URL:v=f;break;case I.EMAIL:v=`mailto:${f}`;break;case I.STORY:v=f,k&&(v=`${v}#${k}`);break;default:v=f;break}const w={...R};return v&&(w.href=v),i&&(w.key=`a-${e}`),t("a",w,c.text)},W=c=>{var g,f;return console.warn("[StoryblokRichtText] - BLOK resolver is not available for vanilla usage"),t("span",{blok:(g=c==null?void 0:c.attrs)==null?void 0:g.body[0],id:(f=c.attrs)==null?void 0:f.id,key:`component-${e}`,style:"display: none"})},X=new Map([[$.DOCUMENT,a("")],[$.HEADING,u],[$.PARAGRAPH,a("p")],[$.UL_LIST,a("ul")],[$.OL_LIST,a("ol")],[$.LIST_ITEM,a("li")],[$.IMAGE,h],[$.EMOJI,d],[$.CODE_BLOCK,m],[$.HR,a("hr")],[$.BR,a("br")],[$.QUOTE,a("blockquote")],[$.COMPONENT,W],[U.TEXT,_],[T.LINK,j],[T.ANCHOR,j],[T.STYLED,y("span",!0)],[T.BOLD,y("strong")],[T.TEXT_STYLE,y("span",!0)],[T.ITALIC,y("em")],[T.UNDERLINE,y("u")],[T.STRIKE,y("s")],[T.CODE,y("code")],[T.SUPERSCRIPT,y("sup")],[T.SUBSCRIPT,y("sub")],[T.HIGHLIGHT,y("mark")],...Object.entries(n).map(([c,g])=>[c,g])]);function x(c){e+=1;const g=X.get(c.type);if(!g)return console.error("<Storyblok>",`No resolver found for node type ${c.type}`),"";if(c.type==="text")return g(c);const f=c.content?c.content.map(P):void 0;return g({...c,children:f})}function P(c){return c.type==="doc"?l?c.content.map(x):c.content.map(x).join(""):Array.isArray(c)?c.map(x):x(c)}return{render:P}}let N,M="https://app.storyblok.com/f/storyblok-v2-latest.js";const J=(r,e,t={})=>{var s;const n=!(typeof window>"u")&&typeof window.storyblokRegisterEvent<"u",o=new URL((s=window.location)==null?void 0:s.href).searchParams.get("_storyblok"),i=o!==null&&+o===r;if(!(!n||!i)){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"],l=>{var a;l&&(l.action==="input"&&((a=l.story)==null?void 0:a.id)===r?e(l.story):(l.action==="change"||l.action==="published")&&l.storyId===r&&window.location.reload())})})}},K=(r,e)=>{r.addNode("blok",t=>{let s="";return t.attrs.body.forEach(n=>{s+=e(n.component,n)}),{html:s}})},Be=(r={})=>{var e,t;const{bridge:s,accessToken:n,use:o=[],apiOptions:i={},richText:l={},bridgeUrl:a}=r;i.accessToken=i.accessToken||n;const h={bridge:s,apiOptions:i};let u={};o.forEach(m=>{u={...u,...m(h)}}),a&&(M=a);const d=!(typeof window>"u")&&((t=(e=window.location)==null?void 0:e.search)==null?void 0:t.includes("_storyblok_tk"));return s!==!1&&d&&G(M),N=new O(l.schema),l.resolver&&K(N,l.resolver),u},Y=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"))},qe=(r,e,t)=>{let s=t||N;if(!s){console.error("Please initialize the Storyblok SDK before calling the renderRichText function");return}return Y(r)?"":(e&&(s=new O(e.schema),e.resolver&&K(s,e.resolver)),s.render(r,{},!1))},Fe=()=>G(M);exports.BlockTypes=$;exports.MarkTypes=T;exports.RichTextResolver=O;exports.RichTextSchema=V;exports.TextTypes=U;exports.apiPlugin=Pe;exports.isRichTextEmpty=Y;exports.loadStoryblokBridge=Fe;exports.registerStoryblokBridge=J;exports.renderRichText=qe;exports.richTextResolver=De;exports.storyblokEditable=Ce;exports.storyblokInit=Be;exports.useStoryblokBridge=J;
|
package/dist/storyblok-js.mjs
CHANGED
|
@@ -218,7 +218,7 @@ const re = function(r, e) {
|
|
|
218
218
|
attrs: r.attrs
|
|
219
219
|
}
|
|
220
220
|
]
|
|
221
|
-
}),
|
|
221
|
+
}), Ee = (r) => {
|
|
222
222
|
var e;
|
|
223
223
|
return (e = r.attrs) != null && e.color ? {
|
|
224
224
|
tag: [
|
|
@@ -232,7 +232,7 @@ const re = function(r, e) {
|
|
|
232
232
|
} : {
|
|
233
233
|
tag: ""
|
|
234
234
|
};
|
|
235
|
-
},
|
|
235
|
+
}, Se = (r) => {
|
|
236
236
|
var e;
|
|
237
237
|
return (e = r.attrs) != null && e.color ? {
|
|
238
238
|
tag: [
|
|
@@ -272,8 +272,8 @@ const re = function(r, e) {
|
|
|
272
272
|
subscript: we,
|
|
273
273
|
superscript: Re,
|
|
274
274
|
anchor: _e,
|
|
275
|
-
highlight:
|
|
276
|
-
textStyle:
|
|
275
|
+
highlight: Ee,
|
|
276
|
+
textStyle: Se
|
|
277
277
|
}
|
|
278
278
|
}, Ie = function(r) {
|
|
279
279
|
const e = {
|
|
@@ -520,7 +520,7 @@ const D = "SB-Agent", C = {
|
|
|
520
520
|
packageVersion: "6.0.0"
|
|
521
521
|
};
|
|
522
522
|
let O = {};
|
|
523
|
-
const
|
|
523
|
+
const E = {};
|
|
524
524
|
class Oe {
|
|
525
525
|
/**
|
|
526
526
|
*
|
|
@@ -565,7 +565,7 @@ class Oe {
|
|
|
565
565
|
});
|
|
566
566
|
}
|
|
567
567
|
parseParams(e) {
|
|
568
|
-
return e.token || (e.token = this.getToken()), e.cv || (e.cv =
|
|
568
|
+
return e.token || (e.token = this.getToken()), e.cv || (e.cv = E[e.token]), Array.isArray(e.resolve_relations) && (e.resolve_relations = e.resolve_relations.join(",")), typeof e.resolve_relations < "u" && (e.resolve_level = 2), e;
|
|
569
569
|
}
|
|
570
570
|
factoryParamOptions(e, t) {
|
|
571
571
|
return this.helpers.isCDNUrl(e) ? this.parseParams(t) : t;
|
|
@@ -719,6 +719,7 @@ class Oe {
|
|
|
719
719
|
per_page: l,
|
|
720
720
|
language: t.language,
|
|
721
721
|
version: t.version,
|
|
722
|
+
starts_with: t.starts_with,
|
|
722
723
|
by_uuids: i[a].join(",")
|
|
723
724
|
})).data.stories.forEach(
|
|
724
725
|
(h) => {
|
|
@@ -747,6 +748,7 @@ class Oe {
|
|
|
747
748
|
per_page: l,
|
|
748
749
|
language: t.language,
|
|
749
750
|
version: t.version,
|
|
751
|
+
starts_with: t.starts_with,
|
|
750
752
|
by_uuids: i[a].join(","),
|
|
751
753
|
excluding_fields: t.excluding_fields
|
|
752
754
|
})).data.stories.forEach((h) => {
|
|
@@ -812,7 +814,7 @@ class Oe {
|
|
|
812
814
|
}
|
|
813
815
|
t.version === "published" && e !== "/cdn/spaces/me" && await i.set(o, d);
|
|
814
816
|
const m = this.cache.clear === "onpreview" && t.version === "draft" || this.cache.clear === "auto";
|
|
815
|
-
return t.token && d.data.cv && (m &&
|
|
817
|
+
return t.token && d.data.cv && (m && E[t.token] && E[t.token] !== d.data.cv && await this.flushCache(), E[t.token] = d.data.cv), l(d);
|
|
816
818
|
} catch (u) {
|
|
817
819
|
if (u.response && u.status === 429 && (s = typeof s > "u" ? 0 : s + 1, s < this.maxRetries))
|
|
818
820
|
return console.log(
|
|
@@ -826,16 +828,16 @@ class Oe {
|
|
|
826
828
|
return this.client.setFetchOptions(n), this.client[e](t, s);
|
|
827
829
|
}
|
|
828
830
|
cacheVersions() {
|
|
829
|
-
return
|
|
831
|
+
return E;
|
|
830
832
|
}
|
|
831
833
|
cacheVersion() {
|
|
832
|
-
return
|
|
834
|
+
return E[this.accessToken];
|
|
833
835
|
}
|
|
834
836
|
setCacheVersion(e) {
|
|
835
|
-
this.accessToken && (
|
|
837
|
+
this.accessToken && (E[this.accessToken] = e);
|
|
836
838
|
}
|
|
837
839
|
clearCacheVersion() {
|
|
838
|
-
this.accessToken && (
|
|
840
|
+
this.accessToken && (E[this.accessToken] = 0);
|
|
839
841
|
}
|
|
840
842
|
cacheProvider() {
|
|
841
843
|
switch (this.cache.type) {
|
|
@@ -976,13 +978,13 @@ function ze(r = {}) {
|
|
|
976
978
|
return i && (f.key = `${c}-${e}`), t(c, f, g.children || null);
|
|
977
979
|
}, h = (c) => {
|
|
978
980
|
const { src: g, alt: f, title: k, srcset: R, sizes: $ } = c.attrs || {};
|
|
979
|
-
let w = g,
|
|
981
|
+
let w = g, S = {};
|
|
980
982
|
if (o) {
|
|
981
983
|
const { src: W, attrs: X } = Ae(g, o);
|
|
982
|
-
w = W,
|
|
984
|
+
w = W, S = X;
|
|
983
985
|
}
|
|
984
|
-
i && (
|
|
985
|
-
...
|
|
986
|
+
i && (S = {
|
|
987
|
+
...S,
|
|
986
988
|
key: `img-${e}`
|
|
987
989
|
});
|
|
988
990
|
const Y = {
|
|
@@ -991,7 +993,7 @@ function ze(r = {}) {
|
|
|
991
993
|
title: k,
|
|
992
994
|
srcset: R,
|
|
993
995
|
sizes: $,
|
|
994
|
-
...
|
|
996
|
+
...S
|
|
995
997
|
};
|
|
996
998
|
return t("img", B(Y));
|
|
997
999
|
}, u = (c) => {
|
|
@@ -1017,12 +1019,12 @@ function ze(r = {}) {
|
|
|
1017
1019
|
...c.attrs,
|
|
1018
1020
|
key: `code-${e}`
|
|
1019
1021
|
}, t("code", { key: `code-${e}` }, c.children || "")), y = (c, g = !1) => ({ text: f, attrs: k }) => {
|
|
1020
|
-
const { class: R, id: $, ...w } = k || {},
|
|
1022
|
+
const { class: R, id: $, ...w } = k || {}, S = g ? {
|
|
1021
1023
|
class: R,
|
|
1022
1024
|
id: $,
|
|
1023
1025
|
style: Ce(w) || void 0
|
|
1024
1026
|
} : k || {};
|
|
1025
|
-
return i && (
|
|
1027
|
+
return i && (S.key = `${c}-${e}`), t(c, B(S), f);
|
|
1026
1028
|
}, b = (c) => P(c), _ = (c) => {
|
|
1027
1029
|
const { marks: g, ...f } = c;
|
|
1028
1030
|
return "text" in c ? g ? g.reduce(
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storyblok/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.4.
|
|
4
|
+
"version": "4.4.3",
|
|
5
5
|
"private": false,
|
|
6
6
|
"packageManager": "pnpm@10.2.0",
|
|
7
7
|
"description": "SDK to integrate Storyblok into your project using React.",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"react-dom": "^17 || ^18 || ^19"
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@storyblok/js": "3.2.
|
|
61
|
+
"@storyblok/js": "3.2.5"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@babel/core": "^7.26.7",
|