29 lines
928 B
Svelte
29 lines
928 B
Svelte
<script lang="ts">
|
|
import type { ResultNote } from "../globals"
|
|
import { getMatches } from "../search"
|
|
import { highlighter, makeExcerpt, stringsToRegex } from "../utils"
|
|
import ResultItemContainer from "./ResultItemContainer.svelte"
|
|
|
|
export let selected = false
|
|
export let note: ResultNote
|
|
|
|
$: reg = stringsToRegex(note.foundWords)
|
|
$: matches = getMatches(note.content, reg)
|
|
$: cleanedContent = makeExcerpt(note.content, note.matches[0]?.offset ?? -1)
|
|
</script>
|
|
|
|
<ResultItemContainer id={note.path} {selected} on:mousemove on:click>
|
|
<span class="omnisearch-result__title">
|
|
{@html note.basename.replace(reg, highlighter)}
|
|
</span>
|
|
|
|
{#if matches.length > 0}
|
|
<span class="omnisearch-result__counter">
|
|
{matches.length} {matches.length > 1 ? "matches" : "match"}
|
|
</span>
|
|
{/if}
|
|
<div class="omnisearch-result__body">
|
|
{@html cleanedContent.replace(reg, highlighter)}
|
|
</div>
|
|
</ResultItemContainer>
|