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

package/dist/index.js

@@ -3818,33 +3818,42 @@ var trackOpenVariablePopover = (path, variableType) => {
 var import_schema3 = require("@elementor/schema");
 
 // src/mcp/variables-resource.ts
+var import_editor_v1_adapters6 = require("@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);
+    (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("document/save/update"), notifyGlobalVariablesUpdated);
   });
 };
 
@@ -4139,7 +4148,7 @@ function registerVariableTypes() {
 // src/renderers/style-variables-renderer.tsx
 var React38 = __toESM(require("react"));
 var import_react30 = require("react");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_ui35 = require("@elementor/ui");
 var VARIABLES_WRAPPER = ":root";
 function StyleVariablesRenderer() {
@@ -4154,7 +4163,7 @@ function StyleVariablesRenderer() {
   return /* @__PURE__ */ React38.createElement(import_ui35.Portal, { container }, /* @__PURE__ */ React38.createElement("style", { "data-e-style-id": "e-variables", key: wrappedCss }, wrappedCss));
 }
 function usePortalContainer() {
-  return (0, import_editor_v1_adapters6.__privateUseListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters6.getCanvasIframeDocument)()?.head);
+  return (0, import_editor_v1_adapters7.__privateUseListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters7.getCanvasIframeDocument)()?.head);
 }
 function useStyleVariables() {
   const [variables, setVariables] = (0, import_react30.useState)({});