@grapesjs/studio-sdk-plugins 1.0.2 → 1.0.3

package/dist/index.es.js

@@ -1,101 +1,350 @@
 import "react";
-const r = "app.grapesjs.com", u = "app-stage.grapesjs.com", l = [
-  r,
-  u,
+const b = "app.grapesjs.com", w = "app-stage.grapesjs.com", E = [
+  b,
+  w,
   "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
-], m = "license:check:start", f = "license:check:end", d = () => typeof window < "u", g = ({ isDev: n, isStage: o }) => `${n ? "" : `https://${o ? u : r}`}/api`, E = () => {
-  const n = d() && window.location.hostname;
-  return !!n && (l.includes(n) || l.some((o) => n.endsWith(o)));
-}, N = () => (d() && window.location.hostname) === r;
-var w = { NODE_ENV: "production", NPM_PACKAGE_VERSION: "1.0.2", STUDIO_NPM_PACKAGE_VERSION: "1.0.19-rc.1" };
-const _ = w.NODE_ENV !== "production";
-async function P({
+], S = "license:check:start", _ = "license:check:end", P = () => typeof window < "u", k = ({ isDev: n, isStage: t }) => `${n ? "" : `https://${t ? w : b}`}/api`, x = () => {
+  const n = P() && window.location.hostname;
+  return !!n && (E.includes(n) || E.some((t) => n.endsWith(t)));
+}, N = () => (P() && window.location.hostname) === b;
+var j = { NODE_ENV: "production", NPM_PACKAGE_VERSION: "1.0.3", STUDIO_NPM_PACKAGE_VERSION: "1.0.20-rc.0" };
+const D = j.NODE_ENV !== "production";
+async function $({
   path: n,
-  method: o = "GET",
-  headers: t = {},
-  body: e
+  method: t = "GET",
+  headers: l = {},
+  body: o
 }) {
-  const c = `${g({ isDev: _, isStage: !N() })}${n}`, i = {
-    method: o,
+  const s = `${k({ isDev: D, isStage: !N() })}${n}`, a = {
+    method: t,
     headers: {
       "Content-Type": "application/json",
-      ...t
+      ...l
     }
   };
-  e && (i.body = JSON.stringify(e));
-  const a = await fetch(c, i);
-  if (!a.ok)
-    throw new Error(`HTTP error! status: ${a.status}`);
-  return a.json();
+  o && (a.body = JSON.stringify(o));
+  const i = await fetch(s, a);
+  if (!i.ok)
+    throw new Error(`HTTP error! status: ${i.status}`);
+  return i.json();
 }
-function y(n) {
-  const o = n;
-  return o.init = (t) => (e) => n(e, t), o;
+function A(n) {
+  const t = n;
+  return t.init = (l) => (o) => n(o, l), t;
 }
-const p = (n) => /* @__PURE__ */ y(n);
-async function h({
+const I = (n) => /* @__PURE__ */ A(n);
+async function X({
   editor: n,
-  pluginName: o,
-  licenseKey: t,
-  cleanup: e
+  pluginName: t,
+  licenseKey: l,
+  cleanup: o
 }) {
-  let s = !1;
-  const c = E();
-  n.on(m, () => {
-    s = !0;
-  }), n.on(f, ({ sdkLicense: i }) => {
-    i || e();
+  let g = !1;
+  const s = x();
+  n.on(S, () => {
+    g = !0;
+  }), n.on(_, ({ sdkLicense: a }) => {
+    a || o();
   }), setTimeout(async () => {
-    if (!s) {
-      if (c) return;
-      t && await S({ licenseKey: t, pluginName: o }) || e();
+    if (!g) {
+      if (s) return;
+      l && await q({ licenseKey: l, pluginName: t }) || o();
     }
   }, 2e3);
 }
-async function S({ licenseKey: n, pluginName: o }) {
+async function q({ licenseKey: n, pluginName: t }) {
   try {
-    const t = await P({
+    const l = await $({
       path: `/sdk/${n}`,
       method: "POST",
       body: JSON.stringify({
         d: window.location.hostname,
-        pn: o
+        pn: t
       })
-    }), { license: e } = t.result || {};
-    return !!e;
-  } catch (t) {
-    return console.error("Error during SDK license check:", t), !1;
+    }), { license: o } = l.result || {};
+    return !!o;
+  } catch (l) {
+    return console.error("Error during SDK license check:", l), !1;
   }
 }
-const k = "initPluginOne", I = function(n, o = {}) {
-  const { Blocks: t } = n, { licenseKey: e } = o, s = "test-plugin-one";
-  t.add(s, {
-    label: s,
-    content: { type: s, components: `initPluginOne, licenseKey: ${e}` }
-  }), h({
-    editor: n,
-    licenseKey: e,
-    pluginName: k,
-    cleanup: () => t.remove(s)
-  });
-}, D = p(I), O = "initPluginTwo", T = function(n, o = {}) {
-  const { Blocks: t } = n, { licenseKey: e } = o, s = "test-plugin-two";
-  t.add(s, {
-    label: s,
-    content: { type: s, components: `initPluginTwo, licenseKey: ${e}` }
-  }), h({
+const W = (...n) => n.map((t) => `[data-gjs-type="${t}"]`).join(","), M = "dialogComponent", U = function(n, t = {}) {
+  const { Blocks: l, Components: o } = n, { licenseKey: g } = t, s = "gjs-plg-dialog", a = "gjs-plg-dialog-overlay", i = "gjs-plg-dialog-content", h = "gjs-plg-dialog-close", u = "gjs-plg-dialog-title", y = "gjs-plg-dialog-body", m = "gjs-plg-dialog-description", f = "gjs-plg-dialog-placeholder";
+  l.add(s, {
+    label: "Dialog",
+    media: `
+    <svg viewBox="0 0 24 24">
+      <path d="M4 4h16v10H8l-4 4V4z"></path>
+    </svg>
+  `,
+    category: "Extra",
+    content: { type: s },
+    activate: !0,
+    ...t.block
+  }), o.addType(s, {
+    model: {
+      defaults: {
+        tagName: "div",
+        attributes: { class: s, "data-type-role": s },
+        components: [{ type: a }, { type: f }],
+        draggable: W("wrapper"),
+        droppable: W(s),
+        styles: `
+          .${s} {
+            position: relative;
+            z-index: 1;
+          }
+        `,
+        traits: [
+          {
+            type: "button",
+            label: "Open dialog",
+            name: "onActive",
+            changeProp: !0,
+            command(r) {
+              var e;
+              (e = r.getSelected()) == null || e.trigger("active");
+            }
+          },
+          {
+            type: "checkbox",
+            label: "Close when pressing X",
+            name: "closeWhenPressingX",
+            default: !0,
+            changeProp: !0
+          },
+          {
+            type: "checkbox",
+            label: "Close when pressing ESC",
+            name: "closeWhenPressingEsc",
+            default: !0,
+            changeProp: !0
+          },
+          {
+            type: "checkbox",
+            label: "Open when leaving the window",
+            name: "openWhenLeavingWindow",
+            default: !1,
+            changeProp: !0
+          },
+          {
+            type: "number",
+            label: "Open when scrolling to level",
+            name: "openWhenScrollingToLevel",
+            default: 0,
+            changeProp: !0
+          }
+        ],
+        "script-props": [
+          "closeWhenPressingX",
+          "closeWhenPressingEsc",
+          "openWhenLeavingWindow",
+          "openWhenScrollingToLevel"
+        ],
+        script: function(r) {
+          const e = this;
+          function C(c) {
+            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'), d = e.querySelector('[data-type-role="gjs-plg-dialog-close"]');
+            function v() {
+              p.style.display = "none";
+            }
+            c ? (e._onCloseWhenPressingX = v, d.addEventListener("click", e._onCloseWhenPressingX)) : (d.removeEventListener("click", e._onCloseWhenPressingX), e._onCloseWhenPressingX = null);
+          }
+          function O(c) {
+            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function d(v) {
+              v.key === "Escape" && (p.style.display = "none");
+            }
+            c ? (e._onCloseWhenPressingEsc = d, e.addEventListener("keydown", e._onCloseWhenPressingEsc)) : (e.removeEventListener("keydown", e._onCloseWhenPressingEsc), e._onCloseWhenPressingEsc = null);
+          }
+          function T(c) {
+            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function d() {
+              p.style.display = "flex";
+            }
+            c ? (e._onOpenWhenLeavingWindow = d, document.addEventListener("mouseleave", e._onOpenWhenLeavingWindow)) : (document.removeEventListener("mouseleave", e._onOpenWhenLeavingWindow), e._onOpenWhenLeavingWindow = null);
+          }
+          function L(c) {
+            const p = e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+            function d() {
+              const v = document.documentElement.scrollTop;
+              c && v >= Number(c) && (p.style.display = "flex");
+            }
+            c ? (e._onOpenWhenScrollingToLevel = d, document.addEventListener("scroll", e._onOpenWhenScrollingToLevel)) : (document.removeEventListener("scroll", e._onOpenWhenScrollingToLevel), e._onOpenWhenScrollingToLevel = null);
+          }
+          C(r.closeWhenPressingX), O(r.closeWhenPressingEsc), T(r.openWhenLeavingWindow), L(r.openWhenScrollingToLevel);
+        }
+      },
+      init() {
+        this.on("active", this.handleOpenWhenClickPlaceholder);
+      },
+      handleOpenWhenClickPlaceholder() {
+        this.view.el.querySelector(
+          '[data-type-role="gjs-plg-dialog-placeholder"]'
+        ).addEventListener("click", () => {
+          const e = this.view.el.querySelector(
+            '[data-type-role="gjs-plg-dialog-overlay"]'
+          );
+          e.style.display = "flex";
+        });
+      }
+    },
+    view: {
+      onActive() {
+        const r = this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');
+        r.style.display = "flex";
+      }
+    }
+  }), o.addType(a, {
+    model: {
+      defaults: {
+        tagName: "div",
+        attributes: { class: a, "data-type-role": a },
+        components: { type: i },
+        droppable: !1,
+        draggable: !1,
+        styles: `
+          .${a} {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            background-color: rgba(0, 0, 0, 0.5);
+          }
+        `
+      }
+    }
+  }), o.addType(i, {
+    model: {
+      defaults: {
+        tagName: "div",
+        attributes: { class: i, "data-type-role": i },
+        components: [{ type: h }, { type: u }, { type: y }],
+        droppable: !1,
+        draggable: !1,
+        styles: `
+          .${i} {
+            position: relative;
+            background-color: #fff;
+            border-radius: 10px;
+            border: 1px solid #eee;
+            padding: 20px;
+            width: 800px;
+            height: 600px;
+            box-sizing: border-box;
+          }
+        `
+      }
+    }
+  }), o.addType(h, {
+    model: {
+      defaults: {
+        tagName: "button",
+        attributes: { class: h, "data-type-role": h },
+        components: "&times;",
+        droppable: !1,
+        draggable: !1,
+        styles: `
+          .${h} {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            width: 30px;
+            height: 30px;
+            background: none;
+            border: none;
+            font-size: 20px;
+            cursor: pointer;
+          }
+        `
+      }
+    }
+  }), o.addType(u, {
+    model: {
+      defaults: {
+        tagName: "h2",
+        attributes: { class: u, "data-type-role": u },
+        components: "Dialog Title",
+        editable: !0,
+        droppable: !1,
+        draggable: !1,
+        styles: `
+          .${u} {
+            margin: 0;
+            padding: 0 40px 20px 0;
+          }
+        `
+      }
+    }
+  }), o.addType(y, {
+    model: {
+      defaults: {
+        tagName: "div",
+        attributes: { class: y, "data-type-role": y },
+        components: [{ type: m }],
+        styles: `
+          .${y} {
+            height: 90%;
+            overflow: auto;
+          }
+        `
+      }
+    }
+  }), o.addType(m, {
+    model: {
+      defaults: {
+        tagName: "p",
+        attributes: { class: m, "data-type-role": m },
+        components: "This is a customizable dialog!",
+        editable: !0,
+        styles: `
+          .${m} {
+            margin: 0;
+          }
+        `
+      }
+    }
+  }), o.addType(f, {
+    model: {
+      toHTML() {
+        return "";
+      },
+      defaults: {
+        tagName: "button",
+        attributes: { class: f, "data-type-role": f },
+        components: "Dialog (click me to open)",
+        droppable: !1,
+        draggable: !1
+      }
+    },
+    view: {
+      init() {
+        this.listenTo(this.em, "run:core:preview", () => {
+          this.el.style.display = "none";
+        }), this.listenTo(this.em, "stop:core:preview", () => {
+          this.el.style.display = "";
+        });
+      }
+    }
+  }), X({
     editor: n,
-    licenseKey: e,
-    pluginName: O,
-    cleanup: () => t.remove(s)
+    licenseKey: g,
+    pluginName: M,
+    cleanup: () => {
+      l.remove(s), o.removeType(s);
+    }
   });
-}, b = p(T);
+}, z = I(U);
 export {
-  D as initPluginOne,
-  b as initPluginTwo
+  z as dialogComponent
 };

package/dist/index.umd.js

@@ -1 +1,59 @@
-(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.StudioSdkPlugins={}))})(this,function(s){"use strict";const c="app.grapesjs.com",u="app-stage.grapesjs.com",d=[c,u,"localhost","127.0.0.1",".local-credentialless.webcontainer.io","-sandpack.codesandbox.io"],m="license:check:start",g="license:check:end",p=()=>typeof window<"u",E=({isDev:n,isStage:o})=>`${n?"":`https://${o?u:c}`}/api`,N=()=>{const n=p()&&window.location.hostname;return!!n&&(d.includes(n)||d.some(o=>n.endsWith(o)))},w=()=>(p()&&window.location.hostname)===c;var y={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.2",STUDIO_NPM_PACKAGE_VERSION:"1.0.19-rc.1"};const S=y.NODE_ENV!=="production";async function P({path:n,method:o="GET",headers:e={},body:t}){const r=`${E({isDev:S,isStage:!w()})}${n}`,a={method:o,headers:{"Content-Type":"application/json",...e}};t&&(a.body=JSON.stringify(t));const l=await fetch(r,a);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}function _(n){const o=n;return o.init=e=>t=>n(t,e),o}const f=n=>_(n);async function h({editor:n,pluginName:o,licenseKey:e,cleanup:t}){let i=!1;const r=N();n.on(m,()=>{i=!0}),n.on(g,({sdkLicense:a})=>{a||t()}),setTimeout(async()=>{if(!i){if(r)return;e&&await T({licenseKey:e,pluginName:o})||t()}},2e3)}async function T({licenseKey:n,pluginName:o}){try{const e=await P({path:`/sdk/${n}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:o})}),{license:t}=e.result||{};return!!t}catch(e){return console.error("Error during SDK license check:",e),!1}}const k="initPluginOne",O=f(function(n,o={}){const{Blocks:e}=n,{licenseKey:t}=o,i="test-plugin-one";e.add(i,{label:i,content:{type:i,components:`initPluginOne, licenseKey: ${t}`}}),h({editor:n,licenseKey:t,pluginName:k,cleanup:()=>e.remove(i)})}),b="initPluginTwo",I=f(function(n,o={}){const{Blocks:e}=n,{licenseKey:t}=o,i="test-plugin-two";e.add(i,{label:i,content:{type:i,components:`initPluginTwo, licenseKey: ${t}`}}),h({editor:n,licenseKey:t,pluginName:b,cleanup:()=>e.remove(i)})});s.initPluginOne=O,s.initPluginTwo=I,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(u,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],p):(u=typeof globalThis<"u"?globalThis:u||self,p(u.StudioSdkPlugins={}))})(this,function(u){"use strict";const p="app.grapesjs.com",W="app-stage.grapesjs.com",w=[p,W,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],S="license:check:start",C="license:check:end",P=()=>typeof window<"u",O=({isDev:n,isStage:t})=>`${n?"":`https://${t?W:p}`}/api`,L=()=>{const n=P()&&window.location.hostname;return!!n&&(w.includes(n)||w.some(t=>n.endsWith(t)))},_=()=>(P()&&window.location.hostname)===p;var k={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.3",STUDIO_NPM_PACKAGE_VERSION:"1.0.20-rc.0"};const x=k.NODE_ENV!=="production";async function N({path:n,method:t="GET",headers:l={},body:o}){const s=`${O({isDev:x,isStage:!_()})}${n}`,i={method:t,headers:{"Content-Type":"application/json",...l}};o&&(i.body=JSON.stringify(o));const a=await fetch(s,i);if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);return a.json()}function j(n){const t=n;return t.init=l=>o=>n(o,l),t}const D=n=>j(n);async function $({editor:n,pluginName:t,licenseKey:l,cleanup:o}){let h=!1;const s=L();n.on(S,()=>{h=!0}),n.on(C,({sdkLicense:i})=>{i||o()}),setTimeout(async()=>{if(!h){if(s)return;l&&await A({licenseKey:l,pluginName:t})||o()}},2e3)}async function A({licenseKey:n,pluginName:t}){try{const l=await N({path:`/sdk/${n}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:t})}),{license:o}=l.result||{};return!!o}catch(l){return console.error("Error during SDK license check:",l),!1}}const T=(...n)=>n.map(t=>`[data-gjs-type="${t}"]`).join(","),I="dialogComponent",X=D(function(n,t={}){const{Blocks:l,Components:o}=n,{licenseKey:h}=t,s="gjs-plg-dialog",i="gjs-plg-dialog-overlay",a="gjs-plg-dialog-content",y="gjs-plg-dialog-close",f="gjs-plg-dialog-title",m="gjs-plg-dialog-body",v="gjs-plg-dialog-description",E="gjs-plg-dialog-placeholder";l.add(s,{label:"Dialog",media:`
+    <svg viewBox="0 0 24 24">
+      <path d="M4 4h16v10H8l-4 4V4z"></path>
+    </svg>
+  `,category:"Extra",content:{type:s},activate:!0,...t.block}),o.addType(s,{model:{defaults:{tagName:"div",attributes:{class:s,"data-type-role":s},components:[{type:i},{type:E}],draggable:T("wrapper"),droppable:T(s),styles:`
+          .${s} {
+            position: relative;
+            z-index: 1;
+          }
+        `,traits:[{type:"button",label:"Open dialog",name:"onActive",changeProp:!0,command(r){var e;(e=r.getSelected())==null||e.trigger("active")}},{type:"checkbox",label:"Close when pressing X",name:"closeWhenPressingX",default:!0,changeProp:!0},{type:"checkbox",label:"Close when pressing ESC",name:"closeWhenPressingEsc",default:!0,changeProp:!0},{type:"checkbox",label:"Open when leaving the window",name:"openWhenLeavingWindow",default:!1,changeProp:!0},{type:"number",label:"Open when scrolling to level",name:"openWhenScrollingToLevel",default:0,changeProp:!0}],"script-props":["closeWhenPressingX","closeWhenPressingEsc","openWhenLeavingWindow","openWhenScrollingToLevel"],script:function(r){const e=this;function q(d){const g=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]'),c=e.querySelector('[data-type-role="gjs-plg-dialog-close"]');function b(){g.style.display="none"}d?(e._onCloseWhenPressingX=b,c.addEventListener("click",e._onCloseWhenPressingX)):(c.removeEventListener("click",e._onCloseWhenPressingX),e._onCloseWhenPressingX=null)}function M(d){const g=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function c(b){b.key==="Escape"&&(g.style.display="none")}d?(e._onCloseWhenPressingEsc=c,e.addEventListener("keydown",e._onCloseWhenPressingEsc)):(e.removeEventListener("keydown",e._onCloseWhenPressingEsc),e._onCloseWhenPressingEsc=null)}function U(d){const g=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function c(){g.style.display="flex"}d?(e._onOpenWhenLeavingWindow=c,document.addEventListener("mouseleave",e._onOpenWhenLeavingWindow)):(document.removeEventListener("mouseleave",e._onOpenWhenLeavingWindow),e._onOpenWhenLeavingWindow=null)}function V(d){const g=e.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');function c(){const b=document.documentElement.scrollTop;d&&b>=Number(d)&&(g.style.display="flex")}d?(e._onOpenWhenScrollingToLevel=c,document.addEventListener("scroll",e._onOpenWhenScrollingToLevel)):(document.removeEventListener("scroll",e._onOpenWhenScrollingToLevel),e._onOpenWhenScrollingToLevel=null)}q(r.closeWhenPressingX),M(r.closeWhenPressingEsc),U(r.openWhenLeavingWindow),V(r.openWhenScrollingToLevel)}},init(){this.on("active",this.handleOpenWhenClickPlaceholder)},handleOpenWhenClickPlaceholder(){this.view.el.querySelector('[data-type-role="gjs-plg-dialog-placeholder"]').addEventListener("click",()=>{const e=this.view.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');e.style.display="flex"})}},view:{onActive(){const r=this.el.querySelector('[data-type-role="gjs-plg-dialog-overlay"]');r.style.display="flex"}}}),o.addType(i,{model:{defaults:{tagName:"div",attributes:{class:i,"data-type-role":i},components:{type:a},droppable:!1,draggable:!1,styles:`
+          .${i} {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            background-color: rgba(0, 0, 0, 0.5);
+          }
+        `}}}),o.addType(a,{model:{defaults:{tagName:"div",attributes:{class:a,"data-type-role":a},components:[{type:y},{type:f},{type:m}],droppable:!1,draggable:!1,styles:`
+          .${a} {
+            position: relative;
+            background-color: #fff;
+            border-radius: 10px;
+            border: 1px solid #eee;
+            padding: 20px;
+            width: 800px;
+            height: 600px;
+            box-sizing: border-box;
+          }
+        `}}}),o.addType(y,{model:{defaults:{tagName:"button",attributes:{class:y,"data-type-role":y},components:"&times;",droppable:!1,draggable:!1,styles:`
+          .${y} {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            width: 30px;
+            height: 30px;
+            background: none;
+            border: none;
+            font-size: 20px;
+            cursor: pointer;
+          }
+        `}}}),o.addType(f,{model:{defaults:{tagName:"h2",attributes:{class:f,"data-type-role":f},components:"Dialog Title",editable:!0,droppable:!1,draggable:!1,styles:`
+          .${f} {
+            margin: 0;
+            padding: 0 40px 20px 0;
+          }
+        `}}}),o.addType(m,{model:{defaults:{tagName:"div",attributes:{class:m,"data-type-role":m},components:[{type:v}],styles:`
+          .${m} {
+            height: 90%;
+            overflow: auto;
+          }
+        `}}}),o.addType(v,{model:{defaults:{tagName:"p",attributes:{class:v,"data-type-role":v},components:"This is a customizable dialog!",editable:!0,styles:`
+          .${v} {
+            margin: 0;
+          }
+        `}}}),o.addType(E,{model:{toHTML(){return""},defaults:{tagName:"button",attributes:{class:E,"data-type-role":E},components:"Dialog (click me to open)",droppable:!1,draggable:!1}},view:{init(){this.listenTo(this.em,"run:core:preview",()=>{this.el.style.display="none"}),this.listenTo(this.em,"stop:core:preview",()=>{this.el.style.display=""})}}}),$({editor:n,licenseKey:h,pluginName:I,cleanup:()=>{l.remove(s),o.removeType(s)}})});u.dialogComponent=X,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grapesjs/studio-sdk-plugins",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },

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

@@ -1,2 +0,0 @@
-declare const _default: import('../utils').PluginWithInit<import('../utils').PluginOptions>;
-export default _default;

package/dist/initPluginOne/index.cjs.js

@@ -1 +0,0 @@
-"use strict";require("react");const a="app.grapesjs.com",d="app-stage.grapesjs.com",l=[a,d,"localhost","127.0.0.1",".local-credentialless.webcontainer.io","-sandpack.codesandbox.io"],p="license:check:start",h="license:check:end",u=()=>typeof window<"u",f=({isDev:n,isStage:t})=>`${n?"":`https://${t?d:a}`}/api`,m=()=>{const n=u()&&window.location.hostname;return!!n&&(l.includes(n)||l.some(t=>n.endsWith(t)))},E=()=>(u()&&window.location.hostname)===a;var N={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.2",STUDIO_NPM_PACKAGE_VERSION:"1.0.19-rc.1"};const _=N.NODE_ENV!=="production";async function w({path:n,method:t="GET",headers:e={},body:s}){const c=`${f({isDev:_,isStage:!E()})}${n}`,i={method:t,headers:{"Content-Type":"application/json",...e}};s&&(i.body=JSON.stringify(s));const r=await fetch(c,i);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}function g(n){const t=n;return t.init=e=>s=>n(s,e),t}const S=n=>g(n);async function k({editor:n,pluginName:t,licenseKey:e,cleanup:s}){let o=!1;const c=m();n.on(p,()=>{o=!0}),n.on(h,({sdkLicense:i})=>{i||s()}),setTimeout(async()=>{if(!o){if(c)return;e&&await O({licenseKey:e,pluginName:t})||s()}},2e3)}async function O({licenseKey:n,pluginName:t}){try{const e=await w({path:`/sdk/${n}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:t})}),{license:s}=e.result||{};return!!s}catch(e){return console.error("Error during SDK license check:",e),!1}}const y="initPluginOne",C=function(n,t={}){const{Blocks:e}=n,{licenseKey:s}=t,o="test-plugin-one";e.add(o,{label:o,content:{type:o,components:`initPluginOne, licenseKey: ${s}`}}),k({editor:n,licenseKey:s,pluginName:y,cleanup:()=>e.remove(o)})},D=S(C);module.exports=D;

package/dist/initPluginOne/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('../utils').PluginWithInit<import('../utils').PluginOptions>;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import('../utils').PluginWithInit<import('../utils').PluginOptions>;
-export default _default;

package/dist/initPluginOne/index.es.js

@@ -1,89 +0,0 @@
-import "react";
-const r = "app.grapesjs.com", d = "app-stage.grapesjs.com", l = [
-  r,
-  d,
-  "localhost",
-  "127.0.0.1",
-  ".local-credentialless.webcontainer.io",
-  // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
-  // For Sandpack demos
-], p = "license:check:start", h = "license:check:end", u = () => typeof window < "u", f = ({ isDev: n, isStage: t }) => `${n ? "" : `https://${t ? d : r}`}/api`, m = () => {
-  const n = u() && window.location.hostname;
-  return !!n && (l.includes(n) || l.some((t) => n.endsWith(t)));
-}, E = () => (u() && window.location.hostname) === r;
-var N = { NODE_ENV: "production", NPM_PACKAGE_VERSION: "1.0.2", STUDIO_NPM_PACKAGE_VERSION: "1.0.19-rc.1" };
-const _ = N.NODE_ENV !== "production";
-async function w({
-  path: n,
-  method: t = "GET",
-  headers: e = {},
-  body: s
-}) {
-  const c = `${f({ isDev: _, isStage: !E() })}${n}`, i = {
-    method: t,
-    headers: {
-      "Content-Type": "application/json",
-      ...e
-    }
-  };
-  s && (i.body = JSON.stringify(s));
-  const a = await fetch(c, i);
-  if (!a.ok)
-    throw new Error(`HTTP error! status: ${a.status}`);
-  return a.json();
-}
-function g(n) {
-  const t = n;
-  return t.init = (e) => (s) => n(s, e), t;
-}
-const S = (n) => /* @__PURE__ */ g(n);
-async function k({
-  editor: n,
-  pluginName: t,
-  licenseKey: e,
-  cleanup: s
-}) {
-  let o = !1;
-  const c = m();
-  n.on(p, () => {
-    o = !0;
-  }), n.on(h, ({ sdkLicense: i }) => {
-    i || s();
-  }), setTimeout(async () => {
-    if (!o) {
-      if (c) return;
-      e && await O({ licenseKey: e, pluginName: t }) || s();
-    }
-  }, 2e3);
-}
-async function O({ licenseKey: n, pluginName: t }) {
-  try {
-    const e = await w({
-      path: `/sdk/${n}`,
-      method: "POST",
-      body: JSON.stringify({
-        d: window.location.hostname,
-        pn: t
-      })
-    }), { license: s } = e.result || {};
-    return !!s;
-  } catch (e) {
-    return console.error("Error during SDK license check:", e), !1;
-  }
-}
-const y = "initPluginOne", C = function(n, t = {}) {
-  const { Blocks: e } = n, { licenseKey: s } = t, o = "test-plugin-one";
-  e.add(o, {
-    label: o,
-    content: { type: o, components: `initPluginOne, licenseKey: ${s}` }
-  }), k({
-    editor: n,
-    licenseKey: s,
-    pluginName: y,
-    cleanup: () => e.remove(o)
-  });
-}, I = S(C);
-export {
-  I as default
-};

package/dist/initPluginOne/index.umd.js

@@ -1 +0,0 @@
-(function(o,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("react")):typeof define=="function"&&define.amd?define(["react"],c):(o=typeof globalThis<"u"?globalThis:o||self,o.StudioSdkPlugins_initPluginOne=c())})(this,function(){"use strict";const o="app.grapesjs.com",c="app-stage.grapesjs.com",l=[o,c,"localhost","127.0.0.1",".local-credentialless.webcontainer.io","-sandpack.codesandbox.io"],p="license:check:start",f="license:check:end",u=()=>typeof window<"u",h=({isDev:n,isStage:e})=>`${n?"":`https://${e?c:o}`}/api`,m=()=>{const n=u()&&window.location.hostname;return!!n&&(l.includes(n)||l.some(e=>n.endsWith(e)))},E=()=>(u()&&window.location.hostname)===o;var g={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.2",STUDIO_NPM_PACKAGE_VERSION:"1.0.19-rc.1"};const N=g.NODE_ENV!=="production";async function _({path:n,method:e="GET",headers:t={},body:s}){const a=`${h({isDev:N,isStage:!E()})}${n}`,r={method:e,headers:{"Content-Type":"application/json",...t}};s&&(r.body=JSON.stringify(s));const d=await fetch(a,r);if(!d.ok)throw new Error(`HTTP error! status: ${d.status}`);return d.json()}function S(n){const e=n;return e.init=t=>s=>n(s,t),e}const w=n=>S(n);async function k({editor:n,pluginName:e,licenseKey:t,cleanup:s}){let i=!1;const a=m();n.on(p,()=>{i=!0}),n.on(f,({sdkLicense:r})=>{r||s()}),setTimeout(async()=>{if(!i){if(a)return;t&&await y({licenseKey:t,pluginName:e})||s()}},2e3)}async function y({licenseKey:n,pluginName:e}){try{const t=await _({path:`/sdk/${n}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:e})}),{license:s}=t.result||{};return!!s}catch(t){return console.error("Error during SDK license check:",t),!1}}const O="initPluginOne";return w(function(n,e={}){const{Blocks:t}=n,{licenseKey:s}=e,i="test-plugin-one";t.add(i,{label:i,content:{type:i,components:`initPluginOne, licenseKey: ${s}`}}),k({editor:n,licenseKey:s,pluginName:O,cleanup:()=>t.remove(i)})})});

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

@@ -1,2 +0,0 @@
-declare const _default: import('../utils').PluginWithInit<import('../utils').PluginOptions>;
-export default _default;

package/dist/initPluginTwo/index.cjs.js

@@ -1 +0,0 @@
-"use strict";require("react");const a="app.grapesjs.com",d="app-stage.grapesjs.com",l=[a,d,"localhost","127.0.0.1",".local-credentialless.webcontainer.io","-sandpack.codesandbox.io"],p="license:check:start",h="license:check:end",u=()=>typeof window<"u",f=({isDev:n,isStage:t})=>`${n?"":`https://${t?d:a}`}/api`,m=()=>{const n=u()&&window.location.hostname;return!!n&&(l.includes(n)||l.some(t=>n.endsWith(t)))},E=()=>(u()&&window.location.hostname)===a;var w={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.2",STUDIO_NPM_PACKAGE_VERSION:"1.0.19-rc.1"};const N=w.NODE_ENV!=="production";async function _({path:n,method:t="GET",headers:e={},body:s}){const c=`${f({isDev:N,isStage:!E()})}${n}`,i={method:t,headers:{"Content-Type":"application/json",...e}};s&&(i.body=JSON.stringify(s));const r=await fetch(c,i);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}function g(n){const t=n;return t.init=e=>s=>n(s,e),t}const S=n=>g(n);async function k({editor:n,pluginName:t,licenseKey:e,cleanup:s}){let o=!1;const c=m();n.on(p,()=>{o=!0}),n.on(h,({sdkLicense:i})=>{i||s()}),setTimeout(async()=>{if(!o){if(c)return;e&&await T({licenseKey:e,pluginName:t})||s()}},2e3)}async function T({licenseKey:n,pluginName:t}){try{const e=await _({path:`/sdk/${n}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:t})}),{license:s}=e.result||{};return!!s}catch(e){return console.error("Error during SDK license check:",e),!1}}const y="initPluginTwo",C=function(n,t={}){const{Blocks:e}=n,{licenseKey:s}=t,o="test-plugin-two";e.add(o,{label:o,content:{type:o,components:`initPluginTwo, licenseKey: ${s}`}}),k({editor:n,licenseKey:s,pluginName:y,cleanup:()=>e.remove(o)})},D=S(C);module.exports=D;

package/dist/initPluginTwo/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('../utils').PluginWithInit<import('../utils').PluginOptions>;
-export default _default;

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

@@ -1,2 +0,0 @@
-declare const _default: import('../utils').PluginWithInit<import('../utils').PluginOptions>;
-export default _default;