sonance-brand-mcp 1.3.17 → 1.3.19

package/dist/index.js

@@ -6,6 +6,7 @@ import * as fs from "fs";
 import * as path from "path";
 import * as os from "os";
 import { fileURLToPath } from "url";
+import { execSync } from "child_process";
 // ============================================
 // INSTALLER (--init flag)
 // ============================================
@@ -290,6 +291,27 @@ function getRelativeImportPath(fromFile, toFile) {
     }
     return relativePath;
 }
+/**
+ * Recursively copy a directory, tracking files and directories for the manifest
+ */
+function copyDirRecursive(src, dest, files, dirs, pathPrefix) {
+    if (!fs.existsSync(dest)) {
+        fs.mkdirSync(dest, { recursive: true });
+    }
+    const entries = fs.readdirSync(src, { withFileTypes: true });
+    for (const entry of entries) {
+        const srcPath = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name);
+        if (entry.isDirectory()) {
+            dirs.push(`${pathPrefix}${entry.name}`);
+            copyDirRecursive(srcPath, destPath, files, dirs, `${pathPrefix}${entry.name}/`);
+        }
+        else {
+            fs.copyFileSync(srcPath, destPath);
+            files.push(`${pathPrefix}${entry.name}`);
+        }
+    }
+}
 /**
  * Run the installer for DevTools Plugin (copies files to user project)
  */
@@ -456,19 +478,9 @@ function runDevToolsInstaller() {
     else {
         console.log(`  ⏭️  Skipped ${pathPrefix}lib/utils.ts (already exists)`);
     }
-    // 2. Install DevTools components
-    if (!fs.existsSync(devToolsDir)) {
-        fs.mkdirSync(devToolsDir, { recursive: true });
-    }
+    // 2. Install DevTools components (recursively, including subdirectories)
     createdDirectories.push(`${pathPrefix}components/dev-tools`);
-    // Copy directory contents
-    const entries = fs.readdirSync(sourceDevTools, { withFileTypes: true });
-    for (const entry of entries) {
-        if (entry.isFile()) {
-            fs.copyFileSync(path.join(sourceDevTools, entry.name), path.join(devToolsDir, entry.name));
-            createdFiles.push(`${pathPrefix}components/dev-tools/${entry.name}`);
-        }
-    }
+    copyDirRecursive(sourceDevTools, devToolsDir, createdFiles, createdDirectories, `${pathPrefix}components/dev-tools/`);
     console.log(`  ✓ Created ${pathPrefix}components/dev-tools/`);
     // 3. Install API route for saving theme
     if (!fs.existsSync(apiThemeDir)) {
@@ -710,6 +722,20 @@ function runDevToolsInstaller() {
     else {
         manualSteps.push("layout.tsx not found - add to your layout:\n     import { SonanceDevTools } from '[path-to]/src/components/dev-tools';\n     {process.env.NODE_ENV === 'development' && <SonanceDevTools />}\n     (adjust the path based on your layout file location)");
     }
+    // --- Install required npm dependencies ---
+    console.log("");
+    console.log("  📦 Installing dependencies...");
+    try {
+        execSync("npm install html2canvas-pro lucide-react", {
+            cwd: targetDir,
+            stdio: "pipe"
+        });
+        console.log("  ✓ Installed html2canvas-pro lucide-react");
+    }
+    catch (err) {
+        console.log("  ⚠️  Could not auto-install dependencies. Run manually:");
+        console.log("     npm install html2canvas-pro lucide-react");
+    }
     // --- Output results ---
     console.log("");
     console.log("  ✅ Sonance DevTools installed successfully!");
@@ -1025,24 +1051,38 @@ function runDevToolsSync(fullSync = false) {
         { src: sourceBrandSystem, dest: path.join(targetDir, baseDir, "lib/brand-system.ts"), name: "brand-system.ts" },
         { src: sourceBrandContext, dest: path.join(targetDir, baseDir, "lib/brand-context.tsx"), name: "brand-context.tsx" },
     ];
-    // Sync DevTools directory
+    // Sync DevTools directory (recursively, including subdirectories)
     const devToolsDestDir = path.join(targetDir, baseDir, "components/dev-tools");
-    if (fs.existsSync(sourceDevTools) && fs.existsSync(devToolsDestDir)) {
-        const entries = fs.readdirSync(sourceDevTools, { withFileTypes: true });
+    function syncDirRecursive(srcDir, destDir, relativePath) {
+        if (!fs.existsSync(srcDir))
+            return;
+        if (!fs.existsSync(destDir)) {
+            fs.mkdirSync(destDir, { recursive: true });
+        }
+        const entries = fs.readdirSync(srcDir, { withFileTypes: true });
         for (const entry of entries) {
-            if (entry.isFile()) {
+            const srcPath = path.join(srcDir, entry.name);
+            const destPath = path.join(destDir, entry.name);
+            const entryRelPath = relativePath ? `${relativePath}/${entry.name}` : entry.name;
+            if (entry.isDirectory()) {
+                syncDirRecursive(srcPath, destPath, entryRelPath);
+            }
+            else {
                 try {
-                    fs.copyFileSync(path.join(sourceDevTools, entry.name), path.join(devToolsDestDir, entry.name));
-                    console.log(`  ✓ Synced components/dev-tools/${entry.name}`);
+                    fs.copyFileSync(srcPath, destPath);
+                    console.log(`  ✓ Synced components/dev-tools/${entryRelPath}`);
                     syncedCount++;
                 }
                 catch (err) {
-                    console.log(`  ✗ Failed: components/dev-tools/${entry.name}`);
+                    console.log(`  ✗ Failed: components/dev-tools/${entryRelPath}`);
                     errorCount++;
                 }
             }
         }
     }
+    if (fs.existsSync(sourceDevTools)) {
+        syncDirRecursive(sourceDevTools, devToolsDestDir, "");
+    }
     // Sync core lib files
     for (const file of coreFiles) {
         if (fs.existsSync(file.src)) {

package/package.json

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