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

package/dist/index.mjs

@@ -279,7 +279,11 @@ var globalClassesStylesProvider = createStylesProvider({
   subscribe: (cb) => subscribeWithStates(cb),
   capabilities: getCapabilities(),
   actions: {
-    all: () => selectOrderedClasses(getState()),
+    all: () => {
+      const selectAllClasses = selectOrderedClasses(getState());
+      localStorage.setItem("elementor-global-classes", JSON.stringify(selectAllClasses));
+      return selectAllClasses;
+    },
     get: (id2) => selectClass(getState(), id2),
     resolveCssName: (id2) => {
       return selectClass(getState(), id2)?.label ?? id2;
@@ -2096,7 +2100,26 @@ function PopulateStore() {
 }
 
 // src/mcp-integration/index.ts
+import { getMCPByDomain as getMCPByDomain2 } from "@elementor/editor-mcp";
+
+// src/mcp-integration/classes-resource.ts
 import { getMCPByDomain } from "@elementor/editor-mcp";
+var GLOBAL_CLASSES_URI = "elementor://classes";
+var initClassesResource = () => {
+  const { mcpServer } = 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
 import { doApplyClasses, doGetAppliedClasses, doUnapplyClass } from "@elementor/editor-editing-panel";
@@ -2117,7 +2140,16 @@ function initMcpApplyUnapplyGlobalClasses(server) {
       appliedClasses: z.array(
         z.object({
           id: z.string().describe("The ID of the class"),
-          label: z.string().describe("The label of the class")
+          label: z.string().describe("The label of the class"),
+          variants: z.array(
+            z.object({
+              meta: z.object({
+                breakpoint: z.string().optional(),
+                state: z.string().optional()
+              }),
+              props: z.record(z.any())
+            })
+          )
         })
       )
     },
@@ -2128,8 +2160,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 };
     }
@@ -2253,12 +2295,13 @@ function initMcpApplyGetGlobalClassUsages(reg) {
 
 // src/mcp-integration/index.ts
 var initMcpIntegration = () => {
-  const reg = getMCPByDomain("element_classes");
+  const reg = getMCPByDomain2("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