@elementor/editor-variables 4.1.0-802 → 4.1.0-803

package/dist/index.mjs

@@ -3821,33 +3821,42 @@ var trackOpenVariablePopover = (path, variableType) => {
 import { z as z3 } from "@elementor/schema";
 
 // src/mcp/variables-resource.ts
+import { __privateListenTo as listenTo3, commandEndEvent } from "@elementor/editor-v1-adapters";
 var GLOBAL_VARIABLES_URI = "elementor://global-variables";
+var buildGlobalVariablesPayload = async () => {
+  const merged = {};
+  Object.entries(service.variables()).forEach(([id2, variable]) => {
+    if (!variable.deleted) {
+      merged[id2] = { ...variable, version: "v4" };
+    }
+  });
+  return merged;
+};
 var initVariablesResource = (variablesMcpEntry, canvasMcpEntry) => {
   [canvasMcpEntry, variablesMcpEntry].forEach((entry) => {
     const { resource, sendResourceUpdated } = entry;
+    const notifyGlobalVariablesUpdated = () => {
+      sendResourceUpdated({
+        uri: GLOBAL_VARIABLES_URI
+      });
+    };
     resource(
       "global-variables",
       GLOBAL_VARIABLES_URI,
       {
-        description: "List of Global variables. Defined as a key-value store (ID as key, global-variable object as value)"
+        description: "Global variables available (v4)"
       },
       async () => {
-        const variables = {};
-        Object.entries(service.variables()).forEach(([id2, variable]) => {
-          if (!variable.deleted) {
-            variables[id2] = variable;
-          }
-        });
+        const variables = await buildGlobalVariablesPayload();
         return {
-          contents: [{ uri: GLOBAL_VARIABLES_URI, text: JSON.stringify(variables) }]
+          contents: [
+            { uri: GLOBAL_VARIABLES_URI, mimeType: "application/json", text: JSON.stringify(variables) }
+          ]
         };
       }
     );
-    window.addEventListener("variables:updated", () => {
-      sendResourceUpdated({
-        uri: GLOBAL_VARIABLES_URI
-      });
-    });
+    window.addEventListener("variables:updated", notifyGlobalVariablesUpdated);
+    listenTo3(commandEndEvent("document/save/update"), notifyGlobalVariablesUpdated);
   });
 };
 
@@ -4144,7 +4153,7 @@ import * as React38 from "react";
 import { useEffect as useEffect9, useState as useState20 } from "react";
 import {
   __privateUseListenTo as useListenTo,
-  commandEndEvent,
+  commandEndEvent as commandEndEvent2,
   getCanvasIframeDocument
 } from "@elementor/editor-v1-adapters";
 import { Portal } from "@elementor/ui";
@@ -4161,7 +4170,7 @@ function StyleVariablesRenderer() {
   return /* @__PURE__ */ React38.createElement(Portal, { container }, /* @__PURE__ */ React38.createElement("style", { "data-e-style-id": "e-variables", key: wrappedCss }, wrappedCss));
 }
 function usePortalContainer() {
-  return useListenTo(commandEndEvent("editor/documents/attach-preview"), () => getCanvasIframeDocument()?.head);
+  return useListenTo(commandEndEvent2("editor/documents/attach-preview"), () => getCanvasIframeDocument()?.head);
 }
 function useStyleVariables() {
   const [variables, setVariables] = useState20({});