sonance-brand-mcp 1.3.105 → 1.3.106

package/dist/assets/api/sonance-vision-apply/route.ts

@@ -624,6 +624,52 @@ function findElementLineInFile(
     }
   }
   
+  // ========== FALLBACK MATCHING (for non-Sonance codebases) ==========
+  // These are lower confidence but help find elements in ANY codebase
+  
+  // FALLBACK 1: Flexible text search (just find the text anywhere)
+  if (focusedElement.textContent && focusedElement.textContent.trim().length > 5) {
+    const searchText = focusedElement.textContent.trim().substring(0, 30);
+    for (let i = 0; i < lines.length; i++) {
+      if (lines[i].includes(searchText)) {
+        debugLog("Fallback: Flexible text match found", { searchText, lineNumber: i + 1 });
+        return {
+          lineNumber: i + 1,
+          snippet: lines.slice(Math.max(0, i - 3), i + 5).join('\n'),
+          confidence: 'low',
+          matchedBy: `flexible text match "${searchText}${focusedElement.textContent.length > 30 ? '...' : ''}"`
+        };
+      }
+    }
+  }
+  
+  // FALLBACK 2: Class fingerprint (use first few classes as unique identifier)
+  if (focusedElement.className && focusedElement.className.trim().length > 15) {
+    // Take first 2-3 distinctive classes as a fingerprint
+    const classes = focusedElement.className.trim().split(/\s+/);
+    // Filter out very common single-word utilities
+    const distinctiveClasses = classes.filter(c => 
+      c.length > 4 && !['flex', 'grid', 'block', 'hidden', 'relative', 'absolute'].includes(c)
+    ).slice(0, 3);
+    
+    if (distinctiveClasses.length >= 2) {
+      const fingerprint = distinctiveClasses.join(' ');
+      for (let i = 0; i < lines.length; i++) {
+        // Check if line contains ALL fingerprint classes
+        const lineHasAll = distinctiveClasses.every(cls => lines[i].includes(cls));
+        if (lineHasAll) {
+          debugLog("Fallback: Class fingerprint match found", { fingerprint, lineNumber: i + 1 });
+          return {
+            lineNumber: i + 1,
+            snippet: lines.slice(Math.max(0, i - 3), i + 5).join('\n'),
+            confidence: 'low',
+            matchedBy: `class fingerprint "${fingerprint}"`
+          };
+        }
+      }
+    }
+  }
+  
   return null;
 }
 
@@ -655,9 +701,14 @@ function scoreFilesForTextContent(
     filesCount: importedFiles.length
   });
   
-  // Only search component files (where JSX text lives)
+  // Search component files and page files (where JSX text lives)
+  // Expanded to work with ANY codebase structure
   const componentFiles = importedFiles.filter(f => 
-    f.path.includes('components/') || f.path.includes('/ui/')
+    f.path.includes('components/') || 
+    f.path.includes('/ui/') || 
+    f.path.includes('/_components/') ||
+    f.path.endsWith('.tsx') ||
+    f.path.endsWith('.jsx')
   );
   
   const results: { path: string; content: string; score: number; matchedTexts: string[]; firstMatchLine: number }[] = [];
@@ -753,9 +804,25 @@ function findElementInImportedFiles(
   const routeName = pageDir.split('/').pop() || ''; // e.g., "typography"
   
   for (const file of importedFiles) {
-    // Focus on component files (where UI elements live)
+    // Focus on component/page files (where UI elements live)
     // Skip types, stores, utils, hooks - they don't contain JSX elements
-    if (!file.path.includes('components/') && !file.path.includes('/ui/') && !file.path.includes('/_components/')) continue;
+    // Expanded to work with ANY codebase structure
+    const isComponentFile = 
+      file.path.includes('components/') || 
+      file.path.includes('/ui/') || 
+      file.path.includes('/_components/') ||
+      file.path.endsWith('.tsx') ||
+      file.path.endsWith('.jsx');
+    
+    // Skip non-component files but allow page files
+    if (!isComponentFile) continue;
+    
+    // Skip known non-UI files
+    if (file.path.includes('/types') || 
+        file.path.includes('/hooks/') || 
+        file.path.includes('/utils/') || 
+        file.path.includes('/lib/') ||
+        file.path.includes('.d.ts')) continue;
     
     const result = findElementLineInFile(file.content, focusedElement);
     if (result && result.confidence !== 'low') {
@@ -2580,7 +2647,7 @@ ${linesWithNumbers}
           path: actualTargetFile.path, 
           lines: targetContent.split('\n').length,
           size: targetContent.length,
-          wasRedirected: actualTargetFile.path !== recommendedFileContent.path
+          wasRedirected: actualTargetFile.path !== recommendedFileContent?.path
         });
       } else if (pageContext.pageContent) {
         // Fallback: use page file if no recommended file

package/dist/assets/api/sonance-vision-edit/route.ts

@@ -620,6 +620,52 @@ function findElementLineInFile(
     }
   }
   
