@grapesjs/studio-sdk-plugins 1.0.28-rc.2 → 1.0.28

package/dist/youtubeAssetProvider/index.es.js

@@ -1,7 +1,9 @@
 var g = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(g || {}), h = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", 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.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(h || {});
-const P = "app.grapesjs.com", A = "app-stage.grapesjs.com", f = [
+const P = "app.grapesjs.com", A = "app-stage.grapesjs.com", I = "app2.grapesjs.com", k = "app-stage2.grapesjs.com", f = [
   P,
+  I,
   A,
+  k,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -10,19 +12,19 @@ const P = "app.grapesjs.com", A = "app-stage.grapesjs.com", f = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], k = "license:check:start", I = "license:check:end", U = () => typeof window < "u", x = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? A : P}`}/api`, G = () => {
-  const e = U() && window.location.hostname;
+], U = "license:check:start", D = "license:check:end", x = () => typeof window < "u", G = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? A : P}`}/api`, O = () => {
+  const e = x() && window.location.hostname;
   return !!e && (f.includes(e) || f.some((o) => e.endsWith(o)));
 };
-async function D({
+async function M({
   path: e,
   baseApiUrl: o,
   method: a = "GET",
   headers: n = {},
-  params: c,
+  params: l,
   body: u
 }) {
-  const t = `${o || x({ isDev: !1, isStage: !1 })}${e}`, i = {
+  const t = `${o || G({ isDev: !1, isStage: !1 })}${e}`, i = {
     method: a,
     headers: {
       "Content-Type": "application/json",
@@ -30,7 +32,7 @@ async function D({
     }
   };
   u && (i.body = JSON.stringify(u));
-  const l = c ? new URLSearchParams(c).toString() : "", s = l ? `?${l}` : "", r = await fetch(`${t}${s}`, i);
+  const c = l ? new URLSearchParams(l).toString() : "", s = c ? `?${c}` : "", r = await fetch(`${t}${s}`, i);
   if (!r.ok)
     throw new Error(`HTTP error! status: ${r.status}`);
   return r.json();
@@ -41,50 +43,50 @@ const v = {
   [g.business]: 20,
   [g.enterprise]: 30
 };
-function O(e) {
+function $(e) {
   const o = e;
   return o.init = (a) => (n) => e(n, a), o;
 }
-const $ = (e) => /* @__PURE__ */ O(e);
-async function E({
+const E = (e) => /* @__PURE__ */ $(e);
+async function j({
   editor: e,
   plan: o,
   pluginName: a,
   licenseKey: n,
-  cleanup: c
+  cleanup: l
 }) {
-  let u = "", d = !1;
-  const t = G(), i = (s) => {
-    console.warn("Cleanup plugin:", a, "Reason:", s), c();
-  }, l = (s = {}) => {
+  let u = "", p = !1;
+  const t = O(), i = (s) => {
+    console.warn("Cleanup plugin:", a, "Reason:", s), l();
+  }, c = (s = {}) => {
     var b;
-    const { error: r, sdkLicense: y } = s, p = (b = s.plan) == null ? void 0 : b.category;
+    const { error: r, sdkLicense: y } = s, d = (b = s.plan) == null ? void 0 : b.category;
     if (!(y || s.license) || r)
       i(r || "Invalid license");
-    else if (p) {
-      const L = v[o], R = v[p];
-      L > R && i({ pluginRequiredPlan: o, licensePlan: p });
+    else if (d) {
+      const L = v[o], R = v[d];
+      L > R && i({ pluginRequiredPlan: o, licensePlan: d });
     }
   };
-  e.on(k, (s) => {
-    u = s == null ? void 0 : s.baseApiUrl, d = !0;
-  }), e.on(I, (s) => {
-    l(s);
+  e.on(U, (s) => {
+    u = s == null ? void 0 : s.baseApiUrl, p = !0;
+  }), e.on(D, (s) => {
+    c(s);
   }), setTimeout(async () => {
-    if (!d) {
+    if (!p) {
       if (t) return;
       if (n) {
-        const s = await M({ licenseKey: n, pluginName: a, baseApiUrl: u });
-        s && l(s);
+        const s = await B({ licenseKey: n, pluginName: a, baseApiUrl: u });
+        s && c(s);
       } else
         i("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function M(e) {
+async function B(e) {
   const { licenseKey: o, pluginName: a, baseApiUrl: n } = e;
   try {
-    return (await D({
+    return (await M({
       baseApiUrl: n,
       path: `/sdk/${o || "na"}`,
       method: "POST",
@@ -93,25 +95,25 @@ async function M(e) {
         pn: a
       }
     })).result || {};
-  } catch (c) {
-    return console.error("Error during SDK license check:", c), !1;
+  } catch (l) {
+    return console.error("Error during SDK license check:", l), !1;
   }
 }
-const B = (e) => {
+const N = (e) => {
   const o = {};
   for (const a of Object.keys(e)) {
     let n = e[a];
-    n && (Array.isArray(n) ? n = n.map((c) => c.toString()).join(",") : n = n.toString(), o[a] = n);
+    n && (Array.isArray(n) ? n = n.map((l) => l.toString()).join(",") : n = n.toString(), o[a] = n);
   }
   return new URLSearchParams(o);
-}, T = "youtube-video", j = (e) => {
-  const { apiKey: o, searchParams: a, thumbnailQuality: n = "high" } = e, c = (t = {}) => {
-    const l = "https://www.googleapis.com/youtube/v3/search", s = B(t);
-    return `${l}?${s}`;
+}, T = "youtube-video", W = (e) => {
+  const { apiKey: o, searchParams: a, thumbnailQuality: n = "high" } = e, l = (t = {}) => {
+    const c = "https://www.googleapis.com/youtube/v3/search", s = N(t);
+    return `${c}?${s}`;
   }, u = (t) => {
-    var i, l, s;
-    return ((i = t[n]) == null ? void 0 : i.url) || ((l = t.high) == null ? void 0 : l.url) || ((s = t.medium) == null ? void 0 : s.url) || t.default.url;
-  }, d = (t) => {
+    var i, c, s;
+    return ((i = t[n]) == null ? void 0 : i.url) || ((c = t.high) == null ? void 0 : c.url) || ((s = t.medium) == null ? void 0 : s.url) || t.default.url;
+  }, p = (t) => {
     const i = u(t.snippet.thumbnails);
     return {
       id: t.id.videoId,
@@ -128,22 +130,22 @@ const B = (e) => {
     search: { reloadOnInput: !0, debounceMs: 1e3 },
     async onLoad({ searchValue: t, pageCustomData: i }) {
       var b;
-      const l = {
+      const c = {
         maxResults: 25,
         q: t,
         pageToken: i == null ? void 0 : i.token,
         type: ["video"],
         key: o
       }, s = a == null ? void 0 : a({ searchValue: t }), r = {
-        ...l,
+        ...c,
         ...s
       };
       r.part ? r.part.includes("snippet") || r.part.push("snippet") : r.part = ["snippet"];
-      const p = await (await fetch(c(r))).json();
-      return (b = p.items) != null && b.length ? {
-        items: p.items.map(d),
-        nextPageCustomData: { token: p.nextPageToken },
-        isLastPage: !p.nextPageToken
+      const d = await (await fetch(l(r))).json();
+      return (b = d.items) != null && b.length ? {
+        items: d.items.map(p),
+        nextPageCustomData: { token: d.nextPageToken },
+        isLastPage: !d.nextPageToken
       } : { items: [], isLastPage: !0 };
     },
     itemLayout: ({ assetProps: t, onSelect: i }) => ({
@@ -162,8 +164,8 @@ const B = (e) => {
         {
           type: "custom",
           render: () => {
-            var l;
-            return `<img src="${(l = t.customData) == null ? void 0 : l.thumbnailUrl}" alt="${t.name}" style="width: 100%; height: 100px; object-fit: cover">`;
+            var c;
+            return `<img src="${(c = t.customData) == null ? void 0 : c.thumbnailUrl}" alt="${t.name}" style="width: 100%; height: 100px; object-fit: cover">`;
           }
         },
         {
@@ -180,21 +182,21 @@ const B = (e) => {
       ]
     })
   };
-}, N = {
+}, Y = {
   youtubeAssetProvider: {
     searchBtn: "Search on YouTube",
     modalTitle: "Select YouTube Video",
     providerLabel: "YouTube Videos"
   }
-}, W = "youtubeAssetProvider", Y = g.startup, _ = function(e, o) {
-  var l;
-  const { skipVideoComponent: a, i18n: n = {} } = o, c = j(o);
-  e.runCommand(h.assetProviderAdd, { provider: c });
-  const u = "search-on-youtube", d = "video", t = (l = e.Components.getType(d)) == null ? void 0 : l.model.prototype, i = (s) => {
+}, _ = "youtubeAssetProvider", K = g.startup, F = function(e, o) {
+  var c;
+  const { skipVideoComponent: a, i18n: n = {} } = o, l = W(o);
+  e.runCommand(h.assetProviderAdd, { provider: l });
+  const u = "search-on-youtube", p = "video", t = (c = e.Components.getType(p)) == null ? void 0 : c.model.prototype, i = (s) => {
     e.Assets.open({
       modalTitle: e.I18n.t("youtubeAssetProvider.modalTitle"),
-      providerId: c.id,
-      typeId: c.types[0],
+      providerId: l.id,
+      typeId: l.types[0],
       providers: [],
       types: [],
       select: (r) => {
@@ -208,7 +210,7 @@ const B = (e) => {
       }
     });
   };
-  !a && t && e.Components.addType(d, {
+  !a && t && e.Components.addType(p, {
     model: {
       getYoutubeTraits() {
         const [s, ...r] = t.getYoutubeTraits.apply(this);
@@ -234,15 +236,15 @@ const B = (e) => {
       }
     }
   }), e.I18n.addMessages({
-    en: N,
+    en: Y,
     ...n
-  }), E({
+  }), j({
     editor: e,
     licenseKey: o.licenseKey,
-    plan: Y,
-    pluginName: W,
+    plan: K,
+    pluginName: _,
     cleanup: () => {
-      e.runCommand(h.assetProviderRemove, { id: c.id }), !a && t && e.Components.addType(d, {
+      e.runCommand(h.assetProviderRemove, { id: l.id }), !a && t && e.Components.addType(p, {
         model: {
           getYoutubeTraits() {
             return t.getYoutubeTraits.apply(this).filter((s) => s.id !== u);
@@ -251,7 +253,7 @@ const B = (e) => {
       });
     }
   });
-}, K = $(_);
+}, q = E(F);
 export {
-  K as default
+  q as default
 };

package/dist/youtubeAssetProvider/index.umd.js

@@ -1 +1 @@
-(function(u,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(u=typeof globalThis<"u"?globalThis:u||self,u.StudioSdkPlugins_youtubeAssetProvider=b())})(this,function(){"use strict";var u=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(u||{}),b=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",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.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(b||{});const y="app.grapesjs.com",f="app-stage.grapesjs.com",v=[y,f,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],w="license:check:start",L="license:check:end",R=()=>typeof window<"u",k=({isDev:e,isStage:o})=>`${e?"":`https://${o?f:y}`}/api`,I=()=>{const e=R()&&window.location.hostname;return!!e&&(v.includes(e)||v.some(o=>e.endsWith(o)))};async function x({path:e,baseApiUrl:o,method:a="GET",headers:n={},params:c,body:d}){const t=`${o||k({isDev:!1,isStage:!1})}${e}`,i={method:a,headers:{"Content-Type":"application/json",...n}};d&&(i.body=JSON.stringify(d));const l=c?new URLSearchParams(c).toString():"",s=l?`?${l}`:"",r=await fetch(`${t}${s}`,i);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}const T={[u.free]:0,[u.startup]:10,[u.business]:20,[u.enterprise]:30};function U(e){const o=e;return o.init=a=>n=>e(n,a),o}const G=e=>U(e);async function D({editor:e,plan:o,pluginName:a,licenseKey:n,cleanup:c}){let d="",p=!1;const t=I(),i=s=>{console.warn("Cleanup plugin:",a,"Reason:",s),c()},l=(s={})=>{var h;const{error:r,sdkLicense:A}=s,g=(h=s.plan)==null?void 0:h.category;if(!(A||s.license)||r)i(r||"Invalid license");else if(g){const W=T[o],Y=T[g];W>Y&&i({pluginRequiredPlan:o,licensePlan:g})}};e.on(w,s=>{d=s==null?void 0:s.baseApiUrl,p=!0}),e.on(L,s=>{l(s)}),setTimeout(async()=>{if(!p){if(t)return;if(n){const s=await O({licenseKey:n,pluginName:a,baseApiUrl:d});s&&l(s)}else i("The `licenseKey` option not provided")}},2e3)}async function O(e){const{licenseKey:o,pluginName:a,baseApiUrl:n}=e;try{return(await x({baseApiUrl:n,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const $=e=>{const o={};for(const a of Object.keys(e)){let n=e[a];n&&(Array.isArray(n)?n=n.map(c=>c.toString()).join(","):n=n.toString(),o[a]=n)}return new URLSearchParams(o)},P="youtube-video",E=e=>{const{apiKey:o,searchParams:a,thumbnailQuality:n="high"}=e,c=(t={})=>{const l="https://www.googleapis.com/youtube/v3/search",s=$(t);return`${l}?${s}`},d=t=>{var i,l,s;return((i=t[n])==null?void 0:i.url)||((l=t.high)==null?void 0:l.url)||((s=t.medium)==null?void 0:s.url)||t.default.url},p=t=>{const i=d(t.snippet.thumbnails);return{id:t.id.videoId,src:`https://www.youtube.com/watch?v=${t.id.videoId}`,name:t.snippet.title,type:P,customData:{thumbnailUrl:i,videoItem:t}}};return{id:"youtube",types:[P],label:({editor:t})=>t.I18n.t("youtubeAssetProvider.providerLabel"),search:{reloadOnInput:!0,debounceMs:1e3},async onLoad({searchValue:t,pageCustomData:i}){var h;const l={maxResults:25,q:t,pageToken:i==null?void 0:i.token,type:["video"],key:o},s=a==null?void 0:a({searchValue:t}),r={...l,...s};r.part?r.part.includes("snippet")||r.part.push("snippet"):r.part=["snippet"];const g=await(await fetch(c(r))).json();return(h=g.items)!=null&&h.length?{items:g.items.map(p),nextPageCustomData:{token:g.nextPageToken},isLastPage:!g.nextPageToken}:{items:[],isLastPage:!0}},itemLayout:({assetProps:t,onSelect:i})=>({type:"column",onClick:()=>i(t),htmlAttrs:{title:t.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"custom",render:()=>{var l;return`<img src="${(l=t.customData)==null?void 0:l.thumbnailUrl}" alt="${t.name}" style="width: 100%; height: 100px; object-fit: cover">`}},{type:"text",content:t.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",paddingLeft:8,paddingRight:8}}]})}},M={youtubeAssetProvider:{searchBtn:"Search on YouTube",modalTitle:"Select YouTube Video",providerLabel:"YouTube Videos"}},B="youtubeAssetProvider",j=u.startup;return G(function(e,o){var l;const{skipVideoComponent:a,i18n:n={}}=o,c=E(o);e.runCommand(b.assetProviderAdd,{provider:c});const d="search-on-youtube",p="video",t=(l=e.Components.getType(p))==null?void 0:l.model.prototype,i=s=>{e.Assets.open({modalTitle:e.I18n.t("youtubeAssetProvider.modalTitle"),providerId:c.id,typeId:c.types[0],providers:[],types:[],select:r=>{e.Assets.close(),s.set({videoId:r.attributes.id})},content:{header:{addUrl:!1,upload:!1}}})};!a&&t&&e.Components.addType(p,{model:{getYoutubeTraits(){const[s,...r]=t.getYoutubeTraits.apply(this);return[s,{id:d,type:"button",label:e.I18n.t("youtubeAssetProvider.searchBtn"),command:()=>i(this)},...r]}},view:{events:()=>({dblclick:"onActive"}),onActive(){const{model:s}=this,r=s.get("provider")||"";r!=null&&r.startsWith("yt")&&i(s)}}}),e.I18n.addMessages({en:M,...n}),D({editor:e,licenseKey:o.licenseKey,plan:j,pluginName:B,cleanup:()=>{e.runCommand(b.assetProviderRemove,{id:c.id}),!a&&t&&e.Components.addType(p,{model:{getYoutubeTraits(){return t.getYoutubeTraits.apply(this).filter(s=>s.id!==d)}}})}})})});
+(function(u,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(u=typeof globalThis<"u"?globalThis:u||self,u.StudioSdkPlugins_youtubeAssetProvider=b())})(this,function(){"use strict";var u=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(u||{}),b=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",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.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(b||{});const y="app.grapesjs.com",f="app-stage.grapesjs.com",v=[y,"app2.grapesjs.com",f,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],w="license:check:start",L="license:check:end",I=()=>typeof window<"u",R=({isDev:e,isStage:o})=>`${e?"":`https://${o?f:y}`}/api`,k=()=>{const e=I()&&window.location.hostname;return!!e&&(v.includes(e)||v.some(o=>e.endsWith(o)))};async function D({path:e,baseApiUrl:o,method:a="GET",headers:n={},params:c,body:d}){const t=`${o||R({isDev:!1,isStage:!1})}${e}`,i={method:a,headers:{"Content-Type":"application/json",...n}};d&&(i.body=JSON.stringify(d));const l=c?new URLSearchParams(c).toString():"",s=l?`?${l}`:"",r=await fetch(`${t}${s}`,i);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}const T={[u.free]:0,[u.startup]:10,[u.business]:20,[u.enterprise]:30};function O(e){const o=e;return o.init=a=>n=>e(n,a),o}const x=e=>O(e);async function U({editor:e,plan:o,pluginName:a,licenseKey:n,cleanup:c}){let d="",p=!1;const t=k(),i=s=>{console.warn("Cleanup plugin:",a,"Reason:",s),c()},l=(s={})=>{var h;const{error:r,sdkLicense:A}=s,g=(h=s.plan)==null?void 0:h.category;if(!(A||s.license)||r)i(r||"Invalid license");else if(g){const _=T[o],W=T[g];_>W&&i({pluginRequiredPlan:o,licensePlan:g})}};e.on(w,s=>{d=s==null?void 0:s.baseApiUrl,p=!0}),e.on(L,s=>{l(s)}),setTimeout(async()=>{if(!p){if(t)return;if(n){const s=await G({licenseKey:n,pluginName:a,baseApiUrl:d});s&&l(s)}else i("The `licenseKey` option not provided")}},2e3)}async function G(e){const{licenseKey:o,pluginName:a,baseApiUrl:n}=e;try{return(await D({baseApiUrl:n,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const M=e=>{const o={};for(const a of Object.keys(e)){let n=e[a];n&&(Array.isArray(n)?n=n.map(c=>c.toString()).join(","):n=n.toString(),o[a]=n)}return new URLSearchParams(o)},P="youtube-video",E=e=>{const{apiKey:o,searchParams:a,thumbnailQuality:n="high"}=e,c=(t={})=>{const l="https://www.googleapis.com/youtube/v3/search",s=M(t);return`${l}?${s}`},d=t=>{var i,l,s;return((i=t[n])==null?void 0:i.url)||((l=t.high)==null?void 0:l.url)||((s=t.medium)==null?void 0:s.url)||t.default.url},p=t=>{const i=d(t.snippet.thumbnails);return{id:t.id.videoId,src:`https://www.youtube.com/watch?v=${t.id.videoId}`,name:t.snippet.title,type:P,customData:{thumbnailUrl:i,videoItem:t}}};return{id:"youtube",types:[P],label:({editor:t})=>t.I18n.t("youtubeAssetProvider.providerLabel"),search:{reloadOnInput:!0,debounceMs:1e3},async onLoad({searchValue:t,pageCustomData:i}){var h;const l={maxResults:25,q:t,pageToken:i==null?void 0:i.token,type:["video"],key:o},s=a==null?void 0:a({searchValue:t}),r={...l,...s};r.part?r.part.includes("snippet")||r.part.push("snippet"):r.part=["snippet"];const g=await(await fetch(c(r))).json();return(h=g.items)!=null&&h.length?{items:g.items.map(p),nextPageCustomData:{token:g.nextPageToken},isLastPage:!g.nextPageToken}:{items:[],isLastPage:!0}},itemLayout:({assetProps:t,onSelect:i})=>({type:"column",onClick:()=>i(t),htmlAttrs:{title:t.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"custom",render:()=>{var l;return`<img src="${(l=t.customData)==null?void 0:l.thumbnailUrl}" alt="${t.name}" style="width: 100%; height: 100px; object-fit: cover">`}},{type:"text",content:t.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",paddingLeft:8,paddingRight:8}}]})}},$={youtubeAssetProvider:{searchBtn:"Search on YouTube",modalTitle:"Select YouTube Video",providerLabel:"YouTube Videos"}},N="youtubeAssetProvider",j=u.startup;return x(function(e,o){var l;const{skipVideoComponent:a,i18n:n={}}=o,c=E(o);e.runCommand(b.assetProviderAdd,{provider:c});const d="search-on-youtube",p="video",t=(l=e.Components.getType(p))==null?void 0:l.model.prototype,i=s=>{e.Assets.open({modalTitle:e.I18n.t("youtubeAssetProvider.modalTitle"),providerId:c.id,typeId:c.types[0],providers:[],types:[],select:r=>{e.Assets.close(),s.set({videoId:r.attributes.id})},content:{header:{addUrl:!1,upload:!1}}})};!a&&t&&e.Components.addType(p,{model:{getYoutubeTraits(){const[s,...r]=t.getYoutubeTraits.apply(this);return[s,{id:d,type:"button",label:e.I18n.t("youtubeAssetProvider.searchBtn"),command:()=>i(this)},...r]}},view:{events:()=>({dblclick:"onActive"}),onActive(){const{model:s}=this,r=s.get("provider")||"";r!=null&&r.startsWith("yt")&&i(s)}}}),e.I18n.addMessages({en:$,...n}),U({editor:e,licenseKey:o.licenseKey,plan:j,pluginName:N,cleanup:()=>{e.runCommand(b.assetProviderRemove,{id:c.id}),!a&&t&&e.Components.addType(p,{model:{getYoutubeTraits(){return t.getYoutubeTraits.apply(this).filter(s=>s.id!==d)}}})}})})});

package/package.json

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