@grapesjs/studio-sdk-plugins 1.0.20 → 1.0.21-rc.1

package/dist/googleFontsAssetProvider/index.cjs.js

@@ -1 +1 @@
-"use strict";var p=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(p||{}),b=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",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.setDragAbsolute="studio:setDragAbsolute",e))(b||{});const L="app.grapesjs.com",T="app-stage.grapesjs.com",P=[L,T,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],D="license:check:start",F="license:check:end",G=()=>typeof window<"u",O=({isDev:e,isStage:t})=>`${e?"":`https://${t?T:L}`}/api`,$=()=>{const e=G()&&window.location.hostname;return!!e&&(P.includes(e)||P.some(t=>e.endsWith(t)))};async function k({path:e,baseApiUrl:t,method:n="GET",headers:s={},params:o,body:a}){const c=`${t||O({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...s}};a&&(l.body=JSON.stringify(a));const u=o?new URLSearchParams(o).toString():"",i=u?`?${u}`:"",g=await fetch(`${c}${i}`,l);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const w={[p.free]:0,[p.startup]:10,[p.business]:20,[p.enterprise]:30};function U(e){const t=e;return t.init=n=>s=>e(s,n),t}const M=e=>U(e);async function B({editor:e,plan:t,pluginName:n,licenseKey:s,cleanup:o}){let a="",r=!1;const c=$(),l=i=>{console.warn("Cleanup plugin:",n,"Reason:",i),o()},u=(i={})=>{var v;const{error:g,sdkLicense:f}=i,d=(v=i.plan)==null?void 0:v.category;if(!(f||i.license)||g)l(g||"Invalid license");else if(d){const R=w[t],x=w[d];R>x&&l({pluginRequiredPlan:t,licensePlan:d})}};e.on(D,i=>{a=i==null?void 0:i.baseApiUrl,r=!0}),e.on(F,i=>{u(i)}),setTimeout(async()=>{if(!r){if(c)return;if(s){const i=await E({licenseKey:s,pluginName:n,baseApiUrl:a});i&&u(i)}else l("The `licenseKey` option not provided")}},2e3)}async function E(e){const{licenseKey:t,pluginName:n,baseApiUrl:s}=e;try{return(await k({baseApiUrl:s,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const A=(e,t)=>{var r;const n=e.menuVariant??((r=Object.values(e.variants))==null?void 0:r[0]);if(!n)return"Arial, Helvetica, sans-serif";const{family:s,source:o,descriptors:a}=n;if(!t){const c=new FontFace(s,`url("${o}")`,a);document.fonts.add(c),c.load().catch(()=>{})}return s},I=e=>{const{family:t,menu:n,axes:s}=e,o=!!s,a=Object.assign({},...e.variants.map(r=>{var i,g;let c,l;if(o){const f=s.find(d=>d.tag==="wght");if(f){const{start:d,end:y}=f;c=`${d} ${y}`}}return c||(c=((i=r.match(/\d+/))==null?void 0:i[0])??"400"),l=((g=r.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[r]:{family:t,source:e.files[r],variant:r,descriptors:{style:l,weight:c}}}}));return{family:t,menuVariant:{family:`menuFont-${t}`,source:n,variant:"menu"},variants:a}},j=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:I(e),needsLoading:!0}}),W=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,A(t)):A(t,!0)};let h;const N=e=>{const t=[];for(const n of Object.keys(e)){let s=e[n];s&&(Array.isArray(s)?t.push(...s.map(o=>[n,o.toString()])):(s=s.toString(),t.push([n,s])))}return new URLSearchParams(t)},K=e=>{const{apiKey:t,searchParams:n}=e,s=(o={})=>{const a="https://www.googleapis.com/webfonts/v1/webfonts",r=N(o);return`${a}?${r}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(h)return h;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},a=n==null?void 0:n(),r={...o,...a},l=await(await fetch(s(r))).json();return(u=l.items)!=null&&u.length?(h=l.items.map(j),h):[]},itemLayout:o=>{const a=h.find(c=>c.id===o.assetProps.id),r=W(a);return{type:"column",onClick:()=>o.onSelect(a),htmlAttrs:{title:a.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:r,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},_={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},V="googleFontsAssetProvider",H=function(e,t){const{i18n:n={}}=t,s=K(t);e.runCommand(b.assetProviderAdd,{provider:s}),e.I18n.addMessages({en:_,...n}),B({editor:e,licenseKey:t.licenseKey,plan:p.startup,pluginName:V,cleanup:()=>{e.runCommand(b.assetProviderRemove,{id:s.id})}})},z=M(H);module.exports=z;
+"use strict";var p=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(p||{}),y=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",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.setDragAbsolute="studio:setDragAbsolute",e))(y||{});const R="app.grapesjs.com",x="app-stage.grapesjs.com",A=[R,x,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",G="license:check:end",I=()=>typeof window<"u",U=({isDev:e,isStage:t})=>`${e?"":`https://${t?x:R}`}/api`,M=()=>{const e=I()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(t=>e.endsWith(t)))};async function j({path:e,baseApiUrl:t,method:s="GET",headers:n={},params:o,body:a}){const l=`${t||U({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...n}};a&&(c.body=JSON.stringify(a));const u=o?new URLSearchParams(o).toString():"",r=u?`?${u}`:"",g=await fetch(`${l}${r}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const L={[p.free]:0,[p.startup]:10,[p.business]:20,[p.enterprise]:30};function B(e){const t=e;return t.init=s=>n=>e(n,s),t}const E=e=>B(e);async function W({editor:e,plan:t,pluginName:s,licenseKey:n,cleanup:o}){let a="",i=!1;const l=M(),c=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),o()},u=(r={})=>{var w;const{error:g,sdkLicense:f}=r,d=(w=r.plan)==null?void 0:w.category;if(!(f||r.license)||g)c(g||"Invalid license");else if(d){const O=L[t],k=L[d];O>k&&c({pluginRequiredPlan:t,licensePlan:d})}};e.on($,r=>{a=r==null?void 0:r.baseApiUrl,i=!0}),e.on(G,r=>{u(r)}),setTimeout(async()=>{if(!i){if(l)return;if(n){const r=await N({licenseKey:n,pluginName:s,baseApiUrl:a});r&&u(r)}else c("The `licenseKey` option not provided")}},2e3)}async function N(e){const{licenseKey:t,pluginName:s,baseApiUrl:n}=e;try{return(await j({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const b=e=>e.replaceAll('"',"").replaceAll("'",""),v=e=>e.includes(",")?e:/\s/.test(e)?`"${b(e)}"`:b(e),F=(e,t,s)=>({family:e,variant:t,...s}),D=(e,t)=>{e=v(e);const{menuVariant:s,variants:n}=t;return{family:e,familyLabel:b(e),menuVariant:s&&F(v(`menuFont-${b(e)}`),"regular",s),variants:Object.assign({},...Object.entries(n).map(([o,a])=>({[o]:F(e,o,a)})))}},T=(e,t)=>{var l;const s=D(e.family,e),n=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!n)return"Arial, Helvetica, sans-serif";const{source:o,descriptors:a}=n,i=b(n.family);if(!t){const c=new FontFace(i,`url("${o}")`,a),u=Array.from(document.fonts.values()).filter(r=>r.family===i);for(const r of u)document.fonts.delete(r);document.fonts.add(c),c.load().catch(()=>{})}return v(i)},K=e=>{const{family:t,menu:s,axes:n}=e,o=!!n,a=Object.assign({},...e.variants.map(i=>{var r,g;let l,c;if(o){const f=n.find(d=>d.tag==="wght");if(f){const{start:d,end:P}=f;l=`${d} ${P}`}}return l||(l=((r=i.match(/\d+/))==null?void 0:r[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return D(t,{menuVariant:{source:s},variants:a})},V=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:K(e),needsLoading:!0}}),_=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,T(t)):T(t,!0)};let h;const H=e=>{const t=[];for(const s of Object.keys(e)){let n=e[s];n&&(Array.isArray(n)?t.push(...n.map(o=>[s,o.toString()])):(n=n.toString(),t.push([s,n])))}return new URLSearchParams(t)},z=e=>{const{apiKey:t,searchParams:s}=e,n=(o={})=>{const a="https://www.googleapis.com/webfonts/v1/webfonts",i=H(o);return`${a}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(h)return h;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},a=s==null?void 0:s(),i={...o,...a},c=await(await fetch(n(i))).json();return(u=c.items)!=null&&u.length?(h=c.items.map(V),h):[]},itemLayout:o=>{const a=h.find(l=>l.id===o.assetProps.id),i=_(a);return{type:"column",onClick:()=>o.onSelect(a),htmlAttrs:{title:a.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},q={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},J="googleFontsAssetProvider",Q=function(e,t){const{i18n:s={}}=t,n=z(t);e.runCommand(y.assetProviderAdd,{provider:n}),e.I18n.addMessages({en:q,...s}),W({editor:e,licenseKey:t.licenseKey,plan:p.startup,pluginName:J,cleanup:()=>{e.runCommand(y.assetProviderRemove,{id:n.id})}})},Z=E(Q);module.exports=Z;

