sonance-brand-mcp 1.3.7 → 1.3.9

package/dist/index.js

@@ -314,6 +314,7 @@ function runDevToolsInstaller() {
     // Source resolution
     let sourceBrandSystem;
     let sourceBrandContext;
+    let sourceUtils;
     let sourceDevTools;
     let sourceBrandOverridesCss;
     let sourceApiTheme;
@@ -325,6 +326,7 @@ function runDevToolsInstaller() {
     if (IS_BUNDLED) {
         sourceBrandSystem = path.join(BUNDLED_ASSETS, "brand-system.ts");
         sourceBrandContext = path.join(BUNDLED_ASSETS, "brand-context.tsx");
+        sourceUtils = path.join(BUNDLED_ASSETS, "utils.ts");
         sourceDevTools = path.join(BUNDLED_ASSETS, "dev-tools");
         sourceBrandOverridesCss = path.join(BUNDLED_ASSETS, "styles/brand-overrides.css");
         sourceApiTheme = path.join(BUNDLED_ASSETS, "api/sonance-theme/route.ts");
@@ -337,6 +339,7 @@ function runDevToolsInstaller() {
     else {
         sourceBrandSystem = path.join(DEV_PROJECT_ROOT, "src/lib/brand-system.ts");
         sourceBrandContext = path.join(DEV_PROJECT_ROOT, "src/lib/brand-context.tsx");
+        sourceUtils = path.join(DEV_PROJECT_ROOT, "src/lib/utils.ts");
         sourceDevTools = path.join(DEV_PROJECT_ROOT, "src/components/dev-tools");
         sourceBrandOverridesCss = path.join(DEV_PROJECT_ROOT, "src/styles/brand-overrides.css");
         sourceApiTheme = path.join(DEV_PROJECT_ROOT, "src/app/api/sonance-theme/route.ts");
@@ -357,6 +360,11 @@ function runDevToolsInstaller() {
         console.error(`     Path: ${sourceBrandContext}`);
         process.exit(1);
     }
+    if (!fs.existsSync(sourceUtils)) {
+        console.error("  ❌ Error: Could not find utils.ts source file.");
+        console.error(`     Path: ${sourceUtils}`);
+        process.exit(1);
+    }
     if (!fs.existsSync(sourceDevTools)) {
         console.error("  ❌ Error: Could not find dev-tools source directory.");
         console.error(`     Path: ${sourceDevTools}`);
@@ -398,7 +406,7 @@ function runDevToolsInstaller() {
         process.exit(1);
     }
     console.log("  📂 Installing files...");
-    // 1. Install brand-system.ts and brand-context.tsx
+    // 1. Install lib files (brand-system.ts, brand-context.tsx, utils.ts)
     if (!fs.existsSync(libDir)) {
         fs.mkdirSync(libDir, { recursive: true });
     }
@@ -406,6 +414,8 @@ function runDevToolsInstaller() {
     console.log("  ✓ Created src/lib/brand-system.ts");
     fs.copyFileSync(sourceBrandContext, path.join(libDir, "brand-context.tsx"));
     console.log("  ✓ Created src/lib/brand-context.tsx");
+    fs.copyFileSync(sourceUtils, path.join(libDir, "utils.ts"));
+    console.log("  ✓ Created src/lib/utils.ts");
     // 2. Install DevTools components
     if (!fs.existsSync(devToolsDir)) {
         fs.mkdirSync(devToolsDir, { recursive: true });
@@ -573,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) {
@@ -713,7 +730,8 @@ function runDevToolsUninstaller() {
         "src/app/api/sonance-inject-id",
         "src/app/api/sonance-analyze",
         "src/lib/brand-system.ts",
-        "src/lib/brand-context.tsx"
+        "src/lib/brand-context.tsx",
+        "src/lib/utils.ts"
     ];
     for (const item of itemsToDelete) {
         const fullPath = path.join(targetDir, item);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.3.7",
+  "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",