@decentnetwork/beagle 0.1.32 → 0.1.33

package/dist/desktop/app.js

@@ -1,4 +1,4 @@
-window.__DK_UI_VERSION="0.1.31";
+window.__DK_UI_VERSION="0.1.32";
 const ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
   users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
@@ -3858,10 +3858,44 @@ function useCallController(selfId, onCallLog) {
   React.useEffect(() => {
     activeRef.current = active;
   }, [active]);
+  const claimTabId = React.useRef(Math.random().toString(36).slice(2));
+  const claimBus = React.useRef(null);
+  React.useEffect(() => {
+    let ch = null;
+    try {
+      ch = new BroadcastChannel("dk-call-claim");
+    } catch (e) {
+      return void 0;
+    }
+    claimBus.current = ch;
+    ch.onmessage = (ev) => {
+      const m = ev.data || {};
+      if (!m || m.tabId === claimTabId.current || m.type !== "claimed")
+        return;
+      const inc = incomingRef.current;
+      if (inc && (inc.callId === m.callId || inc.peerId === m.peerId))
+        setIncoming(null);
+    };
+    return () => {
+      try {
+        ch.close();
+      } catch (e) {
+      }
+      claimBus.current = null;
+    };
+  }, []);
+  const broadcastClaim = React.useCallback((inc, action) => {
+    try {
+      if (claimBus.current)
+        claimBus.current.postMessage({ type: "claimed", tabId: claimTabId.current, callId: inc.callId, peerId: inc.peerId, action });
+    } catch (e) {
+    }
+  }, []);
   const accept = React.useCallback(() => {
     const pending = incomingRef.current;
     if (!pending)
       return;
+    broadcastClaim(pending, "accepted");
     setIncoming(null);
     setActive({ callId: pending.callId, peerId: pending.peerId, video: pending.video, direction: "incoming", state: "connecting" });
     waitEngine().then((eng) => {
@@ -3873,10 +3907,12 @@ function useCallController(selfId, onCallLog) {
   const reject = React.useCallback(() => {
     const eng = engineRef.current;
     const inc = incomingRef.current;
+    if (inc)
+      broadcastClaim(inc, "rejected");
     if (eng && inc)
       eng.reject(inc.callId);
     setIncoming(null);
-  }, []);
+  }, [broadcastClaim]);
   const hangup = React.useCallback(() => {
     const eng = engineRef.current;
     const a = activeRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "description": "Beagle — P2P chat, file transfer and calls for regular users, on the Decent Network. No admin privilege required.",
   "type": "module",
   "main": "./dist/index.js",