package/dist/googleFontsAssetProvider/index.es.js

@@ -1,7 +1,7 @@
-var p = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(p || {}), b = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.projectFiles = "studio:projectFiles", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", 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.setDragAbsolute = "studio:setDragAbsolute", e))(b || {});
-const L = "app.grapesjs.com", T = "app-stage.grapesjs.com", P = [
-  L,
-  T,
+var p = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(p || {}), y = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.projectFiles = "studio:projectFiles", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", 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.setDragAbsolute = "studio:setDragAbsolute", e))(y || {});
+const R = "app.grapesjs.com", x = "app-stage.grapesjs.com", A = [
+  R,
+  x,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -10,162 +10,177 @@ const L = "app.grapesjs.com", T = "app-stage.grapesjs.com", P = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], D = "license:check:start", F = "license:check:end", G = () => typeof window < "u", O = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? T : L}`}/api`, $ = () => {
-  const e = G() && window.location.hostname;
-  return !!e && (P.includes(e) || P.some((t) => e.endsWith(t)));
+], $ = "license:check:start", G = "license:check:end", I = () => typeof window < "u", U = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? x : R}`}/api`, M = () => {
+  const e = I() && window.location.hostname;
+  return !!e && (A.includes(e) || A.some((t) => e.endsWith(t)));
 };
