{filteredInitialResults(props).map((hit: Record, idx: number) => {
const vertical = String(props.vertical || "all").toLowerCase()
const sourceUrl = toSourceUrl(hit)
const title = toTitle(hit)
if (!sourceUrl || !title) return null
const resultHref = vertical === "videos" ? toVideoTarget(hit) : sourceUrl
if (vertical === "videos" && !resultHref) return null
const faviconPath = toFaviconPath(hit, sourceUrl)
const fallbackFaviconPath = faviconFallbackUrl(sourceUrl)
const snippet = toSnippet(hit)
const resultTitleId = `result-title-ssr-${idx + 1}`
const topResultSitelinks =
idx === 0 && vertical === "all" ? toRenderableSitelinks(hit.sitelinks, resultHref, 4) : []
if (vertical === "images") {
if (isFaviconLikeAsset(hit)) return null
const imagePath = asText(hit.asset_image_path)
if (imagePath) {
const faviconPath = toFaviconPath(hit, sourceUrl)
const aspect = (() => {
// Deterministic variety for masonry-like collage. Keep it stable per URL across renders.
const key = `${asText(hit.url, imagePath)}|${sourceUrl}|${idx}`
let hash = 0
for (let i = 0; i < key.length; i += 1) hash = ((hash << 5) - hash + key.charCodeAt(i)) | 0
const aspects = ["1 / 1", "4 / 3", "4 / 3", "3 / 4", "3 / 4", "16 / 9", "5 / 4", "4 / 5"]
const pick = aspects[Math.abs(hash) % aspects.length] || "4 / 3"
return pick
})()
return (
)
}
// Suppress orphan image cards that don't have a first-party proxy image path.
return null
}
if (vertical === "shopping") {
const imagePath = asText(hit.asset_image_path)
return (
) : (
)
) : null}
{imagePath ? (
![]()
) : (
)}
)
}
if (vertical === "videos") {
const videoThumb = asText(hit.asset_image_path)
return (
)
}
return (
)
})}
{String(props.query || "").trim() && filteredInitialResults(props).length === 0 ? (
String(props.vertical || "all").toLowerCase() === "shopping" ? (
{title}
{toShoppingExtraChips(hit).map((value: string, chipIdx: number) => (
{value}
))}
{snippet ? {snippet}
: null}
No products matched this filter yet
Try broadening your price or stock filters.
No results found.
{asText(props.lang, "auto").toLowerCase() !== "auto" ? ( ) : null}
{shouldShowOmitted(props) ? (
{formatInt(Number(props.initialOmittedResults || 0))} omitted similar results.{" "}
Include omitted results
) : null}
{(props.vertical === "images" || props.vertical === "shopping")
?
: null}