38 lines
1.2 KiB
Svelte
38 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { getNoteFromCache } from 'src/notes'
|
|
import { SearchContextType, settings } from 'src/settings'
|
|
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)
|
|
$: glyph = getNoteFromCache(note.path)?.doesNotExist
|
|
$: title = $settings.showShortName ? note.basename : note.path
|
|
</script>
|
|
|
|
<ResultItemContainer id={note.path} {selected} on:mousemove on:click {glyph}>
|
|
<div>
|
|
<span class="omnisearch-result__title">
|
|
{@html title.replace(reg, highlighter)}
|
|
</span>
|
|
|
|
{#if matches.length > 0}
|
|
<span class="omnisearch-result__counter">
|
|
{matches.length} {matches.length > 1 ? 'matches' : 'match'}
|
|
</span>
|
|
{/if}
|
|
</div>
|
|
|
|
{#if $settings.showContext !== SearchContextType.None}
|
|
<div class="omnisearch-result__body">
|
|
{@html cleanedContent.replace(reg, highlighter)}
|
|
</div>
|
|
{/if}
|
|
</ResultItemContainer>
|