@decentnetwork/lan 0.1.162 → 0.1.164

package/dist/ui/desktop/app.js

@@ -1688,6 +1688,12 @@ function VideoSurface({ stream, muted, style }) {
   }, [stream]);
   return /* @__PURE__ */ React.createElement("video", { ref, autoPlay: true, playsInline: true, muted: !!muted, style });
 }
+function AudioSink({ stream }) {
+  const ref = React.useCallback((el) => {
+    if (el && el.srcObject !== (stream || null)) el.srcObject = stream || null;
+  }, [stream]);
+  return /* @__PURE__ */ React.createElement("audio", { ref, autoPlay: true });
+}
 function IncomingCallModal({ T, ctl, peers }) {
   const inc = ctl.incoming;
   if (!inc) return null;
@@ -1740,7 +1746,7 @@ function CallOverlay({ T, ctl, peers }) {
     ctl.setMuted(n);
   };
   const controls = /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: 18, alignItems: "flex-start" } }, /* @__PURE__ */ React.createElement(CallBtn, { icon: muted ? "micFill" : "mic", label: muted ? T && T.unmute || "unmute" : T && T.mute || "mute", active: muted, onClick: toggleMute }), /* @__PURE__ */ React.createElement(CallBtn, { icon: "phone", label: T && T.endCall || "end", danger: true, wide: true, onClick: ctl.hangup }));
