Improve search field to look also into the content

.github/workflows/build-artifacts.yml

@@ -645,4 +645,14 @@ jobs:
           NEXT_PUBLIC_ALGOLIA_APP_ID: ${{ inputs.NEXT_PUBLIC_ALGOLIA_APP_ID }}
           NEXT_PUBLIC_ALGOLIA_ADMIN_KEY: ${{ secrets.NEXT_PUBLIC_ALGOLIA_ADMIN_KEY }}
           NEXT_PUBLIC_ALGOLIA_INDEX_NAME: ${{ inputs.NEXT_PUBLIC_ALGOLIA_INDEX_NAME }}
-        run: python algolia_sync.py
+        run: python algolia_sync.py
+
+      - name: Patch rule body content in Algolia index
+        env:
+          NEXT_PUBLIC_ALGOLIA_APP_ID: ${{ inputs.NEXT_PUBLIC_ALGOLIA_APP_ID }}
+          NEXT_PUBLIC_ALGOLIA_ADMIN_KEY: ${{ secrets.NEXT_PUBLIC_ALGOLIA_ADMIN_KEY }}
+          NEXT_PUBLIC_ALGOLIA_INDEX_NAME: ${{ inputs.NEXT_PUBLIC_ALGOLIA_INDEX_NAME }}
+        run: |
+          cd content/scripts/tina-migration/algolia-indexer
+          npm install
+          node update_algolia_index.js

app/search/client-page.tsx

@@ -22,6 +22,15 @@ interface SearchResult {
   objectID: string;
   title: string;
   slug: string;
+  _snippetResult?: {
+    content?: { value: string; matchLevel: string };
+    [key: string]: any;
+  };
+  _highlightResult?: {
+    title?: { value: string; matchLevel: string };
+    content?: { value: string; matchLevel: string };
+    [key: string]: any;
+  };
   [key: string]: any;
 }
 
@@ -163,6 +172,11 @@ export default function RulesSearchClientPage({ ruleCount, latestRulesByUpdated
                     lastUpdated={result.lastUpdated ?? result.created ?? null}
                     index={index}
                     authorUrl={getAuthorUrl(result)}
+                    snippet={
+                      result._snippetResult?.content?.matchLevel !== "none"
+                        ? result._snippetResult?.content?.value
+                        : null
+                    }
                   />
                 ))}
               </div>

components/RuleCard.tsx

@@ -11,14 +11,15 @@ interface RuleCardProps {
   index?: number;
   authorUrl?: string | null;
   skeletonMeta?: boolean;
+  snippet?: string | null;
 }
 
 function isHttpUrl(value?: string | null) {
   if (!value) return false;
   return /^https?:\/\//i.test(value.trim());
 }
 
-export default function RuleCard({ title, slug, lastUpdatedBy, lastUpdated, index, authorUrl, skeletonMeta }: RuleCardProps) {
+export default function RuleCard({ title, slug, lastUpdatedBy, lastUpdated, index, authorUrl, skeletonMeta, snippet }: RuleCardProps) {
   const showLink = !skeletonMeta && isHttpUrl(authorUrl) && (lastUpdatedBy || "Unknown") !== "Unknown";
 
   return (
@@ -31,6 +32,13 @@ export default function RuleCard({ title, slug, lastUpdatedBy, lastUpdated, inde
             <h2 className="m-0 mb-2 text-2xl max-sm:text-lg hover:text-ssw-red">{title}</h2>
           </Link>
 
+          {snippet && (
+            <p
+              className="m-0 mb-2 text-sm text-gray-600"
+              dangerouslySetInnerHTML={{ __html: snippet }}
+            />
+          )}
+
           {skeletonMeta ? (
             <div className="flex items-center gap-4 animate-pulse">
               <div className="h-4 w-32 rounded bg-gray-200" />

components/SearchBar.tsx

@@ -11,6 +11,15 @@ interface SearchResult {
   objectID: string;
   title: string;
   slug: string;
+  _snippetResult?: {
+    content?: { value: string; matchLevel: string };
+    [key: string]: any;
+  };
+  _highlightResult?: {
+    title?: { value: string; matchLevel: string };
+    content?: { value: string; matchLevel: string };
+    [key: string]: any;
+  };
   [key: string]: any;
 }