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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-global-classes",
-  "version": "3.33.0-301",
+  "version": "3.33.0-302",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,24 +39,24 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "3.33.0-301",
-    "@elementor/editor-current-user": "3.33.0-301",
-    "@elementor/editor-documents": "3.33.0-301",
-    "@elementor/editor-editing-panel": "3.33.0-301",
-    "@elementor/editor-panels": "3.33.0-301",
-    "@elementor/editor-props": "3.33.0-301",
-    "@elementor/editor-styles": "3.33.0-301",
-    "@elementor/editor-styles-repository": "3.33.0-301",
-    "@elementor/editor-ui": "3.33.0-301",
-    "@elementor/schema": "3.33.0-301",
-    "@elementor/editor-mcp": "3.33.0-301",
-    "@elementor/editor-v1-adapters": "3.33.0-301",
-    "@elementor/http-client": "3.33.0-301",
+    "@elementor/editor": "3.33.0-302",
+    "@elementor/editor-current-user": "3.33.0-302",
+    "@elementor/editor-documents": "3.33.0-302",
+    "@elementor/editor-editing-panel": "3.33.0-302",
+    "@elementor/editor-panels": "3.33.0-302",
+    "@elementor/editor-props": "3.33.0-302",
+    "@elementor/editor-styles": "3.33.0-302",
+    "@elementor/editor-styles-repository": "3.33.0-302",
+    "@elementor/editor-ui": "3.33.0-302",
+    "@elementor/schema": "3.33.0-302",
+    "@elementor/editor-mcp": "3.33.0-302",
+    "@elementor/editor-v1-adapters": "3.33.0-302",
+    "@elementor/http-client": "3.33.0-302",
     "@elementor/icons": "^1.61.0",
-    "@elementor/query": "3.33.0-301",
-    "@elementor/store": "3.33.0-301",
+    "@elementor/query": "3.33.0-302",
+    "@elementor/store": "3.33.0-302",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "3.33.0-301",
+    "@elementor/utils": "3.33.0-302",
     "@wordpress/i18n": "^5.13.0"
   },
   "peerDependencies": {

package/src/global-classes-styles-provider.ts

@@ -33,7 +33,11 @@ export const 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: ( id ) => selectClass( getState(), id ),
 		resolveCssName: ( id: string ) => {
 			return selectClass( getState(), id )?.label ?? id;

package/src/mcp-integration/classes-resource.ts

@@ -0,0 +1,20 @@
+import { getMCPByDomain } from '@elementor/editor-mcp';
+
+export const GLOBAL_CLASSES_URI = 'elementor://classes';
+
+export const 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' ] ?? {} } ],
+			};
+		}
+	);
+};

package/src/mcp-integration/index.ts

@@ -1,13 +1,15 @@
 import { getMCPByDomain } from '@elementor/editor-mcp';
 
+import { initClassesResource } from './classes-resource';
 import initMcpApplyUnapplyGlobalClasses from './mcp-apply-unapply-global-classes';
 import initMcpApplyGetGlobalClassUsages from './mcp-get-global-class-usages';
 
 export const initMcpIntegration = () => {
-	const reg = getMCPByDomain( 'element_classes' );
+	const reg = getMCPByDomain( 'classes' );
 	reg.setMCPDescription(
 		'Tools for managing and applying Global CSS classes to elements within the Elementor editor.'
 	);
 	initMcpApplyUnapplyGlobalClasses( reg );
 	initMcpApplyGetGlobalClassUsages( reg );
+	initClassesResource();
 };

package/src/mcp-integration/mcp-apply-unapply-global-classes.ts

@@ -19,6 +19,15 @@ export default function initMcpApplyUnapplyGlobalClasses( server: MCPRegistryEnt
 				z.object( {
 					id: z.string().describe( 'The ID 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() ),
+						} )
+					),
 				} )
 			),
 		},
@@ -27,10 +36,27 @@ export default function initMcpApplyUnapplyGlobalClasses( server: MCPRegistryEnt
 			if ( ! globalClassesProvider ) {
 				throw new Error( 'Global classes provider not found' );
 			}
-			const result: { id: string; label: string }[] = [];
+			const result: {
+				id: string;
+				label: string;
+				variants: {
+					meta: { breakpoint?: string | undefined; state?: string | undefined };
+					props: Record< string, unknown >;
+				}[];
+			}[] = [];
 			globalClassesProvider.actions.all().forEach( ( style ) => {
-				const { id, label } = style;
-				result.push( { id, label } );
+				const { id, label, variants } = style;
+				result.push( {
+					id,
+					label,
+					variants: variants.map( ( variant ) => ( {
+						meta: {
+							breakpoint: variant.meta.breakpoint as string | undefined,
+							state: variant.meta.state as string | undefined,
+						},
+						props: variant.props as Record< string, unknown >,
+					} ) ),
+				} );
 			} );
 			return { appliedClasses: result };
 		},