-  return /* @__PURE__ */ React.createElement("div", { style: { position: "fixed", inset: 0, zIndex: 70, background: "var(--bg)", display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement("div", { style: { height: 52, flexShrink: 0, display: "flex", alignItems: "center", gap: 10, padding: "0 18px", borderBottom: "1px solid var(--line)" } }, /* @__PURE__ */ React.createElement(Icon, { name: video ? "video" : "phone", size: 16, color: "var(--accent)", stroke: 2 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 13, fontWeight: 700, color: "var(--text)" } }, name), /* @__PURE__ */ React.createElement(Tag, { tone: connected ? "ok" : "warn" }, stateLabel), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), connected && /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 14, fontWeight: 700, color: "var(--text)", letterSpacing: 1 } }, mm, ":", ss)), video ? /* @__PURE__ */ React.createElement("div", { style: { flex: 1, position: "relative", padding: 18 } }, /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", inset: 18, borderRadius: 14, overflow: "hidden", background: "#000", border: "1px solid var(--line)" } }, ctl.remoteStream ? /* @__PURE__ */ React.createElement(VideoSurface, { stream: ctl.remoteStream, style: { width: "100%", height: "100%", objectFit: "cover" } }) : /* @__PURE__ */ React.createElement("div", { style: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React.createElement(DkIdenticon, { seed: call.peerId, size: 92, radius: 22 }))), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", right: 30, bottom: 30, width: 220, height: 148, borderRadius: 12, overflow: "hidden", background: "#000", border: "1px solid var(--line)" } }, ctl.localStream ? /* @__PURE__ */ React.createElement(VideoSurface, { stream: ctl.localStream, muted: true, style: { width: "100%", height: "100%", objectFit: "cover", transform: "scaleX(-1)" } }) : /* @__PURE__ */ React.createElement("div", { style: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React.createElement(Icon, { name: "userRound", size: 30, color: "var(--faint)", stroke: 1.4 }))), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", left: 0, right: 0, bottom: 30, display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React.createElement("div", { style: { padding: "16px 26px", borderRadius: 20, background: "color-mix(in oklab, var(--panel), transparent 8%)", border: "1px solid var(--line)" } }, controls))) : /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 22 } }, ctl.remoteStream && /* @__PURE__ */ React.createElement(VideoSurface, { stream: ctl.remoteStream, style: { display: "none" } }), /* @__PURE__ */ React.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "center" } }, !connected && /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", width: 150, height: 150, borderRadius: 999, border: "2px solid var(--accent)", animation: "dkpulse 2s ease-out infinite" } }), /* @__PURE__ */ React.createElement(DkIdenticon, { seed: call.peerId, size: 108, radius: 26 })), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 22, fontWeight: 700, color: "var(--text)" } }, name), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 8, fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--faint)" } }, stateLabel)), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 18 } }, controls)));
+  return /* @__PURE__ */ React.createElement("div", { style: { position: "fixed", inset: 0, zIndex: 70, background: "var(--bg)", display: "flex", flexDirection: "column" } }, ctl.remoteStream && /* @__PURE__ */ React.createElement(AudioSink, { stream: ctl.remoteStream }), /* @__PURE__ */ React.createElement("div", { style: { height: 52, flexShrink: 0, display: "flex", alignItems: "center", gap: 10, padding: "0 18px", borderBottom: "1px solid var(--line)" } }, /* @__PURE__ */ React.createElement(Icon, { name: video ? "video" : "phone", size: 16, color: "var(--accent)", stroke: 2 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 13, fontWeight: 700, color: "var(--text)" } }, name), /* @__PURE__ */ React.createElement(Tag, { tone: connected ? "ok" : "warn" }, stateLabel), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), connected && /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 14, fontWeight: 700, color: "var(--text)", letterSpacing: 1 } }, mm, ":", ss)), video ? /* @__PURE__ */ React.createElement("div", { style: { flex: 1, position: "relative", padding: 18 } }, /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", inset: 18, borderRadius: 14, overflow: "hidden", background: "#000", border: "1px solid var(--line)" } }, ctl.remoteStream ? /* @__PURE__ */ React.createElement(VideoSurface, { stream: ctl.remoteStream, muted: true, style: { width: "100%", height: "100%", objectFit: "cover" } }) : /* @__PURE__ */ React.createElement("div", { style: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React.createElement(DkIdenticon, { seed: call.peerId, size: 92, radius: 22 }))), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", right: 30, bottom: 30, width: 220, height: 148, borderRadius: 12, overflow: "hidden", background: "#000", border: "1px solid var(--line)" } }, ctl.localStream ? /* @__PURE__ */ React.createElement(VideoSurface, { stream: ctl.localStream, muted: true, style: { width: "100%", height: "100%", objectFit: "cover", transform: "scaleX(-1)" } }) : /* @__PURE__ */ React.createElement("div", { style: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React.createElement(Icon, { name: "userRound", size: 30, color: "var(--faint)", stroke: 1.4 }))), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", left: 0, right: 0, bottom: 30, display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React.createElement("div", { style: { padding: "16px 26px", borderRadius: 20, background: "color-mix(in oklab, var(--panel), transparent 8%)", border: "1px solid var(--line)" } }, controls))) : /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 22 } }, /* @__PURE__ */ React.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "center" } }, !connected && /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", width: 150, height: 150, borderRadius: 999, border: "2px solid var(--accent)", animation: "dkpulse 2s ease-out infinite" } }), /* @__PURE__ */ React.createElement(DkIdenticon, { seed: call.peerId, size: 108, radius: 26 })), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 22, fontWeight: 700, color: "var(--text)" } }, name), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 8, fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--faint)" } }, stateLabel)), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 18 } }, controls)));
 }
 Object.assign(window, { useCallController, CallOverlay, IncomingCallModal });
 const DK_DEFAULTS = (

package/dist/ui/desktop/vendor/peer-webrtc.js

@@ -151,7 +151,7 @@ var PeerWebRTC = (() => {
   var DEFAULT_ICE_SERVERS = [
     { urls: "stun:stun.l.google.com:19302" }
   ];
-  var _opts, _iceServers, _sessions, _CallEngine_instances, handleSignal_fn, onOffer_fn, onAnswer_fn, onCandidate_fn, onBye_fn, onAuxiliary_fn, createSession_fn, wirePeerConnection_fn, ensureRemoteStream_fn, attachLocalMedia_fn, flushLocalCandidates_fn, drainRemoteCandidates_fn, send_fn, sendByeSafe_fn, cleanup_fn, setState_fn, _toInfo, newCallId_fn, log_fn;
+  var _opts, _iceServers, _sessions, _CallEngine_instances, handleSignal_fn, onOffer_fn, onAnswer_fn, onCandidate_fn, onBye_fn, onAuxiliary_fn, createSession_fn, wirePeerConnection_fn, ensureRemoteStream_fn, attachLocalMedia_fn, flushLocalCandidates_fn, drainRemoteCandidates_fn, send_fn, sendByeSafe_fn, cleanup_fn, setState_fn, normId_fn, _toInfo, newCallId_fn, log_fn;
   var CallEngine = class extends Emitter {
     constructor(opts) {
       var _a;
@@ -232,7 +232,7 @@ var PeerWebRTC = (() => {
      * local media, applies the stored offer, and sends the answer.
      */
     async accept(callId) {
-      const session = __privateGet(this, _sessions).get(callId);
+      const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, callId));
       if (!session || session.direction !== "incoming" || !session.pendingOffer) {
         throw new Error(`accept: no pending incoming call ${callId}`);
       }
@@ -250,7 +250,7 @@ var PeerWebRTC = (() => {
     }
     /** Reject an incoming call (sends bye/declined). */
     async reject(callId) {
-      const session = __privateGet(this, _sessions).get(callId);
+      const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, callId));
       if (!session)
         return;
       await __privateMethod(this, _CallEngine_instances, sendByeSafe_fn).call(this, session, "declined");
@@ -259,7 +259,7 @@ var PeerWebRTC = (() => {
     }
     /** Hang up an active call (sends bye/normal). */
     async hangup(callId, reason = "normal") {
-      const session = __privateGet(this, _sessions).get(callId);
+      const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, callId));
       if (!session)
         return;
       await __privateMethod(this, _CallEngine_instances, sendByeSafe_fn).call(this, session, reason);
@@ -267,7 +267,7 @@ var PeerWebRTC = (() => {
     }
     /** Enable/disable a local track kind on an active call (mute / camera off). */
     setLocalTrackEnabled(callId, kind, enabled) {
-      const session = __privateGet(this, _sessions).get(callId);
+      const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, callId));
       if (!(session == null ? void 0 : session.localStream))
         return;
       for (const track of session.localStream.getTracks()) {
@@ -315,7 +315,7 @@ var PeerWebRTC = (() => {
   onOffer_fn = function(peerId, signal) {
     if (!signal.sdp)
       return;
-    const existing = __privateGet(this, _sessions).get(signal.callId);
+    const existing = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, signal.callId));
     if (existing) {
       existing.pendingOffer = signal.sdp;
       return;
@@ -329,7 +329,7 @@ var PeerWebRTC = (() => {
     __privateMethod(this, _CallEngine_instances, log_fn).call(this, `incoming call from ${peerId} callId=${signal.callId} audio=${audio} video=${video}`);
   };
   onAnswer_fn = function(peerId, signal) {
-    const session = __privateGet(this, _sessions).get(signal.callId);
+    const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, signal.callId));
     if (!session || session.peerId !== peerId || !signal.sdp)
       return;
     void (async () => {
@@ -346,7 +346,7 @@ var PeerWebRTC = (() => {
   };
   onCandidate_fn = function(peerId, signal) {
     var _a;
-    const session = __privateGet(this, _sessions).get(signal.callId);
+    const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, signal.callId));
     if (!session || session.peerId !== peerId || !signal.candidates)
       return;
     for (const c of signal.candidates) {
@@ -364,7 +364,7 @@ var PeerWebRTC = (() => {
   };
   onBye_fn = function(peerId, signal) {
     var _a;
-    const session = __privateGet(this, _sessions).get(signal.callId);
+    const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, signal.callId));
     if (!session || session.peerId !== peerId)
       return;
     const reason = (_a = signal.reason) != null ? _a : "normal";
@@ -374,7 +374,7 @@ var PeerWebRTC = (() => {
     __privateMethod(this, _CallEngine_instances, log_fn).call(this, `bye from ${peerId} callId=${signal.callId} reason=${reason}`);
   };
   onAuxiliary_fn = function(peerId, signal) {
-    const session = __privateGet(this, _sessions).get(signal.callId);
+    const session = __privateGet(this, _sessions).get(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, signal.callId));
     if (!session || session.peerId !== peerId)
       return;
     if (signal.type === "event") {
@@ -405,7 +405,7 @@ var PeerWebRTC = (() => {
       remoteCandidateQueue: [],
       closed: false
     };
-    __privateGet(this, _sessions).set(callId, session);
+    __privateGet(this, _sessions).set(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, callId), session);
     __privateMethod(this, _CallEngine_instances, wirePeerConnection_fn).call(this, session);
     return session;
   };
@@ -523,7 +523,7 @@ var PeerWebRTC = (() => {
       } catch {
       }
     }
-    __privateGet(this, _sessions).delete(session.callId);
+    __privateGet(this, _sessions).delete(__privateMethod(this, _CallEngine_instances, normId_fn).call(this, session.callId));
     if (session.state !== "ended" && session.state !== "failed") {
       session.state = endedReason === "failed" ? "failed" : "ended";
     }
@@ -535,6 +535,15 @@ var PeerWebRTC = (() => {
     session.state = state;
     this.emit("stateChanged", __privateGet(this, _toInfo).call(this, session), state);
   };
+  /** Canonical session key. callId is a UUID; iOS re-serializes it UPPERCASE
+   *  (it parses our lowercase UUID into a `UUID` and echoes `.uuidString`), so
+   *  the answer/candidates come back cased differently than the offer. Key and
+   *  look up sessions case-insensitively — exactly as the native SDK does
+   *  (`callId.lowercased()`). Without this, outgoing calls to iOS never match
+   *  the answer → candidates never flush → ICE stalls at "connecting". */
+  normId_fn = function(callId) {
+    return callId.toLowerCase();
+  };
   _toInfo = new WeakMap();
   newCallId_fn = function() {
     if (__privateGet(this, _opts).generateCallId)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.162",
+  "version": "0.1.164",
   "description": "Private virtual LAN for self-hosted services and AI agents, built on Elastos Carrier. NAT-traversal, name service, ACL, all over a peer-to-peer mesh — no public IP required.",
   "type": "module",
   "main": "./dist/index.js",
@@ -80,7 +80,7 @@
   "dependencies": {
     "@decentnetwork/dora": "^0.1.13",
     "@decentnetwork/peer": "^0.1.86",
-    "@decentnetwork/peer-webrtc": "^0.1.0",
+    "@decentnetwork/peer-webrtc": "^0.1.1",
     "ink": "^5.2.1",
     "js-yaml": "^4.1.0",
     "node-forge": "^1.4.0",