@grapesjs/studio-sdk-plugins 1.0.36 → 1.0.38-rc.0

package/dist/canvasGridMode/index.umd.js

@@ -1,4 +1,4 @@
-(function(x,P){typeof exports=="object"&&typeof module<"u"?module.exports=P():typeof define=="function"&&define.amd?define(P):(x=typeof globalThis<"u"?globalThis:x||self,x.StudioSdkPlugins_canvasGridMode=P())})(this,function(){"use strict";const x="app.grapesjs.com",P="app-stage.grapesjs.com",W=[x,"app2.grapesjs.com",P,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],rt="license:check:end",st=()=>typeof window<"u",at=({isDev:t,isStage:e,isPlatform:r})=>`${t?"":`https://${e?P:x}`}/${r?"platform-api":"api"}`,it=()=>{const t=st()&&window.location.hostname;return!!t&&(W.includes(t)||W.some(e=>t.endsWith(e)))};function U(t){return typeof t=="function"}async function lt({path:t,baseApiUrl:e,method:r="GET",headers:n={},params:o,body:i}){const a=`${e||at({isDev:!1,isStage:!1})}${t}`,p={method:r,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const d=o?new URLSearchParams(o).toString():"",c=d?`?${d}`:"",l=await fetch(`${a}${c}`,p);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{}),L=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(L||{});const k={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function ct(t){const e=t;return e.init=r=>n=>t(n,r),e}const pt=t=>ct(t);async function dt({editor:t,plan:e,pluginName:r,licenseKey:n,onLicenseCheckResponse:o,cleanup:i}){let s="",a;const p=l=>{console.warn("Cleanup plugin:",r,"Reason:",l),i()},d=(l={})=>{var w;const{error:g,sdkLicense:u}=l,h=(w=l.plan)==null?void 0:w.category;if(!(u||l.license)||g)p(g||"Invalid license");else if(h){const v=k[e],R=k[h];v>R&&p({pluginRequiredPlan:e,licensePlan:h})}};t.Commands.has(L.settings)&&(a=t.runCommand(L.settings),s=(a==null?void 0:a.baseUrl)||"");const c=l=>{o==null||o(l),l&&d(l)};if(!a){t.onReady(async()=>{if(!it())if(n){const l=await ut({licenseKey:n,pluginName:r,baseApiUrl:s});c(l)}else p("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const l=gt(a);c(l);return}t.on(rt,l=>c(l))}const gt=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function ut(t){const{licenseKey:e,pluginName:r,baseApiUrl:n}=t;try{return(await lt({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const N="canvasGridMode",ft=G.startup,O="component-grid-mode",D="grid-mode",M="gjs-drag-grid-spot",q=`${M}__grid-item`,Y=`${M}__grid-target`,H=`${M}__snapped`,mt=`${M}__container`,yt=()=>{const t="data-gjs-drag-grid-style",e=document,r="var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))",n="var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))",o=e.querySelector(`style[${t}]`)||e.createElement("style");o.setAttribute(t,"true"),o.innerHTML=`
+(function(P,E){typeof exports=="object"&&typeof module<"u"?module.exports=E():typeof define=="function"&&define.amd?define(E):(P=typeof globalThis<"u"?globalThis:P||self,P.StudioSdkPlugins_canvasGridMode=E())})(this,function(){"use strict";const P="app.grapesjs.com",E="app-stage.grapesjs.com",W=[P,"app2.grapesjs.com",E,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],rt="license:check:end",st=()=>typeof window<"u",at=({isDev:t,isStage:e,isPlatform:r})=>`${t?"":`https://${e?E:P}`}/${r?"platform-api":"api"}`,it=()=>{if(!st())return"";const{hostname:t}=window.location;if(t)return t;try{return window.parent.location.hostname||""}catch{return""}},lt=()=>{const t=it();return!!t&&(W.includes(t)||W.some(e=>t.endsWith(e)))};function U(t){return typeof t=="function"}async function ct({path:t,baseApiUrl:e,method:r="GET",headers:n={},params:o,body:a}){const l=`${e||at({isDev:!1,isStage:!1})}${t}`,c={method:r,headers:{"Content-Type":"application/json",...n}};a&&(c.body=JSON.stringify(a));const d=o?new URLSearchParams(o).toString():"",p=d?`?${d}`:"",i=await fetch(`${l}${p}`,c);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return i.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{}),N=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.openEditCode="studio:openEditCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(N||{});const k={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function pt(t){const e=t;return e.init=r=>n=>t(n,r),e}const dt=t=>pt(t);async function gt({editor:t,plan:e,pluginName:r,licenseKey:n,onLicenseCheckResponse:o,cleanup:a}){let s="",l;const c=i=>{console.warn("Cleanup plugin:",r,"Reason:",i),a()},d=(i={})=>{var u;const{error:g,sdkLicense:m}=i,h=(u=i.plan)==null?void 0:u.category;if(!(m||i.license)||g)c(g||"Invalid license");else if(h){const b=k[e],S=k[h];b>S&&c({pluginRequiredPlan:e,licensePlan:h})}};t.Commands.has(N.settings)&&(l=t.runCommand(N.settings),s=(l==null?void 0:l.baseUrl)||"");const p=i=>{o==null||o(i),i&&d(i)};if(!l){t.onReady(async()=>{if(!lt())if(n){const i=await ft({licenseKey:n,pluginName:r,baseApiUrl:s});p(i)}else c("The `licenseKey` option not provided")});return}if(l.licensePlan||l.licenseError){const i=ut(l);p(i);return}t.on(rt,i=>p(i))}const ut=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function ft(t){const{licenseKey:e,pluginName:r,baseApiUrl:n}=t;try{return(await ct({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const O="canvasGridMode",mt=G.startup,F="component-grid-mode",D="grid-mode",M="gjs-drag-grid-spot",q=`${M}__grid-item`,H=`${M}__grid-target`,Y=`${M}__snapped`,yt=`${M}__container`,ht=()=>{const t="data-gjs-drag-grid-style",e=document,r="var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))",n="var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))",o=e.querySelector(`style[${t}]`)||e.createElement("style");o.setAttribute(t,"true"),o.innerHTML=`
         .${q} {
             outline: 2px solid ${n};
             background: ${r};
@@ -8,14 +8,14 @@
             height: 100%;
             opacity: 0.1;
         }
-        .${H} {
+        .${Y} {
             width: 100%;
             height: 100%;
             outline: 2px solid ${n};
             outline-offset: -2px;
             position: absolute;
         }
-        .${Y} {
+        .${H} {
             position: absolute;
             z-index: -1;
             background: ${r};
@@ -23,4 +23,4 @@
             outline-offset: -1px;
             opacity: 0.35;
         }
-    `,e.head.appendChild(o)};function X(t){const{editor:e,type:r}=t,n=St(e,t.component),o=F(e,n.component);if(!$t(e,n,o,r))return{target:n,container:o,startScroll:Z(e).scroll,shadowContainerEl:document.createElement("div"),shadowSnappedEl:document.createElement("div"),shadowTargetEl:document.createElement("div"),spot:e.Canvas.addSpot({type:D,component:o.component})}}function K(t){const{editor:e,shadowTargetEl:r,shadowSnappedEl:n,shadowContainerEl:o,spotEl:i,target:s,container:a}=t,{Canvas:p}=e,d=e.config.stylePrefix;i==null||i.appendChild(o),o==null||o.appendChild(r),o==null||o.appendChild(n),ht(o,a),wt(r,s,a),bt(n,s),vt(o,a.el),s.el.style.opacity="0";const c=p.getSpots().filter(l=>l.type!==D);e.em.stopDefault({preserveSelected:!0}),p.removeSpots(c),p.startAutoscroll(),p.getBody().classList.add(`${d}is__grabbing`)}function J(t){const{editor:e,shadowSnappedEl:r,shadowContainerEl:n,target:o,cancelled:i}=t,{Canvas:s}=e,a=e.config.stylePrefix,{component:p}=o;if(!i){const d=window.getComputedStyle(r);p.addStyle({"grid-area":d.gridArea,width:"",height:""})}o.el.style.opacity="",n.contains(r)&&(n==null||n.removeChild(r)),e.getModel().runDefault({preserveSelected:1}),s.stopAutoscroll(),s.getBody().classList.remove(`${a}is__grabbing`),s.removeSpots({type:D}),e.select(p)}function ht(t,{rows:e,columns:r}){const n=[];for(let o=0;o<r.length;o++){n[o]=[];for(let i=0;i<e.length;i++){const s=document.createElement("div");s.className=q,s.style.gridArea=`${i+1} / ${o+1}`,n[o][i]=s,t.appendChild(s)}}return n}function wt(t,e,r){return t.className=Y,t.style.top=`${e.offset.top-r.offset.top}px`,t.style.left=`${e.offset.left-r.offset.left}px`,t.style.width=`${e.offset.width+e.margin.left+e.margin.right}px`,t.style.height=`${e.offset.height+e.margin.top+e.margin.bottom}px`,t}function bt(t,e){const r=tt(e.el,e.computedStyles);return t.className=H,t.style.gridArea=`${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`,t}function vt(t,e){const r=window.getComputedStyle(e);t.className=mt,t.style.position="relative",t.style.display=r.display,t.style.gap=r.gap,t.style.padding=r.padding,t.style.border=r.border,t.style.gridTemplateColumns=r.gridTemplateColumns,t.style.gridTemplateRows=r.gridTemplateRows}function Q(t,e){if(e){if(Array.isArray(e))return[...e].pop()}else return[...t.getSelectedAll()].pop();return e}function St(t,e){const r=Q(t,e),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),margin:{top:parseFloat(o.marginTop),right:parseFloat(o.marginRight),bottom:parseFloat(o.marginBottom),left:parseFloat(o.marginLeft)},computedStyles:o}}function F(t,e){const r=e.parent(),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),computedStyles:o,padding:{top:parseFloat(o.paddingTop),right:parseFloat(o.paddingRight),bottom:parseFloat(o.paddingBottom),left:parseFloat(o.paddingLeft)},columns:o.gridTemplateColumns.split(" ").map(s=>parseFloat(s)),rows:o.gridTemplateRows.split(" ").map(s=>parseFloat(s)),gap:{column:parseInt(o.columnGap),row:parseInt(o.rowGap)}}}function T(t,e,r,n,o=1){let i=0;for(let s=e;s<=t.length;s++){if(i+(t[s-1]+n)*o>r)return s;i+=n+t[s-1]}return t.length+1}function Z(t){const{scrollY:e,scrollX:r}=t.Canvas.getWindow();return{scroll:{top:e,left:r}}}function $t(t,e,r,n){const o=i=>t.em.logWarning(i);return n==="draggable"&&e.component.get(n)===!1?(o(`[${N}] The element is not ${n}`),!0):r.computedStyles.display!=="grid"?(o(`[${N}] The container does not have style display:grid`),!0):!1}function B(t,e,r={}){const n=Q(t,e),o=n==null?void 0:n.parent(),i=o==null?void 0:o.getEl();if(!o||!i)return!1;const{enableGrid:s}=r,a=window.getComputedStyle(i).display==="grid";return U(s)?s({component:n,parent:o,isParentGrid:a}):a}const V=t=>t.split(" ").map(e=>parseFloat(e));function tt(t,e){const r=t.ownerDocument.defaultView,n=e||r.getComputedStyle(t),o=n.gridArea.split("/").some(b=>isNaN(parseInt(b.trim()))),i={isComputed:o,raw:n.gridArea};if(!o)return{...i,row:{start:parseInt(n.gridRowStart),end:parseInt(n.gridRowEnd)},column:{start:parseInt(n.gridColumnStart),end:parseInt(n.gridColumnEnd)}};const s=t.parentElement,a=r.getComputedStyle(s),p=parseFloat(a.columnGap)||0,d=parseFloat(a.rowGap)||0,c=V(a.gridTemplateColumns),l=V(a.gridTemplateRows),g=parseFloat(a.paddingLeft)||0,u=parseFloat(a.paddingTop)||0,h=s.getBoundingClientRect(),m=t.getBoundingClientRect(),w=(b,S,E,$,_)=>{let I=1,A=$+_;for(let C=0;C<S.length;C++){const j=S[C],nt=A+j;if(b>=A&&b<nt)return I;A=nt+E,I++}return-1},v=w(m.left,c,p,h.left,g),R=w(m.right-1,c,p,h.left,g)+1,y=w(m.top,l,d,h.top,u),f=w(m.bottom-1,l,d,h.top,u)+1;return{...i,row:{start:y,end:f},column:{start:v,end:R}}}function Rt(t){t.Commands.add(O,{stop(){},run(e,r,n={}){const o=X({editor:e,component:n.target,type:"draggable"});if(!o){this.stopCommand();return}const{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d,startScroll:c}=o;let{container:l}=o,g;new e.Utils.Dragger({doc:s.el.ownerDocument,onStart:()=>{g=setTimeout(()=>{K({editor:e,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:l}),l=F(e,s.component)},10)},onEnd:(h,m,{cancelled:w})=>{clearTimeout(g),J({editor:e,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:w}),this.stopCommand(),e.em.set("_cmpDrag",1)},setPosition:({x:h,y:m})=>{const{scroll:w}=Z(e),{columns:v,rows:R,gap:y,offset:f,padding:b}=l,{offset:S,margin:E}=s,$=S.top-f.top-b.top-E.top+m-c.top+w.top,_=S.left-f.left-b.left-E.left+h-c.left+w.left,I=Math.min(T(v,1,_,y.column,.5),v.length),A=Math.min(T(R,1,$,y.row,.5),R.length),C=Math.min(T(v,I,S.width,y.column)+1,v.length+1),j=Math.min(T(R,A,S.height,y.row)+1,R.length+1);p.style.gridArea=`${A} / ${I} / ${j} / ${C}`,d.style.top=`${$+b.top}px`,d.style.left=`${_+b.left}px`}}).start(n.event)}})}function Tt(t,e){const r=X({editor:t,component:e.component,type:"resizable"});if(!r)return;const{onMove:n,onEnd:o}=e.options||{},{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d}=r;let{container:c}=r,l="",g;return{onStart:u=>{l=u.target.dataset.gjsHandler||"",g=setTimeout(()=>{K({editor:t,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:c}),c=F(t,s.component)},10),t.trigger("component:resize",{...s,type:"start"})},onEnd:(u,h)=>{const{startDim:m,rectDim:w}=h.resizer,v=JSON.stringify(m)===JSON.stringify(w);clearTimeout(g),J({editor:t,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:v}),o==null||o(u,h)},onMove:(u,h)=>{const m=tt(p),w=s.margin.left,v=s.margin.top,R=s.margin.bottom,y=s.margin.right,{w:f,t:b,l:S,h:E}=h.resizer.rectDim,$={t:b-v,l:S-w,h:E+v+R,w:f+w+y};l.endsWith("l")&&(m.column.start=T(c.columns,1,$.l-c.offset.left-c.padding.left,c.gap.column,.5)),l.startsWith("t")&&(m.row.start=T(c.rows,1,$.t-c.offset.top-c.padding.top,c.gap.row,.5)),l.endsWith("r")&&(m.column.end=Math.max(T(c.columns,m.column.start,$.w,c.gap.column,.5),m.column.start+1)),l.startsWith("b")&&(m.row.end=Math.max(T(c.rows,m.row.start,$.h,c.gap.row,.5),m.row.start+1)),p.style.gridArea=`${m.row.start} / ${m.column.start} / ${m.row.end} / ${m.column.end}`,d.style.width=`${$.w}px`,d.style.height=`${$.h}px`,d.style.left=`${$.l-c.offset.left}px`,d.style.top=`${$.t-c.offset.top}px`,n==null||n(u,h)}}}const et=["px","%","em","rem","vw","vh"],xt=(t,e)=>{const r=t.Styles.getSectors().find(n=>!!n.getProperty(e));return{sector:r,property:r?r.getProperty(e):void 0}},Pt=(t,e)=>xt(t,e),Gt=(t,{x:e,y:r,mergable:n}={})=>{const o={property:`${t}-x`,type:"integer",units:et,...e},i={property:`${t}-y`,type:"integer",units:et,...r};return{property:t,type:"composite",properties:[o,i],...n&&{fromStyle(s,{name:a,separator:p,property:d}){const[c,l]=d.getProperties(),[g,u]=(s[a]||"").split(p);return{[c.getId()]:s[c.getName()]||g||"",[l.getId()]:s[l.getName()]||u||g||""}},toStyle(s,{name:a,property:p}){const[d,c]=p.getProperties(),l=s[d.getId()],g=s[c.getId()];return{[a]:l===g?l:`${l} ${g}`}}}}},z={display:["grid"]};function Et(t=""){const e=/^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i,r=/^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i,n=t.match(e);if(!n)return null;const o=parseInt(n[1],10),i=n[2];let s=i,a=i;const p=i.match(r);return p&&(s=p[1],a=p[2]),{total:o,min:s===a?"":s,max:a}}function At(t={}){let e="",r="",n="",o="";const i=m=>m.split("/").map(w=>w.trim()).filter(Boolean),s=t["grid-area"]||"",a=t["grid-column"]||"",p=t["grid-row"]||"",d=i(s),c=i(a),l=i(p),g=d.length,u=c.length,h=l.length;return g===4?(n=d[0],e=d[1],o=d[2],r=d[3]):g===3?(n=d[0],e=d[1],o=d[2]):g===2?(n=d[0],e=d[1]):g===1&&(n=d[0]),u===2?(e=c[0],r=c[1]):u===1&&(e=c[0]),h===2?(n=l[0],o=l[1]):h===1&&(n=l[0]),{columnStart:e,columnEnd:r,rowStart:n,rowEnd:o}}function ot(t){const{property:e,label:r}=t,n="1",o="1fr";return{property:e,label:r,type:"composite",requires:z,generic:!0,properties:[{name:" ",property:`${e}-repeat`,type:"number",full:!0,min:1,default:"1"},{label:"Min size",property:`${e}-min`,type:"number",min:0,units:["px","%"],default:"0"},{label:"Max size",property:`${e}-max`,type:"number",min:1,units:["fr","px","%"],default:"1"}],fromStyle(i,s){const{name:a,property:p}=s,[d,c,l]=p.getProperties(),g=i[a],u=Et(g),h=(u==null?void 0:u.max)??o;return{[d.id]:(u==null?void 0:u.total)??n,[c.id]:(u==null?void 0:u.min)??"",[l.id]:h===o?"":h}},toStyle(i,{name:s,property:a}){const[p,d,c]=a.getProperties(),l=i[p.id],g=i[d.id],u=i[c.id]||o,h=g&&u?`minmax(${g}, ${u})`:u;return{[s]:`repeat(${l||n}, ${h})`}}}}function Dt(t,e){if(!e.styleableGrid)return;const{property:r,...n}=Pt(t,"display");if(!r)return;const o=r.getOption("grid"),i=n.sector;o||r.addOption({id:"grid",label:"Grid"}),i.addProperty(ot({label:"Columns",property:"grid-template-columns"}),{}),i.addProperty(ot({label:"Rows",property:"grid-template-rows"}),{}),i.addProperty({id:"grid-gap",requires:z,...Gt("gap",{x:{id:"grid-row-gap",label:"Row",property:"row-gap",min:0,default:"0"},y:{id:"grid-column-gap",label:"Column",property:"column-gap",min:0,default:"0"},mergable:!0})},{}),i.addProperty({type:"composite",property:"grid-area",label:"Grid area",requiresParent:z,generic:!0,properties:[{label:"Row start",property:"grid-row-start",type:"integer",default:"auto"},{label:"Row end",property:"grid-row-end",type:"integer",default:"auto"},{label:"Column start",property:"grid-column-start",type:"integer",default:"auto"},{label:"Column end",property:"grid-column-end",type:"integer",default:"auto"}],fromStyle(s){const a=At(s);return{"grid-column-start":s["grid-column-start"]||a.columnStart,"grid-column-end":s["grid-column-end"]||a.columnEnd,"grid-row-start":s["grid-row-start"]||a.rowStart,"grid-row-end":s["grid-row-end"]||a.rowEnd}},toStyle(s,{name:a}){const p=s["grid-row-start"]||"auto",d=s["grid-row-end"]||"auto",c=s["grid-column-start"]||"auto",l=s["grid-column-end"]||"auto";return{[a]:`${p} / ${c} / ${d} / ${l}`}}},{})}return pt(function(t,e={}){const r={itemResizable:!0,...e},{Canvas:n,Commands:o,Components:i}=t,{itemResizable:s}=r,a=n.events,p=o.events,d=i.events,c=`${p.runBeforeCommand}tlb-move`,l=`${p.runBeforeCommand}resize`;let g;Rt(t);const u=({options:y})=>{B(t,y.target,r)&&(t.runCommand(O,{...y}),y.abort=!0)},h=y=>{const{options:f}=y;B(t,f.component,r)&&(f.options=Object.assign(f.options||{},Tt(t,f)))},m=()=>{const y=n.getSpots({type:D}).pop();if(!y)return;let f=y.attributes.spotEl;f||(f=document.createElement("div"),f.className=M,y.set({spotEl:f})),Object.entries(y.getStyle()).forEach(([b,S])=>f.style.setProperty(b,S)),g==null||g.appendChild(f)},w=({spot:y})=>{const f=y.attributes.spotEl;y.type!==D||!f||g==null||g.removeChild(f)};if(s){const y=f=>{const b=U(s)?s({component:f}):s;return typeof b=="boolean"?b:{tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1,...b}};t.on(d.resizeInit,f=>{const{component:b}=f;if(B(t,b,r)){const S=y(b);f.resizable=S}})}const v=[[c,u],[l,h],[a.spot,m],[a.spotRemove,w]];v.forEach(([y,f])=>{t.on(y,f)}),t.onReady(()=>{g=n.getSpotsEl(),yt(),Dt(t,r)});const R=()=>{delete t.Commands.commands[O],v.forEach(([y,f])=>{t.off(y,f)})};dt({editor:t,licenseKey:r.licenseKey,plan:ft,pluginName:N,cleanup:R})})});
+    `,e.head.appendChild(o)};function X(t){const{editor:e,type:r}=t,n=$t(e,t.component),o=B(e,n.component);if(!Rt(e,n,o,r))return{target:n,container:o,startScroll:Z(e).scroll,shadowContainerEl:document.createElement("div"),shadowSnappedEl:document.createElement("div"),shadowTargetEl:document.createElement("div"),spot:e.Canvas.addSpot({type:D,component:o.component})}}function K(t){const{editor:e,shadowTargetEl:r,shadowSnappedEl:n,shadowContainerEl:o,spotEl:a,target:s,container:l}=t,{Canvas:c}=e,d=e.config.stylePrefix;a==null||a.appendChild(o),o==null||o.appendChild(r),o==null||o.appendChild(n),wt(o,l),bt(r,s,l),vt(n,s),St(o,l.el),s.el.style.opacity="0";const p=c.getSpots().filter(i=>i.type!==D);e.em.stopDefault({preserveSelected:!0}),c.removeSpots(p),c.startAutoscroll(),c.getBody().classList.add(`${d}is__grabbing`)}function J(t){const{editor:e,shadowSnappedEl:r,shadowContainerEl:n,target:o,cancelled:a}=t,{Canvas:s}=e,l=e.config.stylePrefix,{component:c}=o;if(!a){const d=window.getComputedStyle(r);c.addStyle({"grid-area":d.gridArea,width:"",height:""})}o.el.style.opacity="",n.contains(r)&&(n==null||n.removeChild(r)),e.getModel().runDefault({preserveSelected:1}),s.stopAutoscroll(),s.getBody().classList.remove(`${l}is__grabbing`),s.removeSpots({type:D}),e.select(c)}function wt(t,{rows:e,columns:r}){const n=[];for(let o=0;o<r.length;o++){n[o]=[];for(let a=0;a<e.length;a++){const s=document.createElement("div");s.className=q,s.style.gridArea=`${a+1} / ${o+1}`,n[o][a]=s,t.appendChild(s)}}return n}function bt(t,e,r){return t.className=H,t.style.top=`${e.offset.top-r.offset.top}px`,t.style.left=`${e.offset.left-r.offset.left}px`,t.style.width=`${e.offset.width+e.margin.left+e.margin.right}px`,t.style.height=`${e.offset.height+e.margin.top+e.margin.bottom}px`,t}function vt(t,e){const r=tt(e.el,e.computedStyles);return t.className=Y,t.style.gridArea=`${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`,t}function St(t,e){const r=window.getComputedStyle(e);t.className=yt,t.style.position="relative",t.style.display=r.display,t.style.gap=r.gap,t.style.padding=r.padding,t.style.border=r.border,t.style.gridTemplateColumns=r.gridTemplateColumns,t.style.gridTemplateRows=r.gridTemplateRows}function Q(t,e){if(e){if(Array.isArray(e))return[...e].pop()}else return[...t.getSelectedAll()].pop();return e}function $t(t,e){const r=Q(t,e),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),margin:{top:parseFloat(o.marginTop),right:parseFloat(o.marginRight),bottom:parseFloat(o.marginBottom),left:parseFloat(o.marginLeft)},computedStyles:o}}function B(t,e){const r=e.parent(),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),computedStyles:o,padding:{top:parseFloat(o.paddingTop),right:parseFloat(o.paddingRight),bottom:parseFloat(o.paddingBottom),left:parseFloat(o.paddingLeft)},columns:o.gridTemplateColumns.split(" ").map(s=>parseFloat(s)),rows:o.gridTemplateRows.split(" ").map(s=>parseFloat(s)),gap:{column:parseInt(o.columnGap),row:parseInt(o.rowGap)}}}function T(t,e,r,n,o=1){let a=0;for(let s=e;s<=t.length;s++){if(a+(t[s-1]+n)*o>r)return s;a+=n+t[s-1]}return t.length+1}function Z(t){const{scrollY:e,scrollX:r}=t.Canvas.getWindow();return{scroll:{top:e,left:r}}}function Rt(t,e,r,n){const o=a=>t.em.logWarning(a);return n==="draggable"&&e.component.get(n)===!1?(o(`[${O}] The element is not ${n}`),!0):r.computedStyles.display!=="grid"?(o(`[${O}] The container does not have style display:grid`),!0):!1}function z(t,e,r={}){const n=Q(t,e),o=n==null?void 0:n.parent(),a=o==null?void 0:o.getEl();if(!o||!a)return!1;const{enableGrid:s}=r,l=window.getComputedStyle(a).display==="grid";return U(s)?s({component:n,parent:o,isParentGrid:l}):l}const V=t=>t.split(" ").map(e=>parseFloat(e));function tt(t,e){const r=t.ownerDocument.defaultView,n=e||r.getComputedStyle(t),o=n.gridArea.split("/").some($=>isNaN(parseInt($.trim()))),a={isComputed:o,raw:n.gridArea},s={...a,row:{start:parseInt(n.gridRowStart)||1,end:parseInt(n.gridRowEnd)||2},column:{start:parseInt(n.gridColumnStart)||1,end:parseInt(n.gridColumnEnd)||2}};if(!o)return s;const l=t.parentElement;if(!l)return s;const c=r.getComputedStyle(l),d=parseFloat(c.columnGap)||0,p=parseFloat(c.rowGap)||0,i=V(c.gridTemplateColumns),g=V(c.gridTemplateRows),m=parseFloat(c.paddingLeft)||0,h=parseFloat(c.paddingTop)||0,w=l.getBoundingClientRect(),u=t.getBoundingClientRect(),b=($,x,A,R,L)=>{let I=1,C=R+L;for(let _=0;_<x.length;_++){const It=x[_],nt=C+It;if($>=C&&$<nt)return I;C=nt+A,I++}return-1},S=b(u.left,i,d,w.left,m),y=b(u.right-1,i,d,w.left,m)+1,f=b(u.top,g,p,w.top,h),v=b(u.bottom-1,g,p,w.top,h)+1;return{...a,row:{start:f,end:v},column:{start:S,end:y}}}function Tt(t){t.Commands.add(F,{stop(){},run(e,r,n={}){const o=X({editor:e,component:n.target,type:"draggable"});if(!o){this.stopCommand();return}const{spot:a,target:s,shadowContainerEl:l,shadowSnappedEl:c,shadowTargetEl:d,startScroll:p}=o;let{container:i}=o,g;new e.Utils.Dragger({doc:s.el.ownerDocument,onStart:()=>{g=setTimeout(()=>{K({editor:e,shadowTargetEl:d,shadowSnappedEl:c,shadowContainerEl:l,spotEl:a.attributes.spotEl,target:s,container:i}),i=B(e,s.component)},10)},onEnd:(h,w,{cancelled:u})=>{clearTimeout(g),J({editor:e,shadowSnappedEl:c,shadowContainerEl:l,target:s,cancelled:u}),this.stopCommand(),e.em.set("_cmpDrag",1)},setPosition:({x:h,y:w})=>{const{scroll:u}=Z(e),{columns:b,rows:S,gap:y,offset:f,padding:v}=i,{offset:$,margin:x}=s,A=$.top-f.top-v.top-x.top+w-p.top+u.top,R=$.left-f.left-v.left-x.left+h-p.left+u.left,L=Math.min(T(b,1,R,y.column,.5),b.length),I=Math.min(T(S,1,A,y.row,.5),S.length),C=Math.min(T(b,L,$.width,y.column)+1,b.length+1),_=Math.min(T(S,I,$.height,y.row)+1,S.length+1);c.style.gridArea=`${I} / ${L} / ${_} / ${C}`,d.style.top=`${A+v.top}px`,d.style.left=`${R+v.left}px`}}).start(n.event)}})}function xt(t,e){const r=X({editor:t,component:e.component,type:"resizable"});if(!r)return;const{onMove:n,onEnd:o}=e.options||{},{spot:a,target:s,shadowContainerEl:l,shadowSnappedEl:c,shadowTargetEl:d}=r;let{container:p}=r,i="",g=!1,m;return{onStart:h=>{i=h.target.dataset.gjsHandler||"",g=!1,m=setTimeout(()=>{K({editor:t,shadowTargetEl:d,shadowSnappedEl:c,shadowContainerEl:l,spotEl:a.attributes.spotEl,target:s,container:p}),p=B(t,s.component),g=!0},10),t.trigger("component:resize",{...s||{},type:"start"})},onEnd:(h,w)=>{const{startDim:u,rectDim:b}=w.resizer,S=JSON.stringify(u)===JSON.stringify(b);clearTimeout(m),g&&J({editor:t,shadowSnappedEl:c,shadowContainerEl:l,target:s,cancelled:S}),g=!1,o==null||o(h,w)},onMove:(h,w)=>{if(!g||!c.parentElement)return;const u=tt(c),b=s.margin.left,S=s.margin.top,y=s.margin.bottom,f=s.margin.right,{w:v,t:$,l:x,h:A}=w.resizer.rectDim,R={t:$-S,l:x-b,h:A+S+y,w:v+b+f};i.endsWith("l")&&(u.column.start=T(p.columns,1,R.l-p.offset.left-p.padding.left,p.gap.column,.5)),i.startsWith("t")&&(u.row.start=T(p.rows,1,R.t-p.offset.top-p.padding.top,p.gap.row,.5)),i.endsWith("r")&&(u.column.end=Math.max(T(p.columns,u.column.start,R.w,p.gap.column,.5),u.column.start+1)),i.startsWith("b")&&(u.row.end=Math.max(T(p.rows,u.row.start,R.h,p.gap.row,.5),u.row.start+1)),c.style.gridArea=`${u.row.start} / ${u.column.start} / ${u.row.end} / ${u.column.end}`,d.style.width=`${R.w}px`,d.style.height=`${R.h}px`,d.style.left=`${R.l-p.offset.left}px`,d.style.top=`${R.t-p.offset.top}px`,n==null||n(h,w)}}}const et=["px","%","em","rem","vw","vh"],Pt=(t,e)=>{const r=t.Styles.getSectors().find(n=>!!n.getProperty(e));return{sector:r,property:r?r.getProperty(e):void 0}},Et=(t,e)=>Pt(t,e),Gt=(t,{x:e,y:r,mergable:n}={})=>{const o={property:`${t}-x`,type:"integer",units:et,...e},a={property:`${t}-y`,type:"integer",units:et,...r};return{property:t,type:"composite",properties:[o,a],...n&&{fromStyle(s,{name:l,separator:c,property:d}){const[p,i]=d.getProperties(),[g,m]=(s[l]||"").split(c);return{[p.getId()]:s[p.getName()]||g||"",[i.getId()]:s[i.getName()]||m||g||""}},toStyle(s,{name:l,property:c}){const[d,p]=c.getProperties(),i=s[d.getId()],g=s[p.getId()];return{[l]:i===g?i:`${i} ${g}`}}}}},j={display:["grid"]};function At(t=""){const e=/^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i,r=/^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i,n=t.match(e);if(!n)return null;const o=parseInt(n[1],10),a=n[2];let s=a,l=a;const c=a.match(r);return c&&(s=c[1],l=c[2]),{total:o,min:s===l?"":s,max:l}}function Dt(t={}){let e="",r="",n="",o="";const a=w=>w.split("/").map(u=>u.trim()).filter(Boolean),s=t["grid-area"]||"",l=t["grid-column"]||"",c=t["grid-row"]||"",d=a(s),p=a(l),i=a(c),g=d.length,m=p.length,h=i.length;return g===4?(n=d[0],e=d[1],o=d[2],r=d[3]):g===3?(n=d[0],e=d[1],o=d[2]):g===2?(n=d[0],e=d[1]):g===1&&(n=d[0]),m===2?(e=p[0],r=p[1]):m===1&&(e=p[0]),h===2?(n=i[0],o=i[1]):h===1&&(n=i[0]),{columnStart:e,columnEnd:r,rowStart:n,rowEnd:o}}function ot(t){const{property:e,label:r}=t,n="1",o="1fr";return{property:e,label:r,type:"composite",requires:j,generic:!0,properties:[{name:" ",property:`${e}-repeat`,type:"number",full:!0,min:1,default:"1"},{label:"Min size",property:`${e}-min`,type:"number",min:0,units:["px","%"],default:"0"},{label:"Max size",property:`${e}-max`,type:"number",min:1,units:["fr","px","%"],default:"1"}],fromStyle(a,s){const{name:l,property:c}=s,[d,p,i]=c.getProperties(),g=a[l],m=At(g),h=(m==null?void 0:m.max)??o;return{[d.id]:(m==null?void 0:m.total)??n,[p.id]:(m==null?void 0:m.min)??"",[i.id]:h===o?"":h}},toStyle(a,{name:s,property:l}){const[c,d,p]=l.getProperties(),i=a[c.id],g=a[d.id],m=a[p.id]||o,h=g&&m?`minmax(${g}, ${m})`:m;return{[s]:`repeat(${i||n}, ${h})`}}}}function Mt(t,e){if(!e.styleableGrid)return;const{property:r,...n}=Et(t,"display");if(!r)return;const o=r.getOption("grid"),a=n.sector;o||r.addOption({id:"grid",label:"Grid"}),a.addProperty(ot({label:"Columns",property:"grid-template-columns"}),{}),a.addProperty(ot({label:"Rows",property:"grid-template-rows"}),{}),a.addProperty({id:"grid-gap",requires:j,...Gt("gap",{x:{id:"grid-row-gap",label:"Row",property:"row-gap",min:0,default:"0"},y:{id:"grid-column-gap",label:"Column",property:"column-gap",min:0,default:"0"},mergable:!0})},{}),a.addProperty({type:"composite",property:"grid-area",label:"Grid area",requiresParent:j,generic:!0,properties:[{label:"Row start",property:"grid-row-start",type:"integer",default:"auto"},{label:"Row end",property:"grid-row-end",type:"integer",default:"auto"},{label:"Column start",property:"grid-column-start",type:"integer",default:"auto"},{label:"Column end",property:"grid-column-end",type:"integer",default:"auto"}],fromStyle(s){const l=Dt(s);return{"grid-column-start":s["grid-column-start"]||l.columnStart,"grid-column-end":s["grid-column-end"]||l.columnEnd,"grid-row-start":s["grid-row-start"]||l.rowStart,"grid-row-end":s["grid-row-end"]||l.rowEnd}},toStyle(s,{name:l}){const c=s["grid-row-start"]||"auto",d=s["grid-row-end"]||"auto",p=s["grid-column-start"]||"auto",i=s["grid-column-end"]||"auto";return{[l]:`${c} / ${p} / ${d} / ${i}`}}},{})}return dt(function(t,e={}){const r={itemResizable:!0,...e},{Canvas:n,Commands:o,Components:a}=t,{itemResizable:s}=r,l=n.events,c=o.events,d=a.events,p=`${c.runBeforeCommand}tlb-move`,i=`${c.runBeforeCommand}resize`;let g;Tt(t);const m=({options:y})=>{z(t,y.target,r)&&(t.runCommand(F,{...y}),y.abort=!0)},h=y=>{const{options:f}=y;z(t,f.component,r)&&(f.options=Object.assign(f.options||{},xt(t,f)))},w=()=>{const y=n.getSpots({type:D}).pop();if(!y)return;let f=y.attributes.spotEl;f||(f=document.createElement("div"),f.className=M,y.set({spotEl:f})),Object.entries(y.getStyle()).forEach(([v,$])=>f.style.setProperty(v,$)),g==null||g.appendChild(f)},u=({spot:y})=>{const f=y.attributes.spotEl;y.type!==D||!f||g==null||g.removeChild(f)};if(s){const y=f=>{const v=U(s)?s({component:f}):s;return typeof v=="boolean"?v:{tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1,...v}};t.on(d.resizeInit,f=>{const{component:v}=f;if(z(t,v,r)){const $=y(v);f.resizable=$}})}const b=[[p,m],[i,h],[l.spot,w],[l.spotRemove,u]];b.forEach(([y,f])=>{t.on(y,f)}),t.onReady(()=>{g=n.getSpotsEl(),ht(),Mt(t,r)});const S=()=>{delete t.Commands.commands[F],b.forEach(([y,f])=>{t.off(y,f)})};gt({editor:t,licenseKey:r.licenseKey,plan:mt,pluginName:O,cleanup:S})})});

