From df9a05ba2c7562f67492ff045d05681182883b64 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Thu, 29 Mar 2018 12:46:40 +0200
Subject: [PATCH] Added search delay and prioritize anime search

---
 scripts/Actions/Search.ts | 48 ++++++++++++++++++++++++++-------------
 1 file changed, 32 insertions(+), 16 deletions(-)

diff --git a/scripts/Actions/Search.ts b/scripts/Actions/Search.ts
index efc4f4f1..419ab176 100644
--- a/scripts/Actions/Search.ts
+++ b/scripts/Actions/Search.ts
@@ -1,4 +1,5 @@
 import { AnimeNotifier } from "../AnimeNotifier"
+import { delay } from "../Utils"
 
 // Search page reference
 var emptySearchHTML = ""
@@ -24,6 +25,9 @@ var soundtrackSearchResults: HTMLElement
 var userSearchResults: HTMLElement
 var companySearchResults: HTMLElement
 
+// Delay before a request is sent
+const searchDelay = 150
+
 // Fetch options
 const fetchOptions: RequestInit = {
 	credentials: "same-origin"
@@ -63,6 +67,14 @@ export async function search(arn: AnimeNotifier, search: HTMLInputElement, e: Ke
 	// Unmount mountables to improve visual responsiveness on key press
 	arn.unmountMountables()
 
+	// Delay
+	await delay(searchDelay)
+
+	if(term !== search.value.trim()) {
+		arn.mountMountables()
+		return
+	}
+
 	// Show loading spinner
 	arn.loading(true)
 
@@ -110,25 +122,27 @@ export async function search(arn: AnimeNotifier, search: HTMLInputElement, e: Ke
 		.then(showResponseInElement(arn, url, "anime", animeSearchResults))
 		.catch(console.error)
 
-		fetch("/_/character-search/" + term, fetchOptions)
-		.then(showResponseInElement(arn, url, "character", characterSearchResults))
-		.catch(console.error)
+		arn.requestIdleCallback(() => {
+			fetch("/_/character-search/" + term, fetchOptions)
+			.then(showResponseInElement(arn, url, "character", characterSearchResults))
+			.catch(console.error)
 
-		fetch("/_/forum-search/" + term, fetchOptions)
-		.then(showResponseInElement(arn, url, "forum", forumSearchResults))
-		.catch(console.error)
+			fetch("/_/forum-search/" + term, fetchOptions)
+			.then(showResponseInElement(arn, url, "forum", forumSearchResults))
+			.catch(console.error)
 
-		fetch("/_/soundtrack-search/" + term, fetchOptions)
-		.then(showResponseInElement(arn, url, "soundtrack", soundtrackSearchResults))
-		.catch(console.error)
+			fetch("/_/soundtrack-search/" + term, fetchOptions)
+			.then(showResponseInElement(arn, url, "soundtrack", soundtrackSearchResults))
+			.catch(console.error)
 
-		fetch("/_/user-search/" + term, fetchOptions)
-		.then(showResponseInElement(arn, url, "user", userSearchResults))
-		.catch(console.error)
+			fetch("/_/user-search/" + term, fetchOptions)
+			.then(showResponseInElement(arn, url, "user", userSearchResults))
+			.catch(console.error)
 
-		fetch("/_/company-search/" + term, fetchOptions)
-		.then(showResponseInElement(arn, url, "company", companySearchResults))
-		.catch(console.error)
+			fetch("/_/company-search/" + term, fetchOptions)
+			.then(showResponseInElement(arn, url, "company", companySearchResults))
+			.catch(console.error)
+		})
 	} catch(err) {
 		console.error(err)
 	} finally {
@@ -137,7 +151,9 @@ export async function search(arn: AnimeNotifier, search: HTMLInputElement, e: Ke
 }
 
 function showResponseInElement(arn: AnimeNotifier, url: string, typeName: string, element: HTMLElement) {
-	return async response => {
+	return async (response: Response) => {
+		console.log(response.status, response.headers.get("ETag"))
+
 		let html = await response.text()
 
 		if(arn.app.currentPath !== url) {