@grapesjs/studio-sdk-plugins 1.0.14-rc.0 → 1.0.14-rc.2

package/dist/canvasEmptyState/index.cjs.d.ts

@@ -0,0 +1,3 @@
+import { CanvasEmptyStateOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<CanvasEmptyStateOptions>;
+export default _default;

package/dist/canvasEmptyState/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("grapesjs");const I="app.grapesjs.com",M="app-stage.grapesjs.com",W=[I,M,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",N="license:check:end",D=()=>typeof window<"u",P=({isDev:e,isStage:t})=>`${e?"":`https://${t?M:I}`}/api`,R=()=>{const e=D()&&window.location.hostname;return!!e&&(W.includes(e)||W.some(t=>e.endsWith(t)))};function _(e){return typeof e=="function"}async function K({path:e,baseApiUrl:t,method:a="GET",headers:o={},params:i,body:u}){const v=`${t||P({isDev:!1,isStage:!1})}${e}`,p={method:a,headers:{"Content-Type":"application/json",...o}};u&&(p.body=JSON.stringify(u));const d=i?new URLSearchParams(i).toString():"",s=d?`?${d}`:"",c=await fetch(`${v}${s}`,p);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var w=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(w||{});const A={[w.free]:0,[w.startup]:10,[w.business]:20,[w.enterprise]:30};function O(e){const t=e;return t.init=a=>o=>e(o,a),t}const j=e=>O(e);async function q({editor:e,plan:t,pluginName:a,licenseKey:o,cleanup:i}){let u="",h=!1;const v=R(),p=s=>{console.warn("Cleanup plugin:",a,"Reason:",s),i()},d=(s={})=>{var C;const{error:c,sdkLicense:E}=s,y=(C=s.plan)==null?void 0:C.category;if(!(E||s.license)||c)p(c||"Invalid license");else if(y){const b=A[t],L=A[y];b>L&&p({pluginRequiredPlan:t,licensePlan:y})}};e.on($,s=>{u=s==null?void 0:s.baseApiUrl,h=!0}),e.on(N,s=>{d(s)}),setTimeout(async()=>{if(!h){if(v)return;if(o){const s=await x({licenseKey:o,pluginName:a,baseApiUrl:u});s&&d(s)}else p("The `licenseKey` option not provided")}},2e3)}async function x(e){const{licenseKey:t,pluginName:a,baseApiUrl:o}=e;try{return(await K({baseApiUrl:o,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const F="canvasEmptyState",G=function(e,t={}){const a=new WeakMap,o=new WeakMap,i=new WeakMap,u=new Set,h=new WeakMap,v={emptyStates:[],...t},p=(n,r)=>{let m=!1;const{isValid:f}=r;return Array.isArray(f)?m=f.some(l=>n.is(l)):_(f)?m=f({component:n,editor:e}):m=n.is(f),m},d=n=>{const r=a.get(n);a.delete(n),r==null||r()},s=n=>{n.views.forEach(r=>d(r)),i.delete(n)},c=n=>{if(!(!n||u.has(n)))try{u.add(n);const r=n.components().length>0,m=i.get(n);if(r&&m)s(n);else if(!r&&!m){const f=h.has(n)?h.get(n):v.emptyStates.find(l=>p(n,l));if(h.set(n,f),!f)return;n.views.forEach(l=>{const S=f.render({editor:e,component:n,componentView:l,mount:g=>{o.set(l,g),i.set(n,!0);const k=l.getChildrenContainer();k==null||k.appendChild(g)},unmount:()=>d(l)});a.set(l,()=>{S==null||S();const g=o.get(l);g==null||g.remove()})})}}finally{u.delete(n)}},E=n=>{i.has(n)&&s(n)},y=({model:n})=>{c(n.getComponent())},T=e.Components.events,C=`${T.update}:components`,b="component:mount",L=e.Canvas.events.frameLoadBody,U=T.removed||T.remove;e.on(C,c),e.on(b,c),e.on(U,E),e.on(L,y),q({editor:e,licenseKey:v.licenseKey,plan:w.startup,pluginName:F,cleanup:()=>{e.off(C,c),e.off(b,c),e.off(U,E),e.off(L,y)}})},H=j(G);module.exports=H;

package/dist/canvasEmptyState/index.d.ts

@@ -0,0 +1,3 @@
+import { CanvasEmptyStateOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<CanvasEmptyStateOptions>;
+export default _default;

package/dist/canvasEmptyState/index.es.d.ts

@@ -0,0 +1,3 @@
+import { CanvasEmptyStateOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<CanvasEmptyStateOptions>;
+export default _default;

package/dist/canvasEmptyState/index.es.js

@@ -0,0 +1,166 @@
+import "grapesjs";
+const I = "app.grapesjs.com", M = "app-stage.grapesjs.com", W = [
+  I,
+  M,
+  "localhost",
+  "127.0.0.1",
+  ".local-credentialless.webcontainer.io",
+  // For stackblitz.com demos
+  ".local.webcontainer.io",
+  // For stackblitz.com demos
+  "-sandpack.codesandbox.io"
+  // For Sandpack demos
+], $ = "license:check:start", N = "license:check:end", D = () => typeof window < "u", P = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? M : I}`}/api`, R = () => {
+  const e = D() && window.location.hostname;
+  return !!e && (W.includes(e) || W.some((t) => e.endsWith(t)));
+};
+function _(e) {
+  return typeof e == "function";
+}
+async function K({
+  path: e,
+  baseApiUrl: t,
+  method: a = "GET",
+  headers: o = {},
+  params: i,
+  body: u
+}) {
+  const v = `${t || P({ isDev: !1, isStage: !1 })}${e}`, p = {
+    method: a,
+    headers: {
+      "Content-Type": "application/json",
+      ...o
+    }
+  };
+  u && (p.body = JSON.stringify(u));
+  const d = i ? new URLSearchParams(i).toString() : "", s = d ? `?${d}` : "", c = await fetch(`${v}${s}`, p);
+  if (!c.ok)
+    throw new Error(`HTTP error! status: ${c.status}`);
+  return c.json();
+}
+var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {});
+const A = {
+  [w.free]: 0,
+  [w.startup]: 10,
+  [w.business]: 20,
+  [w.enterprise]: 30
+};
+function O(e) {
+  const t = e;
+  return t.init = (a) => (o) => e(o, a), t;
+}
+const j = (e) => /* @__PURE__ */ O(e);
+async function x({
+  editor: e,
+  plan: t,
+  pluginName: a,
+  licenseKey: o,
+  cleanup: i
+}) {
+  let u = "", h = !1;
+  const v = R(), p = (s) => {
+    console.warn("Cleanup plugin:", a, "Reason:", s), i();
+  }, d = (s = {}) => {
+    var C;
+    const { error: c, sdkLicense: E } = s, y = (C = s.plan) == null ? void 0 : C.category;
+    if (!(E || s.license) || c)
+      p(c || "Invalid license");
+    else if (y) {
+      const b = A[t], L = A[y];
+      b > L && p({ pluginRequiredPlan: t, licensePlan: y });
+    }
+  };
+  e.on($, (s) => {
+    u = s == null ? void 0 : s.baseApiUrl, h = !0;
+  }), e.on(N, (s) => {
+    d(s);
+  }), setTimeout(async () => {
+    if (!h) {
+      if (v) return;
+      if (o) {
+        const s = await F({ licenseKey: o, pluginName: a, baseApiUrl: u });
+        s && d(s);
+      } else
+        p("The `licenseKey` option not provided");
+    }
+  }, 2e3);
+}
+async function F(e) {
+  const { licenseKey: t, pluginName: a, baseApiUrl: o } = e;
+  try {
+    return (await K({
+      baseApiUrl: o,
+      path: `/sdk/${t || "na"}`,
+      method: "POST",
+      params: {
+        d: window.location.hostname,
+        pn: a
+      }
+    })).result || {};
+  } catch (i) {
+    return console.error("Error during SDK license check:", i), !1;
+  }
+}
+const G = "canvasEmptyState", H = function(e, t = {}) {
+  const a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new WeakMap(), v = {
+    emptyStates: [],
+    ...t
+  }, p = (n, r) => {
+    let m = !1;
+    const { isValid: f } = r;
+    return Array.isArray(f) ? m = f.some((l) => n.is(l)) : _(f) ? m = f({ component: n, editor: e }) : m = n.is(f), m;
+  }, d = (n) => {
+    const r = a.get(n);
+    a.delete(n), r == null || r();
+  }, s = (n) => {
+    n.views.forEach((r) => d(r)), i.delete(n);
+  }, c = (n) => {
+    if (!(!n || u.has(n)))
+      try {
+        u.add(n);
+        const r = n.components().length > 0, m = i.get(n);
+        if (r && m)
+          s(n);
+        else if (!r && !m) {
+          const f = h.has(n) ? h.get(n) : v.emptyStates.find((l) => p(n, l));
+          if (h.set(n, f), !f) return;
+          n.views.forEach((l) => {
+            const S = f.render({
+              editor: e,
+              component: n,
+              componentView: l,
+              mount: (g) => {
+                o.set(l, g), i.set(n, !0);
+                const k = l.getChildrenContainer();
+                k == null || k.appendChild(g);
+              },
+              unmount: () => d(l)
+            });
+            a.set(l, () => {
+              S == null || S();
+              const g = o.get(l);
+              g == null || g.remove();
+            });
+          });
+        }
+      } finally {
+        u.delete(n);
+      }
+  }, E = (n) => {
+    i.has(n) && s(n);
+  }, y = ({ model: n }) => {
+    c(n.getComponent());
+  }, T = e.Components.events, C = `${T.update}:components`, b = "component:mount", L = e.Canvas.events.frameLoadBody, U = T.removed || T.remove;
+  e.on(C, c), e.on(b, c), e.on(U, E), e.on(L, y), x({
+    editor: e,
+    licenseKey: v.licenseKey,
+    plan: w.startup,
+    pluginName: G,
+    cleanup: () => {
+      e.off(C, c), e.off(b, c), e.off(U, E), e.off(L, y);
+    }
+  });
+}, B = j(H);
+export {
+  B as default
+};

package/dist/canvasEmptyState/index.umd.js

@@ -0,0 +1 @@
+(function(y,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("grapesjs")):typeof define=="function"&&define.amd?define(["grapesjs"],g):(y=typeof globalThis<"u"?globalThis:y||self,y.StudioSdkPlugins_canvasEmptyState=g())})(this,function(){"use strict";const y="app.grapesjs.com",g="app-stage.grapesjs.com",A=[y,g,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",N="license:check:end",P=()=>typeof window<"u",D=({isDev:e,isStage:t})=>`${e?"":`https://${t?g:y}`}/api`,_=()=>{const e=P()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(t=>e.endsWith(t)))};function j(e){return typeof e=="function"}async function R({path:e,baseApiUrl:t,method:o="GET",headers:a={},params:i,body:u}){const w=`${t||D({isDev:!1,isStage:!1})}${e}`,p={method:o,headers:{"Content-Type":"application/json",...a}};u&&(p.body=JSON.stringify(u));const d=i?new URLSearchParams(i).toString():"",s=d?`?${d}`:"",c=await fetch(`${w}${s}`,p);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var v=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(v||{});const I={[v.free]:0,[v.startup]:10,[v.business]:20,[v.enterprise]:30};function K(e){const t=e;return t.init=o=>a=>e(a,o),t}const x=e=>K(e);async function O({editor:e,plan:t,pluginName:o,licenseKey:a,cleanup:i}){let u="",h=!1;const w=_(),p=s=>{console.warn("Cleanup plugin:",o,"Reason:",s),i()},d=(s={})=>{var S;const{error:c,sdkLicense:T}=s,C=(S=s.plan)==null?void 0:S.category;if(!(T||s.license)||c)p(c||"Invalid license");else if(C){const L=I[t],k=I[C];L>k&&p({pluginRequiredPlan:t,licensePlan:C})}};e.on($,s=>{u=s==null?void 0:s.baseApiUrl,h=!0}),e.on(N,s=>{d(s)}),setTimeout(async()=>{if(!h){if(w)return;if(a){const s=await q({licenseKey:a,pluginName:o,baseApiUrl:u});s&&d(s)}else p("The `licenseKey` option not provided")}},2e3)}async function q(e){const{licenseKey:t,pluginName:o,baseApiUrl:a}=e;try{return(await R({baseApiUrl:a,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:o}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const F="canvasEmptyState";return x(function(e,t={}){const o=new WeakMap,a=new WeakMap,i=new WeakMap,u=new Set,h=new WeakMap,w={emptyStates:[],...t},p=(n,r)=>{let m=!1;const{isValid:f}=r;return Array.isArray(f)?m=f.some(l=>n.is(l)):j(f)?m=f({component:n,editor:e}):m=n.is(f),m},d=n=>{const r=o.get(n);o.delete(n),r==null||r()},s=n=>{n.views.forEach(r=>d(r)),i.delete(n)},c=n=>{if(!(!n||u.has(n)))try{u.add(n);const r=n.components().length>0,m=i.get(n);if(r&&m)s(n);else if(!r&&!m){const f=h.has(n)?h.get(n):w.emptyStates.find(l=>p(n,l));if(h.set(n,f),!f)return;n.views.forEach(l=>{const U=f.render({editor:e,component:n,componentView:l,mount:E=>{a.set(l,E),i.set(n,!0);const W=l.getChildrenContainer();W==null||W.appendChild(E)},unmount:()=>d(l)});o.set(l,()=>{U==null||U();const E=a.get(l);E==null||E.remove()})})}}finally{u.delete(n)}},T=n=>{i.has(n)&&s(n)},C=({model:n})=>{c(n.getComponent())},b=e.Components.events,S=`${b.update}:components`,L="component:mount",k=e.Canvas.events.frameLoadBody,M=b.removed||b.remove;e.on(S,c),e.on(L,c),e.on(M,T),e.on(k,C),O({editor:e,licenseKey:w.licenseKey,plan:v.startup,pluginName:F,cleanup:()=>{e.off(S,c),e.off(L,c),e.off(M,T),e.off(k,C)}})})});

package/dist/canvasEmptyState/types.d.ts

@@ -0,0 +1,3 @@
+import { CanvasEmptyStateOptions as CanvasEmptyStateOptionsSchema } from './typesSchema';
+export interface CanvasEmptyStateOptions extends CanvasEmptyStateOptionsSchema {
+}

package/dist/canvasEmptyState/typesSchema.d.ts

@@ -0,0 +1,44 @@
+import { Editor, Component, ComponentView } from 'grapesjs';
+import { SDKPluginOptions } from '../utils';
+export interface CanvasEmptyStateOptions extends SDKPluginOptions {
+    /**
+     * Empty state types to render.
+     * @examples
+     * [
+     *  {
+     *    isValid: 'componentA',// check for valid componet type, as a string...
+     *    isValid: ['componentA', 'componentB'], // ...as an array of component types...
+     *    isValid: ({ component }) => component.is('componentA'), // ...or as a function
+     *    // Render function to run when the component is empty
+     *    render: ({ editor, component, mount, unmount }) => {
+     *      const container = document.createElement('div');
+     *      // ...
+     *      window.addEventListener('someGlobalEvent', onSomeEvent);
+     *      mount(container);
+     *      // Clean up function
+     *      return () => {
+     *        unmount(container);
+     *        window.removeEventListener('someGlobalEvent', onSomeEvent);
+     *      }
+     *    },
+     *  }
+     * ]
+     */
+    emptyStates?: EmptyStateProps[];
+}
+export interface EmptyStateProps {
+    isValid: string | string[] | ((props: {
+        component: Component;
+        editor: Editor;
+    }) => boolean);
+    render: (props: EmptyStateRenderProps) => void | CleanUpFn;
+}
+type CleanUpFn = () => void;
+interface EmptyStateRenderProps {
+    editor: Editor;
+    component: Component;
+    componentView: ComponentView;
+    mount: (el: HTMLElement) => void;
+    unmount: (el: HTMLElement) => void;
+}
+export {};

package/dist/canvasFullSize/index.cjs.d.ts

@@ -0,0 +1,3 @@
+import { CanvasFullSizeOptionsOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<CanvasFullSizeOptionsOptions>;
+export default _default;

package/dist/canvasFullSize/index.cjs.js

@@ -0,0 +1,5 @@
+"use strict";require("grapesjs");function L(e,o,s){let t,i,a,f,m;const l=o;function p(){const r=Date.now()-f;r<l&&r>=0?t=setTimeout(p,l-r):(t=null,m=e.apply(a,i),a=i=null)}const n=function(){return a=this,i=arguments,f=Date.now(),t||(t=setTimeout(p,l)),m};return n.clear=function(){t&&(clearTimeout(t),t=null)},n.flush=function(){t&&(m=e.apply(a,i),a=i=null,clearTimeout(t),t=null)},n}const $="app.grapesjs.com",D="app-stage.grapesjs.com",C=[$,D,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],O="license:check:start",x="license:check:end",A=()=>typeof window<"u",I=({isDev:e,isStage:o})=>`${e?"":`https://${o?D:$}`}/api`,k=()=>{const e=A()&&window.location.hostname;return!!e&&(C.includes(e)||C.some(o=>e.endsWith(o)))};async function H({path:e,baseApiUrl:o,method:s="GET",headers:t={},params:i,body:a}){const m=`${o||I({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...t}};a&&(l.body=JSON.stringify(a));const p=i?new URLSearchParams(i).toString():"",n=p?`?${p}`:"",r=await fetch(`${m}${n}`,l);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var w=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(w||{});const S={[w.free]:0,[w.startup]:10,[w.business]:20,[w.enterprise]:30};function M(e){const o=e;return o.init=s=>t=>e(t,s),o}const N=e=>M(e);async function U({editor:e,plan:o,pluginName:s,licenseKey:t,cleanup:i}){let a="",f=!1;const m=k(),l=n=>{console.warn("Cleanup plugin:",s,"Reason:",n),i()},p=(n={})=>{var d;const{error:r,sdkLicense:c}=n,u=(d=n.plan)==null?void 0:d.category;if(!(c||n.license)||r)l(r||"Invalid license");else if(u){const b=S[o],g=S[u];b>g&&l({pluginRequiredPlan:o,licensePlan:u})}};e.on(O,n=>{a=n==null?void 0:n.baseApiUrl,f=!0}),e.on(x,n=>{p(n)}),setTimeout(async()=>{if(!f){if(m)return;if(t){const n=await W({licenseKey:t,pluginName:s,baseApiUrl:a});n&&p(n)}else l("The `licenseKey` option not provided")}},2e3)}async function W(e){const{licenseKey:o,pluginName:s,baseApiUrl:t}=e;try{return(await H({baseApiUrl:t,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const R="canvasFullSize",_=function(e,o={}){const{Canvas:s,Commands:t}=e,i={deviceMaxWidth:1200,deviceMinHeigth:500,deviceBorderRadius:5,canvasOffsetY:30,canvasOffsetX:50,canvasTransition:.3,...o},{canvasOffsetY:a,canvasOffsetX:f,canvasTransition:m,deviceMaxWidth:l,deviceMinHeigth:p,deviceBorderRadius:n}=i;s.getConfig().scrollableCanvas=!0,e.Devices.getAll().map(c=>{!c.get("width")&&c.set("width",`${l}px`),!c.get("height")&&c.set("height","auto"),!c.get("minHeight")&&c.set("minHeight",`${p}px`)});const r=()=>{const c="data-gs-plg-full-size",u=document.querySelector(`style[${c}]`),h=u||document.createElement("style"),d=s.getZoomMultiplier();h.setAttribute(c,"true"),h.innerHTML=`
+      .gjs-frame-wrapper { transition: none !important; }
+      .gjs-frame-wrapper__bottom { height: ${a*d}px }
+      .gjs-frame { border-radius: ${n}px }
+    `,!u&&document.body.appendChild(h)};e.onReady(()=>{const c=s.getSpotsEl(),u=s.getElement(),h=s.getFramesEl();u.style.overflowX="hidden",h.style.transition=`transform ${m}s`,r();const d=()=>c.style.display="none",b=()=>c.style.display="",g=L(()=>{const v={x:f,y:a};s.getCanvasView().clearOff(),s.fitViewport({zoom:y=>y>100?100:y,ignoreHeight:!0,gap:v}),r(),setTimeout(()=>{var y,T;e.em.destroyed||((T=(y=e.getSelected())==null?void 0:y.getEl())==null||T.scrollIntoView({block:"nearest"}),e.refresh({tools:!0}),b())},310)},100),E=new ResizeObserver(()=>{d(),g()});E.observe(u.parentElement),e.on(e.Devices.events.select,()=>{d(),g()}),e.on(s.events.zoom,(v={})=>{v.options&&v.options.from!=="fitViewport"&&s.fitViewport({zoom:s.getZoom(),ignoreHeight:!0,gap:{x:f,y:a}})}),e.on(`${t.events.stopCommand}core:preview`,()=>{u.style.overflowX="hidden",u.style.overflowY="auto"}),e.on(e.events.destroy,()=>{E.disconnect(),g.clear()}),g()}),U({editor:e,licenseKey:i.licenseKey,plan:w.startup,pluginName:R,cleanup:()=>{}})},z=N(_);module.exports=z;

package/dist/canvasFullSize/index.d.ts

@@ -0,0 +1,3 @@
+import { CanvasFullSizeOptionsOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<CanvasFullSizeOptionsOptions>;
+export default _default;

package/dist/canvasFullSize/index.es.d.ts

@@ -0,0 +1,3 @@
+import { CanvasFullSizeOptionsOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<CanvasFullSizeOptionsOptions>;
+export default _default;

package/dist/canvasFullSize/index.es.js

@@ -0,0 +1,180 @@
+import "grapesjs";
+function L(e, o, s) {
+  let t, i, a, f, m;
+  const l = o;
+  function p() {
+    const r = Date.now() - f;
+    r < l && r >= 0 ? t = setTimeout(p, l - r) : (t = null, m = e.apply(a, i), a = i = null);
+  }
+  const n = function() {
+    return a = this, i = arguments, f = Date.now(), t || (t = setTimeout(p, l)), m;
+  };
+  return n.clear = function() {
+    t && (clearTimeout(t), t = null);
+  }, n.flush = function() {
+    t && (m = e.apply(a, i), a = i = null, clearTimeout(t), t = null);
+  }, n;
+}
+const $ = "app.grapesjs.com", D = "app-stage.grapesjs.com", C = [
+  $,
+  D,
+  "localhost",
+  "127.0.0.1",
+  ".local-credentialless.webcontainer.io",
+  // For stackblitz.com demos
+  ".local.webcontainer.io",
+  // For stackblitz.com demos
+  "-sandpack.codesandbox.io"
+  // For Sandpack demos
+], O = "license:check:start", x = "license:check:end", A = () => typeof window < "u", I = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? D : $}`}/api`, k = () => {
+  const e = A() && window.location.hostname;
+  return !!e && (C.includes(e) || C.some((o) => e.endsWith(o)));
+};
+async function H({
+  path: e,
+  baseApiUrl: o,
+  method: s = "GET",
+  headers: t = {},
+  params: i,
+  body: a
+}) {
+  const m = `${o || I({ isDev: !1, isStage: !1 })}${e}`, l = {
+    method: s,
+    headers: {
+      "Content-Type": "application/json",
+      ...t
+    }
+  };
+  a && (l.body = JSON.stringify(a));
+  const p = i ? new URLSearchParams(i).toString() : "", n = p ? `?${p}` : "", r = await fetch(`${m}${n}`, l);
+  if (!r.ok)
+    throw new Error(`HTTP error! status: ${r.status}`);
+  return r.json();
+}
+var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {});
+const S = {
+  [w.free]: 0,
+  [w.startup]: 10,
+  [w.business]: 20,
+  [w.enterprise]: 30
+};
+function M(e) {
+  const o = e;
+  return o.init = (s) => (t) => e(t, s), o;
+}
+const N = (e) => /* @__PURE__ */ M(e);
+async function U({
+  editor: e,
+  plan: o,
+  pluginName: s,
+  licenseKey: t,
+  cleanup: i
+}) {
+  let a = "", f = !1;
+  const m = k(), l = (n) => {
+    console.warn("Cleanup plugin:", s, "Reason:", n), i();
+  }, p = (n = {}) => {
+    var d;
+    const { error: r, sdkLicense: c } = n, u = (d = n.plan) == null ? void 0 : d.category;
+    if (!(c || n.license) || r)
+      l(r || "Invalid license");
+    else if (u) {
+      const b = S[o], g = S[u];
+      b > g && l({ pluginRequiredPlan: o, licensePlan: u });
+    }
+  };
+  e.on(O, (n) => {
+    a = n == null ? void 0 : n.baseApiUrl, f = !0;
+  }), e.on(x, (n) => {
+    p(n);
+  }), setTimeout(async () => {
+    if (!f) {
+      if (m) return;
+      if (t) {
+        const n = await W({ licenseKey: t, pluginName: s, baseApiUrl: a });
+        n && p(n);
+      } else
+        l("The `licenseKey` option not provided");
+    }
+  }, 2e3);
+}
+async function W(e) {
+  const { licenseKey: o, pluginName: s, baseApiUrl: t } = e;
+  try {
+    return (await H({
+      baseApiUrl: t,
+      path: `/sdk/${o || "na"}`,
+      method: "POST",
+      params: {
+        d: window.location.hostname,
+        pn: s
+      }
+    })).result || {};
+  } catch (i) {
+    return console.error("Error during SDK license check:", i), !1;
+  }
+}
+const R = "canvasFullSize", _ = function(e, o = {}) {
+  const { Canvas: s, Commands: t } = e, i = {
+    deviceMaxWidth: 1200,
+    deviceMinHeigth: 500,
+    deviceBorderRadius: 5,
+    canvasOffsetY: 30,
+    canvasOffsetX: 50,
+    canvasTransition: 0.3,
+    ...o
+  }, { canvasOffsetY: a, canvasOffsetX: f, canvasTransition: m, deviceMaxWidth: l, deviceMinHeigth: p, deviceBorderRadius: n } = i;
+  s.getConfig().scrollableCanvas = !0, e.Devices.getAll().map((c) => {
+    !c.get("width") && c.set("width", `${l}px`), !c.get("height") && c.set("height", "auto"), !c.get("minHeight") && c.set("minHeight", `${p}px`);
+  });
+  const r = () => {
+    const c = "data-gs-plg-full-size", u = document.querySelector(`style[${c}]`), h = u || document.createElement("style"), d = s.getZoomMultiplier();
+    h.setAttribute(c, "true"), h.innerHTML = `
+      .gjs-frame-wrapper { transition: none !important; }
+      .gjs-frame-wrapper__bottom { height: ${a * d}px }
+      .gjs-frame { border-radius: ${n}px }
+    `, !u && document.body.appendChild(h);
+  };
+  e.onReady(() => {
+    const c = s.getSpotsEl(), u = s.getElement(), h = s.getFramesEl();
+    u.style.overflowX = "hidden", h.style.transition = `transform ${m}s`, r();
+    const d = () => c.style.display = "none", b = () => c.style.display = "", g = L(() => {
+      const v = { x: f, y: a };
+      s.getCanvasView().clearOff(), s.fitViewport({
+        // @ts-expect-error not yet available
+        zoom: (y) => y > 100 ? 100 : y,
+        ignoreHeight: !0,
+        gap: v
+      }), r(), setTimeout(() => {
+        var y, T;
+        e.em.destroyed || ((T = (y = e.getSelected()) == null ? void 0 : y.getEl()) == null || T.scrollIntoView({ block: "nearest" }), e.refresh({ tools: !0 }), b());
+      }, 310);
+    }, 100), E = new ResizeObserver(() => {
+      d(), g();
+    });
+    E.observe(u.parentElement), e.on(e.Devices.events.select, () => {
+      d(), g();
+    }), e.on(s.events.zoom, (v = {}) => {
+      v.options && v.options.from !== "fitViewport" && s.fitViewport({
+        // @ts-expect-error not yet available
+        zoom: s.getZoom(),
+        ignoreHeight: !0,
+        gap: { x: f, y: a }
+      });
+    }), e.on(`${t.events.stopCommand}core:preview`, () => {
+      u.style.overflowX = "hidden", u.style.overflowY = "auto";
+    }), e.on(e.events.destroy, () => {
+      E.disconnect(), g.clear();
+    }), g();
+  }), U({
+    editor: e,
+    licenseKey: i.licenseKey,
+    plan: w.startup,
+    pluginName: R,
+    cleanup: () => {
+    }
+  });
+}, j = N(_);
+export {
+  j as default
+};

package/dist/canvasFullSize/index.umd.js

@@ -0,0 +1,5 @@
+(function(v,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("grapesjs")):typeof define=="function"&&define.amd?define(["grapesjs"],h):(v=typeof globalThis<"u"?globalThis:v||self,v.StudioSdkPlugins_canvasFullSize=h())})(this,function(){"use strict";function v(e,o,s){let t,i,a,f,d;const l=o;function p(){const r=Date.now()-f;r<l&&r>=0?t=setTimeout(p,l-r):(t=null,d=e.apply(a,i),a=i=null)}const n=function(){return a=this,i=arguments,f=Date.now(),t||(t=setTimeout(p,l)),d};return n.clear=function(){t&&(clearTimeout(t),t=null)},n.flush=function(){t&&(d=e.apply(a,i),a=i=null,clearTimeout(t),t=null)},n}const h="app.grapesjs.com",S="app-stage.grapesjs.com",C=[h,S,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],L="license:check:start",O="license:check:end",k=()=>typeof window<"u",A=({isDev:e,isStage:o})=>`${e?"":`https://${o?S:h}`}/api`,I=()=>{const e=k()&&window.location.hostname;return!!e&&(C.includes(e)||C.some(o=>e.endsWith(o)))};async function j({path:e,baseApiUrl:o,method:s="GET",headers:t={},params:i,body:a}){const d=`${o||A({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...t}};a&&(l.body=JSON.stringify(a));const p=i?new URLSearchParams(i).toString():"",n=p?`?${p}`:"",r=await fetch(`${d}${n}`,l);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var g=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(g||{});const $={[g.free]:0,[g.startup]:10,[g.business]:20,[g.enterprise]:30};function H(e){const o=e;return o.init=s=>t=>e(t,s),o}const M=e=>H(e);async function N({editor:e,plan:o,pluginName:s,licenseKey:t,cleanup:i}){let a="",f=!1;const d=I(),l=n=>{console.warn("Cleanup plugin:",s,"Reason:",n),i()},p=(n={})=>{var m;const{error:r,sdkLicense:c}=n,u=(m=n.plan)==null?void 0:m.category;if(!(c||n.license)||r)l(r||"Invalid license");else if(u){const T=$[o],w=$[u];T>w&&l({pluginRequiredPlan:o,licensePlan:u})}};e.on(L,n=>{a=n==null?void 0:n.baseApiUrl,f=!0}),e.on(O,n=>{p(n)}),setTimeout(async()=>{if(!f){if(d)return;if(t){const n=await U({licenseKey:t,pluginName:s,baseApiUrl:a});n&&p(n)}else l("The `licenseKey` option not provided")}},2e3)}async function U(e){const{licenseKey:o,pluginName:s,baseApiUrl:t}=e;try{return(await j({baseApiUrl:t,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const W="canvasFullSize";return M(function(e,o={}){const{Canvas:s,Commands:t}=e,i={deviceMaxWidth:1200,deviceMinHeigth:500,deviceBorderRadius:5,canvasOffsetY:30,canvasOffsetX:50,canvasTransition:.3,...o},{canvasOffsetY:a,canvasOffsetX:f,canvasTransition:d,deviceMaxWidth:l,deviceMinHeigth:p,deviceBorderRadius:n}=i;s.getConfig().scrollableCanvas=!0,e.Devices.getAll().map(c=>{!c.get("width")&&c.set("width",`${l}px`),!c.get("height")&&c.set("height","auto"),!c.get("minHeight")&&c.set("minHeight",`${p}px`)});const r=()=>{const c="data-gs-plg-full-size",u=document.querySelector(`style[${c}]`),y=u||document.createElement("style"),m=s.getZoomMultiplier();y.setAttribute(c,"true"),y.innerHTML=`
+      .gjs-frame-wrapper { transition: none !important; }
+      .gjs-frame-wrapper__bottom { height: ${a*m}px }
+      .gjs-frame { border-radius: ${n}px }
+    `,!u&&document.body.appendChild(y)};e.onReady(()=>{const c=s.getSpotsEl(),u=s.getElement(),y=s.getFramesEl();u.style.overflowX="hidden",y.style.transition=`transform ${d}s`,r();const m=()=>c.style.display="none",T=()=>c.style.display="",w=v(()=>{const E={x:f,y:a};s.getCanvasView().clearOff(),s.fitViewport({zoom:b=>b>100?100:b,ignoreHeight:!0,gap:E}),r(),setTimeout(()=>{var b,D;e.em.destroyed||((D=(b=e.getSelected())==null?void 0:b.getEl())==null||D.scrollIntoView({block:"nearest"}),e.refresh({tools:!0}),T())},310)},100),x=new ResizeObserver(()=>{m(),w()});x.observe(u.parentElement),e.on(e.Devices.events.select,()=>{m(),w()}),e.on(s.events.zoom,(E={})=>{E.options&&E.options.from!=="fitViewport"&&s.fitViewport({zoom:s.getZoom(),ignoreHeight:!0,gap:{x:f,y:a}})}),e.on(`${t.events.stopCommand}core:preview`,()=>{u.style.overflowX="hidden",u.style.overflowY="auto"}),e.on(e.events.destroy,()=>{x.disconnect(),w.clear()}),w()}),N({editor:e,licenseKey:i.licenseKey,plan:g.startup,pluginName:W,cleanup:()=>{}})})});

package/dist/canvasFullSize/types.d.ts

@@ -0,0 +1,3 @@
+import { CanvasFullSizeOptions as CanvasFullSizeOptionsSchema } from './typesSchema';
+export interface CanvasFullSizeOptionsOptions extends CanvasFullSizeOptionsSchema {
+}

package/dist/canvasFullSize/typesSchema.d.ts

@@ -0,0 +1,27 @@
+import { SDKPluginOptions } from '../utils';
+export interface CanvasFullSizeOptions extends SDKPluginOptions {
+    /**
+     * @default 30
+     */
+    canvasOffsetY?: number;
+    /**
+     * @default 50
+     */
+    canvasOffsetX?: number;
+    /**
+     * @default 0.3
+     */
+    canvasTransition?: number;
+    /**
+     * @default 1200
+     */
+    deviceMaxWidth?: number;
+    /**
+     * @default 1200
+     */
+    deviceMinHeigth?: number;
+    /**
+     * @default 5
+     */
+    deviceBorderRadius?: number;
+}

package/dist/googleFontsAssetProvider/assetProviders/googleFonts.d.ts

@@ -0,0 +1,3 @@
+import { AssetProvider } from '../../types';
+import { GoogleFontsAssetProviderOptions } from '../types';
+export declare const createGoogleFontsProvider: (config: GoogleFontsAssetProviderOptions) => AssetProvider;

package/dist/googleFontsAssetProvider/index.cjs.d.ts

@@ -0,0 +1,3 @@
+import { GoogleFontsAssetProviderOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<GoogleFontsAssetProviderOptions>;
+export default _default;

package/dist/googleFontsAssetProvider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("grapesjs");var d=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(d||{}),f=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",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.projectFiles="studio:projectFiles",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.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e))(f||{});const v="app.grapesjs.com",w="app-stage.grapesjs.com",y=[v,w,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],R="license:check:start",k="license:check:end",$=()=>typeof window<"u",x=({isDev:e,isStage:t})=>`${e?"":`https://${t?w:v}`}/api`,D=()=>{const e=$()&&window.location.hostname;return!!e&&(y.includes(e)||y.some(t=>e.endsWith(t)))};async function M({path:e,baseApiUrl:t,method:s="GET",headers:o={},params:n,body:a}){const p=`${t||x({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...o}};a&&(c.body=JSON.stringify(a));const l=n?new URLSearchParams(n).toString():"",i=l?`?${l}`:"",g=await fetch(`${p}${i}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const P={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function O(e){const t=e;return t.init=s=>o=>e(o,s),t}const U=e=>O(e);async function B({editor:e,plan:t,pluginName:s,licenseKey:o,cleanup:n}){let a="",r=!1;const p=D(),c=i=>{console.warn("Cleanup plugin:",s,"Reason:",i),n()},l=(i={})=>{var b;const{error:g,sdkLicense:L}=i,h=(b=i.plan)==null?void 0:b.category;if(!(L||i.license)||g)c(g||"Invalid license");else if(h){const A=P[t],F=P[h];A>F&&c({pluginRequiredPlan:t,licensePlan:h})}};e.on(R,i=>{a=i==null?void 0:i.baseApiUrl,r=!0}),e.on(k,i=>{l(i)}),setTimeout(async()=>{if(!r){if(p)return;if(o){const i=await E({licenseKey:o,pluginName:s,baseApiUrl:a});i&&l(i)}else c("The `licenseKey` option not provided")}},2e3)}async function E(e){const{licenseKey:t,pluginName:s,baseApiUrl:o}=e;try{return(await M({baseApiUrl:o,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}let u;const G=e=>{const t=[];for(const s of Object.keys(e)){let o=e[s];o&&(Array.isArray(o)?t.push(...o.map(n=>[s,n.toString()])):(o=o.toString(),t.push([s,o])))}return new URLSearchParams(t)},I=e=>({id:`${e.family}/${e.version}`,src:e.menu,name:e.family,customData:{font:e,needsLoading:!0}}),T=e=>`assetManagerMenu-${e.family}`,W=e=>{if(e.customData.needsLoading){e.customData.needsLoading=!1;const t=e.customData.font,s=new FontFace(T(t),`url(${t.menu})`);document.fonts.add(s),s.load().catch(()=>{})}},N=e=>{const{apiKey:t,searchParams:s}=e,o=(n={})=>{const a="https://www.googleapis.com/webfonts/v1/webfonts",r=G(n);return`${a}?${r}`};return{id:"google-fonts",types:["font"],label:({editor:n})=>n.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var l;if(u)return u;const n={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},a=s==null?void 0:s(),r={...n,...a},c=await(await fetch(o(r))).json();return(l=c.items)!=null&&l.length?(u=c.items.map(I),u):[]},itemLayout:n=>{const a=u.find(r=>r.id===n.assetProps.id);return W(a),{type:"column",onClick:()=>n.onSelect(a),htmlAttrs:{title:a.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:T(a.customData.font),fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},j={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},K="googleFontsAssetProvider",_=function(e,t){const{i18n:s={}}=t,o=N(t);e.runCommand(f.assetProviderAdd,{provider:o}),e.I18n.addMessages({en:j,...s}),B({editor:e,licenseKey:t.licenseKey,plan:d.startup,pluginName:K,cleanup:()=>{e.runCommand(f.assetProviderRemove,{id:o.id})}})},q=U(_);module.exports=q;

package/dist/googleFontsAssetProvider/index.d.ts

@@ -0,0 +1,3 @@
+import { GoogleFontsAssetProviderOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<GoogleFontsAssetProviderOptions>;
+export default _default;

package/dist/googleFontsAssetProvider/index.es.d.ts

@@ -0,0 +1,3 @@
+import { GoogleFontsAssetProviderOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<GoogleFontsAssetProviderOptions>;
+export default _default;