feat: Add alert on connect failures, bump deps. (#47)

package.json

@@ -13,9 +13,9 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@tauri-apps/api": "^2.0.0-beta.16",
-    "@tauri-apps/plugin-cli": "^2.0.0-beta.8",
-    "@zmkfirmware/zmk-studio-ts-client": "^0.0.16",
+    "@tauri-apps/api": "^2.0.0",
+    "@tauri-apps/plugin-cli": "^2.0.0",
+    "@zmkfirmware/zmk-studio-ts-client": "^0.0.17",
     "emittery": "^1.0.3",
     "immer": "^10.1.1",
     "lucide-react": "^0.445.0",

src/ConnectModal.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
 
 import type { RpcTransport } from "@zmkfirmware/zmk-studio-ts-client/transport/index";
+import { UserCancelledError } from "@zmkfirmware/zmk-studio-ts-client/transport/errors";
 import type { AvailableDevice } from "./tauri/index";
 import { Bluetooth, RefreshCw } from "lucide-react";
 import { Key, ListBox, ListBoxItem, Selection } from "react-aria-components";
@@ -92,7 +93,9 @@ function deviceList(
           onClick={onRefresh}
         >
           <RefreshCw
-            className={`size-5 transition-transform ${refreshing ? "animate-spin" : ""}`}
+            className={`size-5 transition-transform ${
+              refreshing ? "animate-spin" : ""
+            }`}
           />
         </button>
       </div>
@@ -151,8 +154,12 @@ function simpleDevicePicker(
             }
             setSelectedTransport(undefined);
           }
-        } catch {
+        } catch (e) {
           if (!ignore) {
+            console.error(e);
+            if (e instanceof Error && !(e instanceof UserCancelledError)) {
+              alert(e.message);
+            }
             setSelectedTransport(undefined);
           }
         }