@signalwire/js 4.0.0-dev-20260915135732 → 4.0.0-dev-20261001133709

package/dist/browser.mjs

@@ -4325,13 +4325,13 @@ var require_race$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var innerFrom_1$28 = require_innerFrom();
 	var argsOrArgArray_1$4 = require_argsOrArgArray();
 	var OperatorSubscriber_1$48 = require_OperatorSubscriber();
-	function race$4() {
+	function race$5() {
 		var sources = [];
 		for (var _i = 0; _i < arguments.length; _i++) sources[_i] = arguments[_i];
 		sources = argsOrArgArray_1$4.argsOrArgArray(sources);
 		return sources.length === 1 ? innerFrom_1$28.innerFrom(sources[0]) : new Observable_1$6.Observable(raceInit(sources));
 	}
-	exports.race = race$4;
+	exports.race = race$5;
 	function raceInit(sources) {
 		return function(subscriber) {
 			var subscriptions = [];
@@ -6823,12 +6823,12 @@ var require_skip = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	exports.skip = void 0;
 	var filter_1$3 = require_filter();
-	function skip$3(count$1) {
+	function skip$5(count$1) {
 		return filter_1$3.filter(function(_, index) {
 			return count$1 <= index;
 		});
 	}
-	exports.skip = skip$3;
+	exports.skip = skip$5;
 }));
 
 //#endregion
@@ -9023,6 +9023,18 @@ const DEFAULT_ICE_GATHERING_TIMEOUT_MS = 6e3;
 const DEFAULT_RECONNECT_CALLS_TIMEOUT_MS = 300 * 1e3;
 const DEFAULT_CONNECTION_TIMEOUT_MS = 1e4;
 /**
+* The server sends `signalwire.ping` every 10s. A socket that stays silent
+* longer than this is half-open: the server has dropped the session but the
+* browser never fired `close`.
+*/
+const SERVER_PING_TIMEOUT_MS = 15e3;
+/**
+* How long a `signalwire.ping` the client sends after the server's pings
+* stopped may take to be answered. The server defers its own pings while its
+* threadpool is congested, so silence alone does not mean the socket is dead.
+*/
+const SERVER_PING_PROBE_TIMEOUT_MS = 1e4;
+/**
 * How long call setup may wait for the network, measured from local media
 * settling until the member id arrives.
 *
@@ -12353,6 +12365,12 @@ const RPCReauthenticate = (params) => {
 
 //#endregion
 //#region src/core/RPCMessages/RPCPing.ts
+const RPCPing = () => {
+	return buildRPCRequest({
+		method: "signalwire.ping",
+		params: { timestamp: Date.now() / 1e3 }
+	});
+};
 const RPCPingResponse = (id, timestamp$1) => {
 	return makeRPCResponse({
 		id,
@@ -12536,8 +12554,36 @@ var AttachManager = class {
 			logger$26.warn("[AttachManager] Skip attach for calls with no destination");
 			return;
 		}
+		const attachment = this.buildAttachment(call, call.to);
+		await this.mutate((attached) => ({
+			...attached,
+			[call.id]: attachment
+		}));
+	}
+	/**
+	* Keep an already-stored call's reference alive and current — the periodic
+	* refresh the `verto.ping` keepalive drives.
+	*
+	* Only ever updates: a call with no record is one nothing wants reattached,
+	* and re-creating it here would undo a `detach`. That matters because a ping
+	* can land in the window between `bye()` detaching and the call being torn
+	* down, and a record revived there survives the hangup — so the next page
+	* load dials a call nobody is on. The existence check and the write share
+	* one {@link mutate} turn, so a concurrent detach cannot slip between them.
+	*/
+	async refresh(call) {
+		if (!call.to) return;
 		const destination = call.to;
-		const attachment = {
+		await this.mutate((attached) => {
+			if (!Object.hasOwn(attached, call.id)) return attached;
+			return {
+				...attached,
+				[call.id]: this.buildAttachment(call, destination)
+			};
+		});
+	}
+	buildAttachment(call, destination) {
+		return {
 			nodeId: call.nodeId,
 			destination,
 			mediaDirections: call.mediaDirections,
@@ -12545,10 +12591,6 @@ var AttachManager = class {
 			videoInputDevice: call.mediaDirections.video !== "inactive" ? this.deviceController.selectedVideoInputDevice : null,
 			attachedAt: Date.now()
 		};
-		await this.mutate((attached) => ({
-			...attached,
-			[call.id]: attachment
-		}));
 	}
 	async detach(call) {
 		await this.mutate((attached) => {
@@ -12712,12 +12754,12 @@ var require_race = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.race = void 0;
 	var argsOrArgArray_1 = require_argsOrArgArray();
 	var raceWith_1$1 = require_raceWith();
-	function race$3() {
+	function race$4() {
 		var args = [];
 		for (var _i = 0; _i < arguments.length; _i++) args[_i] = arguments[_i];
 		return raceWith_1$1.raceWith.apply(void 0, __spreadArray([], __read(argsOrArgArray_1.argsOrArgArray(args))));
 	}
-	exports.race = race$3;
+	exports.race = race$4;
 }));
 
 //#endregion
@@ -17183,6 +17225,7 @@ var WebRTCVertoManager = class extends VertoManager {
 		this._signalingStatus$ = this.createReplaySubject(1);
 		this._screenShareStatus$ = this.createBehaviorSubject("none");
 		this._rtcPeerConnectionsMap = /* @__PURE__ */ new Map();
+		this._lastVertoPings = /* @__PURE__ */ new Map();
 		this._legErrors$ = this.createSubject();
 		this._nodeId$ = this.createBehaviorSubject(options.nodeId ?? null);
 		this.onError = options.onError;
@@ -17298,9 +17341,13 @@ var WebRTCVertoManager = class extends VertoManager {
 			this.applyServerMediaParams(rtcPeerConnController, audio, video);
 		});
 		this.subscribeTo(this.vertoPing$, (vertoPing) => {
-			this.attachManager.attach(this.buildAttachableCall());
+			this._lastVertoPings.set(vertoPing.callID, vertoPing);
+			this.attachManager.refresh(this.buildAttachableCall());
 			this.sendVertoPong(vertoPing);
 		});
+		this.subscribeTo(this.webRtcCallSession.clientSession.authenticated$.pipe((0, import_cjs$15.skip)(1), (0, import_cjs$15.filter)(Boolean)), () => {
+			this._lastVertoPings.forEach((vertoPing) => void this.sendVertoPong(vertoPing));
+		});
 	}
 	/**
 	* An auxiliary-leg failure must never destroy the call; main-leg and
@@ -17660,7 +17707,7 @@ var WebRTCVertoManager = class extends VertoManager {
 			this.emitMainSignalingStatus(rtcPeerConnController.id, "trying");
 			const nodeId = getValueFrom(response, "result.node_id") ?? null;
 			const memberId = getValueFrom(response, "result.result.result.memberID") ?? null;
-			const callId = getValueFrom(response, "result.result.result.callID") ?? null;
+			const callId = getValueFrom(response, "result.result.result.callID");
 			logger$16.debug("[WebRTCManager] Verto invite response:", {
 				callId,
 				memberId,
@@ -17671,14 +17718,9 @@ var WebRTCVertoManager = class extends VertoManager {
 			if (rtcPeerConnController.isMainDevice) {
 				this._selfId$.next(memberId);
 				this._nodeId$.next(nodeId);
-			}
-			if (callId) {
-				this.webRtcCallSession.addCallId(callId);
 				this.attachManager.attach(this.buildAttachableCall(callId, nodeId ?? void 0));
-			} else logger$16.warn("[WebRTCManager] Cannot attach call, missing callId:", {
-				nodeId: this.nodeId,
-				callId
-			});
+			}
+			if (callId) this.webRtcCallSession.addCallId(callId);
 			logger$16.info("[WebRTCManager] Verto invite successful");
 			logger$16.debug(`[WebRTCManager] nodeid: ${this._nodeId$.value}, selfId: ${this._selfId$.value}`);
 		} else {
@@ -20842,6 +20884,10 @@ var ClientSessionManager = class extends Destroyable {
 		await (0, import_cjs$7.firstValueFrom)(this.authenticated$.pipe((0, import_cjs$7.takeUntil)(this.destroyed$), (0, import_cjs$7.filter)(Boolean), (0, import_cjs$7.take)(1), (0, import_cjs$7.timeout)({ first: 15e3 })));
 	}
 	async handleAuthenticationError(error) {
+		if (error instanceof TransportConnectionError) {
+			logger$9.debug("[Session] Socket closed during authentication, waiting for reconnect");
+			return;
+		}
 		logger$9.error("Authentication error:", error);
 		const isRecoverableAuthError$1 = error instanceof JSONRPCError && (error.code === RPC_ERROR_REQUESTER_VALIDATION_FAILED || error.code === RPC_ERROR_INVALID_PARAMS || error.code === RPC_ERROR_AUTHENTICATION_FAILED);
 		const hasStoredState = await (0, import_cjs$7.firstValueFrom)(this.authorizationState$.pipe((0, import_cjs$7.take)(1))) !== void 0;
@@ -20981,7 +21027,9 @@ var ClientSessionManager = class extends Destroyable {
 				protocol: persistedParams.protocol
 			} : {}
 		});
-		const response = await (0, import_cjs$7.lastValueFrom)((0, import_cjs$7.from)(this.transport.execute(rpcConnectRequest)).pipe(throwOnRPCError(), (0, import_cjs$7.map)((res) => res.result), (0, import_cjs$7.filter)(isRPCConnectResult), (0, import_cjs$7.tap)(() => {
+		if (this.transport.connectionStatus !== "connected") throw new TransportConnectionError("WebSocket closed during authentication");
+		const socketClosed$ = this.transport.connectionStatus$.pipe((0, import_cjs$7.skip)(1), (0, import_cjs$7.filter)((status) => status === "reconnecting" || status === "disconnected"), (0, import_cjs$7.take)(1), (0, import_cjs$7.switchMap)(() => (0, import_cjs$7.throwError)(() => new TransportConnectionError("WebSocket closed during authentication"))));
+		const response = await (0, import_cjs$7.lastValueFrom)((0, import_cjs$7.race)((0, import_cjs$7.from)(this.transport.execute(rpcConnectRequest)), socketClosed$).pipe(throwOnRPCError(), (0, import_cjs$7.map)((res) => res.result), (0, import_cjs$7.filter)(isRPCConnectResult), (0, import_cjs$7.tap)(() => {
 			logger$9.debug("[Session] Response passed filter, processing authentication result");
 		}), (0, import_cjs$7.take)(1), (0, import_cjs$7.catchError)((err) => {
 			logger$9.error("[Session] Authentication RPC failed:", err);
@@ -20996,6 +21044,7 @@ var ClientSessionManager = class extends Destroyable {
 		this._authorization$.next(response.authorization);
 		if (response.authorization.cnf?.jkt) this._wasClientBound = true;
 		this._iceServers$.next(response.ice_servers ?? []);
+		this.transport.setAuthenticated();
 		this._authState$.next({ kind: "authenticated" });
 		logger$9.debug("[Session] Authentication completed successfully");
 	}
@@ -22192,6 +22241,7 @@ var WebSocketController = class WebSocketController extends Destroyable {
 	}
 	handleClose(_event) {
 		this.clearConnectionTimeout();
+		this.messageQueue = [];
 		if (this.shouldReconnect) {
 			this._status$.next("reconnecting");
 			this.scheduleReconnection();
@@ -22261,6 +22311,9 @@ var WebSocketController = class WebSocketController extends Destroyable {
 function isSignalwirePingRequest(value) {
 	return isJSONRPCRequest(value) && value.method === "signalwire.ping";
 }
+function isSignalwireConnectRequest(value) {
+	return isJSONRPCRequest(value) && value.method === "signalwire.connect";
+}
 
 //#endregion
 //#region src/managers/TransportManager.ts
@@ -22275,6 +22328,10 @@ var TransportManager = class extends Destroyable {
 		this.protocol$ = this.createReplaySubject(1);
 		this.isConnecting = false;
 		this.isConnected = false;
+		this.socketStatus = "disconnected";
+		this.sessionAuthenticated = false;
+		this.heldRequests = [];
+		this.serverPingWatch = 0;
 		this.ackEvent = () => {
 			return (0, import_cjs$2.tap)((message) => {
 				if (isSignalwireRequest(message)) try {
@@ -22290,6 +22347,7 @@ var TransportManager = class extends Destroyable {
 				if (isSignalwirePingRequest(message)) {
 					try {
 						logger$2.debug("[Transport] Received ping, sending pong", { pingId: message.id });
+						if (this.sessionAuthenticated) this.armServerPingWatchdog();
 						this.send(RPCPingResponse(message.id));
 					} catch (error) {
 						logger$2.error("[Transport] Failed to send ping response:", error);
@@ -22327,6 +22385,14 @@ var TransportManager = class extends Destroyable {
 		this.subscribeTo(this._webSocketConnections.errors$, (error) => {
 			this.onError?.(error);
 		});
+		this.subscribeTo(this._webSocketConnections.status$, (status) => {
+			this.socketStatus = status;
+			if (status !== "connected") {
+				this.sessionAuthenticated = false;
+				this.clearServerPingWatchdog();
+			}
+			if (status === "disconnected") this.heldRequests = [];
+		});
 		this.initialized$ = (0, import_cjs$2.defer)(() => (0, import_cjs$2.from)(this._init())).pipe((0, import_cjs$2.shareReplay)(1), (0, import_cjs$2.takeUntil)(this.destroyed$));
 		this._jsonRPCMessage$ = this._webSocketConnections.incomingMessages$.pipe((0, import_cjs$2.map)((event) => {
 			try {
@@ -22355,6 +22421,9 @@ var TransportManager = class extends Destroyable {
 	get connectionStatus$() {
 		return this._webSocketConnections.status$;
 	}
+	get connectionStatus() {
+		return this.socketStatus;
+	}
 	async connect() {
 		if (this.isConnecting || this.isConnected) {
 			logger$2.warn("[Transport] Already connecting or connected");
@@ -22399,16 +22468,45 @@ var TransportManager = class extends Destroyable {
 	}
 	async execute(request, options) {
 		this.send(request);
-		return new PendingRPC(request, this._jsonRPCResponse$, options).promise;
+		const pending = new PendingRPC(request, this._jsonRPCResponse$, options).promise;
+		pending.catch(() => {
+			this.heldRequests = this.heldRequests.filter((held) => held.id !== request.id);
+		});
+		return pending;
 	}
 	send(message) {
 		const payload = JSON.stringify(message);
+		if (isJSONRPCResponse(message)) {
+			if (this.socketStatus !== "connected") {
+				logger$2.debug("[Transport] Dropping response while disconnected", { id: message.id });
+				return;
+			}
+		} else if (!this.sessionAuthenticated && !isSignalwireConnectRequest(message)) {
+			this.heldRequests.push({
+				id: message.id,
+				payload
+			});
+			return;
+		}
 		this._outgoingMessages$.next(payload);
 	}
+	/**
+	* Called by the session when signalwire.connect succeeds on the current
+	* socket. Sends the requests held since the socket opened, in order.
+	*/
+	setAuthenticated() {
+		if (this.socketStatus !== "connected") return;
+		this.sessionAuthenticated = true;
+		this.armServerPingWatchdog();
+		const held = this.heldRequests;
+		this.heldRequests = [];
+		held.forEach(({ payload }) => this._outgoingMessages$.next(payload));
+	}
 	disconnect() {
 		logger$2.debug("[Transport] Disconnecting");
 		this.isConnected = false;
 		this.isConnecting = false;
+		this.clearServerPingWatchdog();
 		this._webSocketConnections.disconnect();
 	}
 	destroy() {
@@ -22417,6 +22515,28 @@ var TransportManager = class extends Destroyable {
 		super.destroy();
 		this._webSocketConnections.destroy();
 	}
+	armServerPingWatchdog() {
+		this.clearServerPingWatchdog();
+		const watch = this.serverPingWatch;
+		this.serverPingTimer = setTimeout(() => void this.probeServer(watch), SERVER_PING_TIMEOUT_MS);
+	}
+	/** Bumps the watch so a probe still in flight no longer acts on its result. */
+	clearServerPingWatchdog() {
+		clearTimeout(this.serverPingTimer);
+		this.serverPingTimer = void 0;
+		this.serverPingWatch += 1;
+	}
+	async probeServer(watch) {
+		logger$2.debug(`[Transport] No signalwire.ping for ${SERVER_PING_TIMEOUT_MS}ms, probing the server`);
+		try {
+			await this.execute(RPCPing(), { timeoutMs: SERVER_PING_PROBE_TIMEOUT_MS });
+			if (watch === this.serverPingWatch) this.armServerPingWatchdog();
+		} catch (error) {
+			if (watch !== this.serverPingWatch) return;
+			logger$2.warn("[Transport] Server did not answer the ping probe, replacing the socket", error);
+			this.reconnect();
+		}
+	}
 	async _loadProtocolFromStorage() {
 		try {
 			const storedProtocol = await this.storage.getItem(this.protocolKey);
@@ -23122,7 +23242,7 @@ var SignalWire = class extends Destroyable {
 			logger$1.warn("[SignalWire] Failed to initialize VisibilityController:", error);
 		}
 		try {
-			this._diagnosticsCollector = new DiagnosticsCollector({ sdkVersion: "4.0.0-dev-20260915135732" });
+			this._diagnosticsCollector = new DiagnosticsCollector({ sdkVersion: "4.0.0-dev-20261001133709" });
 		} catch (error) {
 			logger$1.warn("[SignalWire] Failed to initialize DiagnosticsCollector:", error);
 		}
@@ -23677,7 +23797,7 @@ var StaticCredentialProvider = class {
 /**
 * Library version from package.json, injected at build time.
 */
-const version = "4.0.0-dev-20260915135732";
+const version = "4.0.0-dev-20261001133709";
 /**
 * Flag indicating the library has been loaded and is ready to use.
 * For UMD builds: `window.SignalWire.ready`
@@ -23699,7 +23819,7 @@ const ready = true;
 */
 const emitReadyEvent = () => {
 	if (typeof window !== "undefined") {
-		const event = new CustomEvent("signalwire:js:ready", { detail: { version: "4.0.0-dev-20260915135732" } });
+		const event = new CustomEvent("signalwire:js:ready", { detail: { version: "4.0.0-dev-20261001133709" } });
 		window.dispatchEvent(event);
 	}
 };