feat: show page image if present (#208)

assets/search/js/renderer.ts

@@ -58,6 +58,10 @@ export default class Renderer {
  }
 
  icon(page) {
+ if (page.img) {
+ return `<img class="search-result-img" src="${page.img}" />`
+ }
+
  return page.kind in params.icons ? params.icons[page.kind] : params.icons.page
  }
 

assets/search/scss/_result.scss

@@ -6,6 +6,10 @@
  }
 }
 
+.search-result-img {
+ max-height: 48px;
+}
+
 .search-result-content {
  display: flex;
  flex: 1;

hugo.toml

@@ -16,7 +16,7 @@ notAlternative = true
 [module]
 [module.hugoVersion]
 extended = true
-min = "0.111.3"
+min = "0.121.0"
 
 [[module.imports]]
 path = "github.com/hugomods/i18n-js"

layouts/partials/search/index.json.html

@@ -15,9 +15,16 @@
  {{- $item.Set "lang" .Language.Lang -}}
  {{- $item.Set "url" (cond $multihost .Permalink .RelPermalink) -}}
  {{- $item.Set "date" .Date.Unix -}}
- {{- if $years }}
- {{- $item.Set "year" (.Date.Format "2006") }}
- {{- end }}
+ {{- if $years -}}
+ {{- $item.Set "year" (.Date.Format "2006") -}}
+ {{- end -}}
+ {{/* Image */}}
+ {{- if or $page.Params.images ($page.Resources.GetMatch "{*feature*,*cover*,*thumbnail*}") -}}
+ {{- with partial "_funcs/get-page-images" $page -}}
+ {{- $img := index . 0 -}}
+ {{- $item.Set "img" (cond $multihost $img.Permalink $img.RelPermalink) -}}
+ {{- end -}}
+ {{- end -}}
  {{- $item.Set "headings" (partialCached "search/functions/parse-headings" . .) -}}
  {{/* Taxonomies */}}
  {{- range $name, $taxonomy := site.Taxonomies -}}