From 34c771cc314448471d559f3d58d2ab1cf6246835 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Sun, 17 Apr 2022 10:30:41 +0200
Subject: [PATCH] Debounce search input

---
 src/CmpInput.svelte | 8 ++++++--
 src/utils.ts        | 1 -
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/CmpInput.svelte b/src/CmpInput.svelte
index 825748a..c85973f 100644
--- a/src/CmpInput.svelte
+++ b/src/CmpInput.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
+import { debounce } from "obsidian";
 import { createEventDispatcher, onMount, tick } from "svelte"
-// import { throttle } from "lodash-es"
 import { searchQuery, selectedNote } from "./stores"
 
 let input: HTMLInputElement
+let inputValue: string
 const dispatch = createEventDispatcher()
 
 onMount(async () => {
@@ -12,6 +13,8 @@ onMount(async () => {
   input.select()
 })
 
+const debouncedOnInput = debounce(() => $searchQuery = inputValue, 100)
+
 // const throttledMoveNoteSelection = throttle(moveNoteSelection, 75)
 function moveNoteSelection(ev: KeyboardEvent): void {
   switch (ev.key) {
@@ -57,7 +60,8 @@ function moveNoteSelection(ev: KeyboardEvent): void {
 
 <input
   bind:this={input}
-  bind:value={$searchQuery}
+  bind:value={inputValue}
+  on:input={debouncedOnInput}
   on:keydown={moveNoteSelection}
   type="text"
   class="prompt-input"
diff --git a/src/utils.ts b/src/utils.ts
index 285ddfb..53bf8f6 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -2,7 +2,6 @@ import type { CachedMetadata } from 'obsidian'
 import {
   isSearchMatch,
   regexLineSplit,
-  regexWikilink,
   regexYaml,
 } from './globals'
 import type { SearchMatch } from './globals'