package/dist/canvasScreenshot/index.cjs.js

@@ -1 +1 @@
-"use strict";const D="app.grapesjs.com",L="app-stage.grapesjs.com",G="app2.grapesjs.com",I="app-stage2.grapesjs.com",A=[D,G,L,I,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],x="license:check:end",O=()=>typeof window<"u",B=(e,o={})=>{const n=j(e)?{id:e,src:e}:e;return new Promise((r,a)=>{var p,d;const{loadedScripts:i}=o,{id:c,src:s}=n,l=document.querySelector(`script[src="${s}"]`);if(l){if((p=o.onScript)==null||p.call(o,l),i&&!i.get(s)){l.addEventListener("load",()=>r(c)),l.addEventListener("error",()=>a(c));return}return r(c)}const u=window.define;window.define=void 0;const g=()=>{i==null||i.set(s,!0),window.define=u},t=document.createElement("script");t.src=s,t.onload=()=>{r(c),g()},t.onerror=()=>{a(c),g()},document.head.appendChild(t),(d=o.onScript)==null||d.call(o,t)})},M=e=>{const o=e.map(n=>B(n));return Promise.allSettled(o)},N=async e=>{const o=window.define;window.define=void 0;const n=await M(e);return window.define=o,n},U=({isDev:e,isStage:o,isPlatform:n})=>`${e?"":`https://${o?L:D}`}/${n?"platform-api":"api"}`,$=()=>{const e=O()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(o=>e.endsWith(o)))},j=e=>typeof e=="string";async function _({path:e,baseApiUrl:o,method:n="GET",headers:r={},params:a,body:i}){const s=`${o||U({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...r}};i&&(l.body=JSON.stringify(i));const u=a?new URLSearchParams(a).toString():"",g=u?`?${u}`:"",t=await fetch(`${s}${g}`,l);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),P=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(P||{});const R={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function W(e){const o=e;return o.init=n=>r=>e(r,n),o}const k=e=>W(e);async function F({editor:e,plan:o,pluginName:n,licenseKey:r,onLicenseCheckResponse:a,cleanup:i}){let c="",s;const l=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),i()},u=(t={})=>{var v;const{error:p,sdkLicense:d}=t,f=(v=t.plan)==null?void 0:v.category;if(!(d||t.license)||p)l(p||"Invalid license");else if(f){const y=R[o],b=R[f];y>b&&l({pluginRequiredPlan:o,licensePlan:f})}};e.Commands.has(P.settings)&&(s=e.runCommand(P.settings),c=(s==null?void 0:s.baseUrl)||"");const g=t=>{a==null||a(t),t&&u(t)};if(!s){e.onReady(async()=>{if(!$())if(r){const t=await K({licenseKey:r,pluginName:n,baseApiUrl:c});g(t)}else l("The `licenseKey` option not provided")});return}if(s.licensePlan||s.licenseError){const t=H(s);g(t);return}e.on(x,t=>g(t))}const H=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function K(e){const{licenseKey:o,pluginName:n,baseApiUrl:r}=e;try{return(await _({baseApiUrl:r,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const S="canvasScreenshot",q=h.startup;var E=(e=>(e.screenshot="studioPlugin:screenshot",e))(E||{});const J=async e=>await N([{id:"html-to-image",src:e}]),z=async(e,o={},n={})=>{const{cdnScript:r}=n;if(!window.htmlToImage){if(!r)return;await J(r)}return new Promise((a,i)=>{(async()=>{try{const{canvasWidth:s,canvasHeight:l,width:u,height:g,type:t,quality:p,addOptions:d}=o,f={pixelRatio:1,width:u,height:g,canvasWidth:s,canvasHeight:l},T=(d==null?void 0:d(f))||f,y=await window.htmlToImage.toCanvas(e,T);y.toBlob(b=>{b?a({file:b,canvas:y}):i(new Error("Failed to create file from canvas"))},t,p)}catch(s){i(s)}})()})},w=E.screenshot,Q=function(e,o={}){const{Commands:n,Canvas:r,Storage:a}=e,i=a.events.afterStore,c={cdnScript:"https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",...o};n.add(w,async(u,g,t)=>{const{el:p,...d}=t;return await z(p,d,c)});const s=async()=>{var g;const u=r.getBody();if(!u)return e.log("Canvas element not found");try{const t=await e.runCommand(w,{el:u,canvasWidth:400,canvasHeight:225,width:1200,height:675,type:"image/jpeg"});(g=c.screenshotOnSave)==null||g.call(c,{...t,editor:e})}catch(t){console.error("Screenshot error",t)}};c.screenshotOnSave&&e.on(i,s);const l=()=>{delete n.commands[w],e.off(i,s)};F({editor:e,licenseKey:o.licenseKey,plan:q,pluginName:S,cleanup:l})},V=k(Q);module.exports=V;
+"use strict";const E="app.grapesjs.com",D="app-stage.grapesjs.com",G="app2.grapesjs.com",I="app-stage2.grapesjs.com",A=[E,G,D,I,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],x="license:check:end",O=()=>typeof window<"u",B=(e,o={})=>{const n=_(e)?{id:e,src:e}:e;return new Promise((r,a)=>{var p,d;const{loadedScripts:i}=o,{id:c,src:s}=n,l=document.querySelector(`script[src="${s}"]`);if(l){if((p=o.onScript)==null||p.call(o,l),i&&!i.get(s)){l.addEventListener("load",()=>r(c)),l.addEventListener("error",()=>a(c));return}return r(c)}const u=window.define;window.define=void 0;const g=()=>{i==null||i.set(s,!0),window.define=u},t=document.createElement("script");t.src=s,t.onload=()=>{r(c),g()},t.onerror=()=>{a(c),g()},document.head.appendChild(t),(d=o.onScript)==null||d.call(o,t)})},M=e=>{const o=e.map(n=>B(n));return Promise.allSettled(o)},N=async e=>{const o=window.define;window.define=void 0;const n=await M(e);return window.define=o,n},U=({isDev:e,isStage:o,isPlatform:n})=>`${e?"":`https://${o?D:E}`}/${n?"platform-api":"api"}`,$=()=>{if(!O())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},j=()=>{const e=$();return!!e&&(A.includes(e)||A.some(o=>e.endsWith(o)))},_=e=>typeof e=="string";async function W({path:e,baseApiUrl:o,method:n="GET",headers:r={},params:a,body:i}){const s=`${o||U({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...r}};i&&(l.body=JSON.stringify(i));const u=a?new URLSearchParams(a).toString():"",g=u?`?${u}`:"",t=await fetch(`${s}${g}`,l);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var h=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(h||{}),P=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.openEditCode="studio:openEditCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(P||{});const R={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function k(e){const o=e;return o.init=n=>r=>e(r,n),o}const F=e=>k(e);async function H({editor:e,plan:o,pluginName:n,licenseKey:r,onLicenseCheckResponse:a,cleanup:i}){let c="",s;const l=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),i()},u=(t={})=>{var v;const{error:p,sdkLicense:d}=t,f=(v=t.plan)==null?void 0:v.category;if(!(d||t.license)||p)l(p||"Invalid license");else if(f){const y=R[o],b=R[f];y>b&&l({pluginRequiredPlan:o,licensePlan:f})}};e.Commands.has(P.settings)&&(s=e.runCommand(P.settings),c=(s==null?void 0:s.baseUrl)||"");const g=t=>{a==null||a(t),t&&u(t)};if(!s){e.onReady(async()=>{if(!j())if(r){const t=await q({licenseKey:r,pluginName:n,baseApiUrl:c});g(t)}else l("The `licenseKey` option not provided")});return}if(s.licensePlan||s.licenseError){const t=K(s);g(t);return}e.on(x,t=>g(t))}const K=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function q(e){const{licenseKey:o,pluginName:n,baseApiUrl:r}=e;try{return(await W({baseApiUrl:r,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const S="canvasScreenshot",J=h.startup;var L=(e=>(e.screenshot="studioPlugin:screenshot",e))(L||{});const z=async e=>await N([{id:"html-to-image",src:e}]),Q=async(e,o={},n={})=>{const{cdnScript:r}=n;if(!window.htmlToImage){if(!r)return;await z(r)}return new Promise((a,i)=>{(async()=>{try{const{canvasWidth:s,canvasHeight:l,width:u,height:g,type:t,quality:p,addOptions:d}=o,f={pixelRatio:1,width:u,height:g,canvasWidth:s,canvasHeight:l},T=(d==null?void 0:d(f))||f,y=await window.htmlToImage.toCanvas(e,T);y.toBlob(b=>{b?a({file:b,canvas:y}):i(new Error("Failed to create file from canvas"))},t,p)}catch(s){i(s)}})()})},w=L.screenshot,V=function(e,o={}){const{Commands:n,Canvas:r,Storage:a}=e,i=a.events.afterStore,c={cdnScript:"https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",...o};n.add(w,async(u,g,t)=>{const{el:p,...d}=t;return await Q(p,d,c)});const s=async()=>{var g;const u=r.getBody();if(!u)return e.log("Canvas element not found");try{const t=await e.runCommand(w,{el:u,canvasWidth:400,canvasHeight:225,width:1200,height:675,type:"image/jpeg"});(g=c.screenshotOnSave)==null||g.call(c,{...t,editor:e})}catch(t){console.error("Screenshot error",t)}};c.screenshotOnSave&&e.on(i,s);const l=()=>{delete n.commands[w],e.off(i,s)};H({editor:e,licenseKey:o.licenseKey,plan:J,pluginName:S,cleanup:l})},X=F(V);module.exports=X;

