@noleemits/vision-builder-control-mcp 4.33.0 → 4.34.0

package/index.js

@@ -2,7 +2,8 @@
 /**
  * Noleemits Vision Builder Control MCP Server
  *
- * Provides 65 tools for building and managing WordPress/Elementor sites.
+ * Provides 67 tools for building and managing WordPress/Elementor sites.
+ * v4.34.0: Design tokens auto-inject as CSS custom properties (--nvbc-color-*, --nvbc-fs-*, --nvbc-space-*) site-wide via wp_head; kit global CSS tools (get_kit_global_css, set_kit_global_css); get_kit_settings formatter handles gap-style objects.
  * v4.33.0: Elementor kit layout settings (get_kit_settings, set_kit_settings) — read/write container_width, viewports, gutter.
  * v4.15.0: Injection engine v2 — icon-list injection, unfilled slot clearing.
  * v4.14.0: Pipeline quality fixes — smart counter parsing, post-processing, quality scores in browse, injection completeness.
@@ -105,7 +106,7 @@ process.on('SIGINT', () => {
 // CONFIG
 // ================================================================
 
-const VERSION = '4.33.0';
+const VERSION = '4.34.0';
 const MIN_PLUGIN_VERSION = '4.13.0'; // Minimum WP plugin version required by this MCP server
 
 // ================================================================
@@ -3068,6 +3069,24 @@ function getToolDefinitions() {
                 required: ['settings']
             }
         },
+        {
+            name: 'get_kit_global_css',
+            description: 'Read the active kit\'s custom_css (Elementor "Custom CSS" field). This CSS is output site-wide via Elementor\'s own stylesheet pipeline. Use to inspect site-wide CSS variables, base styles, etc.',
+            inputSchema: { type: 'object', properties: {} }
+        },
+        {
+            name: 'set_kit_global_css',
+            description: 'Write to the active kit\'s custom_css. Modes: "replace" (default — overwrites), "append" (adds to end), "prepend" (adds to start). Output goes through Elementor\'s stylesheet pipeline (no HTML widget needed). Always dry_run=true first.',
+            inputSchema: {
+                type: 'object',
+                properties: {
+                    css: { type: 'string', description: 'CSS text. Will be wrapped in <style> by Elementor — do not include style tags.' },
+                    mode: { type: 'string', enum: ['replace', 'append', 'prepend'], description: 'How to combine with existing CSS (default: replace).' },
+                    dry_run: { type: 'boolean', description: 'Preview without saving (default: true).' }
+                },
+                required: ['css']
+            }
+        },
         {
             name: 'audit_broken_images',
             description: 'Scan all published posts and Elementor pages for broken images (non-200 HTTP responses). Checks <img> tags in post_content and image/image-box widgets + background images in Elementor data. Returns broken URLs with HTTP status, error details, and which posts are affected.',
@@ -5201,9 +5220,18 @@ async function handleToolCall(name, args) {
         if (r.code || r.error) return ok(`Failed: ${r.message || r.error}`);
         let out = `=== ELEMENTOR KIT SETTINGS ===\nKit ID: ${r.kit_id}\n\n`;
         for (const [k, v] of Object.entries(r.settings || {})) {
-            if (v === null) { out += `  ${k}: (unset)\n`; continue; }
-            if (typeof v === 'object' && 'size' in v) {
-                out += `  ${k}: ${v.size}${v.unit || ''}\n`;
+            if (v === null || v === '') { out += `  ${k}: (unset)\n`; continue; }
+            if (typeof v === 'object') {
+                const unit = v.unit || 'px';
+                if ('size' in v && v.size !== '' && v.size !== null) {
+                    out += `  ${k}: ${v.size}${unit}\n`;
+                } else if ('column' in v || 'row' in v) {
+                    const col = v.column ?? '';
+                    const row = v.row ?? '';
+                    out += `  ${k}: column=${col}${unit}, row=${row}${unit}\n`;
+                } else {
+                    out += `  ${k}: ${JSON.stringify(v)}\n`;
+                }
             } else {
                 out += `  ${k}: ${v}\n`;
             }
@@ -5233,6 +5261,27 @@ async function handleToolCall(name, args) {
         return ok(out);
     }
 
+    case 'get_kit_global_css': {
+        const r = await apiCall('/kit-global-css');
+        if (r.code || r.error) return ok(`Failed: ${r.message || r.error}`);
+        let out = `=== KIT GLOBAL CSS ===\nKit ID: ${r.kit_id}\nLength: ${r.length} bytes\n\n`;
+        out += r.css || '(empty)';
+        return ok(out);
+    }
+
+    case 'set_kit_global_css': {
+        const body = { css: args.css ?? '' };
+        if (args.mode !== undefined) body.mode = args.mode;
+        if (args.dry_run !== undefined) body.dry_run = args.dry_run;
+        const r = await apiCall('/kit-global-css', 'POST', body);
+        if (r.code || r.error) return ok(`Failed: ${r.message || r.error}`);
+        let out = r.dry_run ? `=== SET KIT GLOBAL CSS (DRY RUN) ===\n` : `=== SET KIT GLOBAL CSS ===\n`;
+        out += `Kit ID: ${r.kit_id}\n`;
+        out += `Mode: ${r.mode}\n`;
+        out += `${r.summary}\n\n${r.note}`;
+        return ok(out);
+    }
+
     case 'audit_broken_images': {
         const params = new URLSearchParams();
         if (args.page_id) params.set('page_id', args.page_id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noleemits/vision-builder-control-mcp",
-  "version": "4.33.0",
+  "version": "4.34.0",
   "description": "Vision Builder Control MCP server - design token-driven page builder tools for WordPress/Elementor websites",
   "type": "module",
   "main": "index.js",