+  // ========== FALLBACK MATCHING (for non-Sonance codebases) ==========
+  // These are lower confidence but help find elements in ANY codebase
+  
+  // FALLBACK 1: Flexible text search (just find the text anywhere)
+  if (focusedElement.textContent && focusedElement.textContent.trim().length > 5) {
+    const searchText = focusedElement.textContent.trim().substring(0, 30);
+    for (let i = 0; i < lines.length; i++) {
+      if (lines[i].includes(searchText)) {
+        debugLog("Fallback: Flexible text match found", { searchText, lineNumber: i + 1 });
+        return {
+          lineNumber: i + 1,
+          snippet: lines.slice(Math.max(0, i - 3), i + 5).join('\n'),
+          confidence: 'low',
+          matchedBy: `flexible text match "${searchText}${focusedElement.textContent.length > 30 ? '...' : ''}"`
+        };
+      }
+    }
+  }
+  
+  // FALLBACK 2: Class fingerprint (use first few classes as unique identifier)
+  if (focusedElement.className && focusedElement.className.trim().length > 15) {
+    // Take first 2-3 distinctive classes as a fingerprint
+    const classes = focusedElement.className.trim().split(/\s+/);
+    // Filter out very common single-word utilities
+    const distinctiveClasses = classes.filter(c => 
+      c.length > 4 && !['flex', 'grid', 'block', 'hidden', 'relative', 'absolute'].includes(c)
+    ).slice(0, 3);
+    
+    if (distinctiveClasses.length >= 2) {
+      const fingerprint = distinctiveClasses.join(' ');
+      for (let i = 0; i < lines.length; i++) {
+        // Check if line contains ALL fingerprint classes
+        const lineHasAll = distinctiveClasses.every(cls => lines[i].includes(cls));
+        if (lineHasAll) {
+          debugLog("Fallback: Class fingerprint match found", { fingerprint, lineNumber: i + 1 });
+          return {
+            lineNumber: i + 1,
+            snippet: lines.slice(Math.max(0, i - 3), i + 5).join('\n'),
+            confidence: 'low',
+            matchedBy: `class fingerprint "${fingerprint}"`
+          };
+        }
+      }
+    }
+  }
+  
   return null;
 }
 
@@ -651,9 +697,14 @@ function scoreFilesForTextContent(
     filesCount: importedFiles.length
   });
   
-  // Only search component files (where JSX text lives)
+  // Search component files and page files (where JSX text lives)
+  // Expanded to work with ANY codebase structure
   const componentFiles = importedFiles.filter(f => 
-    f.path.includes('components/') || f.path.includes('/ui/')
+    f.path.includes('components/') || 
+    f.path.includes('/ui/') || 
+    f.path.includes('/_components/') ||
+    f.path.endsWith('.tsx') ||
+    f.path.endsWith('.jsx')
   );
   
   const results: { path: string; content: string; score: number; matchedTexts: string[]; firstMatchLine: number }[] = [];
@@ -749,9 +800,25 @@ function findElementInImportedFiles(
   const routeName = pageDir.split('/').pop() || ''; // e.g., "typography"
   
   for (const file of importedFiles) {
-    // Focus on component files (where UI elements live)
+    // Focus on component/page files (where UI elements live)
     // Skip types, stores, utils, hooks - they don't contain JSX elements
-    if (!file.path.includes('components/') && !file.path.includes('/ui/') && !file.path.includes('/_components/')) continue;
+    // Expanded to work with ANY codebase structure
+    const isComponentFile = 
+      file.path.includes('components/') || 
+      file.path.includes('/ui/') || 
+      file.path.includes('/_components/') ||
+      file.path.endsWith('.tsx') ||
+      file.path.endsWith('.jsx');
+    
+    // Skip non-component files but allow page files
+    if (!isComponentFile) continue;
+    
+    // Skip known non-UI files
+    if (file.path.includes('/types') || 
+        file.path.includes('/hooks/') || 
+        file.path.includes('/utils/') || 
+        file.path.includes('/lib/') ||
+        file.path.includes('.d.ts')) continue;
     
     const result = findElementLineInFile(file.content, focusedElement);
     if (result && result.confidence !== 'low') {

package/package.json

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