@grapesjs/studio-sdk-plugins 1.0.36 → 1.0.37

package/dist/linkImageComponent/index.es.js

@@ -9,25 +9,38 @@ const w = "app.grapesjs.com", D = "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
 ], I = "license:check:end", L = () => typeof window < "u", x = ({
   isDev: e,
-  isStage: o,
+  isStage: s,
   isPlatform: a
-}) => `${e ? "" : `https://${o ? D : w}`}/${a ? "platform-api" : "api"}`, E = () => {
-  const e = L() && window.location.hostname;
-  return !!e && (P.includes(e) || P.some((o) => e.endsWith(o)));
+}) => `${e ? "" : `https://${s ? D : w}`}/${a ? "platform-api" : "api"}`, E = () => {
+  if (!L()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, M = () => {
+  const e = E();
+  return !!e && (P.includes(e) || P.some((s) => e.endsWith(s)));
 };
-async function M({
+async function N({
   path: e,
-  baseApiUrl: o,
+  baseApiUrl: s,
   method: a = "GET",
   headers: r = {},
-  params: i,
+  params: n,
   body: g
 }) {
-  const n = `${o || x({ isDev: !1, isStage: !1 })}${e}`, c = {
+  const i = `${s || x({ isDev: !1, isStage: !1 })}${e}`, c = {
     method: a,
     headers: {
       "Content-Type": "application/json",
@@ -35,10 +48,10 @@ async function M({
     }
   };
   g && (c.body = JSON.stringify(g));
-  const d = i ? new URLSearchParams(i).toString() : "", u = d ? `?${d}` : "", s = await fetch(`${n}${u}`, c);
-  if (!s.ok)
-    throw new Error(`HTTP error! status: ${s.status}`);
-  return s.json();
+  const d = n ? new URLSearchParams(n).toString() : "", u = d ? `?${d}` : "", o = await fetch(`${i}${u}`, c);
+  if (!o.ok)
+    throw new Error(`HTTP error! status: ${o.status}`);
+  return o.json();
 }
 var b = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(b || {}), T = /* @__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))(T || {});
 const A = {
@@ -47,78 +60,78 @@ const A = {
   [b.business]: 20,
   [b.enterprise]: 30
 };
-function N(e) {
-  const o = e;
-  return o.init = (a) => (r) => e(r, a), o;
+function O(e) {
+  const s = e;
+  return s.init = (a) => (r) => e(r, a), s;
 }
-const O = (e) => /* @__PURE__ */ N(e);
-async function B({
+const B = (e) => /* @__PURE__ */ O(e);
+async function U({
   editor: e,
-  plan: o,
+  plan: s,
   pluginName: a,
   licenseKey: r,
-  onLicenseCheckResponse: i,
+  onLicenseCheckResponse: n,
   cleanup: g
 }) {
-  let p = "", n;
-  const c = (s) => {
-    console.warn("Cleanup plugin:", a, "Reason:", s), g();
-  }, d = (s = {}) => {
+  let p = "", i;
+  const c = (o) => {
+    console.warn("Cleanup plugin:", a, "Reason:", o), g();
+  }, d = (o = {}) => {
     var y;
-    const { error: f, sdkLicense: t } = s, l = (y = s.plan) == null ? void 0 : y.category;
-    if (!(t || s.license) || f)
+    const { error: f, sdkLicense: t } = o, l = (y = o.plan) == null ? void 0 : y.category;
+    if (!(t || o.license) || f)
       c(f || "Invalid license");
     else if (l) {
-      const v = A[o], R = A[l];
-      v > R && c({ pluginRequiredPlan: o, licensePlan: l });
+      const v = A[s], R = A[l];
+      v > R && c({ pluginRequiredPlan: s, licensePlan: l });
     }
   };
-  e.Commands.has(T.settings) && (n = e.runCommand(T.settings), p = (n == null ? void 0 : n.baseUrl) || "");
-  const u = (s) => {
-    i == null || i(s), s && d(s);
+  e.Commands.has(T.settings) && (i = e.runCommand(T.settings), p = (i == null ? void 0 : i.baseUrl) || "");
+  const u = (o) => {
+    n == null || n(o), o && d(o);
   };
-  if (!n) {
+  if (!i) {
     e.onReady(async () => {
-      if (!E())
+      if (!M())
         if (r) {
-          const s = await $({ licenseKey: r, pluginName: a, baseApiUrl: p });
-          u(s);
+          const o = await j({ licenseKey: r, pluginName: a, baseApiUrl: p });
+          u(o);
         } else
           c("The `licenseKey` option not provided");
     });
     return;
   }
-  if (n.licensePlan || n.licenseError) {
-    const s = U(n);
-    u(s);
+  if (i.licensePlan || i.licenseError) {
+    const o = $(i);
+    u(o);
     return;
   }
-  e.on(I, (s) => u(s));
+  e.on(I, (o) => u(o));
 }
-const U = (e) => ({
+const $ = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function $(e) {
-  const { licenseKey: o, pluginName: a, baseApiUrl: r } = e;
+async function j(e) {
+  const { licenseKey: s, pluginName: a, baseApiUrl: r } = e;
   try {
-    return (await M({
+    return (await N({
       baseApiUrl: r,
-      path: `/sdk/${o || "na"}`,
+      path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: a
       }
     })).result || {};
-  } catch (i) {
-    return console.error("Error during SDK license check:", i), !1;
+  } catch (n) {
+    return console.error("Error during SDK license check:", n), !1;
   }
 }
-const j = "linkImageComponent", _ = b.startup, F = function(e, o = {}) {
-  const { Components: a, Blocks: r } = e, i = "link-image", g = "Link Image", p = "link-image", { model: n, view: c } = e.Components.getType("image"), d = a.getType("link").model.getDefaults().traits, u = n.getDefaults().traits, s = d.filter((t) => t !== "title"), f = u.filter((t) => t.name !== "customAttributes").map((t) => typeof t == "string" ? { name: t } : t).map(
+const _ = "linkImageComponent", F = b.startup, W = function(e, s = {}) {
+  const { Components: a, Blocks: r } = e, n = "link-image", g = "Link Image", p = "link-image", { model: i, view: c } = e.Components.getType("image"), d = a.getType("link").model.getDefaults().traits, u = i.getDefaults().traits, o = d.filter((t) => t !== "title"), f = u.filter((t) => t.name !== "customAttributes").map((t) => typeof t == "string" ? { name: t } : t).map(
     (t) => ({
       ...t,
       getValue({ component: l }) {
@@ -131,7 +144,7 @@ const j = "linkImageComponent", _ = b.startup, F = function(e, o = {}) {
       }
     })
   );
-  a.addType(i, {
+  a.addType(n, {
     isComponent: (t) => {
       var l;
       return t.tagName === "A" && ((l = t.children) == null ? void 0 : l.length) === 1 && t.children[0].tagName === "IMG";
@@ -147,7 +160,7 @@ const j = "linkImageComponent", _ = b.startup, F = function(e, o = {}) {
         name: g,
         classes: p,
         resizable: { ratioDefault: !0 },
-        traits: [...f, ...s],
+        traits: [...f, ...o],
         droppable: !1,
         stylable: [
           "width",
@@ -192,16 +205,16 @@ const j = "linkImageComponent", _ = b.startup, F = function(e, o = {}) {
         c.prototype.onActive.call(this, t);
       }
     }
-  }), B({
+  }), U({
     editor: e,
-    licenseKey: o.licenseKey,
-    plan: _,
-    pluginName: j,
+    licenseKey: s.licenseKey,
+    plan: F,
+    pluginName: _,
     cleanup: () => {
-      a.removeType(i), r.remove(i);
+      a.removeType(n), r.remove(n);
     }
   });
-}, W = O(F);
+}, H = B(W);
 export {
-  W as default
+  H as default
 };

package/dist/linkImageComponent/index.umd.js

@@ -1,4 +1,4 @@
-(function(d,f){typeof exports=="object"&&typeof module<"u"?module.exports=f():typeof define=="function"&&define.amd?define(f):(d=typeof globalThis<"u"?globalThis:d||self,d.StudioSdkPlugins_linkImageComponent=f())})(this,function(){"use strict";const d="app.grapesjs.com",f="app-stage.grapesjs.com",w=[d,"app2.grapesjs.com",f,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],R="license:check:end",I=()=>typeof window<"u",k=({isDev:e,isStage:s,isPlatform:n})=>`${e?"":`https://${s?f:d}`}/${n?"platform-api":"api"}`,G=()=>{const e=I()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(s=>e.endsWith(s)))};async function x({path:e,baseApiUrl:s,method:n="GET",headers:r={},params:i,body:g}){const a=`${s||k({isDev:!1,isStage:!1})}${e}`,c={method:n,headers:{"Content-Type":"application/json",...r}};g&&(c.body=JSON.stringify(g));const b=i?new URLSearchParams(i).toString():"",u=b?`?${b}`:"",o=await fetch(`${a}${u}`,c);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.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 D={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function L(e){const s=e;return s.init=n=>r=>e(r,n),s}const E=e=>L(e);async function M({editor:e,plan:s,pluginName:n,licenseKey:r,onLicenseCheckResponse:i,cleanup:g}){let p="",a;const c=o=>{console.warn("Cleanup plugin:",n,"Reason:",o),g()},b=(o={})=>{var T;const{error:v,sdkLicense:t}=o,l=(T=o.plan)==null?void 0:T.category;if(!(t||o.license)||v)c(v||"Invalid license");else if(l){const A=D[s],$=D[l];A>$&&c({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(P.settings)&&(a=e.runCommand(P.settings),p=(a==null?void 0:a.baseUrl)||"");const u=o=>{i==null||i(o),o&&b(o)};if(!a){e.onReady(async()=>{if(!G())if(r){const o=await N({licenseKey:r,pluginName:n,baseApiUrl:p});u(o)}else c("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=O(a);u(o);return}e.on(R,o=>u(o))}const O=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function N(e){const{licenseKey:s,pluginName:n,baseApiUrl:r}=e;try{return(await x({baseApiUrl:r,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const B="linkImageComponent",U=h.startup;return E(function(e,s={}){const{Components:n,Blocks:r}=e,i="link-image",g="Link Image",p="link-image",{model:a,view:c}=e.Components.getType("image"),b=n.getType("link").model.getDefaults().traits,u=a.getDefaults().traits,o=b.filter(t=>t!=="title"),v=u.filter(t=>t.name!=="customAttributes").map(t=>typeof t=="string"?{name:t}:t).map(t=>({...t,getValue({component:l}){var y;return(y=l.components().at(0).getTrait(t.name))==null?void 0:y.getValue()},setValue({component:l,value:y,options:T}){var A;(A=l.components().at(0).getTrait(t.name))==null||A.setValue(y,T)}}));n.addType(i,{isComponent:t=>{var l;return t.tagName==="A"&&((l=t.children)==null?void 0:l.length)===1&&t.children[0].tagName==="IMG"},block:{label:g,media:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M2 6.3A2.3 2.3 0 0 1 4.3 4h15.4A2.3 2.3 0 0 1 22 6.3v7a4.7 4.7 0 0 0-2.8-.8h-3.4a4.8 4.8 0 0 0-4 7.5H4.3A2.3 2.3 0 0 1 2 17.7zm21 11a3.8 3.8 0 0 0-3.8-3.8.8.8 0 0 0 0 1.5h.2a2.3 2.3 0 0 1-.1 4.5H19a.8.8 0 0 0 .2 1.5h.2a3.8 3.8 0 0 0 3.5-3.8m-6.5-3a.8.8 0 0 0-.8-.7h-.1a3.8 3.8 0 0 0 .2 7.5.8.8 0 0 0 0-1.5h-.2a2.3 2.3 0 0 1 .2-4.5.8.8 0 0 0 .7-.7m3.5 3a.8.8 0 0 0-.8-.8h-3.6a.8.8 0 0 0 .2 1.5h3.6a.8.8 0 0 0 .6-.8"/></svg>'},extend:"link",extendFn:["init"],model:{defaults:{name:g,classes:p,resizable:{ratioDefault:!0},traits:[...v,...o],droppable:!1,stylable:["width","min-width","max-width","height","min-height","max-height","padding","margin","position","border-radius","border-width","border-style","border-color","opacity","box-shadow","filter","transform"],components:{type:"image"},styles:`
+(function(d,f){typeof exports=="object"&&typeof module<"u"?module.exports=f():typeof define=="function"&&define.amd?define(f):(d=typeof globalThis<"u"?globalThis:d||self,d.StudioSdkPlugins_linkImageComponent=f())})(this,function(){"use strict";const d="app.grapesjs.com",f="app-stage.grapesjs.com",w=[d,"app2.grapesjs.com",f,"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"],R="license:check:end",I=()=>typeof window<"u",k=({isDev:e,isStage:s,isPlatform:n})=>`${e?"":`https://${s?f:d}`}/${n?"platform-api":"api"}`,G=()=>{if(!I())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},x=()=>{const e=G();return!!e&&(w.includes(e)||w.some(s=>e.endsWith(s)))};async function L({path:e,baseApiUrl:s,method:n="GET",headers:r={},params:a,body:g}){const i=`${s||k({isDev:!1,isStage:!1})}${e}`,c={method:n,headers:{"Content-Type":"application/json",...r}};g&&(c.body=JSON.stringify(g));const b=a?new URLSearchParams(a).toString():"",u=b?`?${b}`:"",o=await fetch(`${i}${u}`,c);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.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 D={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function E(e){const s=e;return s.init=n=>r=>e(r,n),s}const M=e=>E(e);async function O({editor:e,plan:s,pluginName:n,licenseKey:r,onLicenseCheckResponse:a,cleanup:g}){let p="",i;const c=o=>{console.warn("Cleanup plugin:",n,"Reason:",o),g()},b=(o={})=>{var T;const{error:v,sdkLicense:t}=o,l=(T=o.plan)==null?void 0:T.category;if(!(t||o.license)||v)c(v||"Invalid license");else if(l){const A=D[s],_=D[l];A>_&&c({pluginRequiredPlan:s,licensePlan:l})}};e.Commands.has(P.settings)&&(i=e.runCommand(P.settings),p=(i==null?void 0:i.baseUrl)||"");const u=o=>{a==null||a(o),o&&b(o)};if(!i){e.onReady(async()=>{if(!x())if(r){const o=await B({licenseKey:r,pluginName:n,baseApiUrl:p});u(o)}else c("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const o=N(i);u(o);return}e.on(R,o=>u(o))}const N=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function B(e){const{licenseKey:s,pluginName:n,baseApiUrl:r}=e;try{return(await L({baseApiUrl:r,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const U="linkImageComponent",$=h.startup;return M(function(e,s={}){const{Components:n,Blocks:r}=e,a="link-image",g="Link Image",p="link-image",{model:i,view:c}=e.Components.getType("image"),b=n.getType("link").model.getDefaults().traits,u=i.getDefaults().traits,o=b.filter(t=>t!=="title"),v=u.filter(t=>t.name!=="customAttributes").map(t=>typeof t=="string"?{name:t}:t).map(t=>({...t,getValue({component:l}){var y;return(y=l.components().at(0).getTrait(t.name))==null?void 0:y.getValue()},setValue({component:l,value:y,options:T}){var A;(A=l.components().at(0).getTrait(t.name))==null||A.setValue(y,T)}}));n.addType(a,{isComponent:t=>{var l;return t.tagName==="A"&&((l=t.children)==null?void 0:l.length)===1&&t.children[0].tagName==="IMG"},block:{label:g,media:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M2 6.3A2.3 2.3 0 0 1 4.3 4h15.4A2.3 2.3 0 0 1 22 6.3v7a4.7 4.7 0 0 0-2.8-.8h-3.4a4.8 4.8 0 0 0-4 7.5H4.3A2.3 2.3 0 0 1 2 17.7zm21 11a3.8 3.8 0 0 0-3.8-3.8.8.8 0 0 0 0 1.5h.2a2.3 2.3 0 0 1-.1 4.5H19a.8.8 0 0 0 .2 1.5h.2a3.8 3.8 0 0 0 3.5-3.8m-6.5-3a.8.8 0 0 0-.8-.7h-.1a3.8 3.8 0 0 0 .2 7.5.8.8 0 0 0 0-1.5h-.2a2.3 2.3 0 0 1 .2-4.5.8.8 0 0 0 .7-.7m3.5 3a.8.8 0 0 0-.8-.8h-3.6a.8.8 0 0 0 .2 1.5h3.6a.8.8 0 0 0 .6-.8"/></svg>'},extend:"link",extendFn:["init"],model:{defaults:{name:g,classes:p,resizable:{ratioDefault:!0},traits:[...v,...o],droppable:!1,stylable:["width","min-width","max-width","height","min-height","max-height","padding","margin","position","border-radius","border-width","border-style","border-color","opacity","box-shadow","filter","transform"],components:{type:"image"},styles:`
           .${p} {
             display: inline-block;
             overflow: hidden;
@@ -9,4 +9,4 @@
             width: 100%;
             height: 100%;
           }
-        `},init(){const t=this.components().at(0);t==null||t.set({layerable:!1,locked:!0})}},view:{onActive(t){c.prototype.onActive.call(this,t)}}}),M({editor:e,licenseKey:s.licenseKey,plan:U,pluginName:B,cleanup:()=>{n.removeType(i),r.remove(i)}})})});
+        `},init(){const t=this.components().at(0);t==null||t.set({layerable:!1,locked:!0})}},view:{onActive(t){c.prototype.onActive.call(this,t)}}}),O({editor:e,licenseKey:s.licenseKey,plan:$,pluginName:U,cleanup:()=>{n.removeType(a),r.remove(a)}})})});

package/dist/listPagesComponent/index.cjs.js

@@ -1,11 +1,11 @@
-"use strict";const B="app.grapesjs.com",O="app-stage.grapesjs.com",$="app2.grapesjs.com",N="app-stage2.grapesjs.com",G=[B,$,O,N,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],_="license:check:end",U=()=>typeof window<"u",F=({isDev:e,isStage:s,isPlatform:a})=>`${e?"":`https://${s?O:B}`}/${a?"platform-api":"api"}`,j=()=>{const e=U()&&window.location.hostname;return!!e&&(G.includes(e)||G.some(s=>e.endsWith(s)))};async function W({path:e,baseApiUrl:s,method:a="GET",headers:t={},params:n,body:r}){const i=`${s||F({isDev:!1,isStage:!1})}${e}`,l={method:a,headers:{"Content-Type":"application/json",...t}};r&&(l.body=JSON.stringify(r));const p=n?new URLSearchParams(n).toString():"",c=p?`?${p}`:"",o=await fetch(`${i}${c}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var b=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(b||{}),E=(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))(E||{});const V={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function K(e){const s=e;return s.init=a=>t=>e(t,a),s}const m=e=>K(e);async function q({editor:e,plan:s,pluginName:a,licenseKey:t,onLicenseCheckResponse:n,cleanup:r}){let g="",i;const l=o=>{console.warn("Cleanup plugin:",a,"Reason:",o),r()},p=(o={})=>{var h;const{error:P,sdkLicense:L}=o,u=(h=o.plan)==null?void 0:h.category;if(!(L||o.license)||P)l(P||"Invalid license");else if(u){const T=V[s],I=V[u];T>I&&l({pluginRequiredPlan:s,licensePlan:u})}};e.Commands.has(E.settings)&&(i=e.runCommand(E.settings),g=(i==null?void 0:i.baseUrl)||"");const c=o=>{n==null||n(o),o&&p(o)};if(!i){e.onReady(async()=>{if(!j())if(t){const o=await Y({licenseKey:t,pluginName:a,baseApiUrl:g});c(o)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const o=X(i);c(o);return}e.on(_,o=>c(o))}const X=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Y(e){const{licenseKey:s,pluginName:a,baseApiUrl:t}=e;try{return(await W({baseApiUrl:t,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const x="gjs-plg-",Z="listPagesComponent",J=b.startup;function z(e,s,a){let t,n,r,g,i;const l=s;function p(){const o=Date.now()-g;o<l&&o>=0?t=setTimeout(p,l-o):(t=null,i=e.apply(r,n),r=n=null)}const c=function(){return r=this,n=arguments,g=Date.now(),t||(t=setTimeout(p,l)),i};return c.clear=function(){t&&(clearTimeout(t),t=null)},c.flush=function(){t&&(i=e.apply(r,n),r=n=null,clearTimeout(t),t=null)},c}const k="page://",d="list-pages",f="list-pages-item",y="list-pages-link",Q=e=>e.components().reduce((s,a)=>{var g;const t=a.findFirstType(y),n=(g=t==null?void 0:t.attributes.attributes)==null?void 0:g.href,r=n!=null&&n.startsWith(k)?n.replace(k,""):"";if(r&&t){const i=s[r];i?i.push(t):s[r]=[t]}return s},{}),A="data-type-role",S="page_root",C=e=>s=>s.is(e),ee=e=>(s,a)=>a.is(e),M=e=>s=>{var a;return((a=s.getAttribute)==null?void 0:a.call(s,A))===e},te=function(e,s={}){const{Blocks:a,Components:t,Pages:n}=e,{licenseKey:r,block:g={}}=s,i="List Pages",l="List Pages Item",p="Link",c=`${x}${d}`,o=`${x}${y}`,P='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',L='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(d,{block:g&&{label:i,media:P,category:"Extra",select:!0,...s.block},isComponent:M(d),model:{defaults:{tagName:"ul",name:i,[S]:"",classes:c,attributes:{[A]:d,role:"navigation"},droppable:C(f),styles:`
+"use strict";const B="app.grapesjs.com",O="app-stage.grapesjs.com",$="app2.grapesjs.com",N="app-stage2.grapesjs.com",x=[B,$,O,N,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],_="license:check:end",U=()=>typeof window<"u",F=({isDev:e,isStage:s,isPlatform:a})=>`${e?"":`https://${s?O:B}`}/${a?"platform-api":"api"}`,j=()=>{if(!U())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},m=()=>{const e=j();return!!e&&(x.includes(e)||x.some(s=>e.endsWith(s)))};async function W({path:e,baseApiUrl:s,method:a="GET",headers:t={},params:n,body:r}){const i=`${s||F({isDev:!1,isStage:!1})}${e}`,l={method:a,headers:{"Content-Type":"application/json",...t}};r&&(l.body=JSON.stringify(r));const p=n?new URLSearchParams(n).toString():"",c=p?`?${p}`:"",o=await fetch(`${i}${c}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var b=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(b||{}),H=(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))(H||{});const G={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function K(e){const s=e;return s.init=a=>t=>e(t,a),s}const q=e=>K(e);async function X({editor:e,plan:s,pluginName:a,licenseKey:t,onLicenseCheckResponse:n,cleanup:r}){let g="",i;const l=o=>{console.warn("Cleanup plugin:",a,"Reason:",o),r()},p=(o={})=>{var h;const{error:P,sdkLicense:L}=o,u=(h=o.plan)==null?void 0:h.category;if(!(L||o.license)||P)l(P||"Invalid license");else if(u){const T=G[s],I=G[u];T>I&&l({pluginRequiredPlan:s,licensePlan:u})}};e.Commands.has(H.settings)&&(i=e.runCommand(H.settings),g=(i==null?void 0:i.baseUrl)||"");const c=o=>{n==null||n(o),o&&p(o)};if(!i){e.onReady(async()=>{if(!m())if(t){const o=await Z({licenseKey:t,pluginName:a,baseApiUrl:g});c(o)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const o=Y(i);c(o);return}e.on(_,o=>c(o))}const Y=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Z(e){const{licenseKey:s,pluginName:a,baseApiUrl:t}=e;try{return(await W({baseApiUrl:t,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const V="gjs-plg-",J="listPagesComponent",z=b.startup;function Q(e,s,a){let t,n,r,g,i;const l=s;function p(){const o=Date.now()-g;o<l&&o>=0?t=setTimeout(p,l-o):(t=null,i=e.apply(r,n),r=n=null)}const c=function(){return r=this,n=arguments,g=Date.now(),t||(t=setTimeout(p,l)),i};return c.clear=function(){t&&(clearTimeout(t),t=null)},c.flush=function(){t&&(i=e.apply(r,n),r=n=null,clearTimeout(t),t=null)},c}const k="page://",d="list-pages",f="list-pages-item",y="list-pages-link",S=e=>e.components().reduce((s,a)=>{var g;const t=a.findFirstType(y),n=(g=t==null?void 0:t.attributes.attributes)==null?void 0:g.href,r=n!=null&&n.startsWith(k)?n.replace(k,""):"";if(r&&t){const i=s[r];i?i.push(t):s[r]=[t]}return s},{}),A="data-type-role",C="page_root",ee=e=>s=>s.is(e),te=e=>(s,a)=>a.is(e),M=e=>s=>{var a;return((a=s.getAttribute)==null?void 0:a.call(s,A))===e},se=function(e,s={}){const{Blocks:a,Components:t,Pages:n}=e,{licenseKey:r,block:g={}}=s,i="List Pages",l="List Pages Item",p="Link",c=`${V}${d}`,o=`${V}${y}`,P='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',L='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(d,{block:g&&{label:i,media:P,category:"Extra",select:!0,...s.block},isComponent:M(d),model:{defaults:{tagName:"ul",name:i,[C]:"",classes:c,attributes:{[A]:d,role:"navigation"},droppable:ee(f),styles:`
           .${c} {
             list-style: none;
             margin: 0;
             padding: 0;
           }
-        `},init(){this.syncPageItems=z(this.syncPageItems.bind(this),0),this.listenTo(this.em,n.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const u=this.em.Pages.getAll(),H=this.components(),h=Q(this);u.forEach((T,I)=>{const D=T.id,R=T.getName(),v=h[D];v?v==null||v.forEach(w=>{w.getInnerHTML()!==R&&w.components(R)}):H.add({type:f,components:[{type:y,attributes:{href:`page://${D}`},components:{type:"textnode",content:R}}]},{at:I})})}}}),t.addType(f,{isComponent:M(f),model:{defaults:{name:l,tagName:"li",icon:L,attributes:{[A]:f},components:{type:y},draggable:ee(d)}}}),t.addType(y,{extend:"link",isComponent:M(y),model:{defaults:{removable:!1,copyable:!1,delegate:{move:u=>u.closestType(f)},name:p,classes:o,attributes:{[A]:y},components:{type:"textnode",content:"Item"},styles:`
+        `},init(){this.syncPageItems=Q(this.syncPageItems.bind(this),0),this.listenTo(this.em,n.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const u=this.em.Pages.getAll(),w=this.components(),h=S(this);u.forEach((T,I)=>{const E=T.id,R=T.getName(),v=h[E];v?v==null||v.forEach(D=>{D.getInnerHTML()!==R&&D.components(R)}):w.add({type:f,components:[{type:y,attributes:{href:`page://${E}`},components:{type:"textnode",content:R}}]},{at:I})})}}}),t.addType(f,{isComponent:M(f),model:{defaults:{name:l,tagName:"li",icon:L,attributes:{[A]:f},components:{type:y},draggable:te(d)}}}),t.addType(y,{extend:"link",isComponent:M(y),model:{defaults:{removable:!1,copyable:!1,delegate:{move:u=>u.closestType(f)},name:p,classes:o,attributes:{[A]:y},components:{type:"textnode",content:"Item"},styles:`
           .${o} {
             text-decoration: none;
           }
-        `}}}),q({editor:e,licenseKey:r,plan:J,pluginName:Z,cleanup:()=>{a.remove(d),t.removeType(d)}})},se=m(te);module.exports=se;
+        `}}}),X({editor:e,licenseKey:r,plan:z,pluginName:J,cleanup:()=>{a.remove(d),t.removeType(d)}})},oe=q(se);module.exports=oe;

package/dist/listPagesComponent/index.es.js

@@ -1,4 +1,4 @@
-const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "app2.grapesjs.com", N = "app-stage2.grapesjs.com", G = [
+const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "app2.grapesjs.com", N = "app-stage2.grapesjs.com", x = [
   B,
   $,
   O,
@@ -9,15 +9,28 @@ const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "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
 ], _ = "license:check:end", U = () => typeof window < "u", F = ({
   isDev: e,
   isStage: s,
   isPlatform: a
 }) => `${e ? "" : `https://${s ? O : B}`}/${a ? "platform-api" : "api"}`, j = () => {
-  const e = U() && window.location.hostname;
-  return !!e && (G.includes(e) || G.some((s) => e.endsWith(s)));
+  if (!U()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, m = () => {
+  const e = j();
+  return !!e && (x.includes(e) || x.some((s) => e.endsWith(s)));
 };
 async function W({
   path: e,
@@ -40,8 +53,8 @@ async function W({
     throw new Error(`HTTP error! status: ${o.status}`);
   return o.json();
 }
-var b = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(b || {}), E = /* @__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))(E || {});
-const V = {
+var b = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(b || {}), H = /* @__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))(H || {});
+const G = {
   [b.free]: 0,
   [b.startup]: 10,
   [b.business]: 20,
@@ -51,8 +64,8 @@ function K(e) {
   const s = e;
   return s.init = (a) => (t) => e(t, a), s;
 }
-const m = (e) => /* @__PURE__ */ K(e);
-async function q({
+const q = (e) => /* @__PURE__ */ K(e);
+async function X({
   editor: e,
   plan: s,
   pluginName: a,
@@ -69,19 +82,19 @@ async function q({
     if (!(L || o.license) || P)
       l(P || "Invalid license");
     else if (u) {
-      const T = V[s], I = V[u];
+      const T = G[s], I = G[u];
       T > I && l({ pluginRequiredPlan: s, licensePlan: u });
     }
   };
-  e.Commands.has(E.settings) && (i = e.runCommand(E.settings), g = (i == null ? void 0 : i.baseUrl) || "");
+  e.Commands.has(H.settings) && (i = e.runCommand(H.settings), g = (i == null ? void 0 : i.baseUrl) || "");
   const c = (o) => {
     n == null || n(o), o && p(o);
   };
   if (!i) {
     e.onReady(async () => {
-      if (!j())
+      if (!m())
         if (t) {
-          const o = await Y({ licenseKey: t, pluginName: a, baseApiUrl: g });
+          const o = await Z({ licenseKey: t, pluginName: a, baseApiUrl: g });
           c(o);
         } else
           l("The `licenseKey` option not provided");
@@ -89,19 +102,19 @@ async function q({
     return;
   }
   if (i.licensePlan || i.licenseError) {
-    const o = X(i);
+    const o = Y(i);
     c(o);
     return;
   }
   e.on(_, (o) => c(o));
 }
-const X = (e) => ({
+const Y = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function Y(e) {
+async function Z(e) {
   const { licenseKey: s, pluginName: a, baseApiUrl: t } = e;
   try {
     return (await W({
@@ -117,8 +130,8 @@ async function Y(e) {
     return console.error("Error during SDK license check:", n), !1;
   }
 }
-const x = "gjs-plg-", Z = "listPagesComponent", J = b.startup;
-function z(e, s, a) {
+const V = "gjs-plg-", J = "listPagesComponent", z = b.startup;
+function Q(e, s, a) {
   let t, n, r, g, i;
   const l = s;
   function p() {
@@ -134,7 +147,7 @@ function z(e, s, a) {
     t && (i = e.apply(r, n), r = n = null, clearTimeout(t), t = null);
   }, c;
 }
-const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-link", Q = (e) => e.components().reduce(
+const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-link", S = (e) => e.components().reduce(
   (s, a) => {
     var g;
     const t = a.findFirstType(y), n = (g = t == null ? void 0 : t.attributes.attributes) == null ? void 0 : g.href, r = n != null && n.startsWith(k) ? n.replace(k, "") : "";
@@ -145,11 +158,11 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
     return s;
   },
   {}
-), A = "data-type-role", S = "page_root", C = (e) => (s) => s.is(e), ee = (e) => (s, a) => a.is(e), M = (e) => (s) => {
+), A = "data-type-role", C = "page_root", ee = (e) => (s) => s.is(e), te = (e) => (s, a) => a.is(e), M = (e) => (s) => {
   var a;
   return ((a = s.getAttribute) == null ? void 0 : a.call(s, A)) === e;
-}, te = function(e, s = {}) {
-  const { Blocks: a, Components: t, Pages: n } = e, { licenseKey: r, block: g = {} } = s, i = "List Pages", l = "List Pages Item", p = "Link", c = `${x}${d}`, o = `${x}${y}`, P = '<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>', L = '<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';
+}, se = function(e, s = {}) {
+  const { Blocks: a, Components: t, Pages: n } = e, { licenseKey: r, block: g = {} } = s, i = "List Pages", l = "List Pages Item", p = "Link", c = `${V}${d}`, o = `${V}${y}`, P = '<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>', L = '<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';
   t.addType(d, {
     block: g && {
       label: i,
@@ -163,10 +176,10 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
       defaults: {
         tagName: "ul",
         name: i,
-        [S]: "",
+        [C]: "",
         classes: c,
         attributes: { [A]: d, role: "navigation" },
-        droppable: C(f),
+        droppable: ee(f),
         styles: `
           .${c} {
             list-style: none;
@@ -176,22 +189,22 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
         `
       },
       init() {
-        this.syncPageItems = z(this.syncPageItems.bind(this), 0), this.listenTo(this.em, n.events.all, this.syncPageItems), this.syncPageItems();
+        this.syncPageItems = Q(this.syncPageItems.bind(this), 0), this.listenTo(this.em, n.events.all, this.syncPageItems), this.syncPageItems();
       },
       syncPageItems() {
         if (e.Components.getSymbolInfo(this).isInstance) return;
-        const u = this.em.Pages.getAll(), H = this.components(), h = Q(this);
+        const u = this.em.Pages.getAll(), w = this.components(), h = S(this);
         u.forEach((T, I) => {
-          const D = T.id, R = T.getName(), v = h[D];
-          v ? v == null || v.forEach((w) => {
-            w.getInnerHTML() !== R && w.components(R);
-          }) : H.add(
+          const E = T.id, R = T.getName(), v = h[E];
+          v ? v == null || v.forEach((D) => {
+            D.getInnerHTML() !== R && D.components(R);
+          }) : w.add(
             {
               type: f,
               components: [
                 {
                   type: y,
-                  attributes: { href: `page://${D}` },
+                  attributes: { href: `page://${E}` },
                   components: { type: "textnode", content: R }
                 }
               ]
@@ -210,7 +223,7 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
         icon: L,
         attributes: { [A]: f },
         components: { type: y },
-        draggable: ee(d)
+        draggable: te(d)
       }
     }
   }), t.addType(y, {
@@ -234,16 +247,16 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
         `
       }
     }
-  }), q({
+  }), X({
     editor: e,
     licenseKey: r,
-    plan: J,
-    pluginName: Z,
+    plan: z,
+    pluginName: J,
     cleanup: () => {
       a.remove(d), t.removeType(d);
     }
   });
-}, se = m(te);
+}, oe = q(se);
 export {
-  se as default
+  oe as default
 };

package/dist/listPagesComponent/index.umd.js

@@ -1,11 +1,11 @@
-(function(y,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(y=typeof globalThis<"u"?globalThis:y||self,y.StudioSdkPlugins_listPagesComponent=b())})(this,function(){"use strict";const y="app.grapesjs.com",b="app-stage.grapesjs.com",x=[y,"app2.grapesjs.com",b,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],N="license:check:end",B=()=>typeof window<"u",$=({isDev:e,isStage:s,isPlatform:i})=>`${e?"":`https://${s?b:y}`}/${i?"platform-api":"api"}`,U=()=>{const e=B()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(s=>e.endsWith(s)))};async function j({path:e,baseApiUrl:s,method:i="GET",headers:t={},params:n,body:r}){const a=`${s||$({isDev:!1,isStage:!1})}${e}`,l={method:i,headers:{"Content-Type":"application/json",...t}};r&&(l.body=JSON.stringify(r));const p=n?new URLSearchParams(n).toString():"",c=p?`?${p}`:"",o=await fetch(`${a}${c}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var P=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(P||{}),R=(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))(R||{});const G={[P.free]:0,[P.startup]:10,[P.business]:20,[P.enterprise]:30};function F(e){const s=e;return s.init=i=>t=>e(t,i),s}const W=e=>F(e);async function m({editor:e,plan:s,pluginName:i,licenseKey:t,onLicenseCheckResponse:n,cleanup:r}){let g="",a;const l=o=>{console.warn("Cleanup plugin:",i,"Reason:",o),r()},p=(o={})=>{var v;const{error:A,sdkLicense:D}=o,f=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||A)l(A||"Invalid license");else if(f){const L=G[s],E=G[f];L>E&&l({pluginRequiredPlan:s,licensePlan:f})}};e.Commands.has(R.settings)&&(a=e.runCommand(R.settings),g=(a==null?void 0:a.baseUrl)||"");const c=o=>{n==null||n(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!U())if(t){const o=await q({licenseKey:t,pluginName:i,baseApiUrl:g});c(o)}else l("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=K(a);c(o);return}e.on(N,o=>c(o))}const K=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function q(e){const{licenseKey:s,pluginName:i,baseApiUrl:t}=e;try{return(await j({baseApiUrl:t,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:i}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const w="gjs-plg-",X="listPagesComponent",Y=P.startup;function Z(e,s,i){let t,n,r,g,a;const l=s;function p(){const o=Date.now()-g;o<l&&o>=0?t=setTimeout(p,l-o):(t=null,a=e.apply(r,n),r=n=null)}const c=function(){return r=this,n=arguments,g=Date.now(),t||(t=setTimeout(p,l)),a};return c.clear=function(){t&&(clearTimeout(t),t=null)},c.flush=function(){t&&(a=e.apply(r,n),r=n=null,clearTimeout(t),t=null)},c}const V="page://",u="list-pages",h="list-pages-item",d="list-pages-link",J=e=>e.components().reduce((s,i)=>{var g;const t=i.findFirstType(d),n=(g=t==null?void 0:t.attributes.attributes)==null?void 0:g.href,r=n!=null&&n.startsWith(V)?n.replace(V,""):"";if(r&&t){const a=s[r];a?a.push(t):s[r]=[t]}return s},{}),T="data-type-role",z="page_root",Q=e=>s=>s.is(e),S=e=>(s,i)=>i.is(e),M=e=>s=>{var i;return((i=s.getAttribute)==null?void 0:i.call(s,T))===e};return W(function(e,s={}){const{Blocks:i,Components:t,Pages:n}=e,{licenseKey:r,block:g={}}=s,a="List Pages",l="List Pages Item",p="Link",c=`${w}${u}`,o=`${w}${d}`,A='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',D='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(u,{block:g&&{label:a,media:A,category:"Extra",select:!0,...s.block},isComponent:M(u),model:{defaults:{tagName:"ul",name:a,[z]:"",classes:c,attributes:{[T]:u,role:"navigation"},droppable:Q(h),styles:`
+(function(y,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(y=typeof globalThis<"u"?globalThis:y||self,y.StudioSdkPlugins_listPagesComponent=b())})(this,function(){"use strict";const y="app.grapesjs.com",b="app-stage.grapesjs.com",w=[y,"app2.grapesjs.com",b,"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"],N="license:check:end",B=()=>typeof window<"u",$=({isDev:e,isStage:s,isPlatform:i})=>`${e?"":`https://${s?b:y}`}/${i?"platform-api":"api"}`,U=()=>{if(!B())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},m=()=>{const e=U();return!!e&&(w.includes(e)||w.some(s=>e.endsWith(s)))};async function j({path:e,baseApiUrl:s,method:i="GET",headers:t={},params:n,body:r}){const a=`${s||$({isDev:!1,isStage:!1})}${e}`,l={method:i,headers:{"Content-Type":"application/json",...t}};r&&(l.body=JSON.stringify(r));const u=n?new URLSearchParams(n).toString():"",c=u?`?${u}`:"",o=await fetch(`${a}${c}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var P=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(P||{}),R=(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))(R||{});const x={[P.free]:0,[P.startup]:10,[P.business]:20,[P.enterprise]:30};function F(e){const s=e;return s.init=i=>t=>e(t,i),s}const W=e=>F(e);async function K({editor:e,plan:s,pluginName:i,licenseKey:t,onLicenseCheckResponse:n,cleanup:r}){let g="",a;const l=o=>{console.warn("Cleanup plugin:",i,"Reason:",o),r()},u=(o={})=>{var v;const{error:A,sdkLicense:D}=o,f=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||A)l(A||"Invalid license");else if(f){const L=x[s],E=x[f];L>E&&l({pluginRequiredPlan:s,licensePlan:f})}};e.Commands.has(R.settings)&&(a=e.runCommand(R.settings),g=(a==null?void 0:a.baseUrl)||"");const c=o=>{n==null||n(o),o&&u(o)};if(!a){e.onReady(async()=>{if(!m())if(t){const o=await X({licenseKey:t,pluginName:i,baseApiUrl:g});c(o)}else l("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=q(a);c(o);return}e.on(N,o=>c(o))}const q=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function X(e){const{licenseKey:s,pluginName:i,baseApiUrl:t}=e;try{return(await j({baseApiUrl:t,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:i}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const G="gjs-plg-",Y="listPagesComponent",Z=P.startup;function J(e,s,i){let t,n,r,g,a;const l=s;function u(){const o=Date.now()-g;o<l&&o>=0?t=setTimeout(u,l-o):(t=null,a=e.apply(r,n),r=n=null)}const c=function(){return r=this,n=arguments,g=Date.now(),t||(t=setTimeout(u,l)),a};return c.clear=function(){t&&(clearTimeout(t),t=null)},c.flush=function(){t&&(a=e.apply(r,n),r=n=null,clearTimeout(t),t=null)},c}const V="page://",p="list-pages",h="list-pages-item",d="list-pages-link",z=e=>e.components().reduce((s,i)=>{var g;const t=i.findFirstType(d),n=(g=t==null?void 0:t.attributes.attributes)==null?void 0:g.href,r=n!=null&&n.startsWith(V)?n.replace(V,""):"";if(r&&t){const a=s[r];a?a.push(t):s[r]=[t]}return s},{}),T="data-type-role",Q="page_root",S=e=>s=>s.is(e),C=e=>(s,i)=>i.is(e),M=e=>s=>{var i;return((i=s.getAttribute)==null?void 0:i.call(s,T))===e};return W(function(e,s={}){const{Blocks:i,Components:t,Pages:n}=e,{licenseKey:r,block:g={}}=s,a="List Pages",l="List Pages Item",u="Link",c=`${G}${p}`,o=`${G}${d}`,A='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',D='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(p,{block:g&&{label:a,media:A,category:"Extra",select:!0,...s.block},isComponent:M(p),model:{defaults:{tagName:"ul",name:a,[Q]:"",classes:c,attributes:{[T]:p,role:"navigation"},droppable:S(h),styles:`
           .${c} {
             list-style: none;
             margin: 0;
             padding: 0;
           }
-        `},init(){this.syncPageItems=Z(this.syncPageItems.bind(this),0),this.listenTo(this.em,n.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const f=this.em.Pages.getAll(),O=this.components(),v=J(this);f.forEach((L,E)=>{const _=L.id,H=L.getName(),I=v[_];I?I==null||I.forEach(k=>{k.getInnerHTML()!==H&&k.components(H)}):O.add({type:h,components:[{type:d,attributes:{href:`page://${_}`},components:{type:"textnode",content:H}}]},{at:E})})}}}),t.addType(h,{isComponent:M(h),model:{defaults:{name:l,tagName:"li",icon:D,attributes:{[T]:h},components:{type:d},draggable:S(u)}}}),t.addType(d,{extend:"link",isComponent:M(d),model:{defaults:{removable:!1,copyable:!1,delegate:{move:f=>f.closestType(h)},name:p,classes:o,attributes:{[T]:d},components:{type:"textnode",content:"Item"},styles:`
+        `},init(){this.syncPageItems=J(this.syncPageItems.bind(this),0),this.listenTo(this.em,n.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const f=this.em.Pages.getAll(),O=this.components(),v=z(this);f.forEach((L,E)=>{const _=L.id,H=L.getName(),I=v[_];I?I==null||I.forEach(k=>{k.getInnerHTML()!==H&&k.components(H)}):O.add({type:h,components:[{type:d,attributes:{href:`page://${_}`},components:{type:"textnode",content:H}}]},{at:E})})}}}),t.addType(h,{isComponent:M(h),model:{defaults:{name:l,tagName:"li",icon:D,attributes:{[T]:h},components:{type:d},draggable:C(p)}}}),t.addType(d,{extend:"link",isComponent:M(d),model:{defaults:{removable:!1,copyable:!1,delegate:{move:f=>f.closestType(h)},name:u,classes:o,attributes:{[T]:d},components:{type:"textnode",content:"Item"},styles:`
           .${o} {
             text-decoration: none;
           }
-        `}}}),m({editor:e,licenseKey:r,plan:Y,pluginName:X,cleanup:()=>{i.remove(u),t.removeType(u)}})})});
+        `}}}),K({editor:e,licenseKey:r,plan:Z,pluginName:Y,cleanup:()=>{i.remove(p),t.removeType(p)}})})});