astro-accelerator 6.0.13 → 6.0.14

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "6.0.13",
+    "version": "6.0.14",
     "author": "Steve Fenton",
     "name": "astro-accelerator",
     "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",

package/public/css/main.css

@@ -859,6 +859,7 @@ code {
 }
 
 pre.astro-code {
+    border-radius: var(--block-radius);
     font-family: var(--code-font);
     margin: var(--block-gap) 0;
     overflow: auto;

package/public/js/search.js

@@ -60,6 +60,7 @@ function unique(value, index, array) {
         tags: string[];
         url: string;
         date: string;
+        bannerImage: { src: string; alt: string } | null;
         matchedHeadings: Heading[];
     }
 }  SearchEntry
@@ -375,9 +376,22 @@ function initializeSearch() {
             li.dataset.score = (
                 Math.round((needle.score / total) * 1000) / 1000
             ).toString();
-            listElementWrapper.appendChild(path);
-            listElementWrapper.appendChild(listElementTitle);
-            listElementWrapper.appendChild(listElementDescription);
+            const resultContent = document.createElement('div');
+            resultContent.className = 'result-content';
+            resultContent.appendChild(path);
+            resultContent.appendChild(listElementTitle);
+            resultContent.appendChild(listElementDescription);
+
+            if (needle.bannerImage) {
+                const resultImage = document.createElement('img');
+                resultImage.src = needle.bannerImage.src;
+                resultImage.alt = needle.bannerImage.alt;
+                resultImage.className = 'result-image';
+                resultImage.loading = 'lazy';
+                listElementWrapper.appendChild(resultImage);
+            }
+
+            listElementWrapper.appendChild(resultContent);
             li.appendChild(listElementWrapper);
 
             if (

package/src/pages/search.json.ts

@@ -70,6 +70,7 @@ const getData = async () => {
             tags: page.frontmatter.tags ?? [],
             url: SITE.url + accelerator.urlFormatter.formatAddress(url),
             date: page.frontmatter.pubDate ?? '',
+            bannerImage: page.frontmatter.bannerImage ?? null,
         });
     }
 

package/src/themes/accelerator/components/Search.astro

@@ -117,7 +117,22 @@ const accelerator = new Accelerator(SITE);
 
     .site-search-results-item a {
         text-decoration: none;
-        display: block;
+        display: flex;
+        gap: 1.5rem;
+        align-items: flex-start;
+    }
+
+    .result-image {
+        width: 120px;
+        height: 120px;
+        object-fit: cover;
+        border-radius: var(--block-radius);
+        flex-shrink: 0;
+    }
+
+    .result-content {
+        flex: 1;
+        min-width: 0;
     }
 
     .site-search-results .show-more {
@@ -210,6 +225,17 @@ const accelerator = new Accelerator(SITE);
             width: unset;
         }
 
+        .result-wrapper {
+            flex-direction: column;
+            gap: 1rem;
+        }
+
+        .result-image {
+            width: 100%;
+            height: auto;
+            max-height: 200px;
+        }
+
         .site-search-wrapper button {
             width: 100%;
         }