-async function k({
+async function j({
   path: e,
   baseApiUrl: t,
-  method: n = "GET",
-  headers: s = {},
+  method: s = "GET",
+  headers: n = {},
   params: o,
-  body: a
+  body: r
 }) {
-  const c = `${t || O({ isDev: !1, isStage: !1 })}${e}`, l = {
-    method: n,
+  const l = `${t || U({ isDev: !1, isStage: !1 })}${e}`, c = {
+    method: s,
     headers: {
       "Content-Type": "application/json",
-      ...s
+      ...n
     }
   };
-  a && (l.body = JSON.stringify(a));
-  const u = o ? new URLSearchParams(o).toString() : "", i = u ? `?${u}` : "", g = await fetch(`${c}${i}`, l);
+  r && (c.body = JSON.stringify(r));
+  const u = o ? new URLSearchParams(o).toString() : "", a = u ? `?${u}` : "", g = await fetch(`${l}${a}`, c);
   if (!g.ok)
     throw new Error(`HTTP error! status: ${g.status}`);
   return g.json();
 }
-const w = {
+const L = {
   [p.free]: 0,
   [p.startup]: 10,
   [p.business]: 20,
   [p.enterprise]: 30
 };
-function U(e) {
+function B(e) {
   const t = e;
-  return t.init = (n) => (s) => e(s, n), t;
+  return t.init = (s) => (n) => e(n, s), t;
 }
-const M = (e) => /* @__PURE__ */ U(e);
-async function B({
+const E = (e) => /* @__PURE__ */ B(e);
+async function W({
   editor: e,
   plan: t,
-  pluginName: n,
-  licenseKey: s,
+  pluginName: s,
+  licenseKey: n,
   cleanup: o
 }) {
-  let a = "", r = !1;
-  const c = $(), l = (i) => {
-    console.warn("Cleanup plugin:", n, "Reason:", i), o();
-  }, u = (i = {}) => {
-    var v;
-    const { error: g, sdkLicense: f } = i, d = (v = i.plan) == null ? void 0 : v.category;
-    if (!(f || i.license) || g)
-      l(g || "Invalid license");
+  let r = "", i = !1;
+  const l = M(), c = (a) => {
+    console.warn("Cleanup plugin:", s, "Reason:", a), o();
+  }, u = (a = {}) => {
+    var w;
+    const { error: g, sdkLicense: f } = a, d = (w = a.plan) == null ? void 0 : w.category;
+    if (!(f || a.license) || g)
+      c(g || "Invalid license");
     else if (d) {
-      const R = w[t], x = w[d];
-      R > x && l({ pluginRequiredPlan: t, licensePlan: d });
+      const O = L[t], k = L[d];
+      O > k && c({ pluginRequiredPlan: t, licensePlan: d });
     }
   };
-  e.on(D, (i) => {
-    a = i == null ? void 0 : i.baseApiUrl, r = !0;
-  }), e.on(F, (i) => {
-    u(i);
+  e.on($, (a) => {
+    r = a == null ? void 0 : a.baseApiUrl, i = !0;
+  }), e.on(G, (a) => {
+    u(a);
   }), setTimeout(async () => {
-    if (!r) {
-      if (c) return;
-      if (s) {
-        const i = await E({ licenseKey: s, pluginName: n, baseApiUrl: a });
-        i && u(i);
+    if (!i) {
+      if (l) return;
+      if (n) {
+        const a = await N({ licenseKey: n, pluginName: s, baseApiUrl: r });
+        a && u(a);
       } else
-        l("The `licenseKey` option not provided");
+        c("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function E(e) {
-  const { licenseKey: t, pluginName: n, baseApiUrl: s } = e;
+async function N(e) {
+  const { licenseKey: t, pluginName: s, baseApiUrl: n } = e;
   try {
-    return (await k({
-      baseApiUrl: s,
+    return (await j({
+      baseApiUrl: n,
       path: `/sdk/${t || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: n
+        pn: s
       }
     })).result || {};
   } catch (o) {
     return console.error("Error during SDK license check:", o), !1;
   }
 }
-const A = (e, t) => {
-  var r;
-  const n = e.menuVariant ?? ((r = Object.values(e.variants)) == null ? void 0 : r[0]);
+const b = (e) => e.replaceAll('"', "").replaceAll("'", ""), v = (e) => e.includes(",") ? e : /\s/.test(e) ? `"${b(e)}"` : b(e), F = (e, t, s) => ({ family: e, variant: t, ...s }), D = (e, t) => {
+  e = v(e);
+  const { menuVariant: s, variants: n } = t;
+  return {
+    family: e,
+    familyLabel: b(e),
+    menuVariant: s && F(
+      v(`menuFont-${b(e)}`),
+      "regular",
+      s
+    ),
+    variants: Object.assign(
+      {},
+      ...Object.entries(n).map(([o, r]) => ({
+        [o]: F(e, o, r)
+      }))
+    )
+  };
+}, T = (e, t) => {
+  var l;
+  const s = D(e.family, e), n = s.menuVariant ?? ((l = Object.values(s.variants)) == null ? void 0 : l[0]);
   if (!n)
     return "Arial, Helvetica, sans-serif";
-  const { family: s, source: o, descriptors: a } = n;
+  const { source: o, descriptors: r } = n, i = b(n.family);
   if (!t) {
-    const c = new FontFace(s, `url("${o}")`, a);
+    const c = new FontFace(i, `url("${o}")`, r), u = Array.from(document.fonts.values()).filter((a) => a.family === i);
+    for (const a of u)
+      document.fonts.delete(a);
     document.fonts.add(c), c.load().catch(() => {
     });
   }
-  return s;
-}, I = (e) => {
-  const { family: t, menu: n, axes: s } = e, o = !!s, a = Object.assign(
+  return v(i);
+}, K = (e) => {
+  const { family: t, menu: s, axes: n } = e, o = !!n, r = Object.assign(
     {},
-    ...e.variants.map((r) => {
-      var i, g;
-      let c, l;
+    ...e.variants.map((i) => {
+      var a, g;
+      let l, c;
       if (o) {
-        const f = s.find((d) => d.tag === "wght");
+        const f = n.find((d) => d.tag === "wght");
         if (f) {
-          const { start: d, end: y } = f;
-          c = `${d} ${y}`;
+          const { start: d, end: P } = f;
+          l = `${d} ${P}`;
         }
       }
-      return c || (c = ((i = r.match(/\d+/)) == null ? void 0 : i[0]) ?? "400"), l = ((g = r.match(/[a-zA-Z]+/)) == null ? void 0 : g[0]) === "italic" ? "italic" : void 0, {
-        [r]: {
-          family: t,
-          source: e.files[r],
-          variant: r,
+      return l || (l = ((a = i.match(/\d+/)) == null ? void 0 : a[0]) ?? "400"), c = ((g = i.match(/[a-zA-Z]+/)) == null ? void 0 : g[0]) === "italic" ? "italic" : void 0, {
+        [i]: {
+          source: e.files[i],
           descriptors: {
-            style: l,
-            weight: c
+            style: c,
+            weight: l
           }
         }
       };
     })
   );
-  return {
-    family: t,
+  return D(t, {
     menuVariant: {
-      family: `menuFont-${t}`,
-      source: n,
-      variant: "menu"
+      source: s
     },
-    variants: a
-  };
-}, j = (e) => ({
+    variants: r
+  });
+}, V = (e) => ({
   id: `${e.family}/${e.version}`,
   type: "font",
   src: e.menu,
   name: e.family,
-  customData: { font: I(e), needsLoading: !0 }
-}), W = (e) => {
+  customData: { font: K(e), needsLoading: !0 }
+}), _ = (e) => {
   const { font: t } = e.customData;
-  return e.customData.needsLoading ? (e.customData.needsLoading = !1, A(t)) : A(t, !0);
+  return e.customData.needsLoading ? (e.customData.needsLoading = !1, T(t)) : T(t, !0);
 };
 let h;
-const N = (e) => {
+const H = (e) => {
   const t = [];
-  for (const n of Object.keys(e)) {
-    let s = e[n];
-    s && (Array.isArray(s) ? t.push(...s.map((o) => [n, o.toString()])) : (s = s.toString(), t.push([n, s])));
+  for (const s of Object.keys(e)) {
+    let n = e[s];
+    n && (Array.isArray(n) ? t.push(...n.map((o) => [s, o.toString()])) : (n = n.toString(), t.push([s, n])));
   }
   return new URLSearchParams(t);
-}, K = (e) => {
-  const { apiKey: t, searchParams: n } = e, s = (o = {}) => {
-    const a = "https://www.googleapis.com/webfonts/v1/webfonts", r = N(o);
-    return `${a}?${r}`;
+}, z = (e) => {
+  const { apiKey: t, searchParams: s } = e, n = (o = {}) => {
+    const r = "https://www.googleapis.com/webfonts/v1/webfonts", i = H(o);
+    return `${r}?${i}`;
   };
   return {
     id: "google-fonts",
@@ -181,19 +196,19 @@ const N = (e) => {
         sort: "alpha",
         subset: "latin",
         capability: ["WOFF2", "VF"]
-      }, a = n == null ? void 0 : n(), r = {
+      }, r = s == null ? void 0 : s(), i = {
         ...o,
-        ...a
-      }, l = await (await fetch(s(r))).json();
-      return (u = l.items) != null && u.length ? (h = l.items.map(j), h) : [];
+        ...r
+      }, c = await (await fetch(n(i))).json();
+      return (u = c.items) != null && u.length ? (h = c.items.map(V), h) : [];
     },
     itemLayout: (o) => {
-      const a = h.find((c) => c.id === o.assetProps.id), r = W(a);
+      const r = h.find((l) => l.id === o.assetProps.id), i = _(r);
       return {
         type: "column",
-        onClick: () => o.onSelect(a),
+        onClick: () => o.onSelect(r),
         htmlAttrs: {
-          title: a.name
+          title: r.name
         },
         style: {
           borderWidth: "1px",
@@ -204,12 +219,12 @@ const N = (e) => {
         children: [
           {
             type: "text",
-            content: a.name,
+            content: r.name,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
               whiteSpace: "nowrap",
-              fontFamily: r,
+              fontFamily: i,
               fontSize: "24px",
               paddingLeft: "8px",
               paddingRight: "8px"
@@ -217,7 +232,7 @@ const N = (e) => {
           },
           {
             type: "text",
-            content: a.name,
+            content: r.name,
             style: {
               overflow: "hidden",
               textOverflow: "ellipsis",
@@ -231,27 +246,27 @@ const N = (e) => {
       };
     }
   };
-}, _ = {
+}, q = {
   googleFontsAssetProvider: {
     searchBtn: "Search on Google Fonts",
     modalTitle: "Select Font",
     providerLabel: "Google Fonts"
   }
-}, V = "googleFontsAssetProvider", H = function(e, t) {
-  const { i18n: n = {} } = t, s = K(t);
-  e.runCommand(b.assetProviderAdd, { provider: s }), e.I18n.addMessages({
-    en: _,
-    ...n
-  }), B({
+}, J = "googleFontsAssetProvider", Q = function(e, t) {
+  const { i18n: s = {} } = t, n = z(t);
+  e.runCommand(y.assetProviderAdd, { provider: n }), e.I18n.addMessages({
+    en: q,
+    ...s
+  }), W({
     editor: e,
     licenseKey: t.licenseKey,
     plan: p.startup,
-    pluginName: V,
+    pluginName: J,
     cleanup: () => {
-      e.runCommand(b.assetProviderRemove, { id: s.id });
+      e.runCommand(y.assetProviderRemove, { id: n.id });
     }
   });
-}, z = M(H);
+}, Z = E(Q);
 export {
-  z as default
+  Z as default
 };

package/dist/googleFontsAssetProvider/index.umd.js

@@ -1 +1 @@
-(function(u,p){typeof exports=="object"&&typeof module<"u"?module.exports=p():typeof define=="function"&&define.amd?define(p):(u=typeof globalThis<"u"?globalThis:u||self,u.StudioSdkPlugins_googleFontsAssetProvider=p())})(this,function(){"use strict";var u=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(u||{}),p=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",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.setDragAbsolute="studio:setDragAbsolute",e))(p||{});const y="app.grapesjs.com",v="app-stage.grapesjs.com",P=[y,v,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],x="license:check:start",R="license:check:end",D=()=>typeof window<"u",F=({isDev:e,isStage:t})=>`${e?"":`https://${t?v:y}`}/api`,k=()=>{const e=D()&&window.location.hostname;return!!e&&(P.includes(e)||P.some(t=>e.endsWith(t)))};async function G({path:e,baseApiUrl:t,method:n="GET",headers:s={},params:o,body:i}){const c=`${t||F({isDev:!1,isStage:!1})}${e}`,l={method:n,headers:{"Content-Type":"application/json",...s}};i&&(l.body=JSON.stringify(i));const d=o?new URLSearchParams(o).toString():"",r=d?`?${d}`:"",g=await fetch(`${c}${r}`,l);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const w={[u.free]:0,[u.startup]:10,[u.business]:20,[u.enterprise]:30};function O(e){const t=e;return t.init=n=>s=>e(s,n),t}const $=e=>O(e);async function U({editor:e,plan:t,pluginName:n,licenseKey:s,cleanup:o}){let i="",a=!1;const c=k(),l=r=>{console.warn("Cleanup plugin:",n,"Reason:",r),o()},d=(r={})=>{var T;const{error:g,sdkLicense:b}=r,f=(T=r.plan)==null?void 0:T.category;if(!(b||r.license)||g)l(g||"Invalid license");else if(f){const K=w[t],V=w[f];K>V&&l({pluginRequiredPlan:t,licensePlan:f})}};e.on(x,r=>{i=r==null?void 0:r.baseApiUrl,a=!0}),e.on(R,r=>{d(r)}),setTimeout(async()=>{if(!a){if(c)return;if(s){const r=await M({licenseKey:s,pluginName:n,baseApiUrl:i});r&&d(r)}else l("The `licenseKey` option not provided")}},2e3)}async function M(e){const{licenseKey:t,pluginName:n,baseApiUrl:s}=e;try{return(await G({baseApiUrl:s,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const A=(e,t)=>{var a;const n=e.menuVariant??((a=Object.values(e.variants))==null?void 0:a[0]);if(!n)return"Arial, Helvetica, sans-serif";const{family:s,source:o,descriptors:i}=n;if(!t){const c=new FontFace(s,`url("${o}")`,i);document.fonts.add(c),c.load().catch(()=>{})}return s},B=e=>{const{family:t,menu:n,axes:s}=e,o=!!s,i=Object.assign({},...e.variants.map(a=>{var r,g;let c,l;if(o){const b=s.find(f=>f.tag==="wght");if(b){const{start:f,end:L}=b;c=`${f} ${L}`}}return c||(c=((r=a.match(/\d+/))==null?void 0:r[0])??"400"),l=((g=a.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[a]:{family:t,source:e.files[a],variant:a,descriptors:{style:l,weight:c}}}}));return{family:t,menuVariant:{family:`menuFont-${t}`,source:n,variant:"menu"},variants:i}},E=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:B(e),needsLoading:!0}}),I=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,A(t)):A(t,!0)};let h;const j=e=>{const t=[];for(const n of Object.keys(e)){let s=e[n];s&&(Array.isArray(s)?t.push(...s.map(o=>[n,o.toString()])):(s=s.toString(),t.push([n,s])))}return new URLSearchParams(t)},W=e=>{const{apiKey:t,searchParams:n}=e,s=(o={})=>{const i="https://www.googleapis.com/webfonts/v1/webfonts",a=j(o);return`${i}?${a}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var d;if(h)return h;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},i=n==null?void 0:n(),a={...o,...i},l=await(await fetch(s(a))).json();return(d=l.items)!=null&&d.length?(h=l.items.map(E),h):[]},itemLayout:o=>{const i=h.find(c=>c.id===o.assetProps.id),a=I(i);return{type:"column",onClick:()=>o.onSelect(i),htmlAttrs:{title:i.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:i.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:a,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:i.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},N={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},_="googleFontsAssetProvider";return $(function(e,t){const{i18n:n={}}=t,s=W(t);e.runCommand(p.assetProviderAdd,{provider:s}),e.I18n.addMessages({en:N,...n}),U({editor:e,licenseKey:t.licenseKey,plan:u.startup,pluginName:_,cleanup:()=>{e.runCommand(p.assetProviderRemove,{id:s.id})}})})});
+(function(d,p){typeof exports=="object"&&typeof module<"u"?module.exports=p():typeof define=="function"&&define.amd?define(p):(d=typeof globalThis<"u"?globalThis:d||self,d.StudioSdkPlugins_googleFontsAssetProvider=p())})(this,function(){"use strict";var d=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(d||{}),p=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",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.setDragAbsolute="studio:setDragAbsolute",e))(p||{});const P="app.grapesjs.com",A="app-stage.grapesjs.com",w=[P,A,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],D="license:check:start",O="license:check:end",$=()=>typeof window<"u",G=({isDev:e,isStage:t})=>`${e?"":`https://${t?A:P}`}/api`,I=()=>{const e=$()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function U({path:e,baseApiUrl:t,method:s="GET",headers:n={},params:o,body:a}){const l=`${t||G({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...n}};a&&(c.body=JSON.stringify(a));const u=o?new URLSearchParams(o).toString():"",r=u?`?${u}`:"",g=await fetch(`${l}${r}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const F={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function M(e){const t=e;return t.init=s=>n=>e(n,s),t}const j=e=>M(e);async function B({editor:e,plan:t,pluginName:s,licenseKey:n,cleanup:o}){let a="",i=!1;const l=I(),c=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),o()},u=(r={})=>{var k;const{error:g,sdkLicense:y}=r,f=(k=r.plan)==null?void 0:k.category;if(!(y||r.license)||g)c(g||"Invalid license");else if(f){const q=F[t],S=F[f];q>S&&c({pluginRequiredPlan:t,licensePlan:f})}};e.on(D,r=>{a=r==null?void 0:r.baseApiUrl,i=!0}),e.on(O,r=>{u(r)}),setTimeout(async()=>{if(!i){if(l)return;if(n){const r=await E({licenseKey:n,pluginName:s,baseApiUrl:a});r&&u(r)}else c("The `licenseKey` option not provided")}},2e3)}async function E(e){const{licenseKey:t,pluginName:s,baseApiUrl:n}=e;try{return(await U({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const h=e=>e.replaceAll('"',"").replaceAll("'",""),v=e=>e.includes(",")?e:/\s/.test(e)?`"${h(e)}"`:h(e),L=(e,t,s)=>({family:e,variant:t,...s}),T=(e,t)=>{e=v(e);const{menuVariant:s,variants:n}=t;return{family:e,familyLabel:h(e),menuVariant:s&&L(v(`menuFont-${h(e)}`),"regular",s),variants:Object.assign({},...Object.entries(n).map(([o,a])=>({[o]:L(e,o,a)})))}},x=(e,t)=>{var l;const s=T(e.family,e),n=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!n)return"Arial, Helvetica, sans-serif";const{source:o,descriptors:a}=n,i=h(n.family);if(!t){const c=new FontFace(i,`url("${o}")`,a),u=Array.from(document.fonts.values()).filter(r=>r.family===i);for(const r of u)document.fonts.delete(r);document.fonts.add(c),c.load().catch(()=>{})}return v(i)},W=e=>{const{family:t,menu:s,axes:n}=e,o=!!n,a=Object.assign({},...e.variants.map(i=>{var r,g;let l,c;if(o){const y=n.find(f=>f.tag==="wght");if(y){const{start:f,end:R}=y;l=`${f} ${R}`}}return l||(l=((r=i.match(/\d+/))==null?void 0:r[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return T(t,{menuVariant:{source:s},variants:a})},N=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:W(e),needsLoading:!0}}),_=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,x(t)):x(t,!0)};let b;const K=e=>{const t=[];for(const s of Object.keys(e)){let n=e[s];n&&(Array.isArray(n)?t.push(...n.map(o=>[s,o.toString()])):(n=n.toString(),t.push([s,n])))}return new URLSearchParams(t)},V=e=>{const{apiKey:t,searchParams:s}=e,n=(o={})=>{const a="https://www.googleapis.com/webfonts/v1/webfonts",i=K(o);return`${a}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(b)return b;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},a=s==null?void 0:s(),i={...o,...a},c=await(await fetch(n(i))).json();return(u=c.items)!=null&&u.length?(b=c.items.map(N),b):[]},itemLayout:o=>{const a=b.find(l=>l.id===o.assetProps.id),i=_(a);return{type:"column",onClick:()=>o.onSelect(a),htmlAttrs:{title:a.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},H={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},z="googleFontsAssetProvider";return j(function(e,t){const{i18n:s={}}=t,n=V(t);e.runCommand(p.assetProviderAdd,{provider:n}),e.I18n.addMessages({en:H,...s}),B({editor:e,licenseKey:t.licenseKey,plan:d.startup,pluginName:z,cleanup:()=>{e.runCommand(p.assetProviderRemove,{id:n.id})}})})});

package/dist/googleFontsAssetProvider/utils.d.ts

@@ -1,5 +1,6 @@
-import { Font, FontAssetProps } from '../types';
+import { InternalFont } from '@studio/editor/src/types';
+import { FontAssetProps } from '../types';
 import { GoogleFontFamily } from './types';
-export declare const toFont: (googleFont: GoogleFontFamily) => Font;
+export declare const toFont: (googleFont: GoogleFontFamily) => InternalFont;
 export declare const toAssetProps: (googleFont: GoogleFontFamily) => FontAssetProps;
 export declare const loadMenuFontAsset: (assetProps: FontAssetProps) => string;