sonance-brand-mcp 1.3.8 → 1.3.9

package/dist/index.js

@@ -583,14 +583,21 @@ function runDevToolsInstaller() {
                     modified = true;
                 }
             }
-            // Add component before </body> if not present
+            // Add component - try ThemeProvider first, then body
             if (!layoutContent.includes("<SonanceDevTools")) {
-                if (layoutContent.includes("</body>")) {
-                    layoutContent = layoutContent.replace(/<\/body>/, `        {process.env.NODE_ENV === 'development' && <SonanceDevTools />}\n      </body>`);
+                const componentLine = "{process.env.NODE_ENV === 'development' && <SonanceDevTools />}";
+                // Priority 1: Inside ThemeProvider (for next-themes compatibility)
+                if (layoutContent.includes("</ThemeProvider>")) {
+                    layoutContent = layoutContent.replace(/<\/ThemeProvider>/, `          ${componentLine}\n        </ThemeProvider>`);
+                    modified = true;
+                }
+                // Priority 2: Before </body>
+                else if (layoutContent.includes("</body>")) {
+                    layoutContent = layoutContent.replace(/<\/body>/, `        ${componentLine}\n      </body>`);
                     modified = true;
                 }
                 else {
-                    manualSteps.push("Could not find </body> tag - add DevTools component manually");
+                    manualSteps.push("Could not find ThemeProvider or body tag - add DevTools component manually");
                 }
             }
             if (modified) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "description": "MCP Server for Sonance Brand Guidelines and Component Library - gives Claude instant access to brand colors, typography, and UI components.",
   "main": "dist/index.js",
   "type": "module",