fix tinykeys ssr import

src/lib/hotkeys.ts

@@ -1,24 +1,26 @@
 import { building } from '$app/environment';
-import tinykeys from 'tinykeys';
 import type Events from '$lib/events';
 
-export default (events: ReturnType<typeof Events>) => ({
+export default async (events: ReturnType<typeof Events>) =>
-	on: (combo: string, callback: (event: KeyboardEvent) => void) => {
+	building
-		if (building) return () => {};
+		? { on: () => () => {} }
-		const comboContainsControlKeys =
+		: await import('tinykeys').then(({ default: tinykeys }) => ({
-			combo.includes('Meta') || combo.includes('Alt') || combo.includes('Ctrl');
+				on: (combo: string, callback: (event: KeyboardEvent) => void) => {
-		return tinykeys(window, {
+					if (building) return () => {};
-			[combo]: (event) => {
+					const comboContainsControlKeys =
-				const target = event.target as HTMLElement;
+						combo.includes('Meta') || combo.includes('Alt') || combo.includes('Ctrl');
-				const isInput = target.tagName === 'INPUT' || target.tagName === 'TEXTAREA';
+					return tinykeys(window, {
-				if (isInput && !comboContainsControlKeys) return;
+						[combo]: (event) => {
+							const target = event.target as HTMLElement;
+							const isInput = target.tagName === 'INPUT' || target.tagName === 'TEXTAREA';
+							if (isInput && !comboContainsControlKeys) return;
 
-				event.preventDefault();
+							event.preventDefault();
-				event.stopPropagation();
+							event.stopPropagation();
 
-				events.closeCommandPalette();
+							events.closeCommandPalette();
-				callback(event);
+							callback(event);
-			}
+						}
-		});
+					});
-	}
+				}
-});
+		  }));

src/routes/+layout.ts

@@ -46,6 +46,6 @@ export const load: LayoutLoad = wrapLoadWithSentry(async ({ fetch }) => {
 		posthog: Posthog(),
 		sentry: Sentry(),
 		events,
-		hotkeys: Hotkeys(events)
+		hotkeys: await Hotkeys(events)
 	};
 });