@elementor/editor-global-classes 3.33.0-301 → 3.33.0-302

package/dist/index.js

@@ -299,7 +299,11 @@ var globalClassesStylesProvider = (0, import_editor_styles_repository.createStyl
   subscribe: (cb) => subscribeWithStates(cb),
   capabilities: getCapabilities(),
   actions: {
-    all: () => selectOrderedClasses((0, import_store2.__getState)()),
+    all: () => {
+      const selectAllClasses = selectOrderedClasses((0, import_store2.__getState)());
+      localStorage.setItem("elementor-global-classes", JSON.stringify(selectAllClasses));
+      return selectAllClasses;
+    },
     get: (id2) => selectClass((0, import_store2.__getState)(), id2),
     resolveCssName: (id2) => {
       return selectClass((0, import_store2.__getState)(), id2)?.label ?? id2;
@@ -2040,7 +2044,26 @@ function PopulateStore() {
 }
 
 // src/mcp-integration/index.ts
+var import_editor_mcp2 = require("@elementor/editor-mcp");
+
+// src/mcp-integration/classes-resource.ts
 var import_editor_mcp = require("@elementor/editor-mcp");
+var GLOBAL_CLASSES_URI = "elementor://classes";
+var initClassesResource = () => {
+  const { mcpServer } = (0, import_editor_mcp.getMCPByDomain)("classes");
+  mcpServer.resource(
+    "global-classes",
+    GLOBAL_CLASSES_URI,
+    {
+      description: "Global classes list."
+    },
+    async () => {
+      return {
+        contents: [{ uri: GLOBAL_CLASSES_URI, text: localStorage["elementor-global-classes"] ?? {} }]
+      };
+    }
+  );
+};
 
 // src/mcp-integration/mcp-apply-unapply-global-classes.ts
 var import_editor_editing_panel = require("@elementor/editor-editing-panel");
@@ -2061,7 +2084,16 @@ function initMcpApplyUnapplyGlobalClasses(server) {
       appliedClasses: import_schema.z.array(
         import_schema.z.object({
           id: import_schema.z.string().describe("The ID of the class"),
-          label: import_schema.z.string().describe("The label of the class")
+          label: import_schema.z.string().describe("The label of the class"),
+          variants: import_schema.z.array(
+            import_schema.z.object({
+              meta: import_schema.z.object({
+                breakpoint: import_schema.z.string().optional(),
+                state: import_schema.z.string().optional()
+              }),
+              props: import_schema.z.record(import_schema.z.any())
+            })
+          )
         })
       )
     },
@@ -2072,8 +2104,18 @@ function initMcpApplyUnapplyGlobalClasses(server) {
       }
       const result = [];
       globalClassesProvider.actions.all().forEach((style) => {
-        const { id: id2, label } = style;
-        result.push({ id: id2, label });
+        const { id: id2, label, variants } = style;
+        result.push({
+          id: id2,
+          label,
+          variants: variants.map((variant) => ({
+            meta: {
+              breakpoint: variant.meta.breakpoint,
+              state: variant.meta.state
+            },
+            props: variant.props
+          }))
+        });
       });
       return { appliedClasses: result };
     }
@@ -2197,12 +2239,13 @@ function initMcpApplyGetGlobalClassUsages(reg) {
 
 // src/mcp-integration/index.ts
 var initMcpIntegration = () => {
-  const reg = (0, import_editor_mcp.getMCPByDomain)("element_classes");
+  const reg = (0, import_editor_mcp2.getMCPByDomain)("classes");
   reg.setMCPDescription(
     "Tools for managing and applying Global CSS classes to elements within the Elementor editor."
   );
   initMcpApplyUnapplyGlobalClasses(reg);
   initMcpApplyGetGlobalClassUsages(reg);
+  initClassesResource();
 };
 
 // src/sync-with-document.tsx