@grapesjs/studio-sdk-plugins 1.0.34 → 1.0.35

package/dist/aiChat/server/tools.d.ts

@@ -1,7 +1,7 @@
 import { LanguageModelV3 } from '@ai-sdk/provider';
-import { createUIMessageStream, Tool, UIMessageStreamWriter } from 'ai';
-import { AvailablePanels, ProjectContext } from '../types';
-import { AgentCodeOptions, CreateStreamResponseOptions, CreateToolStatusWriterOptions, OnEndCallback, ToolStatusWriter } from './types';
+import { createUIMessageStream, generateImage, Tool, GeneratedFile, ImageModel, UIMessageStreamWriter } from 'ai';
+import { ToolBuiltInCommands, ProjectContext, ToolGenerateImageInput } from '../types';
+import { AgentCodeOptions, CreateServerCommandToolOptions, CreateStreamResponseOptions, CreateToolStatusWriterOptions, CreateToolStatusWriterOptionsFactory, OnEndCallback, ToolStatusWriter } from './types';
 interface BuildDefaultToolsOptions extends CreateStreamResponseOptions {
     writer: Parameters<Parameters<typeof createUIMessageStream>[0]['execute']>[0]['writer'];
     chatModel: LanguageModelV3;
@@ -10,25 +10,85 @@ interface BuildDefaultToolsOptions extends CreateStreamResponseOptions {
  * Create a tool status writer for sending progress updates from custom tools.
  */
 export declare function createToolStatusWriter(options: CreateToolStatusWriterOptions): ToolStatusWriter;
+export declare function stripGeneratedWrapper(code: string): string;
 export declare function createTool<INPUT, OUTPUT>(options: Tool<INPUT, OUTPUT>): Tool<INPUT, OUTPUT>;
 export declare function createTool<INPUT>(options: Tool<INPUT, never>): Tool<INPUT, never>;
-export declare const toolAddNewComponent: Tool<{
-    name: string;
-    plan: string;
-    componentId: string;
-    position: "before" | "beforeInside" | "afterInside" | "after";
-    imageUrls: string[];
-}, never>;
+type GenerateImageCallOptions = Parameters<typeof generateImage>[0];
+type GenerateImageCallResult = Awaited<ReturnType<typeof generateImage>>;
+type GenerateImageUsage = GenerateImageCallResult['usage'];
+type GenerateImageAdditionalOptions = Partial<Omit<GenerateImageCallOptions, 'model' | 'prompt'>>;
+export interface ToolGenerateImageUploadProps {
+    files: File[];
+    images: GeneratedFile[];
+    input: ToolGenerateImageInput;
+    toolCallId: string;
+}
+export interface ToolGenerateImageUploadResult {
+    urls: string[];
+    [key: string]: unknown;
+}
+export interface ToolGenerateImageOnStartProps {
+    statusWriter?: ToolStatusWriter;
+    input: ToolGenerateImageInput;
+    toolCallId: string;
+    options: GenerateImageCallOptions;
+}
+export interface ToolGenerateImageOnEndGenerationProps extends ToolGenerateImageOnStartProps {
+    result: GenerateImageCallResult;
+    usage: GenerateImageUsage;
+}
+export interface ToolGenerateImageOnEndProps extends ToolGenerateImageOnEndGenerationProps {
+    uploadResult: string[] | ToolGenerateImageUploadResult;
+    uploadedUrls: string[];
+}
+export interface CreateToolGenerateImageOptions {
+    model: ImageModel;
+    uploadImages: (props: ToolGenerateImageUploadProps) => Promise<string[]>;
+    createToolStatusWriter?: (options: CreateToolStatusWriterOptionsFactory) => ToolStatusWriter;
+    onStart?: (props: ToolGenerateImageOnStartProps) => Promise<GenerateImageAdditionalOptions | void> | GenerateImageAdditionalOptions | void;
+    onEndGeneration?: (props: ToolGenerateImageOnEndGenerationProps) => Promise<void> | void;
+    onEnd?: (props: ToolGenerateImageOnEndProps) => Promise<void> | void;
+    generateImageOptions?: GenerateImageAdditionalOptions;
+    abortSignal?: AbortSignal;
+    defaultN?: number;
+    sizes?: string[];
+    ratios?: string[];
+    maxImages?: number;
+    description?: string;
+}
+export declare function createToolGenerateImage(options: CreateToolGenerateImageOptions): Tool<ToolGenerateImageInput, {
+    urls: string[];
+}>;
 export interface CreateToolAgentCodeProps {
     writer: UIMessageStreamWriter;
     projectContext: ProjectContext;
     model: LanguageModelV3;
     abortSignal?: AbortSignal;
     streamOptions?: AgentCodeOptions['streamOptions'];
+    postStream?: AgentCodeOptions['postStream'];
     onEnd?: OnEndCallback;
 }
+export declare const toolRemoveComponent: Tool<{
+    componentId: string;
+}, never>;
+export declare const toolMoveComponent: Tool<{
+    sourceId: string;
+    targetId: string;
+    targetIndex: number;
+}, never>;
+export declare const toolGetPageContent: Tool<{
+    pageId: string;
+}, never>;
+export declare const toolListPages: Tool<Record<string, never>, never>;
+export declare const toolAddComponent: Tool<{
+    name: string;
+    plan: string;
+    componentId: string;
+    position: "before" | "beforeInside" | "afterInside" | "after";
+    imageUrls: string[];
+}, never>;
 /**
- * Returns addNewComponent tool that runs on the server and uses the stream writer
+ * Returns addComponent tool that runs on the server and uses the stream writer
  * to send data-tool-status (in-progress, streaming, done) for real-time UI updates.
  * @see https://ai-sdk.dev/docs/reference/ai-sdk-ui/create-ui-message-stream
  */
@@ -52,22 +112,6 @@ export declare function createToolEditComponent(props: CreateToolAgentCodeProps)
     plan: string;
     imageUrls: string[];
 }, Record<string, unknown>>;
-export declare const toolRemoveComponent: Tool<{
-    componentId: string;
-}, never>;
-export declare const toolMoveComponent: Tool<{
-    sourceId: string;
-    targetId: string;
-    targetIndex: number;
-}, never>;
-export declare const toolGetPageContent: Tool<{
-    pageId: string;
-}, never>;
-export declare const toolListPages: Tool<Record<string, never>, never>;
-export declare const toolFetchWebsite: Tool<{
-    url: string;
-    name: string;
-}, never>;
 export declare const toolAddNewPage: Tool<{
     name: string;
     plan: string;
@@ -86,7 +130,6 @@ export declare function createToolAddPage(props: CreateToolAgentCodeProps): Tool
 export declare const toolAddNewProjectPage: Tool<{
     name: string;
     plan: string;
-    imageUrls: string[];
 }, never>;
 /**
  * Returns addNewProjectPage tool that runs on the server and uses the stream writer
@@ -96,101 +139,10 @@ export declare const toolAddNewProjectPage: Tool<{
 export declare function createToolAddProjectPage(props: CreateToolAgentCodeProps): Tool<{
     name: string;
     plan: string;
-    imageUrls: string[];
 }, Record<string, unknown>>;
-export declare const toolShowPanel: Tool<{
-    panelId: AvailablePanels;
+export declare const defaultCommandDescriptions: Partial<Record<ToolBuiltInCommands, string>>;
+export declare function createCommandTool(options?: CreateServerCommandToolOptions): Tool<{
+    commandId: ToolBuiltInCommands;
 }, never>;
-export declare const toolsNewProject: {
-    addNewProjectPage: Tool<{
-        name: string;
-        plan: string;
-        imageUrls: string[];
-    }, never>;
-};
-export declare const toolsWeb: {
-    addNewPage: Tool<{
-        name: string;
-        plan: string;
-        imageUrls: string[];
-    }, never>;
-    addNewComponent: Tool<{
-        name: string;
-        plan: string;
-        componentId: string;
-        position: "before" | "beforeInside" | "afterInside" | "after";
-        imageUrls: string[];
-    }, never>;
-    removeComponent: Tool<{
-        componentId: string;
-    }, never>;
-    moveComponent: Tool<{
-        sourceId: string;
-        targetId: string;
-        targetIndex: number;
-    }, never>;
-    editComponent: Tool<{
-        plan: string;
-        imageUrls: string[];
-    }, never>;
-    getPageContent: Tool<{
-        pageId: string;
-    }, never>;
-    listPages: Tool<Record<string, never>, never>;
-};
-export declare const toolsEmail: {
-    addNewComponent: Tool<{
-        name: string;
-        plan: string;
-        componentId: string;
-        position: "before" | "beforeInside" | "afterInside" | "after";
-        imageUrls: string[];
-    }, never>;
-    editComponent: Tool<{
-        plan: string;
-        imageUrls: string[];
-    }, never>;
-    removeComponent: Tool<{
-        componentId: string;
-    }, never>;
-    moveComponent: Tool<{
-        sourceId: string;
-        targetId: string;
-        targetIndex: number;
-    }, never>;
-    getPageContent: Tool<{
-        pageId: string;
-    }, never>;
-};
-export declare function getDefaultProjectTools({ isEmail, isNewProject }?: Partial<ProjectContext>): {
-    addNewProjectPage: Tool<{
-        name: string;
-        plan: string;
-        imageUrls: string[];
-    }, never>;
-} | {
-    addNewComponent: Tool<{
-        name: string;
-        plan: string;
-        componentId: string;
-        position: "before" | "beforeInside" | "afterInside" | "after";
-        imageUrls: string[];
-    }, never>;
-    editComponent: Tool<{
-        plan: string;
-        imageUrls: string[];
-    }, never>;
-    removeComponent: Tool<{
-        componentId: string;
-    }, never>;
-    moveComponent: Tool<{
-        sourceId: string;
-        targetId: string;
-        targetIndex: number;
-    }, never>;
-    getPageContent: Tool<{
-        pageId: string;
-    }, never>;
-};
 export declare function buildDefaultTools(options: BuildDefaultToolsOptions): Record<string, Tool>;
 export {};

package/dist/aiChat/server/types.d.ts

@@ -1,7 +1,48 @@
 import { LanguageModelV3 } from '@ai-sdk/provider';
-import { FinishReason, LanguageModelUsage, Tool, UIMessage, UIMessageStreamOptions, UIMessageStreamWriter, streamText } from 'ai';
-import { ProjectContext } from '../types';
+import { FinishReason, LanguageModelUsage, ModelMessage, Tool, UIMessage, UIMessageStreamOptions, UIMessageStreamWriter, streamText } from 'ai';
+import { ChatToolAgentCode, ProjectContext, ToolBuiltInCommands } from '../types';
+export declare enum ChatPromptKeys {
+    SELECTED_PAGE_ID = "SELECTED_PAGE_ID",
+    SELECTED_PAGE_NAME = "SELECTED_PAGE_NAME",
+    SELECTED_COMPONENT_IDS = "SELECTED_COMPONENT_IDS",
+    IS_PROJECT_EMPTY = "IS_PROJECT_EMPTY"
+}
 export type StreamTextOptions = Parameters<typeof streamText>[0];
+export interface AgentCodePromptOptions {
+    preamble?: string;
+    postamble?: string;
+    currentCode?: string;
+    mainPage?: string;
+    design?: string;
+    imageRefs?: string;
+    media?: string;
+    icons?: string;
+    pageLinking?: string;
+    css?: string;
+    responsiveStyles?: string;
+    globalStyles?: string;
+    plugins?: string;
+    scripts?: string;
+    output?: string;
+}
+export type AgentCodeStreamOptions = Partial<Omit<StreamTextOptions, 'model' | 'prompt' | 'abortSignal' | 'toolChoice' | 'messages' | 'tools' | 'onToolCall'>>;
+export interface AgentCodeStreamOptionsFnProps<TInput = unknown> {
+    options: AgentCodeStreamOptions & Pick<StreamTextOptions, 'model' | 'prompt' | 'abortSignal'>;
+    toolName: ChatToolAgentCode;
+    projectContext: ProjectContext;
+    input: TInput;
+    prompt: string | ModelMessage[];
+    getSystemPrompt: (projectContext: ProjectContext, options?: AgentCodePromptOptions) => string;
+}
+export type AgentCodeStreamOptionsFn<TInput = unknown> = (props: AgentCodeStreamOptionsFnProps<TInput>) => AgentCodeStreamOptions | void;
+export interface AgentCodePostStreamProps<TInput = unknown> {
+    content: string;
+    statusWriter: ToolStatusWriter;
+    toolName: ChatToolAgentCode;
+    projectContext: ProjectContext;
+    input: TInput;
+}
+export type AgentCodePostStream<TInput = unknown> = (props: AgentCodePostStreamProps<TInput>) => void | Promise<void>;
 /**
  * Callback invoked when a streamText call finishes, useful for tracking LLM usage.
  */
@@ -28,7 +69,11 @@ export interface AgentCodeOptions {
     /**
      * Additional stream text options passed to the agent's internal streamText calls
      */
-    streamOptions?: Partial<Omit<StreamTextOptions, 'model' | 'system' | 'prompt' | 'abortSignal' | 'toolChoice' | 'messages' | 'tools' | 'onToolCall'>>;
+    streamOptions?: AgentCodeStreamOptions | AgentCodeStreamOptionsFn;
+    /**
+     * Hook executed after the sub-agent stream ends and before the final done status is emitted.
+     */
+    postStream?: AgentCodePostStream;
 }
 /**
  * Return type of createToolStatusWriter function
@@ -64,6 +109,15 @@ export interface CreateToolStatusWriterOptions {
  */
 export interface CreateToolStatusWriterOptionsFactory extends Omit<CreateToolStatusWriterOptions, 'writer'> {
 }
+export interface CommandToolServerDefinition {
+    description?: string;
+}
+export type CommandToolServerDefinitions = Partial<Record<ToolBuiltInCommands | string, CommandToolServerDefinition>>;
+export interface CreateServerCommandToolOptions {
+    skipDefault?: boolean;
+    commands?: CommandToolServerDefinitions;
+    projectContext?: Partial<ProjectContext>;
+}
 /**
  * Options passed to the tools callback function
  */
@@ -101,6 +155,10 @@ export interface ToolsCallbackOptions {
      * ```
      */
     createToolStatusWriter: (options: CreateToolStatusWriterOptionsFactory) => ToolStatusWriter;
+    /**
+     * Create a server-side runCommand tool using built-in command definitions.
+     */
+    createCommandTool: (options?: CreateServerCommandToolOptions) => Tool;
 }
 export interface ChatSystemPrompt {
     /**

package/dist/aiChat/types.d.ts

@@ -1,10 +1,10 @@
 import { Chat, UIMessage, useChat, UseChatHelpers } from '@ai-sdk/react';
 import { ChatInit, DynamicToolUIPart, HttpChatTransportInitOptions, ToolUIPart } from 'ai';
 import { Component, Editor } from 'grapesjs';
-import { LicenseCheckResult } from '../utils';
 import { StudioLayoutComponentsConfig } from '../types';
-import { AiChatLayoutComponentsRegistryEntries } from './components/index';
+import { LicenseCheckResult } from '../utils';
 import { ToolStatusProgressMap } from './clientToolsProcessors';
+import { AiChatLayoutComponentsRegistryEntries } from './components/index';
 import { AiChatOptions as AiChatOptionsSchema, CommonComponentPropsSchema } from './typesSchema';
 /**
  * ChatMessage is a direct alias of AI SDK's UIMessage
@@ -23,7 +23,8 @@ export declare enum AiChatToolName {
     GET_PAGE_CONTENT = "getPageContent",
     LIST_PAGES = "listPages",
     FETCH_WEBSITE = "fetchWebsite",
-    SHOW_PANEL = "showPanel"
+    GENERATE_IMAGE = "generateImage",
+    RUN_COMMAND = "runCommand"
 }
 export declare enum ChatToolAgentCode {
     ADD_COMPONENT_CODE = "addComponentCode",
@@ -31,18 +32,25 @@ export declare enum ChatToolAgentCode {
     ADD_PAGE_CODE = "addPageCode",
     ADD_PROJECT_PAGE_CODE = "addProjectPageCode"
 }
-export declare enum AvailablePanels {
-    EDIT_EXPORT_CODE = "editExportCode",
-    PUBLISH = "publish",
+export declare enum ToolBuiltInCommands {
+    SHOW_CODE = "showCode",
+    IMPORT_CODE = "importCode",
     PAGE_SETTINGS = "pageSettings",
-    IMPORT_HTML = "importHTML",
-    PREVIEW = "preview"
+    PREVIEW = "preview",
+    PUBLISH = "publish"
 }
 export declare enum AiChatCommands {
     getChatManager = "aiChat:getChatManager",
     getChatState = "aiChat:getChatState",
     getChatApi = "aiChat:getChatApi"
 }
+export interface ToolGenerateImageInput extends Record<string, unknown> {
+    prompt: string;
+    images?: string[];
+    n?: number;
+    size?: string;
+    aspectRatio?: string;
+}
 export interface AiChatToolsArguments {
     [AiChatToolName.ADD_NEW_COMPONENT]: {
         name: string;
@@ -76,14 +84,15 @@ export interface AiChatToolsArguments {
         plan: string;
         imageUrls: string[];
     };
-    [AiChatToolName.SHOW_PANEL]: {
-        panelId: AvailablePanels;
+    [AiChatToolName.RUN_COMMAND]: {
+        commandId: ToolBuiltInCommands;
     };
     [AiChatToolName.LIST_PAGES]: Record<string, never>;
     [AiChatToolName.FETCH_WEBSITE]: {
         url: string;
         name: string;
     };
+    [AiChatToolName.GENERATE_IMAGE]: ToolGenerateImageInput;
 }
 export interface ProjectContext {
     /**
@@ -176,6 +185,45 @@ export interface AiChatMessagePartLayoutProps extends AiChatMessageLayoutProps {
 export interface AiChatMessageToolDetailLayoutProps extends AiChatMessagePartLayoutProps {
     part: ToolUIPart | DynamicToolUIPart;
     toolName: string;
+    isProcessing: boolean;
+    isCompleted?: boolean;
+    input?: unknown;
+    output?: unknown;
+}
+export interface AiChatToolData<TInput extends Record<string, unknown> = Record<string, unknown>> {
+    type: 'data-tool-status';
+    id: string;
+    data: {
+        name: string;
+        input: TInput;
+        status: 'in-progress' | 'streaming' | 'done' | 'complete' | 'error';
+        content?: string;
+        error?: string;
+        metadata?: Record<string, unknown>;
+    };
+}
+export interface AiChatClientToolOnDataProps<TInput extends Record<string, unknown> = Record<string, unknown>> {
+    editor: Editor;
+    chatApi: ChatApi;
+    toolStatus: AiChatToolData<TInput>;
+    toolStatusProgress: ToolStatusProgressMap;
+}
+export interface CommandLabelProps {
+    isExecuted: boolean;
+}
+type CommandToolResult = string | Record<string, unknown> | void;
+export interface CommandToolClientDefinition {
+    label?: (props: CommandLabelProps) => StudioLayoutComponentsConfig | undefined | void;
+    execute?: (props: {
+        editor: Editor;
+        input: AiChatToolsArguments[AiChatToolName.RUN_COMMAND];
+        context: AiChatToolContext;
+    }) => Promise<CommandToolResult> | CommandToolResult;
+}
+export type CommandToolClientDefinitions = Partial<Record<ToolBuiltInCommands | string, CommandToolClientDefinition>>;
+export interface CreateCommandToolOptions {
+    skipDefault?: boolean;
+    commands?: CommandToolClientDefinitions;
 }
 /**
  * Client-side tool definition
@@ -185,6 +233,14 @@ export interface AiChatClientTool<TInput extends Record<string, unknown> = any>
      * Execute the tool on the client side
      */
     execute?: (input: TInput, context: AiChatToolContext) => Promise<string | Record<string, unknown>>;
+    /**
+     * Custom label for tool in the message.
+     */
+    layoutToolLabel?: (props: AiChatMessageToolDetailLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    /**
+     * Callback on incoming status data for this tool.
+     */
+    onData?: (props: AiChatClientToolOnDataProps<TInput>) => void;
     /**
      * Custom layout for tool in the message.
      */
@@ -203,7 +259,8 @@ export interface AiChatToolContext {
 /**
  * Default tools type
  */
-export type AiChatDefaultTools = Record<AiChatToolName, AiChatClientTool>;
+export type AiChatDefaultToolName = AiChatToolName.REMOVE_COMPONENT | AiChatToolName.MOVE_COMPONENT | AiChatToolName.GET_PAGE_CONTENT | AiChatToolName.LIST_PAGES | AiChatToolName.GENERATE_IMAGE | AiChatToolName.RUN_COMMAND;
+export type AiChatDefaultTools = Record<AiChatDefaultToolName, AiChatClientTool>;
 /**
  * Custom tools type
  */
@@ -214,6 +271,7 @@ export type AiChatTools = Record<string, AiChatClientTool>;
 export type AiChatToolsFn = (props: {
     defaultTools: AiChatDefaultTools;
     editor: Editor;
+    createCommandTool: (options?: CreateCommandToolOptions) => AiChatClientTool<AiChatToolsArguments[AiChatToolName.RUN_COMMAND]>;
 }) => AiChatTools;
 /**
  * Props for custom message component

package/dist/aiChat/typesSchema.d.ts

@@ -112,6 +112,28 @@ export interface AiChatPanelPropsSchema extends CommonComponentPropsSchema {
     pluginOptions: object;
 }
 export interface AiChatHeaderPropsSchema {
+    /**
+     * Custom title for the header.
+     */
+    title?: string;
+    /**
+     * Custom layout rendered before the header content.
+     */
+    layoutBefore?: '__fn__';
+    /**
+     * Custom layout rendered after the header content.
+     */
+    layoutAfter?: '__fn__';
+    /**
+     * Props forwarded to the clear button.
+     * Use `onClear` to customize clear behavior.
+     */
+    clearButtonProps?: object;
+    /**
+     * Custom clear handler.
+     * Receives `chatApi`, `clear`, and click `event`.
+     */
+    onClear?: '__fn__';
 }
 export interface AiChatErrorPropsSchema {
 }
@@ -197,6 +219,11 @@ export interface AiChatMessagePropsSchema {
      * Indicates if the message is currently streaming
      */
     isStreaming?: boolean;
+    /**
+     * Render source parts (source-url/source-document) when available.
+     * @default false
+     */
+    showSources?: boolean;
     /**
      * Custom layout before the message
      */

package/dist/googleFontsAssetProvider/index.cjs.js

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

package/dist/googleFontsAssetProvider/index.es.js

@@ -1,7 +1,7 @@
-var p = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(p || {}), v = /* @__PURE__ */ ((t) => (t.toastAdd = "studio:toastAdd", t.toastRemove = "studio:toastRemove", t.dialogOpen = "studio:dialogOpen", t.dialogClose = "studio:dialogClose", t.dialogExportCode = "studio:dialogExportCode", t.sidebarLeftSet = "studio:sidebarLeft:set", t.sidebarLeftGet = "studio:sidebarLeft:get", t.sidebarLeftToggle = "studio:sidebarLeft:toggle", t.sidebarRightSet = "studio:sidebarRight:set", t.sidebarRightGet = "studio:sidebarRight:get", t.sidebarRightToggle = "studio:sidebarRight:toggle", t.sidebarTopSet = "studio:sidebarTop:set", t.sidebarTopGet = "studio:sidebarTop:get", t.sidebarTopToggle = "studio:sidebarTop:toggle", t.sidebarBottomSet = "studio:sidebarBottom:set", t.sidebarBottomGet = "studio:sidebarBottom:get", t.sidebarBottomToggle = "studio:sidebarBottom:toggle", t.symbolAdd = "studio:symbolAdd", t.symbolDetach = "studio:symbolDetach", t.symbolOverride = "studio:symbolOverride", t.symbolPropagateStyles = "studio:propagateStyles", t.getPagesConfig = "studio:getPagesConfig", t.setPagesConfig = "studio:setPagesConfig", t.getPageSettings = "studio:getPageSettings", t.setPageSettings = "studio:setPageSettings", t.clearPage = "studio:clearPage", t.projectFiles = "studio:projectFiles", t.validateCode = "studio:validateCode", t.canvasReload = "studio:canvasReload", t.getBlocksPanel = "studio:getBlocksPanel", t.setBlocksPanel = "studio:setBlocksPanel", t.getStateContextMenu = "studio:getStateContextMenu", t.setStateContextMenu = "studio:setStateContextMenu", t.contextMenuComponent = "studio:contextMenuComponent", t.layoutAdd = "studio:layoutAdd", t.layoutRemove = "studio:layoutRemove", t.layoutToggle = "studio:layoutToggle", t.layoutUpdate = "studio:layoutUpdate", t.layoutGet = "studio:layoutGet", t.layoutConfigGet = "studio:layoutConfigGet", t.layoutConfigSet = "studio:layoutConfigSet", t.layoutComponentAdd = "studio:layoutComponentAdd", t.layoutComponentGet = "studio:layoutComponentGet", t.layoutComponentRemove = "studio:layoutComponentRemove", t.layoutComponentRender = "studio:layoutComponentRender", t.getStateTheme = "studio:getStateTheme", t.setStateTheme = "studio:setStateTheme", t.assetProviderGet = "studio:assetProviderGet", t.assetProviderAdd = "studio:assetProviderAdd", t.assetProviderRemove = "studio:assetProviderRemove", t.fontGet = "studio:fontGet", t.fontAdd = "studio:fontAdd", t.fontRemove = "studio:fontRemove", t.fontManagerOpen = "studio:fontManagerOpen", t.menuFontLoad = "studio:menuFontLoad", t.toggleStateDataSource = "studio:toggleStateDataSource", t.getStateDataSource = "studio:getStateDataSource", t.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", t.dataSourceSetImporter = "studio:dataSourceSetImporter", t.dataSourceSetExporter = "studio:dataSourceSetExporter", t.setDragAbsolute = "studio:setDragAbsolute", t))(v || {});
-const D = "app.grapesjs.com", G = "app-stage.grapesjs.com", I = "app2.grapesjs.com", $ = "app-stage2.grapesjs.com", w = [
+var p = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(p || {}), v = /* @__PURE__ */ ((t) => (t.toastAdd = "studio:toastAdd", t.toastRemove = "studio:toastRemove", t.dialogOpen = "studio:dialogOpen", t.dialogClose = "studio:dialogClose", t.dialogExportCode = "studio:dialogExportCode", t.dialogImportCode = "studio:dialogImportCode", t.sidebarLeftSet = "studio:sidebarLeft:set", t.sidebarLeftGet = "studio:sidebarLeft:get", t.sidebarLeftToggle = "studio:sidebarLeft:toggle", t.sidebarRightSet = "studio:sidebarRight:set", t.sidebarRightGet = "studio:sidebarRight:get", t.sidebarRightToggle = "studio:sidebarRight:toggle", t.sidebarTopSet = "studio:sidebarTop:set", t.sidebarTopGet = "studio:sidebarTop:get", t.sidebarTopToggle = "studio:sidebarTop:toggle", t.sidebarBottomSet = "studio:sidebarBottom:set", t.sidebarBottomGet = "studio:sidebarBottom:get", t.sidebarBottomToggle = "studio:sidebarBottom:toggle", t.symbolAdd = "studio:symbolAdd", t.symbolDetach = "studio:symbolDetach", t.symbolOverride = "studio:symbolOverride", t.symbolPropagateStyles = "studio:propagateStyles", t.getPagesConfig = "studio:getPagesConfig", t.setPagesConfig = "studio:setPagesConfig", t.getPageSettings = "studio:getPageSettings", t.setPageSettings = "studio:setPageSettings", t.clearPage = "studio:clearPage", t.projectFiles = "studio:projectFiles", t.validateCode = "studio:validateCode", t.canvasReload = "studio:canvasReload", t.getBlocksPanel = "studio:getBlocksPanel", t.setBlocksPanel = "studio:setBlocksPanel", t.getStateContextMenu = "studio:getStateContextMenu", t.setStateContextMenu = "studio:setStateContextMenu", t.contextMenuComponent = "studio:contextMenuComponent", t.layoutAdd = "studio:layoutAdd", t.layoutRemove = "studio:layoutRemove", t.layoutToggle = "studio:layoutToggle", t.layoutUpdate = "studio:layoutUpdate", t.layoutGet = "studio:layoutGet", t.layoutConfigGet = "studio:layoutConfigGet", t.layoutConfigSet = "studio:layoutConfigSet", t.layoutComponentAdd = "studio:layoutComponentAdd", t.layoutComponentGet = "studio:layoutComponentGet", t.layoutComponentRemove = "studio:layoutComponentRemove", t.layoutComponentRender = "studio:layoutComponentRender", t.getStateTheme = "studio:getStateTheme", t.setStateTheme = "studio:setStateTheme", t.assetProviderGet = "studio:assetProviderGet", t.assetProviderAdd = "studio:assetProviderAdd", t.assetProviderRemove = "studio:assetProviderRemove", t.fontGet = "studio:fontGet", t.fontAdd = "studio:fontAdd", t.fontRemove = "studio:fontRemove", t.fontManagerOpen = "studio:fontManagerOpen", t.menuFontLoad = "studio:menuFontLoad", t.toggleStateDataSource = "studio:toggleStateDataSource", t.getStateDataSource = "studio:getStateDataSource", t.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", t.dataSourceSetImporter = "studio:dataSourceSetImporter", t.dataSourceSetExporter = "studio:dataSourceSetExporter", t.setDragAbsolute = "studio:setDragAbsolute", t))(v || {});
+const D = "app.grapesjs.com", G = "app-stage.grapesjs.com", R = "app2.grapesjs.com", $ = "app-stage2.grapesjs.com", w = [
   D,
-  I,
+  R,
   G,
   $,
   "localhost",
@@ -69,8 +69,8 @@ async function _({
     if (!(f || n.license) || d)
       u(d || "Invalid license");
     else if (b) {
-      const O = F[e], R = F[b];
-      O > R && u({ pluginRequiredPlan: e, licensePlan: b });
+      const O = F[e], I = F[b];
+      O > I && u({ pluginRequiredPlan: e, licensePlan: b });
     }
   };
   t.on(E, (n) => {
@@ -184,7 +184,7 @@ const q = (t) => {
     a && (Array.isArray(a) ? e.push(...a.map((o) => [s, o.toString()])) : (a = a.toString(), e.push([s, a])));
   }
   return new URLSearchParams(e);
-}, S = (t) => {
+}, J = (t) => {
   const { apiKey: e, searchParams: s } = t, a = (o = {}) => {
     const r = "https://www.googleapis.com/webfonts/v1/webfonts", i = q(o);
     return `${r}?${i}`;
@@ -253,22 +253,22 @@ const q = (t) => {
       };
     }
   };
-}, J = {
+}, Q = {
   googleFontsAssetProvider: {
     searchBtn: "Search on Google Fonts",
     modalTitle: "Select Font",
     providerLabel: "Google Fonts"
   }
-}, Q = "googleFontsAssetProvider", Z = p.startup, X = function(t, e) {
-  const { i18n: s = {} } = e, a = S(e);
+}, S = "googleFontsAssetProvider", Z = p.startup, X = function(t, e) {
+  const { i18n: s = {} } = e, a = J(e);
   t.runCommand(v.assetProviderAdd, { provider: a }), t.I18n.addMessages({
-    en: J,
+    en: Q,
     ...s
   }), _({
     editor: t,
     licenseKey: e.licenseKey,
     plan: Z,
-    pluginName: Q,
+    pluginName: S,
     cleanup: () => {
       t.runCommand(v.assetProviderRemove, { id: a.id });
     }