astro-tractstack 2.0.0-rc.37 → 2.0.0-rc.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.0.0-rc.37",
+  "version": "2.0.0-rc.39",
   "description": "Astro integration for TractStack - redeeming the web from boring experiences",
   "type": "module",
   "main": "dist/index.js",

package/templates/src/components/search/SearchModal.tsx

@@ -74,7 +74,7 @@ export default function SearchModal({
         <Dialog.Backdrop className="fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm" />
         <Dialog.Positioner className="fixed inset-0 z-50 flex items-start justify-center p-4 pt-16">
           <Dialog.Content
-            className="bg-mywhite w-full max-w-4xl overflow-hidden rounded-lg shadow-2xl"
+            className="bg-mywhite w-full max-w-5xl overflow-hidden rounded-lg shadow-2xl"
             style={{ height: '80vh', display: 'flex', flexDirection: 'column' }}
           >
             {/* Fixed Header */}

package/templates/src/components/search/SearchResults.tsx

@@ -97,7 +97,14 @@ export default function SearchResults({
       }
     });
 
-    return items;
+    return items.sort((a, b) => {
+      const aHasRealImage = a.imageSrc !== '/static.jpg';
+      const bHasRealImage = b.imageSrc !== '/static.jpg';
+
+      if (aHasRealImage && !bHasRealImage) return -1;
+      if (!aHasRealImage && bHasRealImage) return 1;
+      return 0;
+    });
   }, [results, contentMap]);
 
   const totalPages = Math.ceil(allResultItems.length / ITEMS_PER_PAGE);

package/templates/src/components/search/SearchWrapper.tsx

@@ -1,5 +1,6 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
+import { initSearch } from '@/utils/customHelpers';
 import SearchModal from './SearchModal';
 import type { FullContentMapItem } from '@/types/tractstack';
 
@@ -18,6 +19,10 @@ export default function SearchWrapper({ contentMap }: SearchWrapperProps) {
     setIsSearchOpen(false);
   };
 
+  useEffect(() => {
+    initSearch();
+  }, []);
+
   return (
     <>
       <button

package/templates/src/utils/customHelpers.ts

@@ -21,3 +21,9 @@ export function getResourceImage(
   console.log(`please define getResourceImage`, id, slug, category);
   return '/static.jpg';
 }
+
+// Initialize search data - override in custom implementation
+export function initSearch(): void {
+  // Default implementation does nothing
+  // Override this function in your custom implementation to load search data
+}