@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grapesjs/studio-sdk-plugins",
-  "version": "1.0.33-rc.1",
+  "version": "1.0.33",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -65,6 +65,7 @@
     "@ai-sdk/react": "^3.0.35",
     "ai": "^6.0.33",
     "handlebars": "^4.7.8",
+    "marked": "^17.0.1",
     "prosemirror-commands": "^1.6.2",
     "prosemirror-history": "^1.4.1",
     "prosemirror-inputrules": "^1.4.0",
@@ -74,7 +75,9 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-tables": "^1.6.1",
     "prosemirror-view": "^1.37.0",
-    "zod": "^3.25.76"
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.0",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
     "@ai-sdk/anthropic": ">=3.0.0",

package/dist/aiChat/components/AiChatInput.d.ts

@@ -1,17 +0,0 @@
-import { CommonComponentProps, UploadedAsset } from '../types';
-export interface AiChatInputProps extends CommonComponentProps {
-    /**
-     * Maximum number of images per message. Set to 0 to disable images.
-     * @default 5
-     */
-    maxImages?: number;
-    /**
-     * Upload project assets (images) to server.
-     * If not provided and files are added, they will be sent directly to the chat.
-     */
-    uploadProjectAssets?: (props: {
-        files: File[];
-    }) => Promise<UploadedAsset[]>;
-}
-export declare const AiChatInput: React.FC<AiChatInputProps>;
-export default AiChatInput;

package/dist/aiChat/server/stream-utils.d.ts

@@ -1,16 +0,0 @@
-import { ModelMessage } from 'ai';
-import { ToolCallInfo } from './types';
-export declare function injectImagesIntoMessages(messages: ModelMessage[], imageUrls: string[]): ModelMessage[];
-export declare function handleTextChunk(chunk: {
-    type: 'text-delta';
-    text?: string;
-}, onText?: (text: string) => void | Promise<void>): Promise<void>;
-export declare function handleToolCallChunk(chunk: {
-    type: 'tool-call';
-    toolCallId: string;
-    toolName: string;
-    input?: unknown;
-}, toolCalls: ToolCallInfo[], onToolCall?: (toolCall: ToolCallInfo) => void | Promise<void>): Promise<void>;
-export declare function processStreamChunk(chunk: {
-    type: string;
-}, toolCalls: ToolCallInfo[], onText?: (text: string) => void | Promise<void>, onToolCall?: (toolCall: ToolCallInfo) => void | Promise<void>): Promise<void>;