fix: Search was not working (#117)

The computed URL was incorrect.

This broke in d34bd4f (april 3) which
changed the file structure without updating the search code.

Author: arv

components/search.tsx

@@ -28,7 +28,6 @@ Anchor.displayName = 'Anchor';
 interface SearchDocument {
   id: string;
   title: string;
-  folderName: string;
   content: string;
   url: string;
   headings: {
@@ -87,15 +86,13 @@ export default function Search() {
       lunrIndex = lunr(b => {
         b.ref('id');
         b.field('title', {boost: 10}); // Prioritize document title
-        b.field('folderName', {boost: 8}); // Prioritize folder name
         b.field('content');
         b.field('headings', {boost: 9}); // Prioritize headings
 
         for (const doc of searchDocs) {
           b.add({
             ...doc,
             title: doc.title?.toLowerCase() ?? '',
-            folderName: doc.folderName?.toLowerCase() ?? '', // Ensure folder name is indexed
             headings: doc.headings.map(h => h.text.toLowerCase()).join(' '), // Convert headings to searchable string
           });
         }
@@ -186,9 +183,7 @@ export default function Search() {
 
         // Add an extra result if the search term exactly matches a document title
         const exactMatch = searchDocs.find(
-          doc =>
-            doc.title.toLowerCase() === sanitizedInput.toLowerCase() ||
-            doc.folderName.toLowerCase() === sanitizedInput.toLowerCase(),
+          doc => doc.title.toLowerCase() === sanitizedInput.toLowerCase(),
         );
 
         if (exactMatch) {

lib/generateSearchIndex.ts

@@ -14,7 +14,6 @@ const OUTPUT_FILE = path.join(process.cwd(), 'public', 'search-index.json');
 interface SearchDocument {
   id: string;
   title: string;
-  folderName: string;
   content: string;
   url: string;
   headings: {
@@ -87,17 +86,17 @@ async function extractTextFromMDX(filePath: string): Promise<SearchDocument> {
   // Extract headings with IDs
   const headings = extractHeadings(content);
 
-  // Derive a URL from the folder structure
-  const relativePath = path.relative(DOCS_ROOT, path.dirname(filePath)); // Get folder name
-  const url = `/docs/${relativePath}`; // Generate URL based on the folder structure
-  const folderName = relativePath.split('/').pop() || relativePath; // Extract last folder name
+  // Derive a URL from the file name
+  const pathWithoutExtension = path
+    .relative(DOCS_ROOT, filePath)
+    .replace(/\.mdx$/, '');
+  const url = `/docs/${pathWithoutExtension}`;
 
   return {
-    id: relativePath, // Use folder name as ID
-    title: data.title || relativePath, // Use frontmatter title or fallback to folder name
-    folderName, // Add folder name as a searchable field
-    content: plainText.toString().replace(/\n+/g, ' ').trim(), // Normalize whitespace
+    id: pathWithoutExtension, // Use file name as ID
+    title: data.title || pathWithoutExtension, // Use frontmatter title or fallback to path
     url,
+    content: plainText.toString().replace(/\n+/g, ' ').trim(),
     headings, // Include extracted headings with IDs
   };
 }