From 2821bbdcd8e9f76632dff9ddd2b7e63c15be31c7 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 24 Dec 2023 07:36:21 -0800
Subject: feat(error): route predict

---
 src/routes/+error.svelte | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/routes/+error.svelte

(limited to 'src')

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 00000000..a5cd1dee
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import levenshtein from 'fast-levenshtein';
+
+	$: suggestion = (() => {
+		let closest = '';
+		let lowestDistance = Infinity;
+
+		[
+			'birthdays',
+			'completed',
+			'schedule',
+			'settings',
+			'tools',
+			'updates',
+			'user',
+			'wrapped',
+			'...'
+		].forEach((path) => {
+			let distance = levenshtein.get(browser ? window.location.pathname : '...', path);
+
+			if (distance < lowestDistance) {
+				lowestDistance = distance;
+				closest = path;
+			}
+		});
+
+		return closest;
+	})();
+</script>
+
+<p>Page not found.</p>
+
+<blockquote>
+	Did you mean "<a
+		href={suggestion}
+		style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''}
+		>{suggestion.charAt(0).toUpperCase() + suggestion.slice(1)}</a
+	>"?
+</blockquote>
-- 
cgit v1.2.3