Clean up

CHANGELOG.md

@@ -14,6 +14,7 @@
 #### Version 3.29
 - **New**: Finnish game language added
 - **New**: Incorrect color affix improved
+- **Fix**: Fixed an error on desktop when navigator.vibrate is called
 
 #### Version 3.28.1 (27.07.2024)
 - **Fix**: Accessibility contrast increased for red dotted letters

README.md

@@ -22,7 +22,7 @@ https://crowdin.com/project/diffle-lang
 [![Crowdin](https://badges.crowdin.net/diffle-lang/localized.svg)](https://crowdin.com/project/diffle-lang)
 
 # App screenshots
-![diffle lang app screenshots](./app-screenshots.png)
+![diffle lang app screenshots](./app-screenshots.jpg)
 
 ### Polskie DIFFLE 🇵🇱
 DIFFLE gra jak Wordle (po polsku, bez limitu znaków), każde użyte słowo podpowiada pozycję i kolejność liter w haśle.

package.json

@@ -9,7 +9,7 @@
     "slowoku"
   ],
   "private": true,
-  "version": "3.28.1",
+  "version": "3.29",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/hooks/useVibrate.ts

@@ -6,24 +6,47 @@ function useVibrate() {
   const shouldKeyboardVibrate = useSelector(state => state.app.shouldKeyboardVibrate);
 
   const vibrate = useCallback(({ isInverted = false, duration = 40 } = {}) => {
-    if (shouldVibrate && !isInverted) {
-      navigator?.vibrate(duration);
-    }
+    try {
+      if (!navigator.vibrate) {
+        return;
+      }
+
+      if (shouldVibrate && !isInverted) {
+        navigator.vibrate(duration);
+      }
 
-    if (!shouldVibrate && isInverted) {
-      navigator?.vibrate(duration);
+      if (!shouldVibrate && isInverted) {
+        navigator.vibrate(duration);
+      }
+    } catch {
+      // Unsupported
     }
   }, [shouldVibrate]);
 
   const vibrateKeyboard = useCallback(({ duration = 25 } = {}) => {
-    if (shouldKeyboardVibrate) {
-      navigator?.vibrate(duration);
+    try {
+      if (!navigator.vibrate) {
+        return;
+      }
+
+      if (shouldKeyboardVibrate) {
+        navigator.vibrate(duration);
+      }
+    } catch {
+      // Unsupported
     }
   }, [shouldKeyboardVibrate]);
 
   const vibrateKeyboardIncorrect = useCallback(({ duration = 50 } = {}) => {
-    if (shouldKeyboardVibrate) {
-      navigator?.vibrate(duration);
+    try {
+      if (!navigator.vibrate) {
+        return;
+      }
+      if (shouldKeyboardVibrate) {
+        navigator.vibrate(duration);
+      }
+    } catch {
+      // Unsupported
     }
   }, [shouldKeyboardVibrate]);