package/dist/canvasScreenshot/index.es.js

@@ -1,7 +1,7 @@
-const D = "app.grapesjs.com", L = "app-stage.grapesjs.com", G = "app2.grapesjs.com", I = "app-stage2.grapesjs.com", A = [
-  D,
+const E = "app.grapesjs.com", D = "app-stage.grapesjs.com", G = "app2.grapesjs.com", I = "app-stage2.grapesjs.com", A = [
+  E,
   G,
-  L,
+  D,
   I,
   "localhost",
   "127.0.0.1",
@@ -9,10 +9,14 @@ const D = "app.grapesjs.com", L = "app-stage.grapesjs.com", G = "app2.grapesjs.c
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
 ], x = "license:check:end", O = () => typeof window < "u", B = (e, o = {}) => {
-  const n = j(e) ? { id: e, src: e } : e;
+  const n = _(e) ? { id: e, src: e } : e;
   return new Promise((r, a) => {
     var p, d;
     const { loadedScripts: i } = o, { id: c, src: s } = n, l = document.querySelector(`script[src="${s}"]`);
@@ -46,11 +50,20 @@ const D = "app.grapesjs.com", L = "app-stage.grapesjs.com", G = "app2.grapesjs.c
   isDev: e,
   isStage: o,
   isPlatform: n
-}) => `${e ? "" : `https://${o ? L : D}`}/${n ? "platform-api" : "api"}`, $ = () => {
-  const e = O() && window.location.hostname;
+}) => `${e ? "" : `https://${o ? D : E}`}/${n ? "platform-api" : "api"}`, $ = () => {
+  if (!O()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, j = () => {
+  const e = $();
   return !!e && (A.includes(e) || A.some((o) => e.endsWith(o)));
-}, j = (e) => typeof e == "string";
-async function _({
+}, _ = (e) => typeof e == "string";
+async function W({
   path: e,
   baseApiUrl: o,
   method: n = "GET",
@@ -71,19 +84,19 @@ async function _({
     throw new Error(`HTTP error! status: ${t.status}`);
   return t.json();
 }
-var h = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(h || {}), P = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(P || {});
+var h = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(h || {}), P = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.openEditCode = "studio:openEditCode", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.layoutComponentAdd = "studio:layoutComponentAdd", e.layoutComponentGet = "studio:layoutComponentGet", e.layoutComponentRemove = "studio:layoutComponentRemove", e.layoutComponentRender = "studio:layoutComponentRender", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.settings = "studio:settings", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(P || {});
 const R = {
   [h.free]: 0,
   [h.startup]: 10,
   [h.business]: 20,
   [h.enterprise]: 30
 };
-function W(e) {
+function k(e) {
   const o = e;
   return o.init = (n) => (r) => e(r, n), o;
 }
-const k = (e) => /* @__PURE__ */ W(e);
-async function F({
+const F = (e) => /* @__PURE__ */ k(e);
+async function H({
   editor: e,
   plan: o,
   pluginName: n,
@@ -110,9 +123,9 @@ async function F({
   };
   if (!s) {
     e.onReady(async () => {
-      if (!$())
+      if (!j())
         if (r) {
-          const t = await K({ licenseKey: r, pluginName: n, baseApiUrl: c });
+          const t = await q({ licenseKey: r, pluginName: n, baseApiUrl: c });
           g(t);
         } else
           l("The `licenseKey` option not provided");
@@ -120,22 +133,22 @@ async function F({
     return;
   }
   if (s.licensePlan || s.licenseError) {
-    const t = H(s);
+    const t = K(s);
     g(t);
     return;
   }
   e.on(x, (t) => g(t));
 }
-const H = (e) => ({
+const K = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function K(e) {
+async function q(e) {
   const { licenseKey: o, pluginName: n, baseApiUrl: r } = e;
   try {
-    return (await _({
+    return (await W({
       baseApiUrl: r,
       path: `/sdk/${o || "na"}`,
       method: "POST",
@@ -148,13 +161,13 @@ async function K(e) {
     return console.error("Error during SDK license check:", a), !1;
   }
 }
-const S = "canvasScreenshot", q = h.startup;
-var E = /* @__PURE__ */ ((e) => (e.screenshot = "studioPlugin:screenshot", e))(E || {});
-const J = async (e) => await N([{ id: "html-to-image", src: e }]), z = async (e, o = {}, n = {}) => {
+const S = "canvasScreenshot", J = h.startup;
+var L = /* @__PURE__ */ ((e) => (e.screenshot = "studioPlugin:screenshot", e))(L || {});
+const z = async (e) => await N([{ id: "html-to-image", src: e }]), Q = async (e, o = {}, n = {}) => {
   const { cdnScript: r } = n;
   if (!window.htmlToImage) {
     if (!r) return;
-    await J(r);
+    await z(r);
   }
   return new Promise((a, i) => {
     (async () => {
@@ -181,14 +194,14 @@ const J = async (e) => await N([{ id: "html-to-image", src: e }]), z = async (e,
       }
     })();
   });
-}, w = E.screenshot, Q = function(e, o = {}) {
+}, w = L.screenshot, V = function(e, o = {}) {
   const { Commands: n, Canvas: r, Storage: a } = e, i = a.events.afterStore, c = {
     cdnScript: "https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",
     ...o
   };
   n.add(w, async (u, g, t) => {
     const { el: p, ...d } = t;
-    return await z(p, d, c);
+    return await Q(p, d, c);
   });
   const s = async () => {
     var g;
@@ -217,14 +230,14 @@ const J = async (e) => await N([{ id: "html-to-image", src: e }]), z = async (e,
   const l = () => {
     delete n.commands[w], e.off(i, s);
   };
-  F({
+  H({
     editor: e,
     licenseKey: o.licenseKey,
-    plan: q,
+    plan: J,
     pluginName: S,
     cleanup: l
   });
-}, V = k(Q);
+}, X = F(V);
 export {
-  V as default
+  X as default
 };

package/dist/canvasScreenshot/index.umd.js

@@ -1 +1 @@
-(function(f,h){typeof exports=="object"&&typeof module<"u"?module.exports=h():typeof define=="function"&&define.amd?define(h):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_canvasScreenshot=h())})(this,function(){"use strict";const f="app.grapesjs.com",h="app-stage.grapesjs.com",R=[f,"app2.grapesjs.com",h,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],I="license:check:end",L=()=>typeof window<"u",O=(e,o={})=>{const n=U(e)?{id:e,src:e}:e;return new Promise((r,a)=>{var p,d;const{loadedScripts:i}=o,{id:c,src:s}=n,l=document.querySelector(`script[src="${s}"]`);if(l){if((p=o.onScript)==null||p.call(o,l),i&&!i.get(s)){l.addEventListener("load",()=>r(c)),l.addEventListener("error",()=>a(c));return}return r(c)}const g=window.define;window.define=void 0;const u=()=>{i==null||i.set(s,!0),window.define=g},t=document.createElement("script");t.src=s,t.onload=()=>{r(c),u()},t.onerror=()=>{a(c),u()},document.head.appendChild(t),(d=o.onScript)==null||d.call(o,t)})},x=e=>{const o=e.map(n=>O(n));return Promise.allSettled(o)},M=async e=>{const o=window.define;window.define=void 0;const n=await x(e);return window.define=o,n},N=({isDev:e,isStage:o,isPlatform:n})=>`${e?"":`https://${o?h:f}`}/${n?"platform-api":"api"}`,B=()=>{const e=L()&&window.location.hostname;return!!e&&(R.includes(e)||R.some(o=>e.endsWith(o)))},U=e=>typeof e=="string";async function _({path:e,baseApiUrl:o,method:n="GET",headers:r={},params:a,body:i}){const s=`${o||N({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...r}};i&&(l.body=JSON.stringify(i));const g=a?new URLSearchParams(a).toString():"",u=g?`?${g}`:"",t=await fetch(`${s}${u}`,l);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{}),P=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(P||{});const D={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function j(e){const o=e;return o.init=n=>r=>e(r,n),o}const $=e=>j(e);async function k({editor:e,plan:o,pluginName:n,licenseKey:r,onLicenseCheckResponse:a,cleanup:i}){let c="",s;const l=t=>{console.warn("Cleanup plugin:",n,"Reason:",t),i()},g=(t={})=>{var A;const{error:p,sdkLicense:d}=t,b=(A=t.plan)==null?void 0:A.category;if(!(d||t.license)||p)l(p||"Invalid license");else if(b){const v=D[o],w=D[b];v>w&&l({pluginRequiredPlan:o,licensePlan:b})}};e.Commands.has(P.settings)&&(s=e.runCommand(P.settings),c=(s==null?void 0:s.baseUrl)||"");const u=t=>{a==null||a(t),t&&g(t)};if(!s){e.onReady(async()=>{if(!B())if(r){const t=await W({licenseKey:r,pluginName:n,baseApiUrl:c});u(t)}else l("The `licenseKey` option not provided")});return}if(s.licensePlan||s.licenseError){const t=S(s);u(t);return}e.on(I,t=>u(t))}const S=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function W(e){const{licenseKey:o,pluginName:n,baseApiUrl:r}=e;try{return(await _({baseApiUrl:r,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const F="canvasScreenshot",H=y.startup;var E=(e=>(e.screenshot="studioPlugin:screenshot",e))(E||{});const K=async e=>await M([{id:"html-to-image",src:e}]),q=async(e,o={},n={})=>{const{cdnScript:r}=n;if(!window.htmlToImage){if(!r)return;await K(r)}return new Promise((a,i)=>{(async()=>{try{const{canvasWidth:s,canvasHeight:l,width:g,height:u,type:t,quality:p,addOptions:d}=o,b={pixelRatio:1,width:g,height:u,canvasWidth:s,canvasHeight:l},G=(d==null?void 0:d(b))||b,v=await window.htmlToImage.toCanvas(e,G);v.toBlob(w=>{w?a({file:w,canvas:v}):i(new Error("Failed to create file from canvas"))},t,p)}catch(s){i(s)}})()})},T=E.screenshot;return $(function(e,o={}){const{Commands:n,Canvas:r,Storage:a}=e,i=a.events.afterStore,c={cdnScript:"https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",...o};n.add(T,async(g,u,t)=>{const{el:p,...d}=t;return await q(p,d,c)});const s=async()=>{var u;const g=r.getBody();if(!g)return e.log("Canvas element not found");try{const t=await e.runCommand(T,{el:g,canvasWidth:400,canvasHeight:225,width:1200,height:675,type:"image/jpeg"});(u=c.screenshotOnSave)==null||u.call(c,{...t,editor:e})}catch(t){console.error("Screenshot error",t)}};c.screenshotOnSave&&e.on(i,s);const l=()=>{delete n.commands[T],e.off(i,s)};k({editor:e,licenseKey:o.licenseKey,plan:H,pluginName:F,cleanup:l})})});
+(function(f,h){typeof exports=="object"&&typeof module<"u"?module.exports=h():typeof define=="function"&&define.amd?define(h):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_canvasScreenshot=h())})(this,function(){"use strict";const f="app.grapesjs.com",h="app-stage.grapesjs.com",R=[f,"app2.grapesjs.com",h,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],I="license:check:end",L=()=>typeof window<"u",x=(e,o={})=>{const s=_(e)?{id:e,src:e}:e;return new Promise((r,a)=>{var p,d;const{loadedScripts:i}=o,{id:c,src:n}=s,l=document.querySelector(`script[src="${n}"]`);if(l){if((p=o.onScript)==null||p.call(o,l),i&&!i.get(n)){l.addEventListener("load",()=>r(c)),l.addEventListener("error",()=>a(c));return}return r(c)}const g=window.define;window.define=void 0;const u=()=>{i==null||i.set(n,!0),window.define=g},t=document.createElement("script");t.src=n,t.onload=()=>{r(c),u()},t.onerror=()=>{a(c),u()},document.head.appendChild(t),(d=o.onScript)==null||d.call(o,t)})},O=e=>{const o=e.map(s=>x(s));return Promise.allSettled(o)},M=async e=>{const o=window.define;window.define=void 0;const s=await O(e);return window.define=o,s},N=({isDev:e,isStage:o,isPlatform:s})=>`${e?"":`https://${o?h:f}`}/${s?"platform-api":"api"}`,B=()=>{if(!L())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},U=()=>{const e=B();return!!e&&(R.includes(e)||R.some(o=>e.endsWith(o)))},_=e=>typeof e=="string";async function j({path:e,baseApiUrl:o,method:s="GET",headers:r={},params:a,body:i}){const n=`${o||N({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...r}};i&&(l.body=JSON.stringify(i));const g=a?new URLSearchParams(a).toString():"",u=g?`?${g}`:"",t=await fetch(`${n}${u}`,l);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()}var y=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(y||{}),P=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.openEditCode="studio:openEditCode",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.settings="studio:settings",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(P||{});const D={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function $(e){const o=e;return o.init=s=>r=>e(r,s),o}const k=e=>$(e);async function W({editor:e,plan:o,pluginName:s,licenseKey:r,onLicenseCheckResponse:a,cleanup:i}){let c="",n;const l=t=>{console.warn("Cleanup plugin:",s,"Reason:",t),i()},g=(t={})=>{var A;const{error:p,sdkLicense:d}=t,b=(A=t.plan)==null?void 0:A.category;if(!(d||t.license)||p)l(p||"Invalid license");else if(b){const v=D[o],w=D[b];v>w&&l({pluginRequiredPlan:o,licensePlan:b})}};e.Commands.has(P.settings)&&(n=e.runCommand(P.settings),c=(n==null?void 0:n.baseUrl)||"");const u=t=>{a==null||a(t),t&&g(t)};if(!n){e.onReady(async()=>{if(!U())if(r){const t=await F({licenseKey:r,pluginName:s,baseApiUrl:c});u(t)}else l("The `licenseKey` option not provided")});return}if(n.licensePlan||n.licenseError){const t=S(n);u(t);return}e.on(I,t=>u(t))}const S=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function F(e){const{licenseKey:o,pluginName:s,baseApiUrl:r}=e;try{return(await j({baseApiUrl:r,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const H="canvasScreenshot",K=y.startup;var E=(e=>(e.screenshot="studioPlugin:screenshot",e))(E||{});const q=async e=>await M([{id:"html-to-image",src:e}]),J=async(e,o={},s={})=>{const{cdnScript:r}=s;if(!window.htmlToImage){if(!r)return;await q(r)}return new Promise((a,i)=>{(async()=>{try{const{canvasWidth:n,canvasHeight:l,width:g,height:u,type:t,quality:p,addOptions:d}=o,b={pixelRatio:1,width:g,height:u,canvasWidth:n,canvasHeight:l},G=(d==null?void 0:d(b))||b,v=await window.htmlToImage.toCanvas(e,G);v.toBlob(w=>{w?a({file:w,canvas:v}):i(new Error("Failed to create file from canvas"))},t,p)}catch(n){i(n)}})()})},T=E.screenshot;return k(function(e,o={}){const{Commands:s,Canvas:r,Storage:a}=e,i=a.events.afterStore,c={cdnScript:"https://cdnjs.cloudflare.com/ajax/libs/html-to-image/1.11.13/html-to-image.min.js",...o};s.add(T,async(g,u,t)=>{const{el:p,...d}=t;return await J(p,d,c)});const n=async()=>{var u;const g=r.getBody();if(!g)return e.log("Canvas element not found");try{const t=await e.runCommand(T,{el:g,canvasWidth:400,canvasHeight:225,width:1200,height:675,type:"image/jpeg"});(u=c.screenshotOnSave)==null||u.call(c,{...t,editor:e})}catch(t){console.error("Screenshot error",t)}};c.screenshotOnSave&&e.on(i,n);const l=()=>{delete s.commands[T],e.off(i,n)};W({editor:e,licenseKey:o.licenseKey,plan:K,pluginName:H,cleanup:l})})});

package/dist/dataSourceEjs/index.cjs.js

@@ -1,7 +1,7 @@
-"use strict";const I="app.grapesjs.com",m="app-stage.grapesjs.com",v="app2.grapesjs.com",O="app-stage2.grapesjs.com",$=[I,v,m,O,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],w="license:check:end",T=()=>typeof window<"u",L=({isDev:s,isStage:t,isPlatform:e})=>`${s?"":`https://${t?m:I}`}/${e?"platform-api":"api"}`,k=()=>{const s=T()&&window.location.hostname;return!!s&&($.includes(s)||$.some(t=>s.endsWith(t)))};async function A({path:s,baseApiUrl:t,method:e="GET",headers:r={},params:n,body:a}){const i=`${t||L({isDev:!1,isStage:!1})}${s}`,l={method:e,headers:{"Content-Type":"application/json",...r}};a&&(l.body=JSON.stringify(a));const c=n?new URLSearchParams(n).toString():"",u=c?`?${c}`:"",p=await fetch(`${i}${u}`,l);if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);return p.json()}var y=(s=>(s.free="free",s.startup="startup",s.business="business",s.enterprise="enterprise",s))(y||{}),b=(s=>(s.toastAdd="studio:toastAdd",s.toastRemove="studio:toastRemove",s.dialogOpen="studio:dialogOpen",s.dialogClose="studio:dialogClose",s.dialogExportCode="studio:dialogExportCode",s.dialogImportCode="studio:dialogImportCode",s.sidebarLeftSet="studio:sidebarLeft:set",s.sidebarLeftGet="studio:sidebarLeft:get",s.sidebarLeftToggle="studio:sidebarLeft:toggle",s.sidebarRightSet="studio:sidebarRight:set",s.sidebarRightGet="studio:sidebarRight:get",s.sidebarRightToggle="studio:sidebarRight:toggle",s.sidebarTopSet="studio:sidebarTop:set",s.sidebarTopGet="studio:sidebarTop:get",s.sidebarTopToggle="studio:sidebarTop:toggle",s.sidebarBottomSet="studio:sidebarBottom:set",s.sidebarBottomGet="studio:sidebarBottom:get",s.sidebarBottomToggle="studio:sidebarBottom:toggle",s.symbolAdd="studio:symbolAdd",s.symbolDetach="studio:symbolDetach",s.symbolOverride="studio:symbolOverride",s.symbolPropagateStyles="studio:propagateStyles",s.getPagesConfig="studio:getPagesConfig",s.setPagesConfig="studio:setPagesConfig",s.getPageSettings="studio:getPageSettings",s.setPageSettings="studio:setPageSettings",s.clearPage="studio:clearPage",s.projectFiles="studio:projectFiles",s.validateCode="studio:validateCode",s.canvasReload="studio:canvasReload",s.getBlocksPanel="studio:getBlocksPanel",s.setBlocksPanel="studio:setBlocksPanel",s.getStateContextMenu="studio:getStateContextMenu",s.setStateContextMenu="studio:setStateContextMenu",s.contextMenuComponent="studio:contextMenuComponent",s.layoutAdd="studio:layoutAdd",s.layoutRemove="studio:layoutRemove",s.layoutToggle="studio:layoutToggle",s.layoutUpdate="studio:layoutUpdate",s.layoutGet="studio:layoutGet",s.layoutConfigGet="studio:layoutConfigGet",s.layoutConfigSet="studio:layoutConfigSet",s.layoutComponentAdd="studio:layoutComponentAdd",s.layoutComponentGet="studio:layoutComponentGet",s.layoutComponentRemove="studio:layoutComponentRemove",s.layoutComponentRender="studio:layoutComponentRender",s.getStateTheme="studio:getStateTheme",s.setStateTheme="studio:setStateTheme",s.settings="studio:settings",s.assetProviderGet="studio:assetProviderGet",s.assetProviderAdd="studio:assetProviderAdd",s.assetProviderRemove="studio:assetProviderRemove",s.fontGet="studio:fontGet",s.fontAdd="studio:fontAdd",s.fontRemove="studio:fontRemove",s.fontManagerOpen="studio:fontManagerOpen",s.menuFontLoad="studio:menuFontLoad",s.toggleStateDataSource="studio:toggleStateDataSource",s.getStateDataSource="studio:getStateDataSource",s.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",s.dataSourceSetImporter="studio:dataSourceSetImporter",s.dataSourceSetExporter="studio:dataSourceSetExporter",s.setDragAbsolute="studio:setDragAbsolute",s))(b||{});const S={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function B(s){const t=s;return t.init=e=>r=>s(r,e),t}const N=s=>B(s);async function M({editor:s,plan:t,pluginName:e,licenseKey:r,onLicenseCheckResponse:n,cleanup:a}){let o="",i;const l=p=>{console.warn("Cleanup plugin:",e,"Reason:",p),a()},c=(p={})=>{var f;const{error:h,sdkLicense:E}=p,g=(f=p.plan)==null?void 0:f.category;if(!(E||p.license)||h)l(h||"Invalid license");else if(g){const x=S[t],P=S[g];x>P&&l({pluginRequiredPlan:t,licensePlan:g})}};s.Commands.has(b.settings)&&(i=s.runCommand(b.settings),o=(i==null?void 0:i.baseUrl)||"");const u=p=>{n==null||n(p),p&&c(p)};if(!i){s.onReady(async()=>{if(!k())if(r){const p=await j({licenseKey:r,pluginName:e,baseApiUrl:o});u(p)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const p=G(i);u(p);return}s.on(w,p=>u(p))}const G=s=>({sdkLicense:s.license,license:s.license,error:s.licenseError,plan:s.licensePlan});async function j(s){const{licenseKey:t,pluginName:e,baseApiUrl:r}=s;try{return(await A({baseApiUrl:r,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:e}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const D=s=>{const t=s;return t.logicalOperator==="and"||t.logicalOperator==="or"},F=(s,t)=>(s.config.optsHtml={...s.config.optsHtml,exporter:t},()=>{s.config.optsHtml.exporter=void 0}),J=(s,t)=>{const e=n=>{const{input:a}=n,{contains:o}=t;(!o||a.includes(o))&&(n.input=t.importer.import(a))},r=s.Parser.events.htmlBefore;return s.on(r,e),()=>{s.off(r,e)}};class W{getVariableSyntax({dataResolver:t}){const{defaultValue:e}=t,r=this.getFullPath(t),n=e?` || \`${e}\``:"";return`<%= ${r}${n} %>`}getCollectionStartSyntax({dataResolver:t}){const{collectionId:e,dataSource:r,startIndex:n,endIndex:a}=t,o=(r==null?void 0:r.path)||e||"",i=this._sanitizeVariableName(e);let l="";if(n!==void 0||a!==void 0){const c=n??0,u=a!==void 0?a:"";l=`.slice(${c}${u!==""?`, ${u}`:""})`}return`<% ${o}${l}.forEach(function(currentItem, index, arr) {
+"use strict";const m="app.grapesjs.com",I="app-stage.grapesjs.com",v="app2.grapesjs.com",w="app-stage2.grapesjs.com",$=[m,v,I,w,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],O="license:check:end",T=()=>typeof window<"u",L=({isDev:s,isStage:t,isPlatform:e})=>`${s?"":`https://${t?I:m}`}/${e?"platform-api":"api"}`,k=()=>{if(!T())return"";const{hostname:s}=window.location;if(s)return s;try{return window.parent.location.hostname||""}catch{return""}},A=()=>{const s=k();return!!s&&($.includes(s)||$.some(t=>s.endsWith(t)))};async function B({path:s,baseApiUrl:t,method:e="GET",headers:r={},params:n,body:a}){const i=`${t||L({isDev:!1,isStage:!1})}${s}`,l={method:e,headers:{"Content-Type":"application/json",...r}};a&&(l.body=JSON.stringify(a));const c=n?new URLSearchParams(n).toString():"",u=c?`?${c}`:"",p=await fetch(`${i}${u}`,l);if(!p.ok)throw new Error(`HTTP error! status: ${p.status}`);return p.json()}var y=(s=>(s.free="free",s.startup="startup",s.business="business",s.enterprise="enterprise",s))(y||{}),b=(s=>(s.toastAdd="studio:toastAdd",s.toastRemove="studio:toastRemove",s.dialogOpen="studio:dialogOpen",s.dialogClose="studio:dialogClose",s.dialogExportCode="studio:dialogExportCode",s.dialogImportCode="studio:dialogImportCode",s.openEditCode="studio:openEditCode",s.sidebarLeftSet="studio:sidebarLeft:set",s.sidebarLeftGet="studio:sidebarLeft:get",s.sidebarLeftToggle="studio:sidebarLeft:toggle",s.sidebarRightSet="studio:sidebarRight:set",s.sidebarRightGet="studio:sidebarRight:get",s.sidebarRightToggle="studio:sidebarRight:toggle",s.sidebarTopSet="studio:sidebarTop:set",s.sidebarTopGet="studio:sidebarTop:get",s.sidebarTopToggle="studio:sidebarTop:toggle",s.sidebarBottomSet="studio:sidebarBottom:set",s.sidebarBottomGet="studio:sidebarBottom:get",s.sidebarBottomToggle="studio:sidebarBottom:toggle",s.symbolAdd="studio:symbolAdd",s.symbolDetach="studio:symbolDetach",s.symbolOverride="studio:symbolOverride",s.symbolPropagateStyles="studio:propagateStyles",s.getPagesConfig="studio:getPagesConfig",s.setPagesConfig="studio:setPagesConfig",s.getPageSettings="studio:getPageSettings",s.setPageSettings="studio:setPageSettings",s.clearPage="studio:clearPage",s.projectFiles="studio:projectFiles",s.validateCode="studio:validateCode",s.canvasReload="studio:canvasReload",s.getBlocksPanel="studio:getBlocksPanel",s.setBlocksPanel="studio:setBlocksPanel",s.getStateContextMenu="studio:getStateContextMenu",s.setStateContextMenu="studio:setStateContextMenu",s.contextMenuComponent="studio:contextMenuComponent",s.layoutAdd="studio:layoutAdd",s.layoutRemove="studio:layoutRemove",s.layoutToggle="studio:layoutToggle",s.layoutUpdate="studio:layoutUpdate",s.layoutGet="studio:layoutGet",s.layoutConfigGet="studio:layoutConfigGet",s.layoutConfigSet="studio:layoutConfigSet",s.layoutComponentAdd="studio:layoutComponentAdd",s.layoutComponentGet="studio:layoutComponentGet",s.layoutComponentRemove="studio:layoutComponentRemove",s.layoutComponentRender="studio:layoutComponentRender",s.getStateTheme="studio:getStateTheme",s.setStateTheme="studio:setStateTheme",s.settings="studio:settings",s.assetProviderGet="studio:assetProviderGet",s.assetProviderAdd="studio:assetProviderAdd",s.assetProviderRemove="studio:assetProviderRemove",s.fontGet="studio:fontGet",s.fontAdd="studio:fontAdd",s.fontRemove="studio:fontRemove",s.fontManagerOpen="studio:fontManagerOpen",s.menuFontLoad="studio:menuFontLoad",s.toggleStateDataSource="studio:toggleStateDataSource",s.getStateDataSource="studio:getStateDataSource",s.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",s.dataSourceSetImporter="studio:dataSourceSetImporter",s.dataSourceSetExporter="studio:dataSourceSetExporter",s.setDragAbsolute="studio:setDragAbsolute",s))(b||{});const S={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function N(s){const t=s;return t.init=e=>r=>s(r,e),t}const M=s=>N(s);async function G({editor:s,plan:t,pluginName:e,licenseKey:r,onLicenseCheckResponse:n,cleanup:a}){let o="",i;const l=p=>{console.warn("Cleanup plugin:",e,"Reason:",p),a()},c=(p={})=>{var f;const{error:h,sdkLicense:E}=p,g=(f=p.plan)==null?void 0:f.category;if(!(E||p.license)||h)l(h||"Invalid license");else if(g){const x=S[t],P=S[g];x>P&&l({pluginRequiredPlan:t,licensePlan:g})}};s.Commands.has(b.settings)&&(i=s.runCommand(b.settings),o=(i==null?void 0:i.baseUrl)||"");const u=p=>{n==null||n(p),p&&c(p)};if(!i){s.onReady(async()=>{if(!A())if(r){const p=await D({licenseKey:r,pluginName:e,baseApiUrl:o});u(p)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const p=j(i);u(p);return}s.on(O,p=>u(p))}const j=s=>({sdkLicense:s.license,license:s.license,error:s.licenseError,plan:s.licensePlan});async function D(s){const{licenseKey:t,pluginName:e,baseApiUrl:r}=s;try{return(await B({baseApiUrl:r,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:e}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const F=s=>{const t=s;return t.logicalOperator==="and"||t.logicalOperator==="or"},J=(s,t)=>(s.config.optsHtml={...s.config.optsHtml,exporter:t},()=>{s.config.optsHtml.exporter=void 0}),W=(s,t)=>{const e=n=>{const{input:a}=n,{contains:o}=t;(!o||a.includes(o))&&(n.input=t.importer.import(a))},r=s.Parser.events.htmlBefore;return s.on(r,e),()=>{s.off(r,e)}};class _{getVariableSyntax({dataResolver:t}){const{defaultValue:e}=t,r=this.getFullPath(t),n=e?` || \`${e}\``:"";return`<%= ${r}${n} %>`}getCollectionStartSyntax({dataResolver:t}){const{collectionId:e,dataSource:r,startIndex:n,endIndex:a}=t,o=(r==null?void 0:r.path)||e||"",i=this._sanitizeVariableName(e);let l="";if(n!==void 0||a!==void 0){const c=n??0,u=a!==void 0?a:"";l=`.slice(${c}${u!==""?`, ${u}`:""})`}return`<% ${o}${l}.forEach(function(currentItem, index, arr) {
 const startIndex = parseInt(${n??0}, 10);
 const endIndex = startIndex + arr.length;
-const ${i}={ currentItem, currentIndex: startIndex + index, remainingItems: endIndex - (startIndex + index)} %>`}_sanitizeVariableName(t){return t.replace(/[^a-zA-Z0-9_$]/g,"_")}getCollectionEndSyntax(){return"<% }) %>"}getConditionalStartSyntax({dataResolver:t}){return`<% if (${this._parseCondition(t.condition)}) { %>`}getConditionElseSyntax(){return"<% } else { %>"}getConditionalEndSyntax(){return"<% } %>"}getFullPath({collectionId:t,path:e,variableType:r}){return(t?[this._sanitizeVariableName(t),r,e].filter(Boolean).join("."):e)||""}_parseCondition(t){if(!t)return"";if(D(t)){const e=t.statements.map(a=>this._parseCondition(a)),r=_[t.logicalOperator];let n=e.length>1?`(${e.join(`)${r}(`)})`:e[0];return t.logicalOperator==="xor"&&(n=`!!(${n})`),n}else{const e=this._parseValue(t.left),r=this._parseValue(t.right);switch(t.operator){case"equals":return`${e} === ${r}`;case">":case"<":case">=":case"<=":case"=":case"!=":return`${e} ${t.operator} ${r}`;case"contains":return`${e}?.includes(${r})`;case"startsWith":return`${e}?.startsWith(${r})`;case"endsWith":return`${e}?.endsWith(${r})`;case"equalsIgnoreCase":return`${e}?.toLowerCase() === ${r}?.toLowerCase()`;case"trimEquals":return`${e}?.trim() === ${r}?.trim()`;case"isTruthy":return`!!${e}`;case"isFalsy":return`!${e}`;case"isDefined":return`${e} !== undefined`;case"isNull":return`${e} === null`;case"isUndefined":return`${e} === undefined`;case"isArray":return`Array.isArray(${e})`;case"isObject":return`typeof ${e} === 'object' && ${e} !== null && !Array.isArray(${e})`;case"isString":return`typeof ${e} === 'string'`;case"isNumber":return`typeof ${e} === 'number' && !isNaN(${e})`;case"isBoolean":return`typeof ${e} === 'boolean'`;default:return`${e} ${t.operator} ${r}`}}}_parseValue(t){return typeof t=="object"?this.getFullPath(t):typeof t=="string"?`'${t.replace(/'/g,"\\'")}'`:String(t)}}const _={and:"&&",or:"||",xor:"^"},R=["===","==","!==","!=","<=",">=","<",">","&&","||"],U={"===":"=","==":"=","!==":"!=","!=":"!=","<=":"<=",">=":">=","<":"<",">":">","&&":"&&","||":"||"};class V{constructor(){this.messages=[],this.collectionStack=[]}import(t){this.messages=[],this.collectionStack=[];try{const e=this.parseEjsTemplate(t);return this.astToGrapesJS(e)}catch(e){return console.error("Error during import:",e),this.addMessage("error",`Error during import: ${e instanceof Error?e.message:String(e)}`),""}}parseEjsTemplate(t){const e=[];let r=0;for(;r<t.length;){const n=t.indexOf("<%",r);if(n===-1){r<t.length&&e.push(this.createAppendLiteral(t.slice(r)));break}n>r&&e.push(this.createAppendLiteral(t.slice(r,n)));const a=t.indexOf("%>",n);if(a===-1)throw new Error("Unclosed EJS tag");const o=t.slice(n+2,a).trim();if(r=a+2,o.startsWith("=")||o.startsWith("-")){const i=o.slice(1).trim();e.push(this.createAppendExpression(i))}else{if(o.startsWith("#"))continue;if(o.startsWith("if")){const i=this.parseIfStatement(o,t,r);e.push(i),r=i.endPos||r}else if(o.startsWith("for")){const i=this.parseForStatement(o,t,r);e.push(i),r=i.endPos||r}else{const i=o.match(/([\w][\w.-]*[\w])\s*\.\s*forEach\s*\(\s*(\w+)\s*=>\s*\{?/);if(i){const l=i[1],c=i[2],u=this.parseForEachStatement(l,c,t,r);e.push(u),r=u.endPos||r}else this.addMessage("info",`Unsupported scriptlet content: ${o}`)}}}return{type:"Program",body:e}}createAppendLiteral(t){return{type:"ExpressionStatement",expression:{type:"CallExpression",callee:{type:"Identifier",name:"__append"},arguments:[{type:"Literal",value:t}]}}}createAppendExpression(t){return{type:"ExpressionStatement",expression:{type:"CallExpression",callee:{type:"Identifier",name:"__append"},arguments:[this.parseJsExpression(t)]}}}parseIfStatement(t,e,r){const n=t.match(/if\s*\((.*)\)\s*\{?/);if(!n)throw new Error("Invalid if statement syntax");const a=this.parseJsExpression(n[1]),{body:o,endPos:i}=this.parseTemplateBlock(e,r);let l=null,c=i;const u=e.indexOf("<%",c);if(u===c){const p=e.indexOf("%>",u);if(p!==-1){const h=e.slice(u+2,p).trim(),E=p+2-u;if(h.startsWith("} else if")){c=u+E;const g=h.substring(h.indexOf("if")).trim(),d=this.parseIfStatement(g,e,c);l={type:"IfStatement",test:d.test,consequent:d.consequent,alternate:d.alternate},c=d.endPos}else if(h.startsWith("} else")){c=u+E;const{body:g,endPos:d}=this.parseTemplateBlock(e,c);l={type:"BlockStatement",body:g},c=d;const f=e.indexOf("<%",c),x=e.indexOf("%>",f);f===c&&e.slice(f+2,x).trim()==="}"&&(c=x+2)}else h==="}"&&(c=u+E)}}return{type:"IfStatement",test:a,consequent:{type:"BlockStatement",body:o},alternate:l,endPos:c}}parseForStatement(t,e,r){const n=t.match(/for\s*\((.*)\)\s*\{?/);if(!n)throw new Error("Invalid for statement syntax");const a=n[1].split("of");if(a.length!==2)throw new Error("Only for...of loops are supported");const o=a[0].trim().replace(/^let\s+|^const\s+|^var\s+/,""),i=a[1].trim(),{body:l,endPos:c}=this.parseTemplateBlock(e,r);return{type:"ForStatement",init:{type:"VariableDeclaration",kind:"let",declarations:[{type:"VariableDeclarator",id:{type:"Identifier",name:o},init:this.parseJsExpression(i)}]},test:null,update:null,body:{type:"BlockStatement",body:l},endPos:(()=>{const u=e.indexOf("<%",c),p=e.indexOf("%>",u);return u===c&&e.slice(u+2,p).trim()==="}"?p+2:c})()}}parseForEachStatement(t,e,r,n){const{body:a,endPos:o}=this.parseTemplateBlock(r,n);return{type:"ForEachStatement",collection:this.parseJsExpression(t),itemIdentifier:{type:"Identifier",name:e},body:{type:"BlockStatement",body:a},endPos:(()=>{const i=r.indexOf("<%",o),l=r.indexOf("%>",i);return i===o&&r.slice(i+2,l).trim()==="}"?l+2:o})()}}parseTemplateBlock(t,e){const r=[];let n=e;for(;n<t.length;){const a=t.indexOf("<%",n);if(a===-1){n<t.length&&r.push(this.createAppendLiteral(t.slice(n))),n=t.length;break}a>n&&r.push(this.createAppendLiteral(t.slice(n,a)));const o=t.indexOf("%>",a);if(o===-1)throw new Error("Unclosed EJS tag within block");const i=t.slice(a+2,o).trim();if(i==="}"||i.startsWith("} else")){n=a;break}if(n=o+2,i.startsWith("=")||i.startsWith("-")){const l=i.slice(1).trim();r.push(this.createAppendExpression(l))}else{if(i.startsWith("#"))continue;if(i.startsWith("if")){const l=this.parseIfStatement(i,t,n);r.push(l),n=l.endPos||n}else if(i.startsWith("for")){const l=this.parseForStatement(i,t,n);r.push(l),n=l.endPos||n}else{const l=i.match(/([\w][\w.-]*[\w])\s*\.\s*forEach\s*\(\s*(\w+)\s*=>\s*\{?/);if(l){const c=l[1],u=l[2],p=this.parseForEachStatement(c,u,t,n);r.push(p),n=p.endPos||n}else this.addMessage("info",`Unsupported scriptlet content within block: ${i}`)}}}return{body:r,endPos:n}}parseJsExpression(t){if(/^(['"]).*\1$/.test(t))return{type:"Literal",value:t.slice(1,-1)};if(/^-?\d+$/.test(t))return{type:"Literal",value:parseInt(t,10)};if(/^-?\d+\.\d+$/.test(t))return{type:"Literal",value:parseFloat(t)};if(t==="true"||t==="false")return{type:"Literal",value:t==="true"};for(const n of R){const a=t.lastIndexOf(n);if(a>0&&t[a-1]!=="!"&&t[a-1]!=="="&&t[a-1]!=="<"&&t[a-1]!==">")return{type:n==="&&"||n==="||"?"LogicalExpression":"BinaryExpression",operator:U[n],left:this.parseJsExpression(t.slice(0,a).trim()),right:this.parseJsExpression(t.slice(a+n.length).trim())}}const e=t.indexOf("."),r=t.indexOf("[");if(e>0&&(r===-1||e<r)||r>0&&(e===-1||r<e)){const n=e>0&&(r===-1||e<r)?e:r;let a,o,i=!1;if(n===e)a=t.slice(0,e),o={type:"Identifier",name:t.slice(e+1)},i=!1;else{a=t.slice(0,r);const l=t.indexOf("]",r);if(l===-1)throw new Error("Unclosed bracket in expression");const c=t.slice(r+1,l);o=/^(['"]).*\1$/.test(c)||/^-?\d+(\.\d+)?$/.test(c)?this.parseJsExpression(c):{type:"Identifier",name:c},i=!0}return{type:"MemberExpression",object:this.parseJsExpression(a),property:o,computed:i}}return{type:"Identifier",name:t}}astToGrapesJS(t){switch(t.type){case"Program":return this.handleProgram(t);case"VariableDeclaration":return this.handleVariableDeclaration(t);case"ExpressionStatement":return this.handleExpressionStatement(t);case"IfStatement":return this.handleIfStatement(t);case"ForStatement":return this.handleForStatement(t);case"ForEachStatement":return this.handleForEachStatement(t);case"BlockStatement":return this.handleBlockStatement(t);case"Literal":return this.handleLiteral(t);case"Identifier":return this.handleIdentifier(t);case"MemberExpression":return this.handleMemberExpression(t);case"BinaryExpression":return this.handleBinaryExpression(t);case"LogicalExpression":return this.handleLogicalExpression(t);case"CallExpression":return this.handleCallExpression(t);default:return this.addMessage("warning",`Unsupported node type: ${t.type}`),""}}handleProgram(t){let e="";for(const r of t.body)e+=this.astToGrapesJS(r);return e}handleVariableDeclaration(t){return""}handleExpressionStatement(t){return t.expression.type==="CallExpression"&&t.expression.callee.type==="Identifier"&&t.expression.callee.name==="__append"&&t.expression.arguments.length>0?this.astToGrapesJS(t.expression.arguments[0]):""}handleIfStatement(t){const e=this.getConditionExpression(t.test),r=this.astToGrapesJS(t.consequent);let n="";return t.alternate&&(n=this.astToGrapesJS(t.alternate)),`
+const ${i}={ currentItem, currentIndex: startIndex + index, remainingItems: endIndex - (startIndex + index)} %>`}_sanitizeVariableName(t){return t.replace(/[^a-zA-Z0-9_$]/g,"_")}getCollectionEndSyntax(){return"<% }) %>"}getConditionalStartSyntax({dataResolver:t}){return`<% if (${this._parseCondition(t.condition)}) { %>`}getConditionElseSyntax(){return"<% } else { %>"}getConditionalEndSyntax(){return"<% } %>"}getFullPath({collectionId:t,path:e,variableType:r}){return(t?[this._sanitizeVariableName(t),r,e].filter(Boolean).join("."):e)||""}_parseCondition(t){if(!t)return"";if(F(t)){const e=t.statements.map(a=>this._parseCondition(a)),r=R[t.logicalOperator];let n=e.length>1?`(${e.join(`)${r}(`)})`:e[0];return t.logicalOperator==="xor"&&(n=`!!(${n})`),n}else{const e=this._parseValue(t.left),r=this._parseValue(t.right);switch(t.operator){case"equals":return`${e} === ${r}`;case">":case"<":case">=":case"<=":case"=":case"!=":return`${e} ${t.operator} ${r}`;case"contains":return`${e}?.includes(${r})`;case"startsWith":return`${e}?.startsWith(${r})`;case"endsWith":return`${e}?.endsWith(${r})`;case"equalsIgnoreCase":return`${e}?.toLowerCase() === ${r}?.toLowerCase()`;case"trimEquals":return`${e}?.trim() === ${r}?.trim()`;case"isTruthy":return`!!${e}`;case"isFalsy":return`!${e}`;case"isDefined":return`${e} !== undefined`;case"isNull":return`${e} === null`;case"isUndefined":return`${e} === undefined`;case"isArray":return`Array.isArray(${e})`;case"isObject":return`typeof ${e} === 'object' && ${e} !== null && !Array.isArray(${e})`;case"isString":return`typeof ${e} === 'string'`;case"isNumber":return`typeof ${e} === 'number' && !isNaN(${e})`;case"isBoolean":return`typeof ${e} === 'boolean'`;default:return`${e} ${t.operator} ${r}`}}}_parseValue(t){return typeof t=="object"?this.getFullPath(t):typeof t=="string"?`'${t.replace(/'/g,"\\'")}'`:String(t)}}const R={and:"&&",or:"||",xor:"^"},U=["===","==","!==","!=","<=",">=","<",">","&&","||"],V={"===":"=","==":"=","!==":"!=","!=":"!=","<=":"<=",">=":">=","<":"<",">":">","&&":"&&","||":"||"};class q{constructor(){this.messages=[],this.collectionStack=[]}import(t){this.messages=[],this.collectionStack=[];try{const e=this.parseEjsTemplate(t);return this.astToGrapesJS(e)}catch(e){return console.error("Error during import:",e),this.addMessage("error",`Error during import: ${e instanceof Error?e.message:String(e)}`),""}}parseEjsTemplate(t){const e=[];let r=0;for(;r<t.length;){const n=t.indexOf("<%",r);if(n===-1){r<t.length&&e.push(this.createAppendLiteral(t.slice(r)));break}n>r&&e.push(this.createAppendLiteral(t.slice(r,n)));const a=t.indexOf("%>",n);if(a===-1)throw new Error("Unclosed EJS tag");const o=t.slice(n+2,a).trim();if(r=a+2,o.startsWith("=")||o.startsWith("-")){const i=o.slice(1).trim();e.push(this.createAppendExpression(i))}else{if(o.startsWith("#"))continue;if(o.startsWith("if")){const i=this.parseIfStatement(o,t,r);e.push(i),r=i.endPos||r}else if(o.startsWith("for")){const i=this.parseForStatement(o,t,r);e.push(i),r=i.endPos||r}else{const i=o.match(/([\w][\w.-]*[\w])\s*\.\s*forEach\s*\(\s*(\w+)\s*=>\s*\{?/);if(i){const l=i[1],c=i[2],u=this.parseForEachStatement(l,c,t,r);e.push(u),r=u.endPos||r}else this.addMessage("info",`Unsupported scriptlet content: ${o}`)}}}return{type:"Program",body:e}}createAppendLiteral(t){return{type:"ExpressionStatement",expression:{type:"CallExpression",callee:{type:"Identifier",name:"__append"},arguments:[{type:"Literal",value:t}]}}}createAppendExpression(t){return{type:"ExpressionStatement",expression:{type:"CallExpression",callee:{type:"Identifier",name:"__append"},arguments:[this.parseJsExpression(t)]}}}parseIfStatement(t,e,r){const n=t.match(/if\s*\((.*)\)\s*\{?/);if(!n)throw new Error("Invalid if statement syntax");const a=this.parseJsExpression(n[1]),{body:o,endPos:i}=this.parseTemplateBlock(e,r);let l=null,c=i;const u=e.indexOf("<%",c);if(u===c){const p=e.indexOf("%>",u);if(p!==-1){const h=e.slice(u+2,p).trim(),E=p+2-u;if(h.startsWith("} else if")){c=u+E;const g=h.substring(h.indexOf("if")).trim(),d=this.parseIfStatement(g,e,c);l={type:"IfStatement",test:d.test,consequent:d.consequent,alternate:d.alternate},c=d.endPos}else if(h.startsWith("} else")){c=u+E;const{body:g,endPos:d}=this.parseTemplateBlock(e,c);l={type:"BlockStatement",body:g},c=d;const f=e.indexOf("<%",c),x=e.indexOf("%>",f);f===c&&e.slice(f+2,x).trim()==="}"&&(c=x+2)}else h==="}"&&(c=u+E)}}return{type:"IfStatement",test:a,consequent:{type:"BlockStatement",body:o},alternate:l,endPos:c}}parseForStatement(t,e,r){const n=t.match(/for\s*\((.*)\)\s*\{?/);if(!n)throw new Error("Invalid for statement syntax");const a=n[1].split("of");if(a.length!==2)throw new Error("Only for...of loops are supported");const o=a[0].trim().replace(/^let\s+|^const\s+|^var\s+/,""),i=a[1].trim(),{body:l,endPos:c}=this.parseTemplateBlock(e,r);return{type:"ForStatement",init:{type:"VariableDeclaration",kind:"let",declarations:[{type:"VariableDeclarator",id:{type:"Identifier",name:o},init:this.parseJsExpression(i)}]},test:null,update:null,body:{type:"BlockStatement",body:l},endPos:(()=>{const u=e.indexOf("<%",c),p=e.indexOf("%>",u);return u===c&&e.slice(u+2,p).trim()==="}"?p+2:c})()}}parseForEachStatement(t,e,r,n){const{body:a,endPos:o}=this.parseTemplateBlock(r,n);return{type:"ForEachStatement",collection:this.parseJsExpression(t),itemIdentifier:{type:"Identifier",name:e},body:{type:"BlockStatement",body:a},endPos:(()=>{const i=r.indexOf("<%",o),l=r.indexOf("%>",i);return i===o&&r.slice(i+2,l).trim()==="}"?l+2:o})()}}parseTemplateBlock(t,e){const r=[];let n=e;for(;n<t.length;){const a=t.indexOf("<%",n);if(a===-1){n<t.length&&r.push(this.createAppendLiteral(t.slice(n))),n=t.length;break}a>n&&r.push(this.createAppendLiteral(t.slice(n,a)));const o=t.indexOf("%>",a);if(o===-1)throw new Error("Unclosed EJS tag within block");const i=t.slice(a+2,o).trim();if(i==="}"||i.startsWith("} else")){n=a;break}if(n=o+2,i.startsWith("=")||i.startsWith("-")){const l=i.slice(1).trim();r.push(this.createAppendExpression(l))}else{if(i.startsWith("#"))continue;if(i.startsWith("if")){const l=this.parseIfStatement(i,t,n);r.push(l),n=l.endPos||n}else if(i.startsWith("for")){const l=this.parseForStatement(i,t,n);r.push(l),n=l.endPos||n}else{const l=i.match(/([\w][\w.-]*[\w])\s*\.\s*forEach\s*\(\s*(\w+)\s*=>\s*\{?/);if(l){const c=l[1],u=l[2],p=this.parseForEachStatement(c,u,t,n);r.push(p),n=p.endPos||n}else this.addMessage("info",`Unsupported scriptlet content within block: ${i}`)}}}return{body:r,endPos:n}}parseJsExpression(t){if(/^(['"]).*\1$/.test(t))return{type:"Literal",value:t.slice(1,-1)};if(/^-?\d+$/.test(t))return{type:"Literal",value:parseInt(t,10)};if(/^-?\d+\.\d+$/.test(t))return{type:"Literal",value:parseFloat(t)};if(t==="true"||t==="false")return{type:"Literal",value:t==="true"};for(const n of U){const a=t.lastIndexOf(n);if(a>0&&t[a-1]!=="!"&&t[a-1]!=="="&&t[a-1]!=="<"&&t[a-1]!==">")return{type:n==="&&"||n==="||"?"LogicalExpression":"BinaryExpression",operator:V[n],left:this.parseJsExpression(t.slice(0,a).trim()),right:this.parseJsExpression(t.slice(a+n.length).trim())}}const e=t.indexOf("."),r=t.indexOf("[");if(e>0&&(r===-1||e<r)||r>0&&(e===-1||r<e)){const n=e>0&&(r===-1||e<r)?e:r;let a,o,i=!1;if(n===e)a=t.slice(0,e),o={type:"Identifier",name:t.slice(e+1)},i=!1;else{a=t.slice(0,r);const l=t.indexOf("]",r);if(l===-1)throw new Error("Unclosed bracket in expression");const c=t.slice(r+1,l);o=/^(['"]).*\1$/.test(c)||/^-?\d+(\.\d+)?$/.test(c)?this.parseJsExpression(c):{type:"Identifier",name:c},i=!0}return{type:"MemberExpression",object:this.parseJsExpression(a),property:o,computed:i}}return{type:"Identifier",name:t}}astToGrapesJS(t){switch(t.type){case"Program":return this.handleProgram(t);case"VariableDeclaration":return this.handleVariableDeclaration(t);case"ExpressionStatement":return this.handleExpressionStatement(t);case"IfStatement":return this.handleIfStatement(t);case"ForStatement":return this.handleForStatement(t);case"ForEachStatement":return this.handleForEachStatement(t);case"BlockStatement":return this.handleBlockStatement(t);case"Literal":return this.handleLiteral(t);case"Identifier":return this.handleIdentifier(t);case"MemberExpression":return this.handleMemberExpression(t);case"BinaryExpression":return this.handleBinaryExpression(t);case"LogicalExpression":return this.handleLogicalExpression(t);case"CallExpression":return this.handleCallExpression(t);default:return this.addMessage("warning",`Unsupported node type: ${t.type}`),""}}handleProgram(t){let e="";for(const r of t.body)e+=this.astToGrapesJS(r);return e}handleVariableDeclaration(t){return""}handleExpressionStatement(t){return t.expression.type==="CallExpression"&&t.expression.callee.type==="Identifier"&&t.expression.callee.name==="__append"&&t.expression.arguments.length>0?this.astToGrapesJS(t.expression.arguments[0]):""}handleIfStatement(t){const e=this.getConditionExpression(t.test),r=this.astToGrapesJS(t.consequent);let n="";return t.alternate&&(n=this.astToGrapesJS(t.alternate)),`
       <data-condition data-gjs-data-resolver='${JSON.stringify({condition:e})}'>
         <data-condition-true-content>${r}</data-condition-true-content>
         <data-condition-false-content>${n}</data-condition-false-content>
@@ -18,4 +18,4 @@ const ${i}={ currentItem, currentIndex: startIndex + index, remainingItems: endI
           ${a}
         </data-collection-item>
       </data-collection>
-    `}handleBlockStatement(t){let e="";for(const r of t.body)e+=this.astToGrapesJS(r);return e}handleLiteral(t){return String(t.value??"")}handleIdentifier(t){let e={path:t.name};if(this.collectionStack.length>0){const r=this.collectionStack[this.collectionStack.length-1];t.name===r&&(e={collectionId:r,variableType:"currentItem"})}return`<data-variable data-gjs-data-resolver='${JSON.stringify(e)}'></data-variable>`}handleMemberExpression(t,e={}){let n={path:this.getExpressionString(t),...e};if(this.collectionStack.length>0){const a=this.collectionStack[this.collectionStack.length-1];let o=t;const i=[];for(;o.type==="MemberExpression";)o.property.type==="Identifier"&&!o.computed?i.unshift(o.property.name):o.property.type==="Literal"&&o.computed?i.unshift(String(o.property.value)):i.unshift(this.getExpressionString(o.property)),o=o.object;if(o.type==="Identifier"&&o.name===a){const l=i.join(".");n={...e,collectionId:a,variableType:"currentItem",path:l}}}return`<data-variable data-gjs-data-resolver='${JSON.stringify(n)}'></data-variable>`}handleBinaryExpression(t){return`${this.getExpressionString(t.left)} ${t.operator} ${this.getExpressionString(t.right)}`}handleLogicalExpression(t){return t.operator==="||"&&t.right.type==="Literal"?this.handleMemberExpression(t.left,{defaultValue:t.right.value}):`${this.getExpressionString(t.left)} ${t.operator} ${this.getExpressionString(t.right)}`}handleCallExpression(t){var e;if(t.callee.type==="Identifier"&&t.callee.name==="include"){const r=((e=t.arguments[0])==null?void 0:e.type)==="Literal"?String(t.arguments[0].value):"";return this.addMessage("info",`Partial includes are not fully supported: ${r}`),""}return""}getConditionExpression(t){if(t.type==="Identifier")return{logicalOperator:"and",statements:[{left:{type:"data-variable",path:t.name},operator:"isTruthy"}]};if(t.type==="MemberExpression"){let e=this.getExpressionString(t),r="isTruthy";return e.startsWith("!!")?(r="isTruthy",e=e.slice(2)):e.startsWith("!")&&(r="isFalsy",e=e.slice(1)),{logicalOperator:"and",statements:[{left:{type:"data-variable",path:e},operator:r}]}}if(t.type==="BinaryExpression"||t.type==="LogicalExpression"){const e=this.getConditionExpression(t.left),r=this.getConditionExpression(t.right);return`${e} ${t.operator} ${r}`}return t.type==="Literal"?typeof t.value=="string"?`'${t.value}'`:String(t.value??""):this.getExpressionString(t)}getExpressionString(t){switch(t.type){case"Identifier":return t.name;case"Literal":return String(t.value??"");case"MemberExpression":{const e=this.getExpressionString(t.object),r=this.getExpressionString(t.property);return t.computed?`${e}[${r}]`:`${e}.${r}`}case"BinaryExpression":{const e=this.getExpressionString(t.left),r=this.getExpressionString(t.right);return`${e} ${t.operator} ${r}`}case"LogicalExpression":{const e=this.getExpressionString(t.left),r=this.getExpressionString(t.right);return`${e} ${t.operator} ${r}`}default:return this.addMessage("warning",`Unsupported expression type for getExpressionString: ${t.type}`),""}}addMessage(t,e){this.messages.push({type:t,message:e})}}const q="dataSourceEjs",H=y.startup,K=function(s,t={}){const e=F(s,new W),r=J(s,{contains:"<%",importer:new V});M({editor:s,licenseKey:t.licenseKey,plan:H,pluginName:q,cleanup:()=>{e(),r()}})},z=N(K);module.exports=z;
+    `}handleBlockStatement(t){let e="";for(const r of t.body)e+=this.astToGrapesJS(r);return e}handleLiteral(t){return String(t.value??"")}handleIdentifier(t){let e={path:t.name};if(this.collectionStack.length>0){const r=this.collectionStack[this.collectionStack.length-1];t.name===r&&(e={collectionId:r,variableType:"currentItem"})}return`<data-variable data-gjs-data-resolver='${JSON.stringify(e)}'></data-variable>`}handleMemberExpression(t,e={}){let n={path:this.getExpressionString(t),...e};if(this.collectionStack.length>0){const a=this.collectionStack[this.collectionStack.length-1];let o=t;const i=[];for(;o.type==="MemberExpression";)o.property.type==="Identifier"&&!o.computed?i.unshift(o.property.name):o.property.type==="Literal"&&o.computed?i.unshift(String(o.property.value)):i.unshift(this.getExpressionString(o.property)),o=o.object;if(o.type==="Identifier"&&o.name===a){const l=i.join(".");n={...e,collectionId:a,variableType:"currentItem",path:l}}}return`<data-variable data-gjs-data-resolver='${JSON.stringify(n)}'></data-variable>`}handleBinaryExpression(t){return`${this.getExpressionString(t.left)} ${t.operator} ${this.getExpressionString(t.right)}`}handleLogicalExpression(t){return t.operator==="||"&&t.right.type==="Literal"?this.handleMemberExpression(t.left,{defaultValue:t.right.value}):`${this.getExpressionString(t.left)} ${t.operator} ${this.getExpressionString(t.right)}`}handleCallExpression(t){var e;if(t.callee.type==="Identifier"&&t.callee.name==="include"){const r=((e=t.arguments[0])==null?void 0:e.type)==="Literal"?String(t.arguments[0].value):"";return this.addMessage("info",`Partial includes are not fully supported: ${r}`),""}return""}getConditionExpression(t){if(t.type==="Identifier")return{logicalOperator:"and",statements:[{left:{type:"data-variable",path:t.name},operator:"isTruthy"}]};if(t.type==="MemberExpression"){let e=this.getExpressionString(t),r="isTruthy";return e.startsWith("!!")?(r="isTruthy",e=e.slice(2)):e.startsWith("!")&&(r="isFalsy",e=e.slice(1)),{logicalOperator:"and",statements:[{left:{type:"data-variable",path:e},operator:r}]}}if(t.type==="BinaryExpression"||t.type==="LogicalExpression"){const e=this.getConditionExpression(t.left),r=this.getConditionExpression(t.right);return`${e} ${t.operator} ${r}`}return t.type==="Literal"?typeof t.value=="string"?`'${t.value}'`:String(t.value??""):this.getExpressionString(t)}getExpressionString(t){switch(t.type){case"Identifier":return t.name;case"Literal":return String(t.value??"");case"MemberExpression":{const e=this.getExpressionString(t.object),r=this.getExpressionString(t.property);return t.computed?`${e}[${r}]`:`${e}.${r}`}case"BinaryExpression":{const e=this.getExpressionString(t.left),r=this.getExpressionString(t.right);return`${e} ${t.operator} ${r}`}case"LogicalExpression":{const e=this.getExpressionString(t.left),r=this.getExpressionString(t.right);return`${e} ${t.operator} ${r}`}default:return this.addMessage("warning",`Unsupported expression type for getExpressionString: ${t.type}`),""}}addMessage(t,e){this.messages.push({type:t,message:e})}}const H="dataSourceEjs",C=y.startup,K=function(s,t={}){const e=J(s,new _),r=W(s,{contains:"<%",importer:new q});G({editor:s,licenseKey:t.licenseKey,plan:C,pluginName:H,cleanup:()=>{e(),r()}})},z=M(K);module.exports=z;