90 lines
2.4 KiB
Svelte
90 lines
2.4 KiB
Svelte
<script lang="ts">
|
|
import CmpInput from "./CmpInput.svelte"
|
|
import CmpNoteInternalResult from "./CmpInfileResult.svelte"
|
|
import { excerptAfter, type ResultNote, type SearchMatch } from "./globals"
|
|
import { resultNotes } from "./stores"
|
|
|
|
let matches: SearchMatch[] = []
|
|
let groupedOffsets: number[] = []
|
|
|
|
$: note = $resultNotes[0]
|
|
$: {
|
|
if (note) {
|
|
matches = note.matches
|
|
const groups = getGroups()
|
|
groupedOffsets = groups.map((group) =>
|
|
Math.round((group.first()!.offset + group.last()!.offset) / 2)
|
|
)
|
|
// console.log(groups)
|
|
// console.log(groupedOffsets)
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Group together close
|
|
*/
|
|
function getGroups(): SearchMatch[][] {
|
|
const groups: SearchMatch[][] = []
|
|
let lastOffset = -1
|
|
while (true) {
|
|
const group = getGroupedMatches(matches, lastOffset, excerptAfter)
|
|
if (!group.length) break
|
|
lastOffset = group.last()!.offset
|
|
groups.push(group)
|
|
}
|
|
return groups
|
|
}
|
|
|
|
function getGroupedMatches(
|
|
matches: SearchMatch[],
|
|
offsetFrom: number,
|
|
maxLen: number
|
|
): SearchMatch[] {
|
|
const first = matches.find((m) => m.offset > offsetFrom)
|
|
if (!first) return []
|
|
return matches.filter(
|
|
(m) => m.offset > offsetFrom && m.offset <= first.offset + maxLen
|
|
)
|
|
}
|
|
|
|
function onInputEnter(event: CustomEvent<ResultNote>): void {
|
|
// console.log(event.detail)
|
|
// openNote(event.detail)
|
|
// $modal.close()
|
|
}
|
|
</script>
|
|
|
|
<div class="modal-title">Omnisearch - File</div>
|
|
<CmpInput on:enter={onInputEnter} />
|
|
|
|
<div class="modal-content">
|
|
<div class="prompt-results">
|
|
{#if groupedOffsets.length && note}
|
|
{#each groupedOffsets as offset}
|
|
<CmpNoteInternalResult {offset} {note} />
|
|
{/each}
|
|
{:else}
|
|
We found 0 result for your search here.
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<div class="prompt-instructions">
|
|
<div class="prompt-instruction">
|
|
<span class="prompt-instruction-command">↑↓</span><span>to navigate</span>
|
|
</div>
|
|
<div class="prompt-instruction">
|
|
<span class="prompt-instruction-command">↵</span><span>to open</span>
|
|
</div>
|
|
<!-- <div class="prompt-instruction">
|
|
<span class="prompt-instruction-command">ctrl ↵</span>
|
|
<span>to open in a new pane</span>
|
|
</div>
|
|
<div class="prompt-instruction">
|
|
<span class="prompt-instruction-command">shift ↵</span>
|
|
<span>to create</span>
|
|
</div> -->
|
|
<div class="prompt-instruction">
|
|
<span class="prompt-instruction-command">esc</span><span>to dismiss</span>
|
|
</div>
|
|
</div>
|