From 40a6fbeb042ab7dd8b3c6addbed614259bc597c6 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Tue, 4 Jun 2024 10:25:50 +0200
Subject: [PATCH] chore: refactor constant `IS_MAC` in a function `isMac` to
 prevent SSR errors

---
 src/lib/components/modals/CopyPasteModal.svelte | 4 ++--
 src/lib/utils/navigatorUtils.ts                 | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/modals/CopyPasteModal.svelte b/src/lib/components/modals/CopyPasteModal.svelte
index 9f466767..94f27193 100644
--- a/src/lib/components/modals/CopyPasteModal.svelte
+++ b/src/lib/components/modals/CopyPasteModal.svelte
@@ -2,14 +2,14 @@
 
 <script lang="ts">
   import { getContext } from 'svelte'
-  import { IS_MAC } from '$lib/utils/navigatorUtils.js'
+  import { isMac } from '$lib/utils/navigatorUtils.js'
   import { onEscape } from '$lib/actions/onEscape.js'
   import Header from './Header.svelte'
   import type { Context } from 'svelte-simple-modal'
 
   const { close } = getContext<Context>('simple-modal')
 
-  const ctrl = IS_MAC ? '⌘' : 'Ctrl'
+  const ctrl = isMac() ? '⌘' : 'Ctrl'
 </script>
 
 <div class="jse-modal jse-copy-paste" use:onEscape={() => close()}>
diff --git a/src/lib/utils/navigatorUtils.ts b/src/lib/utils/navigatorUtils.ts
index 6af66314..d51f3d87 100644
--- a/src/lib/utils/navigatorUtils.ts
+++ b/src/lib/utils/navigatorUtils.ts
@@ -8,7 +8,8 @@ declare global {
   }
 }
 
-export const IS_MAC =
-  navigator?.platform?.toUpperCase().includes('MAC') ??
-  navigator?.userAgentData?.platform?.toUpperCase().includes('MAC') ??
-  false
+export function isMac() {
+  return navigator?.platform?.toUpperCase().includes('MAC') ??
+    navigator?.userAgentData?.platform?.toUpperCase().includes('MAC') ??
+    false
+}