@elementor/editor-variables 4.3.0-1001 → 4.3.0-1003

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-variables",
-  "version": "4.3.0-1001",
+  "version": "4.3.0-1003",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,22 +39,22 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "4.3.0-1001",
-    "@elementor/editor-canvas": "4.3.0-1001",
-    "@elementor/editor-controls": "4.3.0-1001",
-    "@elementor/editor-current-user": "4.3.0-1001",
-    "@elementor/editor-mcp": "4.3.0-1001",
-    "@elementor/editor-panels": "4.3.0-1001",
-    "@elementor/editor-props": "4.3.0-1001",
-    "@elementor/editor-ui": "4.3.0-1001",
-    "@elementor/editor-v1-adapters": "4.3.0-1001",
-    "@elementor/menus": "4.3.0-1001",
-    "@elementor/http-client": "4.3.0-1001",
+    "@elementor/editor": "4.3.0-1003",
+    "@elementor/editor-canvas": "4.3.0-1003",
+    "@elementor/editor-controls": "4.3.0-1003",
+    "@elementor/editor-current-user": "4.3.0-1003",
+    "@elementor/editor-mcp": "4.3.0-1003",
+    "@elementor/editor-panels": "4.3.0-1003",
+    "@elementor/editor-props": "4.3.0-1003",
+    "@elementor/editor-ui": "4.3.0-1003",
+    "@elementor/editor-v1-adapters": "4.3.0-1003",
+    "@elementor/menus": "4.3.0-1003",
+    "@elementor/http-client": "4.3.0-1003",
     "@elementor/icons": "~1.75.1",
-    "@elementor/events": "4.3.0-1001",
-    "@elementor/schema": "4.3.0-1001",
+    "@elementor/events": "4.3.0-1003",
+    "@elementor/schema": "4.3.0-1003",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.3.0-1001",
+    "@elementor/utils": "4.3.0-1003",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/mcp/manage-variable-tool.ts

@@ -3,12 +3,20 @@ import { type HttpResponse, httpService } from '@elementor/http-client';
 import { z } from '@elementor/schema';
 import { isProActive } from '@elementor/utils';
 
+import { applyLocalMutation } from '../service';
+import { type TVariable } from '../storage';
 import { MANAGE_VARIABLES_GUIDE_URI } from './variable-tool-prompt';
 import { GLOBAL_VARIABLES_URI } from './variables-resource';
 
 const MCP_PROXY_URL = 'elementor/v1/mcp-proxy';
 const TOOL_NAME = 'manage-global-variable';
 
+type ManageVariableResponse = {
+	status: string;
+	variable?: TVariable & { id: string };
+	watermark?: number;
+};
+
 const VARIABLE_TYPES = {
 	COLOR: 'global-color-variable',
 	FONT: 'global-font-variable',
@@ -73,11 +81,17 @@ export const initManageVariableTool = ( reg: MCPRegistryEntry ) => {
 		],
 		isDestructive: true,
 		handler: async ( params ) => {
-			await httpService().post( MCP_PROXY_URL, {
+			const { data } = await httpService().post< HttpResponse< ManageVariableResponse > >( MCP_PROXY_URL, {
 				tool: TOOL_NAME,
 				input: params,
 			} );
 
+			const payload = data.data;
+
+			if ( payload.variable && typeof payload.watermark === 'number' ) {
+				applyLocalMutation( params.action, payload.variable, payload.watermark );
+			}
+
 			return { status: 'ok' };
 		},
 	} );

package/src/service.ts

@@ -277,3 +277,23 @@ const handleWatermark = ( operation: string, newWatermark: number ) => {
 	}
 	storage.watermark( newWatermark );
 };
+
+export const applyLocalMutation = (
+	action: 'create' | 'update' | 'delete',
+	variableWithId: TVariable & { id: string },
+	watermark: number
+) => {
+	const { id: variableId, ...variable } = variableWithId;
+
+	handleWatermark( OP_RW, watermark );
+
+	if ( action === 'create' ) {
+		storage.add( variableId, variable );
+	} else {
+		storage.update( variableId, variable );
+	}
+
+	styleVariablesRepository.update( {
+		[ variableId ]: variable,
+	} );
+};