feat(head): added api dns prefetch and preconnect

hearchco · Jun 20, 2024 · 9c45182 · 9c45182
1 parent 0e3b823
commit 9c45182
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 3 deletions.
diff --git a/src/lib/components/preconnect/main.svelte b/src/lib/components/preconnect/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	import { createApiUrl } from '$lib/functions/api/createurl';
+
+	const apiUrlStr = createApiUrl().toString().replace(/\/$/, '');
+</script>
+
+<svelte:head>
+	<link rel="dns-prefetch" href={apiUrlStr} crossorigin="anonymous" />
+	<link rel="preconnect" href={apiUrlStr} crossorigin="anonymous" />
+</svelte:head>
diff --git a/src/lib/components/searchbox/main.svelte b/src/lib/components/searchbox/main.svelte
@@ -22,7 +22,7 @@
 	function handleSubmit(e) {
 		if (query === '') {
 			e.preventDefault();
-		} else {
+		} else if (!loading) {
 			loading = true;
 		}
 	}

diff --git a/src/lib/functions/api/createurl.js b/src/lib/functions/api/createurl.js
@@ -3,7 +3,7 @@ import { env } from '$env/dynamic/public';
 
 /**
  * Create an API URL
- * @param {string} path
+ * @param {string} [path]
  * @param {URLSearchParams} [params]
  * @returns {URL}
  */
@@ -14,7 +14,7 @@ export function createApiUrl(path, params) {
 		throw error(500, 'PUBLIC_API_URI env is not defined');
 	}
 
-	const apiUrl = (apiUri.endsWith('/') ? apiUri : apiUri + '/') + path;
+	const apiUrl = (apiUri.endsWith('/') ? apiUri : apiUri + '/') + (path ?? '');
 	const urll = new URL(apiUrl);
 
 	if (params) {

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,9 +1,12 @@
 <script>
 	import '../app.css';
+	import Preconnect from '$lib/components/preconnect/main.svelte';
 	import ThemeToggle from '$lib/components/themetoggle/main.svelte';
 	import Footer from '$lib/components/footer/main.svelte';
 </script>
 
+<Preconnect />
+
 <ThemeToggle />
 
 <main class="min-h-[90lvh]">