@flyo/nitro-vue3 2.2.0 → 2.2.1

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("@flyo/nitro-typescript"),s=require("vue");let te=null;const de=({apiToken:t,apiBasePath:n,defaultHeaders:i})=>{te=new O.Configuration({apiKey:t,...n&&{basePath:n},headers:i||{}})},N=()=>te,ce={name:"FlyoBlock"},H=Object.assign(ce,{props:{item:{type:Object,default:()=>{}}},setup(t){return(n,i)=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(t.item.component),{config:t.item.config,content:t.item.content,items:t.item.items,slots:t.item.slots},null,8,["config","content","items","slots"]))}}),fe={name:"FlyoPage"},I=Object.assign(fe,{props:{page:{type:[Object,Boolean],default:!1}},emits:["update:page"],setup(t,{emit:n}){const i=t,r=n,{liveEdit:e,liveEditOrigin:o}=s.inject("flyo"),a=u=>{const d=u.parent||u.opener;return u.self===d?!1:u.parent||u.opener},f=u=>{e&&process.client&&a(window)&&a(window).postMessage({action:"openEdit",data:JSON.parse(JSON.stringify({page:i.page,item:u}))},o)};return process.client&&a(window)&&window.addEventListener("message",u=>{if(u.origin!==o){console.log(`Message from ${u.origin} blocked. Expected ${o}.`);return}const d=u.data;d.action==="pageRefresh"&&r("update:page",d.data)}),(u,d)=>{const y=s.resolveComponent("FlyoBlock");return s.openBlock(),s.createElementBlock("div",null,[t.page?s.renderSlot(u.$slots,"default",s.normalizeProps(s.mergeProps({key:0},t.page)),()=>[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(t.page.json,v=>(s.openBlock(),s.createBlock(y,{key:v.uid,item:v,onClick:()=>f(v)},null,8,["item","onClick"]))),128))]):s.createCommentVNode("",!0)])}}}),c=s.reactive({isLoading:null,response:null,error:null}),ye=()=>{const t=async()=>{try{c.error=null,c.isLoading=!0,c.response=JSON.parse(JSON.stringify(await new O.ConfigApi(N()).config())),c.isLoading=!1}catch(n){c.isLoading=!1,c.response=null,c.error=JSON.parse(JSON.stringify(n))}return{response:c.response,error:c.error}};return{...s.toRefs(c),fetch:t}},pe=t=>{const n=s.ref(!1),i=s.ref(null),r=s.ref(null);return{isLoading:n,response:i,error:r,fetch:async()=>{try{r.value=null,n.value=!0,i.value=JSON.parse(JSON.stringify(await new O.EntitiesApi(N()).entityByUniqueid({uniqueid:t}))),n.value=!1}catch(o){n.value=!1,i.value=null,r.value=JSON.parse(JSON.stringify(o))}return{response:s.unref(i),error:s.unref(r)}}}};function B(){return typeof window>"u"?!1:window!==window.top}function me(){return typeof window>"u"?!1:B()?window.parent:window}function ve(t){var n=me();n&&n.postMessage({action:"openEdit",data:JSON.parse(JSON.stringify({item:{uid:t}}))},"https://flyo.cloud")}function ge(){typeof window>"u"||B()&&window.addEventListener("message",t=>{var n;((n=t.data)==null?void 0:n.action)==="pageRefresh"&&window.location.reload()})}function he(){typeof window>"u"||B()&&window.addEventListener("message",t=>{var n,i,r,e;if(((n=t.data)==null?void 0:n.action)==="scrollTo"){const o=(e=(r=(i=t.data)==null?void 0:i.data)==null?void 0:r.item)==null?void 0:e.uid;if(!o)return;const a=document.querySelector(`[data-flyo-uid="${CSS.escape(o)}"]`);a&&a.scrollIntoView({behavior:"smooth",block:"start"})}})}function we(t,n){const i=()=>ve(t);if(!B()||!n)return i;const r=n,e=document.createElement("button");e.type="button",e.setAttribute("aria-label","Edit block"),e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.zIndex="9999",e.style.width="44px",e.style.height="44px",e.style.display="none",e.style.alignItems="center",e.style.justifyContent="center",e.style.border="0px solid #000",e.style.borderRadius="9999px",e.style.boxSizing="border-box",e.style.cursor="pointer",e.style.background="#FFD466",e.innerHTML='<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z" fill="#111"/><path d="M20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" fill="#111"/></svg>';const o=document.createElement("div");o.style.position="fixed",o.style.top="0px",o.style.left="0px",o.style.zIndex="9998",o.style.display="none",o.style.pointerEvents="none",o.style.background="transparent",o.style.border="none",e.addEventListener("click",i),document.body.appendChild(o),document.body.appendChild(e);const a=44,f=6,u=6,d=6,y=10,v=180,F=()=>window.innerWidth||document.documentElement.clientWidth,C=()=>window.innerHeight||document.documentElement.clientHeight,oe=l=>!(l.bottom<0||l.right<0||l.top>C()||l.left>F()||l.width===0&&l.height===0),$=(l,m)=>l>=d&&m>=d&&l+a<=F()-d&&m+a<=C()-d,W=(l,m)=>({x:Math.max(d,Math.min(l,F()-a-d)),y:Math.max(d,Math.min(m,C()-a-d))});function A(){const l=r.getBoundingClientRect(),m=l.width<a||l.height<a,L=Math.round(l.left),x=Math.round(l.top)-a-u,T=Math.round(l.left)+f,P=Math.round(l.top)+f;let M,S;if(m&&$(L,x))M=L,S=x;else if($(T,P))M=T,S=P;else if($(L,x))M=L,S=x;else{const _=W(L,x),q=W(T,P),ae=Math.abs(_.x-l.left)+Math.abs(_.y-l.top),ue=Math.abs(q.x-l.left)+Math.abs(q.y-l.top);({x:M,y:S}=ae<=ue?_:q)}e.style.left=`${M}px`,e.style.top=`${S}px`;const Z=Math.max(d,Math.round(l.left)-y),ee=Math.max(d,Math.round(l.top)-y),le=Math.min(F()-d,Math.round(l.right)+y),re=Math.min(C()-d,Math.round(l.bottom)+y);o.style.left=`${Z}px`,o.style.top=`${ee}px`,o.style.width=`${Math.max(0,le-Z)}px`,o.style.height=`${Math.max(0,re-ee)}px`}let g=!1,h=!1,w=!1,J=!1,E=null;const k=()=>{E!==null&&(clearTimeout(E),E=null)},j=()=>{k();try{const l=r.getBoundingClientRect();if(!oe(l)){b(!0);return}A(),e.style.display="flex",o.style.display="block",se()}catch{b(!0)}},b=(l=!1)=>{if(l){k(),e.style.display="none",o.style.display="none",R();return}k(),E=window.setTimeout(()=>{!g&&!h&&!w&&(e.style.display="none",o.style.display="none",R()),E=null},v)},z=()=>{e.style.display!=="none"&&A()},D=z;let p=null;const V=window.ResizeObserver,se=()=>{J||(J=!0,window.addEventListener("scroll",z,!0),window.addEventListener("resize",D),typeof V=="function"&&(p=new V(()=>{e.style.display!=="none"&&A()}),p==null||p.observe(r)))},R=()=>{if(J){J=!1,window.removeEventListener("scroll",z,!0),window.removeEventListener("resize",D);try{p==null||p.disconnect()}catch{}p=null}},U=()=>{g=!0,j()},K=()=>{g=!1,!h&&!w&&b()},G=()=>{h=!0,j()},Q=()=>{h=!1,!g&&!w&&b()},X=()=>{w=!0,j()},Y=()=>{w=!1,!g&&!h&&b()};r.addEventListener("mouseenter",U),r.addEventListener("mouseleave",K),e.addEventListener("mouseenter",G),e.addEventListener("mouseleave",Q),o.addEventListener("mouseenter",X),o.addEventListener("mouseleave",Y),e.addEventListener("click",i);function ie(){k(),R(),e.removeEventListener("click",i),r.removeEventListener("mouseenter",U),r.removeEventListener("mouseleave",K),e.removeEventListener("mouseenter",G),e.removeEventListener("mouseleave",Q),o.removeEventListener("mouseenter",X),o.removeEventListener("mouseleave",Y),e.parentElement===document.body&&document.body.removeChild(e),o.parentElement===document.body&&document.body.removeChild(o)}return ie}const Ee=t=>typeof(t==null?void 0:t.uid)=="string"&&t.uid.trim()!==""?{"data-flyo-uid":t.uid}:{},be=()=>{const{liveEdit:t}=s.inject("flyo");if(!t)return;let n=null;const i=[],r=()=>{i.forEach(e=>e()),i.length=0,document.querySelectorAll("[data-flyo-uid]").forEach(e=>{const o=e.getAttribute("data-flyo-uid");if(o&&e instanceof HTMLElement){const a=we(o,e);typeof a=="function"&&i.push(a)}})};s.onMounted(()=>{ge(),he(),r(),n=new MutationObserver(e=>{e.some(a=>Array.from(a.addedNodes).some(f=>{if(f.nodeType===Node.ELEMENT_NODE){const u=f;return u.hasAttribute("data-flyo-uid")||u.querySelector("[data-flyo-uid]")}return!1}))&&r()}),n.observe(document.body,{childList:!0,subtree:!0})}),s.onUnmounted(()=>{n&&n.disconnect(),i.forEach(e=>e()),i.length=0})},Le=t=>{const n=s.ref(!1),i=s.ref(null),r=s.ref(null);return{isLoading:n,response:i,error:r,fetch:async()=>{try{r.value=null,n.value=!0,i.value=JSON.parse(JSON.stringify(await new O.PagesApi(N()).page({slug:t}))),n.value=!1}catch(o){n.value=!1,i.value=null,r.value=JSON.parse(JSON.stringify(o))}return{response:s.unref(i),error:s.unref(r)}}}},xe=()=>{const t=s.ref(!1),n=s.ref(null),i=s.ref(null);return{isLoading:t,response:n,error:i,fetch:async()=>{try{i.value=null,t.value=!0,n.value=JSON.parse(JSON.stringify(await new O.SitemapApi(N()).sitemap())),t.value=!1}catch(e){t.value=!1,n.value=null,i.value=JSON.parse(JSON.stringify(e))}return{response:s.unref(n),error:s.unref(i)}}}},ne={install(t,n){de(n),t.component(H.name,H),t.component(I.name,I),t.provide("flyo",{liveEdit:n.liveEdit,liveEditOrigin:n.liveEditOrigin})}};exports.Block=H;exports.FlyoVue=ne;exports.Page=I;exports.default=ne;exports.editable=Ee;exports.getFlyoConfig=N;exports.useFlyoConfig=ye;exports.useFlyoEntity=pe;exports.useFlyoLiveEdit=be;exports.useFlyoPage=Le;exports.useFlyoSitemap=xe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("@flyo/nitro-typescript"),o=require("vue");let ee=null;const de=({apiToken:t,apiBasePath:n,defaultHeaders:s})=>{ee=new x.Configuration({apiKey:t,...n&&{basePath:n},headers:s||{}})},M=()=>ee,ce={name:"FlyoBlock"},q=Object.assign(ce,{props:{item:{type:Object,default:()=>{}}},setup(t){return(n,s)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.item.component),{block:t.item,config:t.item.config,content:t.item.content,items:t.item.items,slots:t.item.slots},null,8,["block","config","content","items","slots"]))}}),fe={name:"FlyoPage"},H=Object.assign(fe,{props:{page:{type:[Object,Boolean],default:!1}},setup(t){return(n,s)=>{const r=o.resolveComponent("FlyoBlock");return o.openBlock(),o.createElementBlock("div",null,[t.page?o.renderSlot(n.$slots,"default",o.normalizeProps(o.mergeProps({key:0},t.page)),()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(t.page.json,e=>(o.openBlock(),o.createBlock(r,{key:e.uid,item:e},null,8,["item"]))),128))]):o.createCommentVNode("",!0)])}}}),d=o.reactive({isLoading:null,response:null,error:null}),ye=()=>{const t=async()=>{try{d.error=null,d.isLoading=!0,d.response=JSON.parse(JSON.stringify(await new x.ConfigApi(M()).config())),d.isLoading=!1}catch(n){d.isLoading=!1,d.response=null,d.error=JSON.parse(JSON.stringify(n))}return{response:d.response,error:d.error}};return{...o.toRefs(d),fetch:t}},pe=t=>{const n=o.ref(!1),s=o.ref(null),r=o.ref(null);return{isLoading:n,response:s,error:r,fetch:async()=>{try{r.value=null,n.value=!0,s.value=JSON.parse(JSON.stringify(await new x.EntitiesApi(M()).entityByUniqueid({uniqueid:t}))),n.value=!1}catch(l){n.value=!1,s.value=null,r.value=JSON.parse(JSON.stringify(l))}return{response:o.unref(s),error:o.unref(r)}}}};function J(){return typeof window>"u"?!1:window!==window.top}function me(){return typeof window>"u"?!1:J()?window.parent:window}function ve(t){var n=me();n&&n.postMessage({action:"openEdit",data:JSON.parse(JSON.stringify({item:{uid:t}}))},"https://flyo.cloud")}function he(){typeof window>"u"||J()&&window.addEventListener("message",t=>{var n;((n=t.data)==null?void 0:n.action)==="pageRefresh"&&window.location.reload()})}function ge(){typeof window>"u"||J()&&window.addEventListener("message",t=>{var n,s,r,e;if(((n=t.data)==null?void 0:n.action)==="scrollTo"){const l=(e=(r=(s=t.data)==null?void 0:s.data)==null?void 0:r.item)==null?void 0:e.uid;if(!l)return;const a=document.querySelector(`[data-flyo-uid="${CSS.escape(l)}"]`);a&&a.scrollIntoView({behavior:"smooth",block:"start"})}})}function we(t,n){const s=()=>ve(t);if(!J()||!n)return s;const r=n,e=document.createElement("button");e.type="button",e.setAttribute("aria-label","Edit block"),e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.zIndex="9999",e.style.width="44px",e.style.height="44px",e.style.display="none",e.style.alignItems="center",e.style.justifyContent="center",e.style.border="0px solid #000",e.style.borderRadius="9999px",e.style.boxSizing="border-box",e.style.cursor="pointer",e.style.background="#FFD466",e.innerHTML='<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z" fill="#111"/><path d="M20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" fill="#111"/></svg>';const l=document.createElement("div");l.style.position="fixed",l.style.top="0px",l.style.left="0px",l.style.zIndex="9998",l.style.display="none",l.style.pointerEvents="none",l.style.background="transparent",l.style.border="none",e.addEventListener("click",s),document.body.appendChild(l),document.body.appendChild(e);const a=44,y=6,S=6,u=6,O=10,ne=180,N=()=>window.innerWidth||document.documentElement.clientWidth,F=()=>window.innerHeight||document.documentElement.clientHeight,oe=i=>!(i.bottom<0||i.right<0||i.top>F()||i.left>N()||i.width===0&&i.height===0),B=(i,f)=>i>=u&&f>=u&&i+a<=N()-u&&f+a<=F()-u,I=(i,f)=>({x:Math.max(u,Math.min(i,N()-a-u)),y:Math.max(u,Math.min(f,F()-a-u))});function A(){const i=r.getBoundingClientRect(),f=i.width<a||i.height<a,w=Math.round(i.left),E=Math.round(i.top)-a-S,j=Math.round(i.left)+y,P=Math.round(i.top)+y;let b,L;if(f&&B(w,E))b=w,L=E;else if(B(j,P))b=j,L=P;else if(B(w,E))b=w,L=E;else{const R=I(w,E),_=I(j,P),ae=Math.abs(R.x-i.left)+Math.abs(R.y-i.top),ue=Math.abs(_.x-i.left)+Math.abs(_.y-i.top);({x:b,y:L}=ae<=ue?R:_)}e.style.left=`${b}px`,e.style.top=`${L}px`;const Y=Math.max(u,Math.round(i.left)-O),Z=Math.max(u,Math.round(i.top)-O),ie=Math.min(N()-u,Math.round(i.right)+O),re=Math.min(F()-u,Math.round(i.bottom)+O);l.style.left=`${Y}px`,l.style.top=`${Z}px`,l.style.width=`${Math.max(0,ie-Y)}px`,l.style.height=`${Math.max(0,re-Z)}px`}let p=!1,m=!1,v=!1,C=!1,h=null;const k=()=>{h!==null&&(clearTimeout(h),h=null)},$=()=>{k();try{const i=r.getBoundingClientRect();if(!oe(i)){g(!0);return}A(),e.style.display="flex",l.style.display="block",le()}catch{g(!0)}},g=(i=!1)=>{if(i){k(),e.style.display="none",l.style.display="none",T();return}k(),h=window.setTimeout(()=>{!p&&!m&&!v&&(e.style.display="none",l.style.display="none",T()),h=null},ne)},z=()=>{e.style.display!=="none"&&A()},D=z;let c=null;const V=window.ResizeObserver,le=()=>{C||(C=!0,window.addEventListener("scroll",z,!0),window.addEventListener("resize",D),typeof V=="function"&&(c=new V(()=>{e.style.display!=="none"&&A()}),c==null||c.observe(r)))},T=()=>{if(C){C=!1,window.removeEventListener("scroll",z,!0),window.removeEventListener("resize",D);try{c==null||c.disconnect()}catch{}c=null}},U=()=>{p=!0,$()},W=()=>{p=!1,!m&&!v&&g()},K=()=>{m=!0,$()},G=()=>{m=!1,!p&&!v&&g()},Q=()=>{v=!0,$()},X=()=>{v=!1,!p&&!m&&g()};r.addEventListener("mouseenter",U),r.addEventListener("mouseleave",W),e.addEventListener("mouseenter",K),e.addEventListener("mouseleave",G),l.addEventListener("mouseenter",Q),l.addEventListener("mouseleave",X),e.addEventListener("click",s);function se(){k(),T(),e.removeEventListener("click",s),r.removeEventListener("mouseenter",U),r.removeEventListener("mouseleave",W),e.removeEventListener("mouseenter",K),e.removeEventListener("mouseleave",G),l.removeEventListener("mouseenter",Q),l.removeEventListener("mouseleave",X),e.parentElement===document.body&&document.body.removeChild(e),l.parentElement===document.body&&document.body.removeChild(l)}return se}const Ee=t=>typeof(t==null?void 0:t.uid)=="string"&&t.uid.trim()!==""?{"data-flyo-uid":t.uid}:{},be=()=>{const{liveEdit:t}=o.inject("flyo");if(!t)return;let n=null;const s=[],r=()=>{s.forEach(e=>e()),s.length=0,document.querySelectorAll("[data-flyo-uid]").forEach(e=>{const l=e.getAttribute("data-flyo-uid");if(l&&e instanceof HTMLElement){const a=we(l,e);typeof a=="function"&&s.push(a)}})};o.onMounted(()=>{he(),ge(),r(),n=new MutationObserver(e=>{e.some(a=>Array.from(a.addedNodes).some(y=>{if(y.nodeType===Node.ELEMENT_NODE){const S=y;return S.hasAttribute("data-flyo-uid")||S.querySelector("[data-flyo-uid]")}return!1}))&&r()}),n.observe(document.body,{childList:!0,subtree:!0})}),o.onUnmounted(()=>{n&&n.disconnect(),s.forEach(e=>e()),s.length=0})},Le=t=>{const n=o.ref(!1),s=o.ref(null),r=o.ref(null);return{isLoading:n,response:s,error:r,fetch:async()=>{try{r.value=null,n.value=!0,s.value=JSON.parse(JSON.stringify(await new x.PagesApi(M()).page({slug:t}))),n.value=!1}catch(l){n.value=!1,s.value=null,r.value=JSON.parse(JSON.stringify(l))}return{response:o.unref(s),error:o.unref(r)}}}},xe=()=>{const t=o.ref(!1),n=o.ref(null),s=o.ref(null);return{isLoading:t,response:n,error:s,fetch:async()=>{try{s.value=null,t.value=!0,n.value=JSON.parse(JSON.stringify(await new x.SitemapApi(M()).sitemap())),t.value=!1}catch(e){t.value=!1,n.value=null,s.value=JSON.parse(JSON.stringify(e))}return{response:o.unref(n),error:o.unref(s)}}}},te={install(t,n){de(n),t.component(q.name,q),t.component(H.name,H),t.provide("flyo",{liveEdit:n.liveEdit,liveEditOrigin:n.liveEditOrigin})}};exports.Block=q;exports.FlyoVue=te;exports.Page=H;exports.default=te;exports.editable=Ee;exports.getFlyoConfig=M;exports.useFlyoConfig=ye;exports.useFlyoEntity=pe;exports.useFlyoLiveEdit=be;exports.useFlyoPage=Le;exports.useFlyoSitemap=xe;

