@flyo/nitro-astro 1.2.2 → 1.3.0

package/README.md

@@ -1,5 +1,5 @@
 # nitro-astro
-Flyo Nitro for Astro Framework
+Flyo Nitro for Astro Framework [foo]
 
 ## Install
 

package/cdn.ts

@@ -32,6 +32,8 @@ const service: ExternalImageService = {
     const { ...attributes } = options;
     return {
       ...attributes,
+      width: options.width ?? null, // width and height are required to prevent CLS and enable lazy loading for chrome.
+      height: options.height ?? null, // width and height are required to prevent CLS and enable lazy loading for chrome.
       loading: options.loading ?? 'lazy',
       decoding: options.decoding ?? 'async',
     };

package/components/FlyoNitroBlock.astro

@@ -25,6 +25,6 @@ if (componentFound) {
 
 ---
 
-<div onclick={`openBlockInFlyo('${block.uid}')`}>
-    {Component && <Component block={block} {...props} />}
-</div>
+{
+    Component && <Component block={block} {...props} />
+}

package/components/FlyoNitroPage.astro

@@ -2,6 +2,7 @@
 import { Page } from '@flyo/nitro-typescript';
 import FlyoNitroBlock from './FlyoNitroBlock.astro';
 
+
 interface Props {
     page: Page;
 }

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import type { AstroIntegration } from "astro";
-import { Configuration, ConfigApi, EntitiesApi, PagesApi, SearchApi, SitemapApi, VersionApi } from '@flyo/nitro-typescript';
+import { Configuration, ConfigApi, EntitiesApi, PagesApi, SearchApi, SitemapApi, VersionApi, Block } from '@flyo/nitro-typescript';
 export type IntegrationOptions = {
     accessToken: string;
-    liveEdit: boolean;
+    liveEdit: any;
     componentsDir: string;
     components: object;
     fallbackComponent?: string;
@@ -14,4 +14,5 @@ export declare function usePagesApi(): PagesApi;
 export declare function useSearchApi(): SearchApi;
 export declare function useSitemapApi(): SitemapApi;
 export declare function useVersionApi(): VersionApi;
+export declare function editableBlock(block: Block): object;
 export default function flyoNitroIntegration(options: IntegrationOptions): AstroIntegration;

package/dist/nitro-astro.js

@@ -1,12 +1,12 @@
-(function(l,h){typeof exports=="object"&&typeof module<"u"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(l=typeof globalThis<"u"?globalThis:l||self,h(l.flyoNitroIntegration={}))})(this,function(l){"use strict";const h="https://api.flyo.cloud/nitro/v1".replace(/\/+$/,"");class U{constructor(i={}){this.configuration=i}set config(i){this.configuration=i}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:h}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||q}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const i=this.configuration.apiKey;if(i)return typeof i=="function"?i:()=>i}get accessToken(){const i=this.configuration.accessToken;if(i)return typeof i=="function"?i:async()=>i}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const L=new U,_=class P{constructor(i=L){this.configuration=i,this.fetchApi=async(t,r)=>{let a={url:t,init:r};for(const s of this.middleware)s.pre&&(a=await s.pre({fetch:this.fetchApi,...a})||a);let o;try{o=await(this.configuration.fetchApi||fetch)(a.url,a.init)}catch(s){for(const u of this.middleware)u.onError&&(o=await u.onError({fetch:this.fetchApi,url:a.url,init:a.init,error:s,response:o?o.clone():void 0})||o);if(o===void 0)throw s instanceof Error?new O(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(o=await s.post({fetch:this.fetchApi,url:a.url,init:a.init,response:o.clone()})||o);return o},this.middleware=i.middleware}withMiddleware(...i){const t=this.clone();return t.middleware=t.middleware.concat(...i),t}withPreMiddleware(...i){const t=i.map(r=>({pre:r}));return this.withMiddleware(...t)}withPostMiddleware(...i){const t=i.map(r=>({post:r}));return this.withMiddleware(...t)}isJsonMime(i){return i?P.jsonRegex.test(i):!1}async request(i,t){const{url:r,init:a}=await this.createFetchParams(i,t),o=await this.fetchApi(r,a);if(o&&o.status>=200&&o.status<300)return o;throw new N(o,"Response returned an error code")}async createFetchParams(i,t){let r=this.configuration.basePath+i.path;i.query!==void 0&&Object.keys(i.query).length!==0&&(r+="?"+this.configuration.queryParamsStringify(i.query));const a=Object.assign({},this.configuration.headers,i.headers);Object.keys(a).forEach(g=>a[g]===void 0?delete a[g]:{});const o=typeof t=="function"?t:async()=>t,s={method:i.method,headers:a,body:i.body,credentials:this.configuration.credentials},u={...s,...await o({init:s,context:i})};let c;K(u.body)||u.body instanceof URLSearchParams||x(u.body)?c=u.body:this.isJsonMime(a["Content-Type"])?c=JSON.stringify(u.body):c=u.body;const d={...u,body:c};return{url:r,init:d}}clone(){const i=this.constructor,t=new i(this.configuration);return t.middleware=this.middleware.slice(),t}};_.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");let y=_;function x(e){return typeof Blob<"u"&&e instanceof Blob}function K(e){return typeof FormData<"u"&&e instanceof FormData}class N extends Error{constructor(i,t){super(t),this.response=i,this.name="ResponseError"}}class O extends Error{constructor(i,t){super(t),this.cause=i,this.name="FetchError"}}class v extends Error{constructor(i,t){super(t),this.field=i,this.name="RequiredError"}}function n(e,i){return e[i]!=null}function q(e,i=""){return Object.keys(e).map(t=>b(t,e[t],i)).filter(t=>t.length>0).join("&")}function b(e,i,t=""){const r=t+(t.length?`[${e}]`:e);if(i instanceof Array){const a=i.map(o=>encodeURIComponent(String(o))).join(`&${encodeURIComponent(r)}=`);return`${encodeURIComponent(r)}=${a}`}if(i instanceof Set){const a=Array.from(i);return b(e,a,t)}return i instanceof Date?`${encodeURIComponent(r)}=${encodeURIComponent(i.toISOString())}`:i instanceof Object?q(i,r):`${encodeURIComponent(r)}=${encodeURIComponent(String(i))}`}function m(e,i){return Object.keys(e).reduce((t,r)=>({...t,[r]:i(e[r])}),{})}class f{constructor(i,t=r=>r){this.raw=i,this.transformer=t}async value(){return this.transformer(await this.raw.json())}}function $(e){return M(e)}function M(e,i){return e==null?e:{identifier:n(e,"identifier")?e.identifier:void 0,content:n(e,"content")?e.content.map(R):void 0}}function R(e){return F(e)}function F(e,i){return e==null?e:{items:n(e,"items")?e.items:void 0,content:n(e,"content")?e.content:void 0,config:n(e,"config")?e.config:void 0,identifier:n(e,"identifier")?e.identifier:void 0,uid:n(e,"uid")?e.uid:void 0,component:n(e,"component")?e.component:void 0,slots:n(e,"slots")?m(e.slots,$):void 0}}function E(e){return B(e)}function B(e,i){return e==null?e:{type:n(e,"type")?e.type:void 0,target:n(e,"target")?e.target:void 0,label:n(e,"label")?e.label:void 0,href:n(e,"href")?e.href:void 0,slug:n(e,"slug")?e.slug:void 0,properties:n(e,"properties")?e.properties:void 0,children:n(e,"children")?e.children.map(E):void 0}}function D(e){return G(e)}function G(e,i){return e==null?e:{items:n(e,"items")?e.items.map(E):void 0,uid:n(e,"uid")?e.uid:void 0,identifier:n(e,"identifier")?e.identifier:void 0,label:n(e,"label")?e.label:void 0}}function J(e){return V(e)}function V(e,i){return e==null?e:{domain:n(e,"domain")?e.domain:void 0,slug:n(e,"slug")?e.slug:void 0,version:n(e,"version")?e.version:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0,language:n(e,"language")?e.language:void 0}}function W(e){return z(e)}function z(e,i){return e==null?e:{nitro:n(e,"nitro")?J(e.nitro):void 0,pages:n(e,"pages")?e.pages:void 0,containers:n(e,"containers")?m(e.containers,D):void 0,globals:n(e,"globals")?e.globals:void 0}}function H(e){return X(e)}function X(e,i){return e==null?e:{api:n(e,"api")?e.api:void 0,image:n(e,"image")?e.image:void 0}}function Z(e){return Q(e)}function Q(e,i){return e==null?e:{_version:n(e,"_version")?e._version:void 0,entity_metric:n(e,"entity_metric")?H(e.entity_metric):void 0,entity_unique_id:n(e,"entity_unique_id")?e.entity_unique_id:void 0,entity_id:n(e,"entity_id")?e.entity_id:void 0,entity_image:n(e,"entity_image")?e.entity_image:void 0,entity_slug:n(e,"entity_slug")?e.entity_slug:void 0,entity_teaser:n(e,"entity_teaser")?e.entity_teaser:void 0,entity_time_end:n(e,"entity_time_end")?e.entity_time_end:void 0,entity_time_start:n(e,"entity_time_start")?e.entity_time_start:void 0,entity_title:n(e,"entity_title")?e.entity_title:void 0,entity_type:n(e,"entity_type")?e.entity_type:void 0,entity_type_id:n(e,"entity_type_id")?e.entity_type_id:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0,routes:n(e,"routes")?e.routes:void 0}}function C(e){return Y(e)}function Y(e,i){return e==null?e:{entity:n(e,"entity")?Z(e.entity):void 0,model:n(e,"model")?e.model:void 0,language:n(e,"language")?e.language:void 0,jsonld:n(e,"jsonld")?e.jsonld:void 0}}function A(e){return ee(e)}function ee(e,i){return e==null?e:{entity_unique_id:n(e,"entity_unique_id")?e.entity_unique_id:void 0,entity_title:n(e,"entity_title")?e.entity_title:void 0,entity_teaser:n(e,"entity_teaser")?e.entity_teaser:void 0,entity_slug:n(e,"entity_slug")?e.entity_slug:void 0,entity_time_start:n(e,"entity_time_start")?e.entity_time_start:void 0,entity_type:n(e,"entity_type")?e.entity_type:void 0,entity_type_id:n(e,"entity_type_id")?e.entity_type_id:void 0,entity_image:n(e,"entity_image")?e.entity_image:void 0,routes:n(e,"routes")?e.routes:void 0}}function ie(e){return te(e)}function te(e,i){return e==null?e:{description:n(e,"description")?e.description:void 0,image:n(e,"image")?e.image:void 0,title:n(e,"title")?e.title:void 0}}function ne(e){return oe(e)}function oe(e,i){return e==null?e:{slug:n(e,"slug")?e.slug:void 0,title:n(e,"title")?e.title:void 0}}function re(e){return ae(e)}function ae(e,i){return e==null?e:{value:n(e,"value")?e.value:void 0,navigation:n(e,"navigation")?e.navigation:void 0,propagate:n(e,"propagate")?e.propagate:void 0}}function I(e){return se(e)}function se(e,i){return e==null?e:{id:n(e,"id")?e.id:void 0,title:n(e,"title")?e.title:void 0,href:n(e,"href")?e.href:void 0,slug:n(e,"slug")?e.slug:void 0,json:n(e,"json")?e.json.map(R):void 0,depth:n(e,"depth")?e.depth:void 0,is_home:n(e,"is_home")?e.is_home:void 0,created_at:n(e,"created_at")?e.created_at:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0,is_visible:n(e,"is_visible")?e.is_visible:void 0,meta_json:n(e,"meta_json")?ie(e.meta_json):void 0,properties:n(e,"properties")?m(e.properties,re):void 0,uid:n(e,"uid")?e.uid:void 0,type:n(e,"type")?e.type:void 0,target:n(e,"target")?e.target:void 0,container:n(e,"container")?e.container:void 0,breadcrumb:n(e,"breadcrumb")?e.breadcrumb.map(ne):void 0}}function ue(e){return ce(e)}function ce(e,i){return e==null?e:{version:n(e,"version")?e.version:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0}}class de extends y{async configRaw(i){const t={},r={};this.configuration&&this.configuration.apiKey&&(t.token=this.configuration.apiKey("token"));const a=await this.request({path:"/config",method:"GET",headers:r,query:t},i);return new f(a,o=>W(o))}async config(i){return await(await this.configRaw(i)).value()}}class le extends y{async entityBySlugRaw(i,t){if(i.slug===null||i.slug===void 0)throw new v("slug","Required parameter requestParameters.slug was null or undefined when calling entityBySlug.");const r={};i.typeId!==void 0&&(r.typeId=i.typeId);const a={};this.configuration&&this.configuration.apiKey&&(r.token=this.configuration.apiKey("token"));const o=await this.request({path:"/entities/slug/{slug}".replace("{slug}",encodeURIComponent(String(i.slug))),method:"GET",headers:a,query:r},t);return new f(o,s=>C(s))}async entityBySlug(i,t){return await(await this.entityBySlugRaw(i,t)).value()}async entityByUniqueidRaw(i,t){if(i.uniqueid===null||i.uniqueid===void 0)throw new v("uniqueid","Required parameter requestParameters.uniqueid was null or undefined when calling entityByUniqueid.");const r={},a={};this.configuration&&this.configuration.apiKey&&(r.token=this.configuration.apiKey("token"));const o=await this.request({path:"/entities/uniqueid/{uniqueid}".replace("{uniqueid}",encodeURIComponent(String(i.uniqueid))),method:"GET",headers:a,query:r},t);return new f(o,s=>C(s))}async entityByUniqueid(i,t){return await(await this.entityByUniqueidRaw(i,t)).value()}}class fe extends y{async homeRaw(i){const t={},r={};this.configuration&&this.configuration.apiKey&&(t.token=this.configuration.apiKey("token"));const a=await this.request({path:"/pages/home",method:"GET",headers:r,query:t},i);return new f(a,o=>I(o))}async home(i){return await(await this.homeRaw(i)).value()}async pageRaw(i,t){const r={};i.slug!==void 0&&(r.slug=i.slug);const a={};this.configuration&&this.configuration.apiKey&&(r.token=this.configuration.apiKey("token"));const o=await this.request({path:"/pages",method:"GET",headers:a,query:r},t);return new f(o,s=>I(s))}async page(i={},t){return await(await this.pageRaw(i,t)).value()}}class pe extends y{async searchRaw(i,t){if(i.query===null||i.query===void 0)throw new v("query","Required parameter requestParameters.query was null or undefined when calling search.");const r={};i.query!==void 0&&(r.query=i.query);const a={};this.configuration&&this.configuration.apiKey&&(r.token=this.configuration.apiKey("token"));const o=await this.request({path:"/search",method:"GET",headers:a,query:r},t);return new f(o,s=>s.map(A))}async search(i,t){return await(await this.searchRaw(i,t)).value()}}class ye extends y{async sitemapRaw(i){const t={},r={};this.configuration&&this.configuration.apiKey&&(t.token=this.configuration.apiKey("token"));const a=await this.request({path:"/sitemap",method:"GET",headers:r,query:t},i);return new f(a,o=>o.map(A))}async sitemap(i){return await(await this.sitemapRaw(i)).value()}}class he extends y{async versionRaw(i){const t={},r={};this.configuration&&this.configuration.apiKey&&(t.token=this.configuration.apiKey("token"));const a=await this.request({path:"/version",method:"GET",headers:r,query:t},i);return new f(a,o=>ue(o))}async version(i){return await(await this.versionRaw(i)).value()}}const ge=/[\p{Lu}]/u,ve=/[\p{Ll}]/u,k=/^[\p{Lu}](?![\p{Lu}])/gu,S=/([\p{Alpha}\p{N}_]|$)/u,w=/[_.\- ]+/,me=new RegExp("^"+w.source),T=new RegExp(w.source+S.source,"gu"),j=new RegExp("\\d+"+S.source,"gu"),we=(e,i,t,r)=>{let a=!1,o=!1,s=!1,u=!1;for(let c=0;c<e.length;c++){const d=e[c];u=c>2?e[c-3]==="-":!0,a&&ge.test(d)?(e=e.slice(0,c)+"-"+e.slice(c),a=!1,s=o,o=!0,c++):o&&s&&ve.test(d)&&(!u||r)?(e=e.slice(0,c-1)+"-"+e.slice(c-1),s=o,o=!1,a=!0):(a=i(d)===d&&t(d)!==d,s=o,o=t(d)===d&&i(d)!==d)}return e},_e=(e,i)=>(k.lastIndex=0,e.replace(k,t=>i(t))),qe=(e,i)=>(T.lastIndex=0,j.lastIndex=0,e.replace(T,(t,r)=>i(r)).replace(j,t=>i(t)));function be(e,i){if(!(typeof e=="string"||Array.isArray(e)))throw new TypeError("Expected the input to be `string | string[]`");if(i={pascalCase:!1,preserveConsecutiveUppercase:!1,...i},Array.isArray(e)?e=e.map(o=>o.trim()).filter(o=>o.length).join("-"):e=e.trim(),e.length===0)return"";const t=i.locale===!1?o=>o.toLowerCase():o=>o.toLocaleLowerCase(i.locale),r=i.locale===!1?o=>o.toUpperCase():o=>o.toLocaleUpperCase(i.locale);return e.length===1?w.test(e)?"":i.pascalCase?r(e):t(e):(e!==t(e)&&(e=we(e,t,r,i.preserveConsecutiveUppercase)),e=e.replace(me,""),e=i.preserveConsecutiveUppercase?_e(e,t):t(e),i.pascalCase&&(e=r(e.charAt(0))+e.slice(1)),qe(e,r))}function Re(e,i,t){const r="virtual:flyo-components",a="\0"+r;return{name:"vite-plugin-flyo-components",async resolveId(o){if(o===r)return a},async load(o){if(o===a){const s=[];for(const[c,d]of Object.entries(i)){const g=await this.resolve("/"+e+"/"+d+".astro");g&&s.push(`export { default as ${be(c)} } from "${g.id}"`)}let u=null;return t&&(u=await this.resolve("/"+e+"/"+t+".astro")),u?s.push(`export { default as fallback } from "${u.id}"`):s.push('export { default as fallback } from "@flyo/nitro-astro/FallbackComponent.astro"'),s.join(";")}}}}function p(){return globalThis.flyoNitroInstance||console.error("The Flyo Typescript Configuration has not been initialized correctly"),globalThis.flyoNitroInstance}function Ee(){return new de(p())}function Ce(){return new le(p())}function Ae(){return new fe(p())}function Ie(){return new pe(p())}function ke(){return new ye(p())}function Se(){return new he(p())}function Te(e){const i={accessToken:!1,liveEdit:!1,fallbackComponent:null,...e};return{name:"@flyo/nitro-astro",hooks:{"astro:config:setup":({injectScript:t,updateConfig:r,injectRoute:a})=>{a({pattern:"sitemap.xml",entrypoint:"@flyo/nitro-astro/sitemap.js"}),r({image:{service:{entrypoint:"@flyo/nitro-astro/cdn.ts"}},vite:{plugins:[Re(e.componentsDir,e.components,e.fallbackComponent)]}}),t("page-ssr",`
+(function(l,h){typeof exports=="object"&&typeof module<"u"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(l=typeof globalThis<"u"?globalThis:l||self,h(l.flyoNitroIntegration={}))})(this,function(l){"use strict";const h="https://api.flyo.cloud/nitro/v1".replace(/\/+$/,"");class j{constructor(t={}){this.configuration=t}set config(t){this.configuration=t}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:h}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||b}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const t=this.configuration.apiKey;if(t)return typeof t=="function"?t:()=>t}get accessToken(){const t=this.configuration.accessToken;if(t)return typeof t=="function"?t:async()=>t}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const L=new j,_=class U{constructor(t=L){this.configuration=t,this.fetchApi=async(i,o)=>{let a={url:i,init:o};for(const s of this.middleware)s.pre&&(a=await s.pre({fetch:this.fetchApi,...a})||a);let r;try{r=await(this.configuration.fetchApi||fetch)(a.url,a.init)}catch(s){for(const u of this.middleware)u.onError&&(r=await u.onError({fetch:this.fetchApi,url:a.url,init:a.init,error:s,response:r?r.clone():void 0})||r);if(r===void 0)throw s instanceof Error?new O(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(r=await s.post({fetch:this.fetchApi,url:a.url,init:a.init,response:r.clone()})||r);return r},this.middleware=t.middleware}withMiddleware(...t){const i=this.clone();return i.middleware=i.middleware.concat(...t),i}withPreMiddleware(...t){const i=t.map(o=>({pre:o}));return this.withMiddleware(...i)}withPostMiddleware(...t){const i=t.map(o=>({post:o}));return this.withMiddleware(...i)}isJsonMime(t){return t?U.jsonRegex.test(t):!1}async request(t,i){const{url:o,init:a}=await this.createFetchParams(t,i),r=await this.fetchApi(o,a);if(r&&r.status>=200&&r.status<300)return r;throw new N(r,"Response returned an error code")}async createFetchParams(t,i){let o=this.configuration.basePath+t.path;t.query!==void 0&&Object.keys(t.query).length!==0&&(o+="?"+this.configuration.queryParamsStringify(t.query));const a=Object.assign({},this.configuration.headers,t.headers);Object.keys(a).forEach(g=>a[g]===void 0?delete a[g]:{});const r=typeof i=="function"?i:async()=>i,s={method:t.method,headers:a,body:t.body,credentials:this.configuration.credentials},u={...s,...await r({init:s,context:t})};let c;K(u.body)||u.body instanceof URLSearchParams||x(u.body)?c=u.body:this.isJsonMime(a["Content-Type"])?c=JSON.stringify(u.body):c=u.body;const d={...u,body:c};return{url:o,init:d}}clone(){const t=this.constructor,i=new t(this.configuration);return i.middleware=this.middleware.slice(),i}};_.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");let y=_;function x(e){return typeof Blob<"u"&&e instanceof Blob}function K(e){return typeof FormData<"u"&&e instanceof FormData}class N extends Error{constructor(t,i){super(i),this.response=t,this.name="ResponseError"}}class O extends Error{constructor(t,i){super(i),this.cause=t,this.name="FetchError"}}class v extends Error{constructor(t,i){super(i),this.field=t,this.name="RequiredError"}}function n(e,t){return e[t]!=null}function b(e,t=""){return Object.keys(e).map(i=>q(i,e[i],t)).filter(i=>i.length>0).join("&")}function q(e,t,i=""){const o=i+(i.length?`[${e}]`:e);if(t instanceof Array){const a=t.map(r=>encodeURIComponent(String(r))).join(`&${encodeURIComponent(o)}=`);return`${encodeURIComponent(o)}=${a}`}if(t instanceof Set){const a=Array.from(t);return q(e,a,i)}return t instanceof Date?`${encodeURIComponent(o)}=${encodeURIComponent(t.toISOString())}`:t instanceof Object?b(t,o):`${encodeURIComponent(o)}=${encodeURIComponent(String(t))}`}function m(e,t){return Object.keys(e).reduce((i,o)=>({...i,[o]:t(e[o])}),{})}class f{constructor(t,i=o=>o){this.raw=t,this.transformer=i}async value(){return this.transformer(await this.raw.json())}}function $(e){return F(e)}function F(e,t){return e==null?e:{identifier:n(e,"identifier")?e.identifier:void 0,content:n(e,"content")?e.content.map(E):void 0}}function E(e){return M(e)}function M(e,t){return e==null?e:{items:n(e,"items")?e.items:void 0,content:n(e,"content")?e.content:void 0,config:n(e,"config")?e.config:void 0,identifier:n(e,"identifier")?e.identifier:void 0,uid:n(e,"uid")?e.uid:void 0,component:n(e,"component")?e.component:void 0,slots:n(e,"slots")?m(e.slots,$):void 0}}function R(e){return B(e)}function B(e,t){return e==null?e:{type:n(e,"type")?e.type:void 0,target:n(e,"target")?e.target:void 0,label:n(e,"label")?e.label:void 0,href:n(e,"href")?e.href:void 0,slug:n(e,"slug")?e.slug:void 0,properties:n(e,"properties")?e.properties:void 0,children:n(e,"children")?e.children.map(R):void 0}}function D(e){return G(e)}function G(e,t){return e==null?e:{items:n(e,"items")?e.items.map(R):void 0,uid:n(e,"uid")?e.uid:void 0,identifier:n(e,"identifier")?e.identifier:void 0,label:n(e,"label")?e.label:void 0}}function J(e){return V(e)}function V(e,t){return e==null?e:{domain:n(e,"domain")?e.domain:void 0,slug:n(e,"slug")?e.slug:void 0,version:n(e,"version")?e.version:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0,language:n(e,"language")?e.language:void 0}}function W(e){return z(e)}function z(e,t){return e==null?e:{nitro:n(e,"nitro")?J(e.nitro):void 0,pages:n(e,"pages")?e.pages:void 0,containers:n(e,"containers")?m(e.containers,D):void 0,globals:n(e,"globals")?e.globals:void 0}}function H(e){return X(e)}function X(e,t){return e==null?e:{api:n(e,"api")?e.api:void 0,image:n(e,"image")?e.image:void 0}}function Z(e){return Q(e)}function Q(e,t){return e==null?e:{_version:n(e,"_version")?e._version:void 0,entity_metric:n(e,"entity_metric")?H(e.entity_metric):void 0,entity_unique_id:n(e,"entity_unique_id")?e.entity_unique_id:void 0,entity_id:n(e,"entity_id")?e.entity_id:void 0,entity_image:n(e,"entity_image")?e.entity_image:void 0,entity_slug:n(e,"entity_slug")?e.entity_slug:void 0,entity_teaser:n(e,"entity_teaser")?e.entity_teaser:void 0,entity_time_end:n(e,"entity_time_end")?e.entity_time_end:void 0,entity_time_start:n(e,"entity_time_start")?e.entity_time_start:void 0,entity_title:n(e,"entity_title")?e.entity_title:void 0,entity_type:n(e,"entity_type")?e.entity_type:void 0,entity_type_id:n(e,"entity_type_id")?e.entity_type_id:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0,routes:n(e,"routes")?e.routes:void 0}}function A(e){return Y(e)}function Y(e,t){return e==null?e:{entity:n(e,"entity")?Z(e.entity):void 0,model:n(e,"model")?e.model:void 0,language:n(e,"language")?e.language:void 0,jsonld:n(e,"jsonld")?e.jsonld:void 0}}function C(e){return ee(e)}function ee(e,t){return e==null?e:{entity_unique_id:n(e,"entity_unique_id")?e.entity_unique_id:void 0,entity_title:n(e,"entity_title")?e.entity_title:void 0,entity_teaser:n(e,"entity_teaser")?e.entity_teaser:void 0,entity_slug:n(e,"entity_slug")?e.entity_slug:void 0,entity_time_start:n(e,"entity_time_start")?e.entity_time_start:void 0,entity_type:n(e,"entity_type")?e.entity_type:void 0,entity_type_id:n(e,"entity_type_id")?e.entity_type_id:void 0,entity_image:n(e,"entity_image")?e.entity_image:void 0,routes:n(e,"routes")?e.routes:void 0}}function te(e){return ie(e)}function ie(e,t){return e==null?e:{description:n(e,"description")?e.description:void 0,image:n(e,"image")?e.image:void 0,title:n(e,"title")?e.title:void 0}}function ne(e){return oe(e)}function oe(e,t){return e==null?e:{slug:n(e,"slug")?e.slug:void 0,title:n(e,"title")?e.title:void 0}}function re(e){return ae(e)}function ae(e,t){return e==null?e:{value:n(e,"value")?e.value:void 0,navigation:n(e,"navigation")?e.navigation:void 0,propagate:n(e,"propagate")?e.propagate:void 0}}function k(e){return se(e)}function se(e,t){return e==null?e:{id:n(e,"id")?e.id:void 0,title:n(e,"title")?e.title:void 0,href:n(e,"href")?e.href:void 0,slug:n(e,"slug")?e.slug:void 0,json:n(e,"json")?e.json.map(E):void 0,depth:n(e,"depth")?e.depth:void 0,is_home:n(e,"is_home")?e.is_home:void 0,created_at:n(e,"created_at")?e.created_at:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0,is_visible:n(e,"is_visible")?e.is_visible:void 0,meta_json:n(e,"meta_json")?te(e.meta_json):void 0,properties:n(e,"properties")?m(e.properties,re):void 0,uid:n(e,"uid")?e.uid:void 0,type:n(e,"type")?e.type:void 0,target:n(e,"target")?e.target:void 0,container:n(e,"container")?e.container:void 0,breadcrumb:n(e,"breadcrumb")?e.breadcrumb.map(ne):void 0}}function ue(e){return ce(e)}function ce(e,t){return e==null?e:{version:n(e,"version")?e.version:void 0,updated_at:n(e,"updated_at")?e.updated_at:void 0}}class le extends y{async configRaw(t){const i={},o={};this.configuration&&this.configuration.apiKey&&(i.token=this.configuration.apiKey("token"));const a=await this.request({path:"/config",method:"GET",headers:o,query:i},t);return new f(a,r=>W(r))}async config(t){return await(await this.configRaw(t)).value()}}class de extends y{async entityBySlugRaw(t,i){if(t.slug===null||t.slug===void 0)throw new v("slug","Required parameter requestParameters.slug was null or undefined when calling entityBySlug.");const o={};t.typeId!==void 0&&(o.typeId=t.typeId);const a={};this.configuration&&this.configuration.apiKey&&(o.token=this.configuration.apiKey("token"));const r=await this.request({path:"/entities/slug/{slug}".replace("{slug}",encodeURIComponent(String(t.slug))),method:"GET",headers:a,query:o},i);return new f(r,s=>A(s))}async entityBySlug(t,i){return await(await this.entityBySlugRaw(t,i)).value()}async entityByUniqueidRaw(t,i){if(t.uniqueid===null||t.uniqueid===void 0)throw new v("uniqueid","Required parameter requestParameters.uniqueid was null or undefined when calling entityByUniqueid.");const o={},a={};this.configuration&&this.configuration.apiKey&&(o.token=this.configuration.apiKey("token"));const r=await this.request({path:"/entities/uniqueid/{uniqueid}".replace("{uniqueid}",encodeURIComponent(String(t.uniqueid))),method:"GET",headers:a,query:o},i);return new f(r,s=>A(s))}async entityByUniqueid(t,i){return await(await this.entityByUniqueidRaw(t,i)).value()}}class fe extends y{async homeRaw(t){const i={},o={};this.configuration&&this.configuration.apiKey&&(i.token=this.configuration.apiKey("token"));const a=await this.request({path:"/pages/home",method:"GET",headers:o,query:i},t);return new f(a,r=>k(r))}async home(t){return await(await this.homeRaw(t)).value()}async pageRaw(t,i){const o={};t.slug!==void 0&&(o.slug=t.slug);const a={};this.configuration&&this.configuration.apiKey&&(o.token=this.configuration.apiKey("token"));const r=await this.request({path:"/pages",method:"GET",headers:a,query:o},i);return new f(r,s=>k(s))}async page(t={},i){return await(await this.pageRaw(t,i)).value()}}class pe extends y{async searchRaw(t,i){if(t.query===null||t.query===void 0)throw new v("query","Required parameter requestParameters.query was null or undefined when calling search.");const o={};t.query!==void 0&&(o.query=t.query);const a={};this.configuration&&this.configuration.apiKey&&(o.token=this.configuration.apiKey("token"));const r=await this.request({path:"/search",method:"GET",headers:a,query:o},i);return new f(r,s=>s.map(C))}async search(t,i){return await(await this.searchRaw(t,i)).value()}}class ye extends y{async sitemapRaw(t){const i={},o={};this.configuration&&this.configuration.apiKey&&(i.token=this.configuration.apiKey("token"));const a=await this.request({path:"/sitemap",method:"GET",headers:o,query:i},t);return new f(a,r=>r.map(C))}async sitemap(t){return await(await this.sitemapRaw(t)).value()}}class he extends y{async versionRaw(t){const i={},o={};this.configuration&&this.configuration.apiKey&&(i.token=this.configuration.apiKey("token"));const a=await this.request({path:"/version",method:"GET",headers:o,query:i},t);return new f(a,r=>ue(r))}async version(t){return await(await this.versionRaw(t)).value()}}const ge=/[\p{Lu}]/u,ve=/[\p{Ll}]/u,I=/^[\p{Lu}](?![\p{Lu}])/gu,S=/([\p{Alpha}\p{N}_]|$)/u,w=/[_.\- ]+/,me=new RegExp("^"+w.source),T=new RegExp(w.source+S.source,"gu"),P=new RegExp("\\d+"+S.source,"gu"),we=(e,t,i,o)=>{let a=!1,r=!1,s=!1,u=!1;for(let c=0;c<e.length;c++){const d=e[c];u=c>2?e[c-3]==="-":!0,a&&ge.test(d)?(e=e.slice(0,c)+"-"+e.slice(c),a=!1,s=r,r=!0,c++):r&&s&&ve.test(d)&&(!u||o)?(e=e.slice(0,c-1)+"-"+e.slice(c-1),s=r,r=!1,a=!0):(a=t(d)===d&&i(d)!==d,s=r,r=i(d)===d&&t(d)!==d)}return e},_e=(e,t)=>(I.lastIndex=0,e.replace(I,i=>t(i))),be=(e,t)=>(T.lastIndex=0,P.lastIndex=0,e.replace(T,(i,o)=>t(o)).replace(P,i=>t(i)));function qe(e,t){if(!(typeof e=="string"||Array.isArray(e)))throw new TypeError("Expected the input to be `string | string[]`");if(t={pascalCase:!1,preserveConsecutiveUppercase:!1,...t},Array.isArray(e)?e=e.map(r=>r.trim()).filter(r=>r.length).join("-"):e=e.trim(),e.length===0)return"";const i=t.locale===!1?r=>r.toLowerCase():r=>r.toLocaleLowerCase(t.locale),o=t.locale===!1?r=>r.toUpperCase():r=>r.toLocaleUpperCase(t.locale);return e.length===1?w.test(e)?"":t.pascalCase?o(e):i(e):(e!==i(e)&&(e=we(e,i,o,t.preserveConsecutiveUppercase)),e=e.replace(me,""),e=t.preserveConsecutiveUppercase?_e(e,i):i(e),t.pascalCase&&(e=o(e.charAt(0))+e.slice(1)),be(e,o))}function Ee(e,t,i){const o="virtual:flyo-components",a="\0"+o;return{name:"vite-plugin-flyo-components",async resolveId(r){if(r===o)return a},async load(r){if(r===a){const s=[];for(const[c,d]of Object.entries(t)){const g=await this.resolve("/"+e+"/"+d+".astro");g&&s.push(`export { default as ${qe(c)} } from "${g.id}"`)}let u=null;return i&&(u=await this.resolve("/"+e+"/"+i+".astro")),u?s.push(`export { default as fallback } from "${u.id}"`):s.push('export { default as fallback } from "@flyo/nitro-astro/FallbackComponent.astro"'),s.join(";")}}}}function Re(e){const t="virtual:flyo-user-config",i="\0"+t;return{name:"vite-plugin-flyo-components",async resolveId(o){if(o===t)return i},async load(o){if(o===i)return`export default ${JSON.stringify(e)}`}}}function p(){return globalThis.flyoNitroInstance||console.error("The Flyo Typescript Configuration has not been initialized correctly"),globalThis.flyoNitroInstance}function Ae(){return new le(p())}function Ce(){return new de(p())}function ke(){return new fe(p())}function Ie(){return new pe(p())}function Se(){return new ye(p())}function Te(){return new he(p())}function Pe(e){return{"data-flyo-block-uid":e.uid}}function Ue(e){const t={accessToken:!1,liveEdit:!1,fallbackComponent:null,...e};return t.liveEdit==="true"?t.liveEdit=!0:t.liveEdit==="false"&&(t.liveEdit=!1),{name:"@flyo/nitro-astro",hooks:{"astro:config:setup":({injectScript:i,updateConfig:o,injectRoute:a})=>{a({pattern:"sitemap.xml",entrypoint:"@flyo/nitro-astro/sitemap.js"}),o({image:{service:{entrypoint:"@flyo/nitro-astro/cdn.ts"}},vite:{plugins:[Ee(e.componentsDir,e.components,e.fallbackComponent),Re(t)]}}),i("page-ssr",`
             import { Configuration } from '@flyo/nitro-typescript'
 
             var defaultConfig = new Configuration({
-              apiKey: '${i.accessToken}'
+              apiKey: '${t.accessToken}'
             })
 
             globalThis.flyoNitroInstance = defaultConfig;
-          `),i.liveEdit&&t("page",`
+          `),t.liveEdit&&i("page",`
               window.addEventListener("message", (event) => {
                 if (event.data?.action === 'pageRefresh') {
                     window.location.reload(true);
@@ -28,4 +28,16 @@
                     data: JSON.parse(JSON.stringify({item:{uid: blockUid}}))
                 }, 'https://flyo.cloud')
               }
-            `)}}}}l.default=Te,l.useConfigApi=Ee,l.useConfiguration=p,l.useEntitiesApi=Ce,l.usePagesApi=Ae,l.useSearchApi=Ie,l.useSitemapApi=ke,l.useVersionApi=Se,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+
+              // Find all elements with the 'data-flyo-block-uid' attribute
+              const elements = document.querySelectorAll('[data-flyo-block-uid]');
+
+              // Add a click event listener to each element
+              elements.forEach(element => {
+                  element.addEventListener('click', function() {
+                      // On click, alert the value of 'data-flyo-block-uid'
+                      console.log('open', this.getAttribute('data-flyo-block-uid'))
+                      openBlockInFlyo(this.getAttribute('data-flyo-block-uid'))
+                  });
+              });
+            `)}}}}l.default=Ue,l.editableBlock=Pe,l.useConfigApi=Ae,l.useConfiguration=p,l.useEntitiesApi=Ce,l.usePagesApi=ke,l.useSearchApi=Ie,l.useSitemapApi=Se,l.useVersionApi=Te,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/nitro-astro.mjs

@@ -1,5 +1,5 @@
-const U = "https://api.flyo.cloud/nitro/v1".replace(/\/+$/, "");
-class x {
+const x = "https://api.flyo.cloud/nitro/v1".replace(/\/+$/, "");
+class T {
   constructor(t = {}) {
     this.configuration = t;
   }
@@ -7,7 +7,7 @@ class x {
     this.configuration = t;
   }
   get basePath() {
-    return this.configuration.basePath != null ? this.configuration.basePath : U;
+    return this.configuration.basePath != null ? this.configuration.basePath : x;
   }
   get fetchApi() {
     return this.configuration.fetchApi;
@@ -16,7 +16,7 @@ class x {
     return this.configuration.middleware || [];
   }
   get queryParamsStringify() {
-    return this.configuration.queryParamsStringify || C;
+    return this.configuration.queryParamsStringify || k;
   }
   get username() {
     return this.configuration.username;
@@ -41,38 +41,38 @@ class x {
     return this.configuration.credentials;
   }
 }
-const j = new x(), b = class E {
-  constructor(t = j) {
-    this.configuration = t, this.fetchApi = async (i, r) => {
-      let a = { url: i, init: r };
+const P = new T(), R = class E {
+  constructor(t = P) {
+    this.configuration = t, this.fetchApi = async (i, o) => {
+      let a = { url: i, init: o };
       for (const s of this.middleware)
         s.pre && (a = await s.pre({
           fetch: this.fetchApi,
           ...a
         }) || a);
-      let o;
+      let r;
       try {
-        o = await (this.configuration.fetchApi || fetch)(a.url, a.init);
+        r = await (this.configuration.fetchApi || fetch)(a.url, a.init);
       } catch (s) {
         for (const u of this.middleware)
-          u.onError && (o = await u.onError({
+          u.onError && (r = await u.onError({
             fetch: this.fetchApi,
             url: a.url,
             init: a.init,
             error: s,
-            response: o ? o.clone() : void 0
-          }) || o);
-        if (o === void 0)
+            response: r ? r.clone() : void 0
+          }) || r);
+        if (r === void 0)
           throw s instanceof Error ? new N(s, "The request failed and the interceptors did not return an alternative response") : s;
       }
       for (const s of this.middleware)
-        s.post && (o = await s.post({
+        s.post && (r = await s.post({
           fetch: this.fetchApi,
           url: a.url,
           init: a.init,
-          response: o.clone()
-        }) || o);
-      return o;
+          response: r.clone()
+        }) || r);
+      return r;
     }, this.middleware = t.middleware;
   }
   withMiddleware(...t) {
@@ -80,11 +80,11 @@ const j = new x(), b = class E {
     return i.middleware = i.middleware.concat(...t), i;
   }
   withPreMiddleware(...t) {
-    const i = t.map((r) => ({ pre: r }));
+    const i = t.map((o) => ({ pre: o }));
     return this.withMiddleware(...i);
   }
   withPostMiddleware(...t) {
-    const i = t.map((r) => ({ post: r }));
+    const i = t.map((o) => ({ post: o }));
     return this.withMiddleware(...i);
   }
   /**
@@ -101,35 +101,35 @@ const j = new x(), b = class E {
     return t ? E.jsonRegex.test(t) : !1;
   }
   async request(t, i) {
-    const { url: r, init: a } = await this.createFetchParams(t, i), o = await this.fetchApi(r, a);
-    if (o && o.status >= 200 && o.status < 300)
-      return o;
-    throw new K(o, "Response returned an error code");
+    const { url: o, init: a } = await this.createFetchParams(t, i), r = await this.fetchApi(o, a);
+    if (r && r.status >= 200 && r.status < 300)
+      return r;
+    throw new K(r, "Response returned an error code");
   }
   async createFetchParams(t, i) {
-    let r = this.configuration.basePath + t.path;
-    t.query !== void 0 && Object.keys(t.query).length !== 0 && (r += "?" + this.configuration.queryParamsStringify(t.query));
+    let o = this.configuration.basePath + t.path;
+    t.query !== void 0 && Object.keys(t.query).length !== 0 && (o += "?" + this.configuration.queryParamsStringify(t.query));
     const a = Object.assign({}, this.configuration.headers, t.headers);
     Object.keys(a).forEach((y) => a[y] === void 0 ? delete a[y] : {});
-    const o = typeof i == "function" ? i : async () => i, s = {
+    const r = typeof i == "function" ? i : async () => i, s = {
       method: t.method,
       headers: a,
       body: t.body,
       credentials: this.configuration.credentials
     }, u = {
       ...s,
-      ...await o({
+      ...await r({
         init: s,
         context: t
       })
     };
     let c;
-    L(u.body) || u.body instanceof URLSearchParams || P(u.body) ? c = u.body : this.isJsonMime(a["Content-Type"]) ? c = JSON.stringify(u.body) : c = u.body;
-    const d = {
+    L(u.body) || u.body instanceof URLSearchParams || j(u.body) ? c = u.body : this.isJsonMime(a["Content-Type"]) ? c = JSON.stringify(u.body) : c = u.body;
+    const l = {
       ...u,
       body: c
     };
-    return { url: r, init: d };
+    return { url: o, init: l };
   }
   /**
    * Create a shallow clone of `this` by constructing a new instance
@@ -140,9 +140,9 @@ const j = new x(), b = class E {
     return i.middleware = this.middleware.slice(), i;
   }
 };
-b.jsonRegex = new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$", "i");
-let f = b;
-function P(e) {
+R.jsonRegex = new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$", "i");
+let f = R;
+function j(e) {
   return typeof Blob < "u" && e instanceof Blob;
 }
 function L(e) {
@@ -166,45 +166,45 @@ class h extends Error {
 function n(e, t) {
   return e[t] != null;
 }
-function C(e, t = "") {
-  return Object.keys(e).map((i) => I(i, e[i], t)).filter((i) => i.length > 0).join("&");
+function k(e, t = "") {
+  return Object.keys(e).map((i) => C(i, e[i], t)).filter((i) => i.length > 0).join("&");
 }
-function I(e, t, i = "") {
-  const r = i + (i.length ? `[${e}]` : e);
+function C(e, t, i = "") {
+  const o = i + (i.length ? `[${e}]` : e);
   if (t instanceof Array) {
-    const a = t.map((o) => encodeURIComponent(String(o))).join(`&${encodeURIComponent(r)}=`);
-    return `${encodeURIComponent(r)}=${a}`;
+    const a = t.map((r) => encodeURIComponent(String(r))).join(`&${encodeURIComponent(o)}=`);
+    return `${encodeURIComponent(o)}=${a}`;
   }
   if (t instanceof Set) {
     const a = Array.from(t);
-    return I(e, a, i);
+    return C(e, a, i);
   }
-  return t instanceof Date ? `${encodeURIComponent(r)}=${encodeURIComponent(t.toISOString())}` : t instanceof Object ? C(t, r) : `${encodeURIComponent(r)}=${encodeURIComponent(String(t))}`;
+  return t instanceof Date ? `${encodeURIComponent(o)}=${encodeURIComponent(t.toISOString())}` : t instanceof Object ? k(t, o) : `${encodeURIComponent(o)}=${encodeURIComponent(String(t))}`;
 }
 function g(e, t) {
   return Object.keys(e).reduce(
-    (i, r) => ({ ...i, [r]: t(e[r]) }),
+    (i, o) => ({ ...i, [o]: t(e[o]) }),
     {}
   );
 }
-class l {
-  constructor(t, i = (r) => r) {
+class d {
+  constructor(t, i = (o) => o) {
     this.raw = t, this.transformer = i;
   }
   async value() {
     return this.transformer(await this.raw.json());
   }
 }
-function $(e) {
-  return O(e);
+function O(e) {
+  return $(e);
 }
-function O(e, t) {
+function $(e, t) {
   return e == null ? e : {
     identifier: n(e, "identifier") ? e.identifier : void 0,
-    content: n(e, "content") ? e.content.map(A) : void 0
+    content: n(e, "content") ? e.content.map(I) : void 0
   };
 }
-function A(e) {
+function I(e) {
   return F(e);
 }
 function F(e, t) {
@@ -215,10 +215,10 @@ function F(e, t) {
     identifier: n(e, "identifier") ? e.identifier : void 0,
     uid: n(e, "uid") ? e.uid : void 0,
     component: n(e, "component") ? e.component : void 0,
-    slots: n(e, "slots") ? g(e.slots, $) : void 0
+    slots: n(e, "slots") ? g(e.slots, O) : void 0
   };
 }
-function k(e) {
+function A(e) {
   return B(e);
 }
 function B(e, t) {
@@ -229,7 +229,7 @@ function B(e, t) {
     href: n(e, "href") ? e.href : void 0,
     slug: n(e, "slug") ? e.slug : void 0,
     properties: n(e, "properties") ? e.properties : void 0,
-    children: n(e, "children") ? e.children.map(k) : void 0
+    children: n(e, "children") ? e.children.map(A) : void 0
   };
 }
 function M(e) {
@@ -237,7 +237,7 @@ function M(e) {
 }
 function D(e, t) {
   return e == null ? e : {
-    items: n(e, "items") ? e.items.map(k) : void 0,
+    items: n(e, "items") ? e.items.map(A) : void 0,
     uid: n(e, "uid") ? e.uid : void 0,
     identifier: n(e, "identifier") ? e.identifier : void 0,
     label: n(e, "label") ? e.label : void 0
@@ -361,7 +361,7 @@ function ae(e, t) {
     title: n(e, "title") ? e.title : void 0,
     href: n(e, "href") ? e.href : void 0,
     slug: n(e, "slug") ? e.slug : void 0,
-    json: n(e, "json") ? e.json.map(A) : void 0,
+    json: n(e, "json") ? e.json.map(I) : void 0,
     depth: n(e, "depth") ? e.depth : void 0,
     is_home: n(e, "is_home") ? e.is_home : void 0,
     created_at: n(e, "created_at") ? e.created_at : void 0,
@@ -391,15 +391,15 @@ class ce extends f {
    * Get Config
    */
   async configRaw(t) {
-    const i = {}, r = {};
+    const i = {}, o = {};
     this.configuration && this.configuration.apiKey && (i.token = this.configuration.apiKey("token"));
     const a = await this.request({
       path: "/config",
       method: "GET",
-      headers: r,
+      headers: o,
       query: i
     }, t);
-    return new l(a, (o) => V(o));
+    return new d(a, (r) => V(r));
   }
   /**
    * The config API endpoint provides comprehensive information required for configuring the layout of websites. It encompasses various essential elements, including containers with pages, an extensive list of available slugs, globals containing content pool data, and crucial details about the Nitro configuration itself. By accessing this endpoint, developers can gather all the necessary data to effectively design and structure their websites. The endpoint offers a holistic view of the website\'s layout, empowering developers to tailor the user experience and optimize the overall design.
@@ -409,7 +409,7 @@ class ce extends f {
     return await (await this.configRaw(t)).value();
   }
 }
-class de extends f {
+class le extends f {
   /**
    * 
    * Find entity by slug and optional Type-ID
@@ -417,17 +417,17 @@ class de extends f {
   async entityBySlugRaw(t, i) {
     if (t.slug === null || t.slug === void 0)
       throw new h("slug", "Required parameter requestParameters.slug was null or undefined when calling entityBySlug.");
-    const r = {};
-    t.typeId !== void 0 && (r.typeId = t.typeId);
+    const o = {};
+    t.typeId !== void 0 && (o.typeId = t.typeId);
     const a = {};
-    this.configuration && this.configuration.apiKey && (r.token = this.configuration.apiKey("token"));
-    const o = await this.request({
+    this.configuration && this.configuration.apiKey && (o.token = this.configuration.apiKey("token"));
+    const r = await this.request({
       path: "/entities/slug/{slug}".replace("{slug}", encodeURIComponent(String(t.slug))),
       method: "GET",
       headers: a,
-      query: r
+      query: o
     }, i);
-    return new l(o, (s) => m(s));
+    return new d(r, (s) => m(s));
   }
   /**
    * 
@@ -443,15 +443,15 @@ class de extends f {
   async entityByUniqueidRaw(t, i) {
     if (t.uniqueid === null || t.uniqueid === void 0)
       throw new h("uniqueid", "Required parameter requestParameters.uniqueid was null or undefined when calling entityByUniqueid.");
-    const r = {}, a = {};
-    this.configuration && this.configuration.apiKey && (r.token = this.configuration.apiKey("token"));
-    const o = await this.request({
+    const o = {}, a = {};
+    this.configuration && this.configuration.apiKey && (o.token = this.configuration.apiKey("token"));
+    const r = await this.request({
       path: "/entities/uniqueid/{uniqueid}".replace("{uniqueid}", encodeURIComponent(String(t.uniqueid))),
       method: "GET",
       headers: a,
-      query: r
+      query: o
     }, i);
-    return new l(o, (s) => m(s));
+    return new d(r, (s) => m(s));
   }
   /**
    * The endpoint provides comprehensive information about a specified entity. An entity represents a collection of information pertaining to a specific data type and is defined by a key-value pair. You can use various data types such as blogs, events, or any other relevant data. However, in order to access an entity, it must be properly configured within the nitro config.
@@ -461,21 +461,21 @@ class de extends f {
     return await (await this.entityByUniqueidRaw(t, i)).value();
   }
 }
-class le extends f {
+class de extends f {
   /**
    * This endpoint allows you to retrieve the designated homepage of a website. Alternatively, you can utilize the pages endpoint by specifying an empty slug parameter to achieve the same result. By using either of these methods, you can effectively access the desired homepage of the website.
    * Get Home
    */
   async homeRaw(t) {
-    const i = {}, r = {};
+    const i = {}, o = {};
     this.configuration && this.configuration.apiKey && (i.token = this.configuration.apiKey("token"));
     const a = await this.request({
       path: "/pages/home",
       method: "GET",
-      headers: r,
+      headers: o,
       query: i
     }, t);
-    return new l(a, (o) => w(o));
+    return new d(a, (r) => w(r));
   }
   /**
    * This endpoint allows you to retrieve the designated homepage of a website. Alternatively, you can utilize the pages endpoint by specifying an empty slug parameter to achieve the same result. By using either of these methods, you can effectively access the desired homepage of the website.
@@ -489,17 +489,17 @@ class le extends f {
    * Get Page by slug
    */
   async pageRaw(t, i) {
-    const r = {};
-    t.slug !== void 0 && (r.slug = t.slug);
+    const o = {};
+    t.slug !== void 0 && (o.slug = t.slug);
     const a = {};
-    this.configuration && this.configuration.apiKey && (r.token = this.configuration.apiKey("token"));
-    const o = await this.request({
+    this.configuration && this.configuration.apiKey && (o.token = this.configuration.apiKey("token"));
+    const r = await this.request({
       path: "/pages",
       method: "GET",
       headers: a,
-      query: r
+      query: o
     }, i);
-    return new l(o, (s) => w(s));
+    return new d(r, (s) => w(s));
   }
   /**
    * This endpoint retrieves comprehensive information from a specified page using either a slug or a path. The slug refers to a unique identifier for the page, while the path is the slug with a leading slash. By providing either the slug or the path as input, the function will gather all the relevant details associated with the page.
@@ -517,17 +517,17 @@ class fe extends f {
   async searchRaw(t, i) {
     if (t.query === null || t.query === void 0)
       throw new h("query", "Required parameter requestParameters.query was null or undefined when calling search.");
-    const r = {};
-    t.query !== void 0 && (r.query = t.query);
+    const o = {};
+    t.query !== void 0 && (o.query = t.query);
     const a = {};
-    this.configuration && this.configuration.apiKey && (r.token = this.configuration.apiKey("token"));
-    const o = await this.request({
+    this.configuration && this.configuration.apiKey && (o.token = this.configuration.apiKey("token"));
+    const r = await this.request({
       path: "/search",
       method: "GET",
       headers: a,
-      query: r
+      query: o
     }, i);
-    return new l(o, (s) => s.map(S));
+    return new d(r, (s) => s.map(S));
   }
   /**
    * This endpoint offers a powerful capability to search through the websites sitemap, encompassing both pages and entities. With this endpoint, users can efficiently explore and retrieve information from your sitemap by creating a paginated search experience.
@@ -543,15 +543,15 @@ class pe extends f {
    * Get Sitemap
    */
   async sitemapRaw(t) {
-    const i = {}, r = {};
+    const i = {}, o = {};
     this.configuration && this.configuration.apiKey && (i.token = this.configuration.apiKey("token"));
     const a = await this.request({
       path: "/sitemap",
       method: "GET",
-      headers: r,
+      headers: o,
       query: i
     }, t);
-    return new l(a, (o) => o.map(S));
+    return new d(a, (r) => r.map(S));
   }
   /**
    * This endpoint provides comprehensive data for generating the sitemap. It encompasses all the necessary information, including pages from containers, as well as all entities that have been mapped.
@@ -567,15 +567,15 @@ class ye extends f {
    * Get Version Information
    */
   async versionRaw(t) {
-    const i = {}, r = {};
+    const i = {}, o = {};
     this.configuration && this.configuration.apiKey && (i.token = this.configuration.apiKey("token"));
     const a = await this.request({
       path: "/version",
       method: "GET",
-      headers: r,
+      headers: o,
       query: i
     }, t);
-    return new l(a, (o) => se(o));
+    return new d(a, (r) => se(r));
   }
   /**
    * The Version API endpoint offers a highly efficient solution for evaluating the current caching status of your application\'s caching mechanism. This functionality allows you to cache the entire application configuration and page responses indefinitely. However, utilizing this endpoint enables you to assess the validity of the cache by sending a request to determine its current status. This caching endpoint is specifically designed for optimal performance when compared to the configuration endpoint, which requires more thorough evaluation and encompasses a substantial response body.
@@ -585,42 +585,42 @@ class ye extends f {
     return await (await this.versionRaw(t)).value();
   }
 }
-const he = /[\p{Lu}]/u, ge = /[\p{Ll}]/u, _ = /^[\p{Lu}](?![\p{Lu}])/gu, T = /([\p{Alpha}\p{N}_]|$)/u, v = /[_.\- ]+/, ve = new RegExp("^" + v.source), q = new RegExp(v.source + T.source, "gu"), R = new RegExp("\\d+" + T.source, "gu"), me = (e, t, i, r) => {
-  let a = !1, o = !1, s = !1, u = !1;
+const he = /[\p{Lu}]/u, ge = /[\p{Ll}]/u, _ = /^[\p{Lu}](?![\p{Lu}])/gu, U = /([\p{Alpha}\p{N}_]|$)/u, v = /[_.\- ]+/, ve = new RegExp("^" + v.source), b = new RegExp(v.source + U.source, "gu"), q = new RegExp("\\d+" + U.source, "gu"), me = (e, t, i, o) => {
+  let a = !1, r = !1, s = !1, u = !1;
   for (let c = 0; c < e.length; c++) {
-    const d = e[c];
-    u = c > 2 ? e[c - 3] === "-" : !0, a && he.test(d) ? (e = e.slice(0, c) + "-" + e.slice(c), a = !1, s = o, o = !0, c++) : o && s && ge.test(d) && (!u || r) ? (e = e.slice(0, c - 1) + "-" + e.slice(c - 1), s = o, o = !1, a = !0) : (a = t(d) === d && i(d) !== d, s = o, o = i(d) === d && t(d) !== d);
+    const l = e[c];
+    u = c > 2 ? e[c - 3] === "-" : !0, a && he.test(l) ? (e = e.slice(0, c) + "-" + e.slice(c), a = !1, s = r, r = !0, c++) : r && s && ge.test(l) && (!u || o) ? (e = e.slice(0, c - 1) + "-" + e.slice(c - 1), s = r, r = !1, a = !0) : (a = t(l) === l && i(l) !== l, s = r, r = i(l) === l && t(l) !== l);
   }
   return e;
-}, we = (e, t) => (_.lastIndex = 0, e.replace(_, (i) => t(i))), _e = (e, t) => (q.lastIndex = 0, R.lastIndex = 0, e.replace(q, (i, r) => t(r)).replace(R, (i) => t(i)));
-function qe(e, t) {
+}, we = (e, t) => (_.lastIndex = 0, e.replace(_, (i) => t(i))), _e = (e, t) => (b.lastIndex = 0, q.lastIndex = 0, e.replace(b, (i, o) => t(o)).replace(q, (i) => t(i)));
+function be(e, t) {
   if (!(typeof e == "string" || Array.isArray(e)))
     throw new TypeError("Expected the input to be `string | string[]`");
   if (t = {
     pascalCase: !1,
     preserveConsecutiveUppercase: !1,
     ...t
-  }, Array.isArray(e) ? e = e.map((o) => o.trim()).filter((o) => o.length).join("-") : e = e.trim(), e.length === 0)
+  }, Array.isArray(e) ? e = e.map((r) => r.trim()).filter((r) => r.length).join("-") : e = e.trim(), e.length === 0)
     return "";
-  const i = t.locale === !1 ? (o) => o.toLowerCase() : (o) => o.toLocaleLowerCase(t.locale), r = t.locale === !1 ? (o) => o.toUpperCase() : (o) => o.toLocaleUpperCase(t.locale);
-  return e.length === 1 ? v.test(e) ? "" : t.pascalCase ? r(e) : i(e) : (e !== i(e) && (e = me(e, i, r, t.preserveConsecutiveUppercase)), e = e.replace(ve, ""), e = t.preserveConsecutiveUppercase ? we(e, i) : i(e), t.pascalCase && (e = r(e.charAt(0)) + e.slice(1)), _e(e, r));
+  const i = t.locale === !1 ? (r) => r.toLowerCase() : (r) => r.toLocaleLowerCase(t.locale), o = t.locale === !1 ? (r) => r.toUpperCase() : (r) => r.toLocaleUpperCase(t.locale);
+  return e.length === 1 ? v.test(e) ? "" : t.pascalCase ? o(e) : i(e) : (e !== i(e) && (e = me(e, i, o, t.preserveConsecutiveUppercase)), e = e.replace(ve, ""), e = t.preserveConsecutiveUppercase ? we(e, i) : i(e), t.pascalCase && (e = o(e.charAt(0)) + e.slice(1)), _e(e, o));
 }
-function Re(e, t, i) {
-  const r = "virtual:flyo-components", a = "\0" + r;
+function qe(e, t, i) {
+  const o = "virtual:flyo-components", a = "\0" + o;
   return {
     name: "vite-plugin-flyo-components",
-    async resolveId(o) {
-      if (o === r)
+    async resolveId(r) {
+      if (r === o)
         return a;
     },
-    async load(o) {
-      if (o === a) {
+    async load(r) {
+      if (r === a) {
         const s = [];
-        for (const [c, d] of Object.entries(t)) {
+        for (const [c, l] of Object.entries(t)) {
           const y = await this.resolve(
-            "/" + e + "/" + d + ".astro"
+            "/" + e + "/" + l + ".astro"
           );
-          y && s.push(`export { default as ${qe(c)} } from "${y.id}"`);
+          y && s.push(`export { default as ${be(c)} } from "${y.id}"`);
         }
         let u = null;
         return i && (u = await this.resolve(
@@ -630,17 +630,31 @@ function Re(e, t, i) {
     }
   };
 }
+function Re(e) {
+  const t = "virtual:flyo-user-config", i = "\0" + t;
+  return {
+    name: "vite-plugin-flyo-components",
+    async resolveId(o) {
+      if (o === t)
+        return i;
+    },
+    async load(o) {
+      if (o === i)
+        return `export default ${JSON.stringify(e)}`;
+    }
+  };
+}
 function p() {
   return globalThis.flyoNitroInstance || console.error("The Flyo Typescript Configuration has not been initialized correctly"), globalThis.flyoNitroInstance;
 }
-function be() {
+function Ee() {
   return new ce(p());
 }
-function Ee() {
-  return new de(p());
+function ke() {
+  return new le(p());
 }
 function Ce() {
-  return new le(p());
+  return new de(p());
 }
 function Ie() {
   return new fe(p());
@@ -648,24 +662,29 @@ function Ie() {
 function Ae() {
   return new pe(p());
 }
-function ke() {
+function Se() {
   return new ye(p());
 }
-function Se(e) {
+function Ue(e) {
+  return {
+    "data-flyo-block-uid": e.uid
+  };
+}
+function xe(e) {
   const t = {
     accessToken: !1,
     liveEdit: !1,
     fallbackComponent: null,
     ...e
   };
-  return {
+  return t.liveEdit === "true" ? t.liveEdit = !0 : t.liveEdit === "false" && (t.liveEdit = !1), {
     name: "@flyo/nitro-astro",
     hooks: {
-      "astro:config:setup": ({ injectScript: i, updateConfig: r, injectRoute: a }) => {
+      "astro:config:setup": ({ injectScript: i, updateConfig: o, injectRoute: a }) => {
         a({
           pattern: "sitemap.xml",
           entrypoint: "@flyo/nitro-astro/sitemap.js"
-        }), r({
+        }), o({
           image: {
             service: {
               entrypoint: "@flyo/nitro-astro/cdn.ts"
@@ -673,11 +692,12 @@ function Se(e) {
           },
           vite: {
             plugins: [
-              Re(
+              qe(
                 e.componentsDir,
                 e.components,
                 e.fallbackComponent
-              )
+              ),
+              Re(t)
             ]
           }
         }), i(
@@ -715,6 +735,18 @@ function Se(e) {
                     data: JSON.parse(JSON.stringify({item:{uid: blockUid}}))
                 }, 'https://flyo.cloud')
               }
+
+              // Find all elements with the 'data-flyo-block-uid' attribute
+              const elements = document.querySelectorAll('[data-flyo-block-uid]');
+
+              // Add a click event listener to each element
+              elements.forEach(element => {
+                  element.addEventListener('click', function() {
+                      // On click, alert the value of 'data-flyo-block-uid'
+                      console.log('open', this.getAttribute('data-flyo-block-uid'))
+                      openBlockInFlyo(this.getAttribute('data-flyo-block-uid'))
+                  });
+              });
             `
         );
       }
@@ -722,12 +754,13 @@ function Se(e) {
   };
 }
 export {
-  Se as default,
-  be as useConfigApi,
+  xe as default,
+  Ue as editableBlock,
+  Ee as useConfigApi,
   p as useConfiguration,
-  Ee as useEntitiesApi,
+  ke as useEntitiesApi,
   Ce as usePagesApi,
   Ie as useSearchApi,
   Ae as useSitemapApi,
-  ke as useVersionApi
+  Se as useVersionApi
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyo/nitro-astro",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Astro Framework",
   "main": "./dist/nitro-astro.js",
   "module": "./dist/nitro-astro.mjs",