@grapesjs/studio-sdk-plugins 1.0.38 → 1.0.39-rc.0

package/dist/youtubeAssetProvider/index.es.js

@@ -1,7 +1,7 @@
-var g = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(g || {}), b = /* @__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.openEditCode = "studio:openEditCode", 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))(b || {});
-const w = "app.grapesjs.com", R = "app-stage.grapesjs.com", x = "app2.grapesjs.com", G = "app-stage2.grapesjs.com", P = [
+var g = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(g || {}), b = /* @__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.openEditCode = "studio:openEditCode", e.openBlocks = "studio:openBlocks", e.appendComponent = "studio:appendComponent", 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))(b || {});
+const w = "app.grapesjs.com", R = "app-stage.grapesjs.com", k = "app2.grapesjs.com", G = "app-stage2.grapesjs.com", P = [
   w,
-  x,
+  k,
   R,
   G,
   "localhost",
@@ -16,11 +16,11 @@ const w = "app.grapesjs.com", R = "app-stage.grapesjs.com", x = "app2.grapesjs.c
   // For Claude mcp app
   ".web-sandbox.oaiusercontent.com"
   // For OpenAI mcp app
-], U = "license:check:end", D = () => typeof window < "u", k = ({
+], U = "license:check:end", D = () => typeof window < "u", O = ({
   isDev: e,
   isStage: o,
-  isPlatform: i
-}) => `${e ? "" : `https://${o ? R : w}`}/${i ? "platform-api" : "api"}`, O = () => {
+  isPlatform: n
+}) => `${e ? "" : `https://${o ? R : w}`}/${n ? "platform-api" : "api"}`, E = () => {
   if (!D()) return "";
   const { hostname: e } = window.location;
   if (e) return e;
@@ -29,27 +29,27 @@ const w = "app.grapesjs.com", R = "app-stage.grapesjs.com", x = "app2.grapesjs.c
   } catch {
     return "";
   }
-}, E = () => {
-  const e = O();
+}, $ = () => {
+  const e = E();
   return !!e && (P.includes(e) || P.some((o) => e.endsWith(o)));
 };
-async function $({
+async function M({
   path: e,
   baseApiUrl: o,
-  method: i = "GET",
-  headers: n = {},
-  params: l,
+  method: n = "GET",
+  headers: a = {},
+  params: r,
   body: u
 }) {
-  const t = `${o || k({ isDev: !1, isStage: !1 })}${e}`, r = {
-    method: i,
+  const t = `${o || O({ isDev: !1, isStage: !1 })}${e}`, i = {
+    method: n,
     headers: {
       "Content-Type": "application/json",
-      ...n
+      ...a
     }
   };
-  u && (r.body = JSON.stringify(u));
-  const c = l ? new URLSearchParams(l).toString() : "", a = c ? `?${c}` : "", s = await fetch(`${t}${a}`, r);
+  u && (i.body = JSON.stringify(u));
+  const c = r ? new URLSearchParams(r).toString() : "", l = c ? `?${c}` : "", s = await fetch(`${t}${l}`, i);
   if (!s.ok)
     throw new Error(`HTTP error! status: ${s.status}`);
   return s.json();
@@ -60,98 +60,101 @@ const T = {
   [g.business]: 20,
   [g.enterprise]: 30
 };
-function M(e) {
-  const o = e;
-  return o.init = (i) => (n) => e(n, i), o;
+function B(e, o) {
+  const n = e;
+  return n.init = (a) => {
+    const r = (u) => e(u, a);
+    return r.__gjsPluginId = o, r;
+  }, n;
 }
-const j = (e) => /* @__PURE__ */ M(e);
-async function B({
+const j = (e, o) => /* @__PURE__ */ B(e, o);
+async function N({
   editor: e,
   plan: o,
-  pluginName: i,
-  licenseKey: n,
-  onLicenseCheckResponse: l,
+  pluginName: n,
+  licenseKey: a,
+  onLicenseCheckResponse: r,
   cleanup: u
 }) {
   let p = "", t;
-  const r = (s) => {
-    console.warn("Cleanup plugin:", i, "Reason:", s), u();
+  const i = (s) => {
+    console.warn("Cleanup plugin:", n, "Reason:", s), u(e, n);
   }, c = (s = {}) => {
     var v;
     const { error: h, sdkLicense: d } = s, y = (v = s.plan) == null ? void 0 : v.category;
     if (!(d || s.license) || h)
-      r(h || "Invalid license");
+      i(h || "Invalid license");
     else if (y) {
-      const I = T[o], L = T[y];
-      I > L && r({ pluginRequiredPlan: o, licensePlan: y });
+      const L = T[o], x = T[y];
+      L > x && i({ pluginRequiredPlan: o, licensePlan: y });
     }
   };
   e.Commands.has(b.settings) && (t = e.runCommand(b.settings), p = (t == null ? void 0 : t.baseUrl) || "");
-  const a = (s) => {
-    l == null || l(s), s && c(s);
+  const l = (s) => {
+    r == null || r(s), s && c(s);
   };
   if (!t) {
     e.onReady(async () => {
-      if (!E())
-        if (n) {
-          const s = await Y({ licenseKey: n, pluginName: i, baseApiUrl: p });
-          a(s);
+      if (!$())
+        if (a) {
+          const s = await _({ licenseKey: a, pluginName: n, baseApiUrl: p });
+          l(s);
         } else
-          r("The `licenseKey` option not provided");
+          i("The `licenseKey` option not provided");
     });
     return;
   }
   if (t.licensePlan || t.licenseError) {
-    const s = N(t);
-    a(s);
+    const s = Y(t);
+    l(s);
     return;
   }
-  e.on(U, (s) => a(s));
+  e.on(U, (s) => l(s));
 }
-const N = (e) => ({
+const Y = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function Y(e) {
-  const { licenseKey: o, pluginName: i, baseApiUrl: n } = e;
+async function _(e) {
+  const { licenseKey: o, pluginName: n, baseApiUrl: a } = e;
   try {
-    return (await $({
-      baseApiUrl: n,
+    return (await M({
+      baseApiUrl: a,
       path: `/sdk/${o || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: i
+        pn: n
       }
     })).result || {};
-  } catch (l) {
-    return console.error("Error during SDK license check:", l), !1;
+  } catch (r) {
+    return console.error("Error during SDK license check:", r), !1;
   }
 }
 const W = (e) => {
   const o = {};
-  for (const i of Object.keys(e)) {
-    let n = e[i];
-    n && (Array.isArray(n) ? n = n.map((l) => l.toString()).join(",") : n = n.toString(), o[i] = n);
+  for (const n of Object.keys(e)) {
+    let a = e[n];
+    a && (Array.isArray(a) ? a = a.map((r) => r.toString()).join(",") : a = a.toString(), o[n] = a);
   }
   return new URLSearchParams(o);
-}, A = "youtube-video", _ = (e) => {
-  const { apiKey: o, searchParams: i, thumbnailQuality: n = "high" } = e, l = (t = {}) => {
-    const c = "https://www.googleapis.com/youtube/v3/search", a = W(t);
-    return `${c}?${a}`;
+}, A = "youtube-video", F = (e) => {
+  const { apiKey: o, searchParams: n, thumbnailQuality: a = "high" } = e, r = (t = {}) => {
+    const c = "https://www.googleapis.com/youtube/v3/search", l = W(t);
+    return `${c}?${l}`;
   }, u = (t) => {
-    var r, c, a;
-    return ((r = t[n]) == null ? void 0 : r.url) || ((c = t.high) == null ? void 0 : c.url) || ((a = t.medium) == null ? void 0 : a.url) || t.default.url;
+    var i, c, l;
+    return ((i = t[a]) == null ? void 0 : i.url) || ((c = t.high) == null ? void 0 : c.url) || ((l = t.medium) == null ? void 0 : l.url) || t.default.url;
   }, p = (t) => {
-    const r = u(t.snippet.thumbnails);
+    const i = u(t.snippet.thumbnails);
     return {
       id: t.id.videoId,
       src: `https://www.youtube.com/watch?v=${t.id.videoId}`,
       name: t.snippet.title,
       type: A,
-      customData: { thumbnailUrl: r, videoItem: t }
+      customData: { thumbnailUrl: i, videoItem: t }
     };
   };
   return {
@@ -159,29 +162,29 @@ const W = (e) => {
     types: [A],
     label: ({ editor: t }) => t.I18n.t("youtubeAssetProvider.providerLabel"),
     search: { reloadOnInput: !0, debounceMs: 1e3 },
-    async onLoad({ searchValue: t, pageCustomData: r }) {
+    async onLoad({ searchValue: t, pageCustomData: i }) {
       var f;
       const c = {
         maxResults: 25,
         q: t,
-        pageToken: r == null ? void 0 : r.token,
+        pageToken: i == null ? void 0 : i.token,
         type: ["video"],
         key: o
-      }, a = i == null ? void 0 : i({ searchValue: t }), s = {
+      }, l = n == null ? void 0 : n({ searchValue: t }), s = {
         ...c,
-        ...a
+        ...l
       };
       s.part ? s.part.includes("snippet") || s.part.push("snippet") : s.part = ["snippet"];
-      const d = await (await fetch(l(s))).json();
+      const d = await (await fetch(r(s))).json();
       return (f = d.items) != null && f.length ? {
         items: d.items.map(p),
         nextPageCustomData: { token: d.nextPageToken },
         isLastPage: !d.nextPageToken
       } : { items: [], isLastPage: !0 };
     },
-    itemLayout: ({ assetProps: t, onSelect: r }) => ({
+    itemLayout: ({ assetProps: t, onSelect: i }) => ({
       type: "column",
-      onClick: () => r(t),
+      onClick: () => i(t),
       htmlAttrs: {
         title: t.name
       },
@@ -213,25 +216,25 @@ const W = (e) => {
       ]
     })
   };
-}, F = {
+}, K = {
   youtubeAssetProvider: {
     searchBtn: "Search on YouTube",
     modalTitle: "Select YouTube Video",
     providerLabel: "YouTube Videos"
   }
-}, K = "youtubeAssetProvider", q = g.startup, H = function(e, o) {
+}, I = "youtubeAssetProvider", q = g.startup, H = function(e, o) {
   var c;
-  const { skipVideoComponent: i, i18n: n = {} } = o, l = _(o);
-  e.runCommand(b.assetProviderAdd, { provider: l });
-  const u = "search-on-youtube", p = "video", t = (c = e.Components.getType(p)) == null ? void 0 : c.model.prototype, r = (a) => {
+  const { skipVideoComponent: n, i18n: a = {} } = o, r = F(o);
+  e.runCommand(b.assetProviderAdd, { provider: r });
+  const u = "search-on-youtube", p = "video", t = (c = e.Components.getType(p)) == null ? void 0 : c.model.prototype, i = (l) => {
     e.Assets.open({
       modalTitle: e.I18n.t("youtubeAssetProvider.modalTitle"),
-      providerId: l.id,
-      typeId: l.types[0],
+      providerId: r.id,
+      typeId: r.types[0],
       providers: [],
       types: [],
       select: (s) => {
-        e.Assets.close(), a.set({ videoId: s.attributes.id });
+        e.Assets.close(), l.set({ videoId: s.attributes.id });
       },
       content: {
         header: {
@@ -241,17 +244,17 @@ const W = (e) => {
       }
     });
   };
-  !i && t && e.Components.addType(p, {
+  !n && t && e.Components.addType(p, {
     model: {
       getYoutubeTraits() {
-        const [a, ...s] = t.getYoutubeTraits.apply(this);
+        const [l, ...s] = t.getYoutubeTraits.apply(this);
         return [
-          a,
+          l,
           {
             id: u,
             type: "button",
             label: e.I18n.t("youtubeAssetProvider.searchBtn"),
-            command: () => r(this)
+            command: () => i(this)
           },
           ...s
         ];
@@ -262,29 +265,29 @@ const W = (e) => {
         dblclick: "onActive"
       }),
       onActive() {
-        const { model: a } = this, s = a.get("provider") || "";
-        s != null && s.startsWith("yt") && r(a);
+        const { model: l } = this, s = l.get("provider") || "";
+        s != null && s.startsWith("yt") && i(l);
       }
     }
   }), e.I18n.addMessages({
-    en: F,
-    ...n
-  }), B({
+    en: K,
+    ...a
+  }), N({
     editor: e,
     licenseKey: o.licenseKey,
     plan: q,
-    pluginName: K,
+    pluginName: I,
     cleanup: () => {
-      e.runCommand(b.assetProviderRemove, { id: l.id }), !i && t && e.Components.addType(p, {
+      e.runCommand(b.assetProviderRemove, { id: r.id }), !n && t && e.Components.addType(p, {
         model: {
           getYoutubeTraits() {
-            return t.getYoutubeTraits.apply(this).filter((a) => a.id !== u);
+            return t.getYoutubeTraits.apply(this).filter((l) => l.id !== u);
           }
         }
       });
     }
   });
-}, V = j(H);
+}, V = j(H, I);
 export {
   V as default
 };

package/dist/youtubeAssetProvider/index.js

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

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