package/dist/index.mjs

@@ -1,15 +1,15 @@
-import { Configuration as pe, ConfigApi as ye, EntitiesApi as me, PagesApi as ve, SitemapApi as ge } from "@flyo/nitro-typescript";
-import { openBlock as k, createBlock as oe, resolveDynamicComponent as he, inject as se, resolveComponent as we, createElementBlock as ee, renderSlot as Ee, normalizeProps as be, mergeProps as Le, Fragment as xe, renderList as Me, createCommentVNode as Oe, reactive as Se, toRefs as Ne, ref as c, unref as v, onMounted as Ce, onUnmounted as Je } from "vue";
-let ie = null;
-const Fe = ({ apiToken: t, apiBasePath: n, defaultHeaders: s }) => {
-  ie = new pe({
+import { Configuration as fe, ConfigApi as ye, EntitiesApi as me, PagesApi as pe, SitemapApi as ve } from "@flyo/nitro-typescript";
+import { openBlock as F, createBlock as ne, resolveDynamicComponent as he, resolveComponent as ge, createElementBlock as Z, renderSlot as we, normalizeProps as Ee, mergeProps as be, Fragment as Le, renderList as xe, createCommentVNode as Me, reactive as Se, toRefs as Oe, ref as d, unref as y, inject as Ne, onMounted as Ce, onUnmounted as Je } from "vue";
+let oe = null;
+const Fe = ({ apiToken: t, apiBasePath: n, defaultHeaders: l }) => {
+  oe = new fe({
     apiKey: t,
     ...n && { basePath: n },
-    headers: s || {}
+    headers: l || {}
   });
-}, $ = () => ie, ke = {
+}, k = () => oe, ke = {
   name: "FlyoBlock"
-}, te = /* @__PURE__ */ Object.assign(ke, {
+}, ee = /* @__PURE__ */ Object.assign(ke, {
   props: {
     item: {
       type: Object,
@@ -18,91 +18,71 @@ const Fe = ({ apiToken: t, apiBasePath: n, defaultHeaders: s }) => {
     }
   },
   setup(t) {
-    return (n, s) => (k(), oe(he(t.item.component), {
+    return (n, l) => (F(), ne(he(t.item.component), {
+      block: t.item,
       config: t.item.config,
       content: t.item.content,
       items: t.item.items,
       slots: t.item.slots
-    }, null, 8, ["config", "content", "items", "slots"]));
+    }, null, 8, ["block", "config", "content", "items", "slots"]));
   }
-}), $e = {
+}), Ae = {
   name: "FlyoPage"
-}, ne = /* @__PURE__ */ Object.assign($e, {
+}, te = /* @__PURE__ */ Object.assign(Ae, {
   props: {
     page: {
       type: [Object, Boolean],
       default: !1
     }
   },
-  emits: ["update:page"],
-  setup(t, { emit: n }) {
-    const s = t, l = n, { liveEdit: e, liveEditOrigin: o } = se("flyo"), r = (a) => {
-      const u = a.parent || a.opener;
-      return a.self === u ? !1 : a.parent || a.opener;
-    }, f = (a) => {
-      e && process.client && r(window) && r(window).postMessage({
-        action: "openEdit",
-        data: JSON.parse(JSON.stringify({
-          page: s.page,
-          item: a
-        }))
-      }, o);
-    };
-    return process.client && r(window) && window.addEventListener("message", (a) => {
-      if (a.origin !== o) {
-        console.log(`Message from ${a.origin} blocked. Expected ${o}.`);
-        return;
-      }
-      const u = a.data;
-      u.action === "pageRefresh" && l("update:page", u.data);
-    }), (a, u) => {
-      const p = we("FlyoBlock");
-      return k(), ee("div", null, [
-        t.page ? Ee(a.$slots, "default", be(Le({ key: 0 }, t.page)), () => [
-          (k(!0), ee(xe, null, Me(t.page.json, (g) => (k(), oe(p, {
-            key: g.uid,
-            item: g,
-            onClick: () => f(g)
-          }, null, 8, ["item", "onClick"]))), 128))
-        ]) : Oe("", !0)
+  setup(t) {
+    return (n, l) => {
+      const i = ge("FlyoBlock");
+      return F(), Z("div", null, [
+        t.page ? we(n.$slots, "default", Ee(be({ key: 0 }, t.page)), () => [
+          (F(!0), Z(Le, null, xe(t.page.json, (e) => (F(), ne(i, {
+            key: e.uid,
+            item: e
+          }, null, 8, ["item"]))), 128))
+        ]) : Me("", !0)
       ]);
     };
   }
-}), d = Se({
+}), u = Se({
   isLoading: null,
   response: null,
   error: null
 }), _e = () => {
   const t = async () => {
     try {
-      d.error = null, d.isLoading = !0, d.response = JSON.parse(JSON.stringify(await new ye($()).config())), d.isLoading = !1;
+      u.error = null, u.isLoading = !0, u.response = JSON.parse(JSON.stringify(await new ye(k()).config())), u.isLoading = !1;
     } catch (n) {
-      d.isLoading = !1, d.response = null, d.error = JSON.parse(JSON.stringify(n));
+      u.isLoading = !1, u.response = null, u.error = JSON.parse(JSON.stringify(n));
     }
     return {
-      response: d.response,
-      error: d.error
+      response: u.response,
+      error: u.error
     };
   };
   return {
-    ...Ne(d),
+    ...Oe(u),
     fetch: t
   };
 }, qe = (t) => {
-  const n = c(!1), s = c(null), l = c(null);
+  const n = d(!1), l = d(null), i = d(null);
   return {
     isLoading: n,
-    response: s,
-    error: l,
+    response: l,
+    error: i,
     fetch: async () => {
       try {
-        l.value = null, n.value = !0, s.value = JSON.parse(JSON.stringify(await new me($()).entityByUniqueid({ uniqueid: t }))), n.value = !1;
+        i.value = null, n.value = !0, l.value = JSON.parse(JSON.stringify(await new me(k()).entityByUniqueid({ uniqueid: t }))), n.value = !1;
       } catch (o) {
-        n.value = !1, s.value = null, l.value = JSON.parse(JSON.stringify(o));
+        n.value = !1, l.value = null, i.value = JSON.parse(JSON.stringify(o));
       }
       return {
-        response: v(s),
-        error: v(l)
+        response: y(l),
+        error: y(i)
       };
     }
   };
@@ -110,11 +90,11 @@ const Fe = ({ apiToken: t, apiBasePath: n, defaultHeaders: s }) => {
 function A() {
   return typeof window > "u" ? !1 : window !== window.top;
 }
-function Ae() {
+function Be() {
   return typeof window > "u" ? !1 : A() ? window.parent : window;
 }
-function Be(t) {
-  var n = Ae();
+function $e(t) {
+  var n = Be();
   n && n.postMessage({
     action: "openEdit",
     data: JSON.parse(JSON.stringify({ item: { uid: t } }))
@@ -128,9 +108,9 @@ function ze() {
 }
 function Re() {
   typeof window > "u" || A() && window.addEventListener("message", (t) => {
-    var n, s, l, e;
+    var n, l, i, e;
     if (((n = t.data) == null ? void 0 : n.action) === "scrollTo") {
-      const o = (e = (l = (s = t.data) == null ? void 0 : s.data) == null ? void 0 : l.item) == null ? void 0 : e.uid;
+      const o = (e = (i = (l = t.data) == null ? void 0 : l.data) == null ? void 0 : i.item) == null ? void 0 : e.uid;
       if (!o)
         return;
       const r = document.querySelector(`[data-flyo-uid="${CSS.escape(o)}"]`);
@@ -139,179 +119,179 @@ function Re() {
   });
 }
 function je(t, n) {
-  const s = () => Be(t);
+  const l = () => $e(t);
   if (!A() || !n)
-    return s;
-  const l = n, e = document.createElement("button");
+    return l;
+  const i = n, e = document.createElement("button");
   e.type = "button", e.setAttribute("aria-label", "Edit block"), e.style.position = "fixed", e.style.top = "0px", e.style.left = "0px", e.style.zIndex = "9999", e.style.width = "44px", e.style.height = "44px", e.style.display = "none", e.style.alignItems = "center", e.style.justifyContent = "center", e.style.border = "0px solid #000", e.style.borderRadius = "9999px", e.style.boxSizing = "border-box", e.style.cursor = "pointer", e.style.background = "#FFD466", e.innerHTML = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z" fill="#111"/><path d="M20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" fill="#111"/></svg>';
   const o = document.createElement("div");
-  o.style.position = "fixed", o.style.top = "0px", o.style.left = "0px", o.style.zIndex = "9998", o.style.display = "none", o.style.pointerEvents = "none", o.style.background = "transparent", o.style.border = "none", e.addEventListener("click", s), document.body.appendChild(o), document.body.appendChild(e);
-  const r = 44, f = 6, a = 6, u = 6, p = 10, g = 180, N = () => window.innerWidth || document.documentElement.clientWidth, C = () => window.innerHeight || document.documentElement.clientHeight, le = (i) => !(i.bottom < 0 || i.right < 0 || i.top > C() || i.left > N() || i.width === 0 && i.height === 0), B = (i, m) => i >= u && m >= u && i + r <= N() - u && m + r <= C() - u, I = (i, m) => ({
-    x: Math.max(u, Math.min(i, N() - r - u)),
-    y: Math.max(u, Math.min(m, C() - r - u))
+  o.style.position = "fixed", o.style.top = "0px", o.style.left = "0px", o.style.zIndex = "9998", o.style.display = "none", o.style.pointerEvents = "none", o.style.background = "transparent", o.style.border = "none", e.addEventListener("click", l), document.body.appendChild(o), document.body.appendChild(e);
+  const r = 44, m = 6, M = 6, a = 6, S = 10, le = 180, O = () => window.innerWidth || document.documentElement.clientWidth, N = () => window.innerHeight || document.documentElement.clientHeight, se = (s) => !(s.bottom < 0 || s.right < 0 || s.top > N() || s.left > O() || s.width === 0 && s.height === 0), B = (s, f) => s >= a && f >= a && s + r <= O() - a && f + r <= N() - a, H = (s, f) => ({
+    x: Math.max(a, Math.min(s, O() - r - a)),
+    y: Math.max(a, Math.min(f, N() - r - a))
   });
-  function z() {
-    const i = l.getBoundingClientRect(), m = i.width < r || i.height < r, x = Math.round(i.left), M = Math.round(i.top) - r - a, P = Math.round(i.left) + f, _ = Math.round(i.top) + f;
-    let O, S;
-    if (m && B(x, M))
-      O = x, S = M;
-    else if (B(P, _))
-      O = P, S = _;
-    else if (B(x, M))
-      O = x, S = M;
+  function $() {
+    const s = i.getBoundingClientRect(), f = s.width < r || s.height < r, E = Math.round(s.left), b = Math.round(s.top) - r - M, T = Math.round(s.left) + m, P = Math.round(s.top) + m;
+    let L, x;
+    if (f && B(E, b))
+      L = E, x = b;
+    else if (B(T, P))
+      L = T, x = P;
+    else if (B(E, b))
+      L = E, x = b;
     else {
-      const q = I(x, M), H = I(P, _), ce = Math.abs(q.x - i.left) + Math.abs(q.y - i.top), fe = Math.abs(H.x - i.left) + Math.abs(H.y - i.top);
-      ({ x: O, y: S } = ce <= fe ? q : H);
+      const _ = H(E, b), q = H(T, P), de = Math.abs(_.x - s.left) + Math.abs(_.y - s.top), ce = Math.abs(q.x - s.left) + Math.abs(q.y - s.top);
+      ({ x: L, y: x } = de <= ce ? _ : q);
     }
-    e.style.left = `${O}px`, e.style.top = `${S}px`;
-    const Y = Math.max(u, Math.round(i.left) - p), Z = Math.max(u, Math.round(i.top) - p), ue = Math.min(N() - u, Math.round(i.right) + p), de = Math.min(C() - u, Math.round(i.bottom) + p);
-    o.style.left = `${Y}px`, o.style.top = `${Z}px`, o.style.width = `${Math.max(0, ue - Y)}px`, o.style.height = `${Math.max(0, de - Z)}px`;
+    e.style.left = `${L}px`, e.style.top = `${x}px`;
+    const X = Math.max(a, Math.round(s.left) - S), Y = Math.max(a, Math.round(s.top) - S), ae = Math.min(O() - a, Math.round(s.right) + S), ue = Math.min(N() - a, Math.round(s.bottom) + S);
+    o.style.left = `${X}px`, o.style.top = `${Y}px`, o.style.width = `${Math.max(0, ae - X)}px`, o.style.height = `${Math.max(0, ue - Y)}px`;
   }
-  let h = !1, w = !1, E = !1, J = !1, b = null;
-  const F = () => {
-    b !== null && (clearTimeout(b), b = null);
-  }, R = () => {
-    F();
+  let p = !1, v = !1, h = !1, C = !1, g = null;
+  const J = () => {
+    g !== null && (clearTimeout(g), g = null);
+  }, z = () => {
+    J();
     try {
-      const i = l.getBoundingClientRect();
-      if (!le(i)) {
-        L(!0);
+      const s = i.getBoundingClientRect();
+      if (!se(s)) {
+        w(!0);
         return;
       }
-      z(), e.style.display = "flex", o.style.display = "block", re();
+      $(), e.style.display = "flex", o.style.display = "block", ie();
     } catch {
-      L(!0);
+      w(!0);
     }
-  }, L = (i = !1) => {
-    if (i) {
-      F(), e.style.display = "none", o.style.display = "none", T();
+  }, w = (s = !1) => {
+    if (s) {
+      J(), e.style.display = "none", o.style.display = "none", j();
       return;
     }
-    F(), b = window.setTimeout(() => {
-      !h && !w && !E && (e.style.display = "none", o.style.display = "none", T()), b = null;
-    }, g);
+    J(), g = window.setTimeout(() => {
+      !p && !v && !h && (e.style.display = "none", o.style.display = "none", j()), g = null;
+    }, le);
+  }, R = () => {
+    e.style.display !== "none" && $();
+  }, I = R;
+  let c = null;
+  const D = window.ResizeObserver, ie = () => {
+    C || (C = !0, window.addEventListener("scroll", R, !0), window.addEventListener("resize", I), typeof D == "function" && (c = new D(() => {
+      e.style.display !== "none" && $();
+    }), c == null || c.observe(i)));
   }, j = () => {
-    e.style.display !== "none" && z();
-  }, W = j;
-  let y = null;
-  const D = window.ResizeObserver, re = () => {
-    J || (J = !0, window.addEventListener("scroll", j, !0), window.addEventListener("resize", W), typeof D == "function" && (y = new D(() => {
-      e.style.display !== "none" && z();
-    }), y == null || y.observe(l)));
-  }, T = () => {
-    if (J) {
-      J = !1, window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", W);
+    if (C) {
+      C = !1, window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", I);
       try {
-        y == null || y.disconnect();
+        c == null || c.disconnect();
       } catch {
       }
-      y = null;
+      c = null;
     }
   }, U = () => {
-    h = !0, R();
+    p = !0, z();
   }, V = () => {
-    h = !1, !w && !E && L();
+    p = !1, !v && !h && w();
+  }, W = () => {
+    v = !0, z();
   }, K = () => {
-    w = !0, R();
+    v = !1, !p && !h && w();
   }, G = () => {
-    w = !1, !h && !E && L();
+    h = !0, z();
   }, Q = () => {
-    E = !0, R();
-  }, X = () => {
-    E = !1, !h && !w && L();
+    h = !1, !p && !v && w();
   };
-  l.addEventListener("mouseenter", U), l.addEventListener("mouseleave", V), e.addEventListener("mouseenter", K), e.addEventListener("mouseleave", G), o.addEventListener("mouseenter", Q), o.addEventListener("mouseleave", X), e.addEventListener("click", s);
-  function ae() {
-    F(), T(), e.removeEventListener("click", s), l.removeEventListener("mouseenter", U), l.removeEventListener("mouseleave", V), e.removeEventListener("mouseenter", K), e.removeEventListener("mouseleave", G), o.removeEventListener("mouseenter", Q), o.removeEventListener("mouseleave", X), e.parentElement === document.body && document.body.removeChild(e), o.parentElement === document.body && document.body.removeChild(o);
+  i.addEventListener("mouseenter", U), i.addEventListener("mouseleave", V), e.addEventListener("mouseenter", W), e.addEventListener("mouseleave", K), o.addEventListener("mouseenter", G), o.addEventListener("mouseleave", Q), e.addEventListener("click", l);
+  function re() {
+    J(), j(), e.removeEventListener("click", l), i.removeEventListener("mouseenter", U), i.removeEventListener("mouseleave", V), e.removeEventListener("mouseenter", W), e.removeEventListener("mouseleave", K), o.removeEventListener("mouseenter", G), o.removeEventListener("mouseleave", Q), e.parentElement === document.body && document.body.removeChild(e), o.parentElement === document.body && document.body.removeChild(o);
   }
-  return ae;
+  return re;
 }
 const He = (t) => typeof (t == null ? void 0 : t.uid) == "string" && t.uid.trim() !== "" ? { "data-flyo-uid": t.uid } : {}, Ie = () => {
-  const { liveEdit: t } = se("flyo");
+  const { liveEdit: t } = Ne("flyo");
   if (!t)
     return;
   let n = null;
-  const s = [], l = () => {
-    s.forEach((e) => e()), s.length = 0, document.querySelectorAll("[data-flyo-uid]").forEach((e) => {
+  const l = [], i = () => {
+    l.forEach((e) => e()), l.length = 0, document.querySelectorAll("[data-flyo-uid]").forEach((e) => {
       const o = e.getAttribute("data-flyo-uid");
       if (o && e instanceof HTMLElement) {
         const r = je(o, e);
-        typeof r == "function" && s.push(r);
+        typeof r == "function" && l.push(r);
       }
     });
   };
   Ce(() => {
-    ze(), Re(), l(), n = new MutationObserver((e) => {
+    ze(), Re(), i(), n = new MutationObserver((e) => {
       e.some(
-        (r) => Array.from(r.addedNodes).some((f) => {
-          if (f.nodeType === Node.ELEMENT_NODE) {
-            const a = f;
-            return a.hasAttribute("data-flyo-uid") || a.querySelector("[data-flyo-uid]");
+        (r) => Array.from(r.addedNodes).some((m) => {
+          if (m.nodeType === Node.ELEMENT_NODE) {
+            const M = m;
+            return M.hasAttribute("data-flyo-uid") || M.querySelector("[data-flyo-uid]");
           }
           return !1;
         })
-      ) && l();
+      ) && i();
     }), n.observe(document.body, {
       childList: !0,
       subtree: !0
     });
   }), Je(() => {
-    n && n.disconnect(), s.forEach((e) => e()), s.length = 0;
+    n && n.disconnect(), l.forEach((e) => e()), l.length = 0;
   });
-}, We = (t) => {
-  const n = c(!1), s = c(null), l = c(null);
+}, De = (t) => {
+  const n = d(!1), l = d(null), i = d(null);
   return {
     isLoading: n,
-    response: s,
-    error: l,
+    response: l,
+    error: i,
     fetch: async () => {
       try {
-        l.value = null, n.value = !0, s.value = JSON.parse(JSON.stringify(await new ve($()).page({ slug: t }))), n.value = !1;
+        i.value = null, n.value = !0, l.value = JSON.parse(JSON.stringify(await new pe(k()).page({ slug: t }))), n.value = !1;
       } catch (o) {
-        n.value = !1, s.value = null, l.value = JSON.parse(JSON.stringify(o));
+        n.value = !1, l.value = null, i.value = JSON.parse(JSON.stringify(o));
       }
       return {
-        response: v(s),
-        error: v(l)
+        response: y(l),
+        error: y(i)
       };
     }
   };
-}, De = () => {
-  const t = c(!1), n = c(null), s = c(null);
+}, Ue = () => {
+  const t = d(!1), n = d(null), l = d(null);
   return {
     isLoading: t,
     response: n,
-    error: s,
+    error: l,
     fetch: async () => {
       try {
-        s.value = null, t.value = !0, n.value = JSON.parse(JSON.stringify(await new ge($()).sitemap())), t.value = !1;
+        l.value = null, t.value = !0, n.value = JSON.parse(JSON.stringify(await new ve(k()).sitemap())), t.value = !1;
       } catch (e) {
-        t.value = !1, n.value = null, s.value = JSON.parse(JSON.stringify(e));
+        t.value = !1, n.value = null, l.value = JSON.parse(JSON.stringify(e));
       }
       return {
-        response: v(n),
-        error: v(s)
+        response: y(n),
+        error: y(l)
       };
     }
   };
-}, Ue = {
+}, Ve = {
   install(t, n) {
-    Fe(n), t.component(te.name, te), t.component(ne.name, ne), t.provide("flyo", {
+    Fe(n), t.component(ee.name, ee), t.component(te.name, te), t.provide("flyo", {
       liveEdit: n.liveEdit,
       liveEditOrigin: n.liveEditOrigin
     });
   }
 };
 export {
-  te as Block,
-  Ue as FlyoVue,
-  ne as Page,
-  Ue as default,
+  ee as Block,
+  Ve as FlyoVue,
+  te as Page,
+  Ve as default,
   He as editable,
-  $ as getFlyoConfig,
+  k as getFlyoConfig,
   _e as useFlyoConfig,
   qe as useFlyoEntity,
   Ie as useFlyoLiveEdit,
-  We as useFlyoPage,
-  De as useFlyoSitemap
+  De as useFlyoPage,
+  Ue as useFlyoSitemap
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flyo/nitro-vue3",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Vue3 Components for Flyo Nitro",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",