sonance-brand-mcp 1.3.8 → 1.3.10

package/dist/index.js

@@ -300,17 +300,22 @@ function runDevToolsInstaller() {
     console.log("  └─────────────────────────────────────────────────┘");
     console.log("");
     const targetDir = process.cwd();
-    // Paths
-    const libDir = path.join(targetDir, "src/lib");
-    const devToolsDir = path.join(targetDir, "src/components/dev-tools");
-    const stylesDir = path.join(targetDir, "src/styles");
-    const apiThemeDir = path.join(targetDir, "src/app/api/sonance-theme");
-    const apiComponentsDir = path.join(targetDir, "src/app/api/sonance-components");
-    const apiSaveLogoDir = path.join(targetDir, "src/app/api/sonance-save-logo");
-    const apiAssetsDir = path.join(targetDir, "src/app/api/sonance-assets");
-    const apiInjectIdDir = path.join(targetDir, "src/app/api/sonance-inject-id");
-    const apiAnalyzeDir = path.join(targetDir, "src/app/api/sonance-analyze");
-    const themeDir = path.join(targetDir, "src/theme");
+    // Detect project structure (src/ vs root)
+    const useSrcDir = fs.existsSync(path.join(targetDir, "src/app")) ||
+        fs.existsSync(path.join(targetDir, "src/components"));
+    const baseDir = useSrcDir ? "src" : "";
+    console.log(`  📁 Detected structure: ${useSrcDir ? "src/" : "root"}`);
+    // Dynamic paths based on detected structure
+    const libDir = path.join(targetDir, baseDir, "lib");
+    const devToolsDir = path.join(targetDir, baseDir, "components/dev-tools");
+    const stylesDir = path.join(targetDir, baseDir, "styles");
+    const apiThemeDir = path.join(targetDir, baseDir, "app/api/sonance-theme");
+    const apiComponentsDir = path.join(targetDir, baseDir, "app/api/sonance-components");
+    const apiSaveLogoDir = path.join(targetDir, baseDir, "app/api/sonance-save-logo");
+    const apiAssetsDir = path.join(targetDir, baseDir, "app/api/sonance-assets");
+    const apiInjectIdDir = path.join(targetDir, baseDir, "app/api/sonance-inject-id");
+    const apiAnalyzeDir = path.join(targetDir, baseDir, "app/api/sonance-analyze");
+    const themeDir = path.join(targetDir, baseDir, "theme");
     // Source resolution
     let sourceBrandSystem;
     let sourceBrandContext;
@@ -406,16 +411,18 @@ function runDevToolsInstaller() {
         process.exit(1);
     }
     console.log("  📂 Installing files...");
+    // Path prefix for logging (shows "src/" or "" based on detected structure)
+    const pathPrefix = baseDir ? `${baseDir}/` : "";
     // 1. Install lib files (brand-system.ts, brand-context.tsx, utils.ts)
     if (!fs.existsSync(libDir)) {
         fs.mkdirSync(libDir, { recursive: true });
     }
     fs.copyFileSync(sourceBrandSystem, path.join(libDir, "brand-system.ts"));
-    console.log("  ✓ Created src/lib/brand-system.ts");
+    console.log(`  ✓ Created ${pathPrefix}lib/brand-system.ts`);
     fs.copyFileSync(sourceBrandContext, path.join(libDir, "brand-context.tsx"));
-    console.log("  ✓ Created src/lib/brand-context.tsx");
+    console.log(`  ✓ Created ${pathPrefix}lib/brand-context.tsx`);
     fs.copyFileSync(sourceUtils, path.join(libDir, "utils.ts"));
-    console.log("  ✓ Created src/lib/utils.ts");
+    console.log(`  ✓ Created ${pathPrefix}lib/utils.ts`);
     // 2. Install DevTools components
     if (!fs.existsSync(devToolsDir)) {
         fs.mkdirSync(devToolsDir, { recursive: true });
@@ -427,49 +434,49 @@ function runDevToolsInstaller() {
             fs.copyFileSync(path.join(sourceDevTools, entry.name), path.join(devToolsDir, entry.name));
         }
     }
-    console.log("  ✓ Created src/components/dev-tools/");
+    console.log(`  ✓ Created ${pathPrefix}components/dev-tools/`);
     // 3. Install API route for saving theme
     if (!fs.existsSync(apiThemeDir)) {
         fs.mkdirSync(apiThemeDir, { recursive: true });
     }
     fs.copyFileSync(sourceApiTheme, path.join(apiThemeDir, "route.ts"));
-    console.log("  ✓ Created src/app/api/sonance-theme/route.ts");
+    console.log(`  ✓ Created ${pathPrefix}app/api/sonance-theme/route.ts`);
     // 4. Install API route for component detection
     if (!fs.existsSync(apiComponentsDir)) {
         fs.mkdirSync(apiComponentsDir, { recursive: true });
     }
     fs.copyFileSync(sourceApiComponents, path.join(apiComponentsDir, "route.ts"));
-    console.log("  ✓ Created src/app/api/sonance-components/route.ts");
+    console.log(`  ✓ Created ${pathPrefix}app/api/sonance-components/route.ts`);
     // 5. Install API route for saving logo configuration
     if (!fs.existsSync(apiSaveLogoDir)) {
         fs.mkdirSync(apiSaveLogoDir, { recursive: true });
     }
     fs.copyFileSync(sourceApiSaveLogo, path.join(apiSaveLogoDir, "route.ts"));
-    console.log("  ✓ Created src/app/api/sonance-save-logo/route.ts");
+    console.log(`  ✓ Created ${pathPrefix}app/api/sonance-save-logo/route.ts`);
     // 7. Install API route for listing logo assets
     if (!fs.existsSync(apiAssetsDir)) {
         fs.mkdirSync(apiAssetsDir, { recursive: true });
     }
     fs.copyFileSync(sourceApiAssets, path.join(apiAssetsDir, "route.ts"));
-    console.log("  ✓ Created src/app/api/sonance-assets/route.ts");
+    console.log(`  ✓ Created ${pathPrefix}app/api/sonance-assets/route.ts`);
     // 8. Install API route for auto-fixing logo IDs
     if (!fs.existsSync(apiInjectIdDir)) {
         fs.mkdirSync(apiInjectIdDir, { recursive: true });
     }
     fs.copyFileSync(sourceApiInjectId, path.join(apiInjectIdDir, "route.ts"));
-    console.log("  ✓ Created src/app/api/sonance-inject-id/route.ts");
+    console.log(`  ✓ Created ${pathPrefix}app/api/sonance-inject-id/route.ts`);
     // 9. Install API route for project analysis
     if (!fs.existsSync(apiAnalyzeDir)) {
         fs.mkdirSync(apiAnalyzeDir, { recursive: true });
     }
     fs.copyFileSync(sourceApiAnalyze, path.join(apiAnalyzeDir, "route.ts"));
-    console.log("  ✓ Created src/app/api/sonance-analyze/route.ts");
+    console.log(`  ✓ Created ${pathPrefix}app/api/sonance-analyze/route.ts`);
     // 11. Install brand-overrides.css for production logo sizing
     if (!fs.existsSync(stylesDir)) {
         fs.mkdirSync(stylesDir, { recursive: true });
     }
     fs.copyFileSync(sourceBrandOverridesCss, path.join(stylesDir, "brand-overrides.css"));
-    console.log("  ✓ Created src/styles/brand-overrides.css");
+    console.log(`  ✓ Created ${pathPrefix}styles/brand-overrides.css`);
     // 12. Create theme directory with initial files
     if (!fs.existsSync(themeDir)) {
         fs.mkdirSync(themeDir, { recursive: true });
@@ -495,7 +502,7 @@ function runDevToolsInstaller() {
             spacing: "default"
         };
         fs.writeFileSync(path.join(themeDir, "sonance-config.json"), JSON.stringify(initialConfig, null, 2), "utf-8");
-        console.log("  ✓ Created src/theme/ with initial files");
+        console.log(`  ✓ Created ${pathPrefix}theme/ with initial files`);
     }
     // Detect user's file paths
     const globalsCssPaths = [
@@ -583,14 +590,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) {
@@ -712,19 +726,24 @@ function runDevToolsUninstaller() {
         }
     }
     // --- 3. Delete installed directories/files ---
+    // Detect project structure (src/ vs root)
+    const useSrcDir = fs.existsSync(path.join(targetDir, "src/app")) ||
+        fs.existsSync(path.join(targetDir, "src/components"));
+    const baseDir = useSrcDir ? "src" : "";
+    const pathPrefix = baseDir ? `${baseDir}/` : "";
     const itemsToDelete = [
-        "src/components/dev-tools",
-        "src/styles/brand-overrides.css",
-        "src/theme",
-        "src/app/api/sonance-theme",
-        "src/app/api/sonance-components",
-        "src/app/api/sonance-save-logo",
-        "src/app/api/sonance-assets",
-        "src/app/api/sonance-inject-id",
-        "src/app/api/sonance-analyze",
-        "src/lib/brand-system.ts",
-        "src/lib/brand-context.tsx",
-        "src/lib/utils.ts"
+        `${pathPrefix}components/dev-tools`,
+        `${pathPrefix}styles/brand-overrides.css`,
+        `${pathPrefix}theme`,
+        `${pathPrefix}app/api/sonance-theme`,
+        `${pathPrefix}app/api/sonance-components`,
+        `${pathPrefix}app/api/sonance-save-logo`,
+        `${pathPrefix}app/api/sonance-assets`,
+        `${pathPrefix}app/api/sonance-inject-id`,
+        `${pathPrefix}app/api/sonance-analyze`,
+        `${pathPrefix}lib/brand-system.ts`,
+        `${pathPrefix}lib/brand-context.tsx`,
+        `${pathPrefix}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.8",
+  "version": "1.3.10",
   "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",