From 34e1bbad502f442df24e47614ec8206024640e2d Mon Sep 17 00:00:00 2001
From: Kohei Yoshino <kohei.yoshino@gmail.com>
Date: Fri, 11 Aug 2023 23:59:22 -0400
Subject: [PATCH] Fix potential SSR issue

---
 .../global-toolbar/items/quick-search-bar.svelte      | 11 ++++++++++-
 src/lib/services/utils/events.js                      |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/global/global-toolbar/items/quick-search-bar.svelte b/src/lib/components/global/global-toolbar/items/quick-search-bar.svelte
index 21bc30ed..aa6121e6 100644
--- a/src/lib/components/global/global-toolbar/items/quick-search-bar.svelte
+++ b/src/lib/components/global/global-toolbar/items/quick-search-bar.svelte
@@ -1,5 +1,6 @@
 <script>
   import { SearchBar } from '@sveltia/ui';
+  import { onMount } from 'svelte';
   import { _ } from 'svelte-i18n';
   import { selectedCollection } from '$lib/services/contents';
   import { goBack, goto, parseLocation } from '$lib/services/navigation';
@@ -24,7 +25,6 @@
     }
   };
 
-  const focusShortcut = isMac ? 'Meta+F' : 'Ctrl+F';
   /**
    * @type {HTMLElement}
    */
@@ -33,6 +33,11 @@
    * @type {import('svelte').SvelteComponent}
    */
   let searchBar = undefined;
+  /**
+   * Keyboard shortcut to focus on the search bar. This has to be redefined within `onMount` because
+   * {@link isMac} requires `navigator` that doesn’t exist during SSR.
+   */
+  let focusShortcut = 'Ctrl+F';
 
   $: {
     // Restore search terms when the page is reloaded
@@ -40,6 +45,10 @@
       searchBar.value = $searchTerms;
     }
   }
+
+  onMount(() => {
+    focusShortcut = isMac() ? 'Meta+F' : 'Ctrl+F';
+  });
 </script>
 
 <svelte:window
diff --git a/src/lib/services/utils/events.js b/src/lib/services/utils/events.js
index 1495e203..7e06b461 100644
--- a/src/lib/services/utils/events.js
+++ b/src/lib/services/utils/events.js
@@ -1,7 +1,8 @@
 /**
  * Check if the user agent is macOS.
+ * @returns {boolean} Result.
  */
-export const isMac =
+export const isMac = () =>
   /** @type {any} */ (navigator).userAgentData?.platform === 'macOS' ||
   navigator.platform.startsWith('Mac');