@arcware-cloud/pixelstreaming-websdk 1.3.0 → 1.3.2

package/index.cjs.js

@@ -22843,7 +22843,7 @@ function UrlBuilder(input, urlFlags) {
         flags.split("&").forEach((val) => {
             const [key, value] = val.split("=");
             // Ensure the value is encoded
-            params.append(key, value);
+            params.set(key, value);
         });
     }
     return url.toString();
@@ -23419,7 +23419,7 @@ class ArcwareConfig extends lib_pixelstreamingfrontend_ue5_5_1.Config {
         if (!config.initialSettings.ss)
             config.initialSettings.ss = exports.DefaultUrl;
         super(config);
-        this.VERSION = "1.3.0";
+        this.VERSION = "1.3.2";
         this.settings = settings;
         this.session = new Session_1.Session();
         this._initialSettings = config.initialSettings;
@@ -23573,6 +23573,73 @@ const MicrophoneOverlay_1 = __webpack_require__(3613);
 const ConnectionIdentifier_1 = __webpack_require__(5999);
 const DiagnosticsCollector_1 = __webpack_require__(8429);
 class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStreaming {
+    bindTransportEvents() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const current = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+        if (!current || current === this._boundTransport)
+            return;
+        // Unbind from previous
+        if (this._boundTransport) {
+            if (this._onWsOpen)
+                (_c = (_b = this._boundTransport).removeEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "open", this._onWsOpen);
+            if (this._onWsClose)
+                (_e = (_d = this._boundTransport).removeEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "close", this._onWsClose);
+        }
+        // Define (or reuse) callbacks
+        if (!this._onWsOpen) {
+            this._onWsOpen = () => {
+                this.flushOutbox();
+                // fallback nudge for videoInitialized
+                if (!this.videoInitializedSent)
+                    setTimeout(() => this.sendVideoInitializedOnce(), 150);
+            };
+        }
+        if (!this._onWsClose) {
+            this._onWsClose = (evt) => {
+                // Bubble to your public close handler
+                EventHandler_1.EventHandler.Emit(this.websocketOnCloseHandler, evt);
+            };
+        }
+        // Bind to current
+        (_f = current.addEventListener) === null || _f === void 0 ? void 0 : _f.call(current, "open", this._onWsOpen);
+        (_g = current.addEventListener) === null || _g === void 0 ? void 0 : _g.call(current, "close", this._onWsClose);
+        this._boundTransport = current;
+    }
+    startTransportWatcher() {
+        // Rebind if the transport object reference changes (cheap safety net)
+        if (this._transportWatchTimer)
+            return;
+        this._transportWatchTimer = window.setInterval(() => {
+            var _a;
+            const cur = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+            if (cur && cur !== this._boundTransport)
+                this.bindTransportEvents();
+        }, 3000); // light-touch; adjust if you like
+    }
+    stopTransportWatcher() {
+        if (this._transportWatchTimer) {
+            window.clearInterval(this._transportWatchTimer);
+            this._transportWatchTimer = undefined;
+        }
+    }
+    bindVideoElPlayingOnce() {
+        var _a, _b, _c;
+        const videoEl = (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.webRtcController) === null || _a === void 0 ? void 0 : _a.videoPlayer) === null || _b === void 0 ? void 0 : _b.getVideoElement) === null || _c === void 0 ? void 0 : _c.call(_b);
+        if (!videoEl || videoEl === this._boundVideoEl)
+            return;
+        // Unbind older one if replaced
+        if (this._boundVideoEl && this._onVideoPlaying) {
+            this._boundVideoEl.removeEventListener("playing", this._onVideoPlaying);
+        }
+        this._onVideoPlaying = () => this.sendVideoInitializedOnce();
+        videoEl.addEventListener("playing", this._onVideoPlaying, { once: true });
+        this._boundVideoEl = videoEl;
+    }
+    get isWsOpen() {
+        var _a, _b;
+        const ws = (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport) === null || _b === void 0 ? void 0 : _b.webSocket;
+        return !!ws && ws.readyState === WebSocket.OPEN;
+    }
     /** Returns a list of WebSocketStates of all PixelStreaming Instances generated. */
     get WebsocketStates() {
         return ConnectionIdentifier_1.ConnectionIdentifier.Instance.GetWebSocketStates();
@@ -23588,11 +23655,18 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         return state !== undefined ? state : WebSocket.CLOSED;
     }
     constructor(config, overrides) {
+        var _a, _b, _c;
         /** As soon as upstream is fixed, we got to adjust the url building process. */
         (0, ApplyUrlHack_1.ApplyUrlHack)();
         super(config, overrides);
         this.loveLettersQueue = [];
         this.isProcessingQueue = false;
+        // --- reliable send / idempotence ---
+        this.outbox = [];
+        this.retryTimers = new Map(); // reserved if you later add ACKs
+        this.videoInitializedSent = false;
+        this.versionReplyInFlight = false;
+        this.nextMsgId = 1;
         // Externalized
         /** On ping the session creation timestamp will be updated. */
         this.queueHandler = new EventHandler_1.EventHandler();
@@ -23615,6 +23689,17 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         //   const signallingServerUrl = this.config.getTextSettingValue(TextParameters.SignallingServerUrl);
         //   return signallingServerUrl + "?" + this.config.urlFlags;
         // });
+        const transport = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+        (_b = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _b === void 0 ? void 0 : _b.call(transport, "open", () => {
+            this.flushOutbox();
+        });
+        (_c = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _c === void 0 ? void 0 : _c.call(transport, "close", (evt) => {
+            // Bubble to your public close handler if you expose one
+            if (this.websocketOnCloseHandler) {
+                EventHandler_1.EventHandler.Emit(this.websocketOnCloseHandler, evt);
+            }
+        });
+        this.setupVideoInitFallbacks();
         // Set override config.
         this.config = config;
         this.loveLettersList = [];
@@ -23622,6 +23707,11 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         this.diagnosticsCollector = new DiagnosticsCollector_1.DiagnosticsCollector({
             enableBandwidthProbe: false
         });
+        // after super(...) and once webRtcController is available
+        this.bindTransportEvents();
+        this.startTransportWatcher();
+        // ensure video 'playing' fallback is attached to the current element
+        this.bindVideoElPlayingOnce();
         // this.loveLettersContainer = null;
         this.wrapWebSocketOnCloseHandler();
         // Bind the event listener function to the class instance
@@ -23679,10 +23769,26 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
      * * * * * * *
      */
     /** On version requested, the version of the WebSDK would be returned. */
-    onVersion(message) {
+    onVersion(_msg) {
+        var _a, _b;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const diagnostics = yield this.diagnosticsCollector.collect();
-            this.send({ type: "version", version: this.config.VERSION, diagnostics });
+            let diagnostics;
+            try {
+                diagnostics = yield this.diagnosticsCollector.collect();
+            }
+            catch (e) {
+                (_a = lib_pixelstreamingfrontend_ue5_5_1.Logger.Warning) === null || _a === void 0 ? void 0 : _a.call(lib_pixelstreamingfrontend_ue5_5_1.Logger, `Diagnostics collection failed: ${(_b = e === null || e === void 0 ? void 0 : e.message) !== null && _b !== void 0 ? _b : e}`);
+            }
+            finally {
+                // Build payload with required fields only; append diagnostics if available
+                const payload = {
+                    type: "version",
+                    version: this.config.VERSION
+                };
+                if (diagnostics !== undefined)
+                    payload.diagnostics = diagnostics;
+                this.send(payload); // uses your buffered send
+            }
         });
     }
     /** On ping the session creation timestamp will be updated. */
@@ -23749,16 +23855,67 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         this.session.set(message.sessionId);
         EventHandler_1.EventHandler.Emit(this.sessionIdHandler, message.sessionId);
     }
+    sendVideoInitializedOnce() {
+        if (this.videoInitializedSent)
+            return;
+        this.videoInitializedSent = true;
+        // Use withId if you plan to support idempotence on the server
+        this.send(/* this.withId( */ { type: "onVideoInitialized" } /* ) */);
+        if (this.videoInitializedHandler) {
+            EventHandler_1.EventHandler.Emit(this.videoInitializedHandler, undefined);
+        }
+    }
+    // Attach fallbacks once (call this in constructor after transport wiring)
+    setupVideoInitFallbacks() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // Fallback #1: HTMLVideoElement 'playing'
+        const videoEl = (_c = (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.videoPlayer) === null || _b === void 0 ? void 0 : _b.getVideoElement) === null || _c === void 0 ? void 0 : _c.call(_b);
+        (_d = videoEl === null || videoEl === void 0 ? void 0 : videoEl.addEventListener) === null || _d === void 0 ? void 0 : _d.call(videoEl, "playing", () => this.sendVideoInitializedOnce(), { once: true });
+        // Fallback #2: stats hook (if you emit one)
+        (_e = this.addEventListener) === null || _e === void 0 ? void 0 : _e.call(this, "statsReceived", (e) => {
+            var _a, _b;
+            const stats = e === null || e === void 0 ? void 0 : e.detail;
+            if (!this.videoInitializedSent && ((_b = (_a = stats === null || stats === void 0 ? void 0 : stats.video) === null || _a === void 0 ? void 0 : _a.framesDecoded) !== null && _b !== void 0 ? _b : 0) > 0) {
+                this.sendVideoInitializedOnce();
+            }
+        });
+        // Fallback #3: after socket opens, give it a tick
+        const transport = (_f = this.webRtcController) === null || _f === void 0 ? void 0 : _f.transport;
+        (_g = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _g === void 0 ? void 0 : _g.call(transport, "open", () => {
+            if (!this.videoInitializedSent) {
+                setTimeout(() => this.sendVideoInitializedOnce(), 150);
+            }
+        });
+    }
     onVideoInitialized() {
-        /** The videoInitialized event is important for the Arcware Cloud Backend, since without that event the instance will be cleaned up (killed). */
-        this.handleMouseLock();
-        this.send({ type: "onVideoInitialized" });
-        EventHandler_1.EventHandler.Emit(this.videoInitializedHandler, undefined);
-        this.handleResolutionChange();
-        this.handleRemoveLoveLetters();
-        this.microphoneOverlay.toggleVisibility(false);
-        this.applyResolutionIfPlaying();
-        this.removeXRIconIfDisabled();
+        var _a, _b, _c, _d, _e, _f, _g;
+        // send early and once
+        this.sendVideoInitializedOnce();
+        // keep side-effects guarded so they can't break the send
+        try {
+            (_a = this.handleMouseLock) === null || _a === void 0 ? void 0 : _a.call(this);
+        }
+        catch (_h) { }
+        try {
+            (_b = this.handleResolutionChange) === null || _b === void 0 ? void 0 : _b.call(this);
+        }
+        catch (_j) { }
+        try {
+            (_c = this.handleRemoveLoveLetters) === null || _c === void 0 ? void 0 : _c.call(this);
+        }
+        catch (_k) { }
+        try {
+            (_e = (_d = this.microphoneOverlay) === null || _d === void 0 ? void 0 : _d.toggleVisibility) === null || _e === void 0 ? void 0 : _e.call(_d, false);
+        }
+        catch (_l) { }
+        try {
+            (_f = this.applyResolutionIfPlaying) === null || _f === void 0 ? void 0 : _f.call(this);
+        }
+        catch (_m) { }
+        try {
+            (_g = this.removeXRIconIfDisabled) === null || _g === void 0 ? void 0 : _g.call(this);
+        }
+        catch (_o) { }
     }
     /** Adding a zod-safe handler. */
     addMessageHandler(type, zod, boundMethod) {
@@ -23773,7 +23930,7 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
                 lib_pixelstreamingfrontend_ue5_5_1.Logger.Error(error.message);
             }
             if (type === "error") {
-                this.disconnect();
+                //this.disconnect();
             }
         });
     }
@@ -23787,19 +23944,48 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         // This cast has to be done, since Frontend does not use typescript-strict setting.
         this.send(message);
     }
-    send(message) {
-        if (shared_pixelstreaming_websdk_1.Messages.Send[message.type]) {
-            const result = shared_pixelstreaming_websdk_1.Messages.Send[message.type].safeParse(message);
-            if (result.success)
-                this.signallingProtocol.sendMessage(result.data);
-            else {
-                // This cast has to be done, since Frontend does not use typescript-strict setting.
-                const parsedError = result;
-                lib_pixelstreamingfrontend_ue5_5_1.Logger.Error(`Failed to send. ${parsedError.error}`);
+    send(a, b) {
+        var _a, _b;
+        const msg = typeof a === "string" ? Object.assign({ type: a }, (b !== null && b !== void 0 ? b : {})) : a;
+        // Optional zod validation if you have schemas for this type
+        const schema = (_a = shared_pixelstreaming_websdk_1.Messages.Send) === null || _a === void 0 ? void 0 : _a[msg.type];
+        if (schema) {
+            const result = schema.safeParse(msg);
+            if (!result.success) {
+                (_b = lib_pixelstreamingfrontend_ue5_5_1.Logger.Error) === null || _b === void 0 ? void 0 : _b.call(lib_pixelstreamingfrontend_ue5_5_1.Logger, `Send validation failed for ${msg.type}: ${result.error}`);
+                return;
             }
+            this._dispatchOrBuffer(result.data);
         }
         else {
-            this.signallingProtocol.sendMessage(message);
+            this._dispatchOrBuffer(msg);
+        }
+    }
+    _dispatchOrBuffer(message) {
+        if (this.isWsOpen) {
+            try {
+                this.signallingProtocol.sendMessage(message);
+                return;
+            }
+            catch (_a) {
+                // fallthrough to buffer
+            }
+        }
+        this.outbox.push(message);
+    }
+    flushOutbox() {
+        if (!this.isWsOpen || this.outbox.length === 0)
+            return;
+        const batch = this.outbox.splice(0, this.outbox.length);
+        for (const m of batch) {
+            try {
+                this.signallingProtocol.sendMessage(m);
+            }
+            catch (_a) {
+                // if we fail mid-flush, put remaining back and bail
+                this.outbox.unshift(m, ...batch.slice(batch.indexOf(m) + 1));
+                break;
+            }
         }
     }
     handleResolutionChange() {
@@ -23863,7 +24049,18 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         }
     }
     removePlayer() {
-        //this.signallingProtocol.disconnect();
+        var _a, _b, _c, _d;
+        this.stopTransportWatcher();
+        // Optional: unbind handlers
+        if (this._boundTransport) {
+            if (this._onWsOpen)
+                (_b = (_a = this._boundTransport).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, "open", this._onWsOpen);
+            if (this._onWsClose)
+                (_d = (_c = this._boundTransport).removeEventListener) === null || _d === void 0 ? void 0 : _d.call(_c, "close", this._onWsClose);
+        }
+        if (this._boundVideoEl && this._onVideoPlaying) {
+            this._boundVideoEl.removeEventListener("playing", this._onVideoPlaying);
+        }
         this.disconnect();
     }
     handleMouseLock() {
@@ -23961,11 +24158,11 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         (_a = this === null || this === void 0 ? void 0 : this.config) === null || _a === void 0 ? void 0 : _a.setFlagEnabled(lib_pixelstreamingfrontend_ue5_5_1.Flags.UseMic, enable);
         if (!isDefault) {
             (_b = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _b === void 0 ? void 0 : _b.toggleMessage(enable);
+            setTimeout(() => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true); }, 200);
             setTimeout(() => {
-                var _a;
-                (_a = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true);
-            }, 200);
-            setTimeout(() => {
+                this.videoInitializedSent = false; // <-- reset before a real media restart
+                this.bindVideoElPlayingOnce(); // in case a new element will appear
+                this.bindTransportEvents(); // cheap rebind now
                 this.reconnect();
             }, 1000);
         }

package/index.esm.js

@@ -22831,7 +22831,7 @@ function UrlBuilder(input, urlFlags) {
         flags.split("&").forEach((val) => {
             const [key, value] = val.split("=");
             // Ensure the value is encoded
-            params.append(key, value);
+            params.set(key, value);
         });
     }
     return url.toString();
@@ -23427,7 +23427,7 @@ class ArcwareConfig extends _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBP
         if (!config.initialSettings.ss)
             config.initialSettings.ss = DefaultUrl;
         super(config);
-        this.VERSION = "1.3.0";
+        this.VERSION = "1.3.2";
         this.settings = settings;
         this.session = new _domain_Session__WEBPACK_IMPORTED_MODULE_0__.Session();
         this._initialSettings = config.initialSettings;
@@ -23576,8 +23576,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(516);
 /* harmony import */ var _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(7800);
 /* harmony import */ var _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(7463);
-/* harmony import */ var _ApplyUrlHack__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4790);
-/* harmony import */ var _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(3379);
+/* harmony import */ var _ApplyUrlHack__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4790);
+/* harmony import */ var _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3379);
 /* harmony import */ var _domain_Stats__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9764);
 /* harmony import */ var _domain_debounce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9580);
 /* harmony import */ var _ui_LoveLetters__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(4572);
@@ -23598,6 +23598,73 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_4__.PixelStreaming {
+    bindTransportEvents() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const current = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+        if (!current || current === this._boundTransport)
+            return;
+        // Unbind from previous
+        if (this._boundTransport) {
+            if (this._onWsOpen)
+                (_c = (_b = this._boundTransport).removeEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "open", this._onWsOpen);
+            if (this._onWsClose)
+                (_e = (_d = this._boundTransport).removeEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "close", this._onWsClose);
+        }
+        // Define (or reuse) callbacks
+        if (!this._onWsOpen) {
+            this._onWsOpen = () => {
+                this.flushOutbox();
+                // fallback nudge for videoInitialized
+                if (!this.videoInitializedSent)
+                    setTimeout(() => this.sendVideoInitializedOnce(), 150);
+            };
+        }
+        if (!this._onWsClose) {
+            this._onWsClose = (evt) => {
+                // Bubble to your public close handler
+                _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.websocketOnCloseHandler, evt);
+            };
+        }
+        // Bind to current
+        (_f = current.addEventListener) === null || _f === void 0 ? void 0 : _f.call(current, "open", this._onWsOpen);
+        (_g = current.addEventListener) === null || _g === void 0 ? void 0 : _g.call(current, "close", this._onWsClose);
+        this._boundTransport = current;
+    }
+    startTransportWatcher() {
+        // Rebind if the transport object reference changes (cheap safety net)
+        if (this._transportWatchTimer)
+            return;
+        this._transportWatchTimer = window.setInterval(() => {
+            var _a;
+            const cur = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+            if (cur && cur !== this._boundTransport)
+                this.bindTransportEvents();
+        }, 3000); // light-touch; adjust if you like
+    }
+    stopTransportWatcher() {
+        if (this._transportWatchTimer) {
+            window.clearInterval(this._transportWatchTimer);
+            this._transportWatchTimer = undefined;
+        }
+    }
+    bindVideoElPlayingOnce() {
+        var _a, _b, _c;
+        const videoEl = (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.webRtcController) === null || _a === void 0 ? void 0 : _a.videoPlayer) === null || _b === void 0 ? void 0 : _b.getVideoElement) === null || _c === void 0 ? void 0 : _c.call(_b);
+        if (!videoEl || videoEl === this._boundVideoEl)
+            return;
+        // Unbind older one if replaced
+        if (this._boundVideoEl && this._onVideoPlaying) {
+            this._boundVideoEl.removeEventListener("playing", this._onVideoPlaying);
+        }
+        this._onVideoPlaying = () => this.sendVideoInitializedOnce();
+        videoEl.addEventListener("playing", this._onVideoPlaying, { once: true });
+        this._boundVideoEl = videoEl;
+    }
+    get isWsOpen() {
+        var _a, _b;
+        const ws = (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport) === null || _b === void 0 ? void 0 : _b.webSocket;
+        return !!ws && ws.readyState === WebSocket.OPEN;
+    }
     /** Returns a list of WebSocketStates of all PixelStreaming Instances generated. */
     get WebsocketStates() {
         return _domain_ConnectionIdentifier__WEBPACK_IMPORTED_MODULE_2__.ConnectionIdentifier.Instance.GetWebSocketStates();
@@ -23613,25 +23680,32 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         return state !== undefined ? state : WebSocket.CLOSED;
     }
     constructor(config, overrides) {
+        var _a, _b, _c;
         /** As soon as upstream is fixed, we got to adjust the url building process. */
-        (0,_ApplyUrlHack__WEBPACK_IMPORTED_MODULE_5__.ApplyUrlHack)();
+        (0,_ApplyUrlHack__WEBPACK_IMPORTED_MODULE_6__.ApplyUrlHack)();
         super(config, overrides);
         this.loveLettersQueue = [];
         this.isProcessingQueue = false;
+        // --- reliable send / idempotence ---
+        this.outbox = [];
+        this.retryTimers = new Map(); // reserved if you later add ACKs
+        this.videoInitializedSent = false;
+        this.versionReplyInFlight = false;
+        this.nextMsgId = 1;
         // Externalized
         /** On ping the session creation timestamp will be updated. */
-        this.queueHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler();
+        this.queueHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler();
         /** Error receiver. */
-        this.errorHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler();
+        this.errorHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler();
         /** LoveLetter */
-        this.loveLetterHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler();
+        this.loveLetterHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler();
         /** SessionId */
-        this.sessionIdHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler();
+        this.sessionIdHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler();
         /** VideoInitialized */
-        this.videoInitializedHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler();
+        this.videoInitializedHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler();
         // Internal
         /** WebSocket Close */
-        this.websocketOnCloseHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler();
+        this.websocketOnCloseHandler = new _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler();
         /** Theoretically this call should be used to implement the signalling url, but this would not work at all, if config is setup for "AutoConnect=true"
          * Instead we use ApplyUrlHack();
          */
@@ -23640,6 +23714,17 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         //   const signallingServerUrl = this.config.getTextSettingValue(TextParameters.SignallingServerUrl);
         //   return signallingServerUrl + "?" + this.config.urlFlags;
         // });
+        const transport = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+        (_b = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _b === void 0 ? void 0 : _b.call(transport, "open", () => {
+            this.flushOutbox();
+        });
+        (_c = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _c === void 0 ? void 0 : _c.call(transport, "close", (evt) => {
+            // Bubble to your public close handler if you expose one
+            if (this.websocketOnCloseHandler) {
+                _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.websocketOnCloseHandler, evt);
+            }
+        });
+        this.setupVideoInitFallbacks();
         // Set override config.
         this.config = config;
         this.loveLettersList = [];
@@ -23647,6 +23732,11 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         this.diagnosticsCollector = new _features_DiagnosticsCollector__WEBPACK_IMPORTED_MODULE_3__.DiagnosticsCollector({
             enableBandwidthProbe: false
         });
+        // after super(...) and once webRtcController is available
+        this.bindTransportEvents();
+        this.startTransportWatcher();
+        // ensure video 'playing' fallback is attached to the current element
+        this.bindVideoElPlayingOnce();
         // this.loveLettersContainer = null;
         this.wrapWebSocketOnCloseHandler();
         // Bind the event listener function to the class instance
@@ -23704,10 +23794,26 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
      * * * * * * *
      */
     /** On version requested, the version of the WebSDK would be returned. */
-    onVersion(message) {
+    onVersion(_msg) {
+        var _a, _b;
         return (0,tslib__WEBPACK_IMPORTED_MODULE_9__.__awaiter)(this, void 0, void 0, function* () {
-            const diagnostics = yield this.diagnosticsCollector.collect();
-            this.send({ type: "version", version: this.config.VERSION, diagnostics });
+            let diagnostics;
+            try {
+                diagnostics = yield this.diagnosticsCollector.collect();
+            }
+            catch (e) {
+                (_a = _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Warning) === null || _a === void 0 ? void 0 : _a.call(_epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger, `Diagnostics collection failed: ${(_b = e === null || e === void 0 ? void 0 : e.message) !== null && _b !== void 0 ? _b : e}`);
+            }
+            finally {
+                // Build payload with required fields only; append diagnostics if available
+                const payload = {
+                    type: "version",
+                    version: this.config.VERSION
+                };
+                if (diagnostics !== undefined)
+                    payload.diagnostics = diagnostics;
+                this.send(payload); // uses your buffered send
+            }
         });
     }
     /** On ping the session creation timestamp will be updated. */
@@ -23755,35 +23861,86 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
     }
     onQueue(message) {
         _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Info(`QueueInfo received.`);
-        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler.Emit(this.queueHandler, message);
+        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.queueHandler, message);
     }
     onError(error) {
         _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Error(error.type);
-        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler.Emit(this.errorHandler, error);
+        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.errorHandler, error);
     }
     onLoveLetter(loveLetter) {
         // Logger.Info(Logger.GetStackTrace(), loveLetter.reason);
         if (this.config.settings.loveLetterLogging)
             console.info(loveLetter.reason);
-        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler.Emit(this.loveLetterHandler, loveLetter);
+        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.loveLetterHandler, loveLetter);
         this.pushLetter(loveLetter.reason);
     }
     onSessionId(message) {
         _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Info(message.sessionId);
         // console.info(`Session: ${message.sessionId}`);
         this.session.set(message.sessionId);
-        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler.Emit(this.sessionIdHandler, message.sessionId);
+        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.sessionIdHandler, message.sessionId);
+    }
+    sendVideoInitializedOnce() {
+        if (this.videoInitializedSent)
+            return;
+        this.videoInitializedSent = true;
+        // Use withId if you plan to support idempotence on the server
+        this.send(/* this.withId( */ { type: "onVideoInitialized" } /* ) */);
+        if (this.videoInitializedHandler) {
+            _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(this.videoInitializedHandler, undefined);
+        }
+    }
+    // Attach fallbacks once (call this in constructor after transport wiring)
+    setupVideoInitFallbacks() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // Fallback #1: HTMLVideoElement 'playing'
+        const videoEl = (_c = (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.videoPlayer) === null || _b === void 0 ? void 0 : _b.getVideoElement) === null || _c === void 0 ? void 0 : _c.call(_b);
+        (_d = videoEl === null || videoEl === void 0 ? void 0 : videoEl.addEventListener) === null || _d === void 0 ? void 0 : _d.call(videoEl, "playing", () => this.sendVideoInitializedOnce(), { once: true });
+        // Fallback #2: stats hook (if you emit one)
+        (_e = this.addEventListener) === null || _e === void 0 ? void 0 : _e.call(this, "statsReceived", (e) => {
+            var _a, _b;
+            const stats = e === null || e === void 0 ? void 0 : e.detail;
+            if (!this.videoInitializedSent && ((_b = (_a = stats === null || stats === void 0 ? void 0 : stats.video) === null || _a === void 0 ? void 0 : _a.framesDecoded) !== null && _b !== void 0 ? _b : 0) > 0) {
+                this.sendVideoInitializedOnce();
+            }
+        });
+        // Fallback #3: after socket opens, give it a tick
+        const transport = (_f = this.webRtcController) === null || _f === void 0 ? void 0 : _f.transport;
+        (_g = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _g === void 0 ? void 0 : _g.call(transport, "open", () => {
+            if (!this.videoInitializedSent) {
+                setTimeout(() => this.sendVideoInitializedOnce(), 150);
+            }
+        });
     }
     onVideoInitialized() {
-        /** The videoInitialized event is important for the Arcware Cloud Backend, since without that event the instance will be cleaned up (killed). */
-        this.handleMouseLock();
-        this.send({ type: "onVideoInitialized" });
-        _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler.Emit(this.videoInitializedHandler, undefined);
-        this.handleResolutionChange();
-        this.handleRemoveLoveLetters();
-        this.microphoneOverlay.toggleVisibility(false);
-        this.applyResolutionIfPlaying();
-        this.removeXRIconIfDisabled();
+        var _a, _b, _c, _d, _e, _f, _g;
+        // send early and once
+        this.sendVideoInitializedOnce();
+        // keep side-effects guarded so they can't break the send
+        try {
+            (_a = this.handleMouseLock) === null || _a === void 0 ? void 0 : _a.call(this);
+        }
+        catch (_h) { }
+        try {
+            (_b = this.handleResolutionChange) === null || _b === void 0 ? void 0 : _b.call(this);
+        }
+        catch (_j) { }
+        try {
+            (_c = this.handleRemoveLoveLetters) === null || _c === void 0 ? void 0 : _c.call(this);
+        }
+        catch (_k) { }
+        try {
+            (_e = (_d = this.microphoneOverlay) === null || _d === void 0 ? void 0 : _d.toggleVisibility) === null || _e === void 0 ? void 0 : _e.call(_d, false);
+        }
+        catch (_l) { }
+        try {
+            (_f = this.applyResolutionIfPlaying) === null || _f === void 0 ? void 0 : _f.call(this);
+        }
+        catch (_m) { }
+        try {
+            (_g = this.removeXRIconIfDisabled) === null || _g === void 0 ? void 0 : _g.call(this);
+        }
+        catch (_o) { }
     }
     /** Adding a zod-safe handler. */
     addMessageHandler(type, zod, boundMethod) {
@@ -23798,7 +23955,7 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
                 _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Error(error.message);
             }
             if (type === "error") {
-                this.disconnect();
+                //this.disconnect();
             }
         });
     }
@@ -23812,19 +23969,48 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         // This cast has to be done, since Frontend does not use typescript-strict setting.
         this.send(message);
     }
-    send(message) {
-        if (_arcware_cloud_shared_pixelstreaming_websdk__WEBPACK_IMPORTED_MODULE_0__.Messages.Send[message.type]) {
-            const result = _arcware_cloud_shared_pixelstreaming_websdk__WEBPACK_IMPORTED_MODULE_0__.Messages.Send[message.type].safeParse(message);
-            if (result.success)
-                this.signallingProtocol.sendMessage(result.data);
-            else {
-                // This cast has to be done, since Frontend does not use typescript-strict setting.
-                const parsedError = result;
-                _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Error(`Failed to send. ${parsedError.error}`);
+    send(a, b) {
+        var _a, _b;
+        const msg = typeof a === "string" ? Object.assign({ type: a }, (b !== null && b !== void 0 ? b : {})) : a;
+        // Optional zod validation if you have schemas for this type
+        const schema = (_a = _arcware_cloud_shared_pixelstreaming_websdk__WEBPACK_IMPORTED_MODULE_0__.Messages.Send) === null || _a === void 0 ? void 0 : _a[msg.type];
+        if (schema) {
+            const result = schema.safeParse(msg);
+            if (!result.success) {
+                (_b = _epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger.Error) === null || _b === void 0 ? void 0 : _b.call(_epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_10__.Logger, `Send validation failed for ${msg.type}: ${result.error}`);
+                return;
             }
+            this._dispatchOrBuffer(result.data);
         }
         else {
-            this.signallingProtocol.sendMessage(message);
+            this._dispatchOrBuffer(msg);
+        }
+    }
+    _dispatchOrBuffer(message) {
+        if (this.isWsOpen) {
+            try {
+                this.signallingProtocol.sendMessage(message);
+                return;
+            }
+            catch (_a) {
+                // fallthrough to buffer
+            }
+        }
+        this.outbox.push(message);
+    }
+    flushOutbox() {
+        if (!this.isWsOpen || this.outbox.length === 0)
+            return;
+        const batch = this.outbox.splice(0, this.outbox.length);
+        for (const m of batch) {
+            try {
+                this.signallingProtocol.sendMessage(m);
+            }
+            catch (_a) {
+                // if we fail mid-flush, put remaining back and bail
+                this.outbox.unshift(m, ...batch.slice(batch.indexOf(m) + 1));
+                break;
+            }
         }
     }
     handleResolutionChange() {
@@ -23888,7 +24074,18 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         }
     }
     removePlayer() {
-        //this.signallingProtocol.disconnect();
+        var _a, _b, _c, _d;
+        this.stopTransportWatcher();
+        // Optional: unbind handlers
+        if (this._boundTransport) {
+            if (this._onWsOpen)
+                (_b = (_a = this._boundTransport).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, "open", this._onWsOpen);
+            if (this._onWsClose)
+                (_d = (_c = this._boundTransport).removeEventListener) === null || _d === void 0 ? void 0 : _d.call(_c, "close", this._onWsClose);
+        }
+        if (this._boundVideoEl && this._onVideoPlaying) {
+            this._boundVideoEl.removeEventListener("playing", this._onVideoPlaying);
+        }
         this.disconnect();
     }
     handleMouseLock() {
@@ -23986,11 +24183,11 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         (_a = this === null || this === void 0 ? void 0 : this.config) === null || _a === void 0 ? void 0 : _a.setFlagEnabled(_epicgames_ps_lib_pixelstreamingfrontend_ue5_5__WEBPACK_IMPORTED_MODULE_11__.Flags.UseMic, enable);
         if (!isDefault) {
             (_b = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _b === void 0 ? void 0 : _b.toggleMessage(enable);
+            setTimeout(() => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true); }, 200);
             setTimeout(() => {
-                var _a;
-                (_a = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true);
-            }, 200);
-            setTimeout(() => {
+                this.videoInitializedSent = false; // <-- reset before a real media restart
+                this.bindVideoElPlayingOnce(); // in case a new element will appear
+                this.bindTransportEvents(); // cheap rebind now
                 this.reconnect();
             }, 1000);
         }
@@ -23999,7 +24196,7 @@ class ArcwarePixelStreaming extends _epicgames_ps_lib_pixelstreamingfrontend_ue5
         var _a, _b;
         let self = this;
         (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport) === null || _b === void 0 ? void 0 : _b.addEventListener("close", (event) => {
-            _domain_EventHandler__WEBPACK_IMPORTED_MODULE_6__.EventHandler.Emit(self.websocketOnCloseHandler, event);
+            _domain_EventHandler__WEBPACK_IMPORTED_MODULE_5__.EventHandler.Emit(self.websocketOnCloseHandler, event);
         });
     }
     onStreamingStateChange(callback) {

package/index.umd.js

@@ -22853,7 +22853,7 @@ function UrlBuilder(input, urlFlags) {
         flags.split("&").forEach((val) => {
             const [key, value] = val.split("=");
             // Ensure the value is encoded
-            params.append(key, value);
+            params.set(key, value);
         });
     }
     return url.toString();
@@ -23429,7 +23429,7 @@ class ArcwareConfig extends lib_pixelstreamingfrontend_ue5_5_1.Config {
         if (!config.initialSettings.ss)
             config.initialSettings.ss = exports.DefaultUrl;
         super(config);
-        this.VERSION = "1.3.0";
+        this.VERSION = "1.3.2";
         this.settings = settings;
         this.session = new Session_1.Session();
         this._initialSettings = config.initialSettings;
@@ -23583,6 +23583,73 @@ const MicrophoneOverlay_1 = __webpack_require__(3613);
 const ConnectionIdentifier_1 = __webpack_require__(5999);
 const DiagnosticsCollector_1 = __webpack_require__(8429);
 class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStreaming {
+    bindTransportEvents() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const current = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+        if (!current || current === this._boundTransport)
+            return;
+        // Unbind from previous
+        if (this._boundTransport) {
+            if (this._onWsOpen)
+                (_c = (_b = this._boundTransport).removeEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, "open", this._onWsOpen);
+            if (this._onWsClose)
+                (_e = (_d = this._boundTransport).removeEventListener) === null || _e === void 0 ? void 0 : _e.call(_d, "close", this._onWsClose);
+        }
+        // Define (or reuse) callbacks
+        if (!this._onWsOpen) {
+            this._onWsOpen = () => {
+                this.flushOutbox();
+                // fallback nudge for videoInitialized
+                if (!this.videoInitializedSent)
+                    setTimeout(() => this.sendVideoInitializedOnce(), 150);
+            };
+        }
+        if (!this._onWsClose) {
+            this._onWsClose = (evt) => {
+                // Bubble to your public close handler
+                EventHandler_1.EventHandler.Emit(this.websocketOnCloseHandler, evt);
+            };
+        }
+        // Bind to current
+        (_f = current.addEventListener) === null || _f === void 0 ? void 0 : _f.call(current, "open", this._onWsOpen);
+        (_g = current.addEventListener) === null || _g === void 0 ? void 0 : _g.call(current, "close", this._onWsClose);
+        this._boundTransport = current;
+    }
+    startTransportWatcher() {
+        // Rebind if the transport object reference changes (cheap safety net)
+        if (this._transportWatchTimer)
+            return;
+        this._transportWatchTimer = window.setInterval(() => {
+            var _a;
+            const cur = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+            if (cur && cur !== this._boundTransport)
+                this.bindTransportEvents();
+        }, 3000); // light-touch; adjust if you like
+    }
+    stopTransportWatcher() {
+        if (this._transportWatchTimer) {
+            window.clearInterval(this._transportWatchTimer);
+            this._transportWatchTimer = undefined;
+        }
+    }
+    bindVideoElPlayingOnce() {
+        var _a, _b, _c;
+        const videoEl = (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.webRtcController) === null || _a === void 0 ? void 0 : _a.videoPlayer) === null || _b === void 0 ? void 0 : _b.getVideoElement) === null || _c === void 0 ? void 0 : _c.call(_b);
+        if (!videoEl || videoEl === this._boundVideoEl)
+            return;
+        // Unbind older one if replaced
+        if (this._boundVideoEl && this._onVideoPlaying) {
+            this._boundVideoEl.removeEventListener("playing", this._onVideoPlaying);
+        }
+        this._onVideoPlaying = () => this.sendVideoInitializedOnce();
+        videoEl.addEventListener("playing", this._onVideoPlaying, { once: true });
+        this._boundVideoEl = videoEl;
+    }
+    get isWsOpen() {
+        var _a, _b;
+        const ws = (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport) === null || _b === void 0 ? void 0 : _b.webSocket;
+        return !!ws && ws.readyState === WebSocket.OPEN;
+    }
     /** Returns a list of WebSocketStates of all PixelStreaming Instances generated. */
     get WebsocketStates() {
         return ConnectionIdentifier_1.ConnectionIdentifier.Instance.GetWebSocketStates();
@@ -23598,11 +23665,18 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         return state !== undefined ? state : WebSocket.CLOSED;
     }
     constructor(config, overrides) {
+        var _a, _b, _c;
         /** As soon as upstream is fixed, we got to adjust the url building process. */
         (0, ApplyUrlHack_1.ApplyUrlHack)();
         super(config, overrides);
         this.loveLettersQueue = [];
         this.isProcessingQueue = false;
+        // --- reliable send / idempotence ---
+        this.outbox = [];
+        this.retryTimers = new Map(); // reserved if you later add ACKs
+        this.videoInitializedSent = false;
+        this.versionReplyInFlight = false;
+        this.nextMsgId = 1;
         // Externalized
         /** On ping the session creation timestamp will be updated. */
         this.queueHandler = new EventHandler_1.EventHandler();
@@ -23625,6 +23699,17 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         //   const signallingServerUrl = this.config.getTextSettingValue(TextParameters.SignallingServerUrl);
         //   return signallingServerUrl + "?" + this.config.urlFlags;
         // });
+        const transport = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.transport;
+        (_b = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _b === void 0 ? void 0 : _b.call(transport, "open", () => {
+            this.flushOutbox();
+        });
+        (_c = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _c === void 0 ? void 0 : _c.call(transport, "close", (evt) => {
+            // Bubble to your public close handler if you expose one
+            if (this.websocketOnCloseHandler) {
+                EventHandler_1.EventHandler.Emit(this.websocketOnCloseHandler, evt);
+            }
+        });
+        this.setupVideoInitFallbacks();
         // Set override config.
         this.config = config;
         this.loveLettersList = [];
@@ -23632,6 +23717,11 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         this.diagnosticsCollector = new DiagnosticsCollector_1.DiagnosticsCollector({
             enableBandwidthProbe: false
         });
+        // after super(...) and once webRtcController is available
+        this.bindTransportEvents();
+        this.startTransportWatcher();
+        // ensure video 'playing' fallback is attached to the current element
+        this.bindVideoElPlayingOnce();
         // this.loveLettersContainer = null;
         this.wrapWebSocketOnCloseHandler();
         // Bind the event listener function to the class instance
@@ -23689,10 +23779,26 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
      * * * * * * *
      */
     /** On version requested, the version of the WebSDK would be returned. */
-    onVersion(message) {
+    onVersion(_msg) {
+        var _a, _b;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const diagnostics = yield this.diagnosticsCollector.collect();
-            this.send({ type: "version", version: this.config.VERSION, diagnostics });
+            let diagnostics;
+            try {
+                diagnostics = yield this.diagnosticsCollector.collect();
+            }
+            catch (e) {
+                (_a = lib_pixelstreamingfrontend_ue5_5_1.Logger.Warning) === null || _a === void 0 ? void 0 : _a.call(lib_pixelstreamingfrontend_ue5_5_1.Logger, `Diagnostics collection failed: ${(_b = e === null || e === void 0 ? void 0 : e.message) !== null && _b !== void 0 ? _b : e}`);
+            }
+            finally {
+                // Build payload with required fields only; append diagnostics if available
+                const payload = {
+                    type: "version",
+                    version: this.config.VERSION
+                };
+                if (diagnostics !== undefined)
+                    payload.diagnostics = diagnostics;
+                this.send(payload); // uses your buffered send
+            }
         });
     }
     /** On ping the session creation timestamp will be updated. */
@@ -23759,16 +23865,67 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         this.session.set(message.sessionId);
         EventHandler_1.EventHandler.Emit(this.sessionIdHandler, message.sessionId);
     }
+    sendVideoInitializedOnce() {
+        if (this.videoInitializedSent)
+            return;
+        this.videoInitializedSent = true;
+        // Use withId if you plan to support idempotence on the server
+        this.send(/* this.withId( */ { type: "onVideoInitialized" } /* ) */);
+        if (this.videoInitializedHandler) {
+            EventHandler_1.EventHandler.Emit(this.videoInitializedHandler, undefined);
+        }
+    }
+    // Attach fallbacks once (call this in constructor after transport wiring)
+    setupVideoInitFallbacks() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        // Fallback #1: HTMLVideoElement 'playing'
+        const videoEl = (_c = (_b = (_a = this.webRtcController) === null || _a === void 0 ? void 0 : _a.videoPlayer) === null || _b === void 0 ? void 0 : _b.getVideoElement) === null || _c === void 0 ? void 0 : _c.call(_b);
+        (_d = videoEl === null || videoEl === void 0 ? void 0 : videoEl.addEventListener) === null || _d === void 0 ? void 0 : _d.call(videoEl, "playing", () => this.sendVideoInitializedOnce(), { once: true });
+        // Fallback #2: stats hook (if you emit one)
+        (_e = this.addEventListener) === null || _e === void 0 ? void 0 : _e.call(this, "statsReceived", (e) => {
+            var _a, _b;
+            const stats = e === null || e === void 0 ? void 0 : e.detail;
+            if (!this.videoInitializedSent && ((_b = (_a = stats === null || stats === void 0 ? void 0 : stats.video) === null || _a === void 0 ? void 0 : _a.framesDecoded) !== null && _b !== void 0 ? _b : 0) > 0) {
+                this.sendVideoInitializedOnce();
+            }
+        });
+        // Fallback #3: after socket opens, give it a tick
+        const transport = (_f = this.webRtcController) === null || _f === void 0 ? void 0 : _f.transport;
+        (_g = transport === null || transport === void 0 ? void 0 : transport.addEventListener) === null || _g === void 0 ? void 0 : _g.call(transport, "open", () => {
+            if (!this.videoInitializedSent) {
+                setTimeout(() => this.sendVideoInitializedOnce(), 150);
+            }
+        });
+    }
     onVideoInitialized() {
-        /** The videoInitialized event is important for the Arcware Cloud Backend, since without that event the instance will be cleaned up (killed). */
-        this.handleMouseLock();
-        this.send({ type: "onVideoInitialized" });
-        EventHandler_1.EventHandler.Emit(this.videoInitializedHandler, undefined);
-        this.handleResolutionChange();
-        this.handleRemoveLoveLetters();
-        this.microphoneOverlay.toggleVisibility(false);
-        this.applyResolutionIfPlaying();
-        this.removeXRIconIfDisabled();
+        var _a, _b, _c, _d, _e, _f, _g;
+        // send early and once
+        this.sendVideoInitializedOnce();
+        // keep side-effects guarded so they can't break the send
+        try {
+            (_a = this.handleMouseLock) === null || _a === void 0 ? void 0 : _a.call(this);
+        }
+        catch (_h) { }
+        try {
+            (_b = this.handleResolutionChange) === null || _b === void 0 ? void 0 : _b.call(this);
+        }
+        catch (_j) { }
+        try {
+            (_c = this.handleRemoveLoveLetters) === null || _c === void 0 ? void 0 : _c.call(this);
+        }
+        catch (_k) { }
+        try {
+            (_e = (_d = this.microphoneOverlay) === null || _d === void 0 ? void 0 : _d.toggleVisibility) === null || _e === void 0 ? void 0 : _e.call(_d, false);
+        }
+        catch (_l) { }
+        try {
+            (_f = this.applyResolutionIfPlaying) === null || _f === void 0 ? void 0 : _f.call(this);
+        }
+        catch (_m) { }
+        try {
+            (_g = this.removeXRIconIfDisabled) === null || _g === void 0 ? void 0 : _g.call(this);
+        }
+        catch (_o) { }
     }
     /** Adding a zod-safe handler. */
     addMessageHandler(type, zod, boundMethod) {
@@ -23783,7 +23940,7 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
                 lib_pixelstreamingfrontend_ue5_5_1.Logger.Error(error.message);
             }
             if (type === "error") {
-                this.disconnect();
+                //this.disconnect();
             }
         });
     }
@@ -23797,19 +23954,48 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         // This cast has to be done, since Frontend does not use typescript-strict setting.
         this.send(message);
     }
-    send(message) {
-        if (shared_pixelstreaming_websdk_1.Messages.Send[message.type]) {
-            const result = shared_pixelstreaming_websdk_1.Messages.Send[message.type].safeParse(message);
-            if (result.success)
-                this.signallingProtocol.sendMessage(result.data);
-            else {
-                // This cast has to be done, since Frontend does not use typescript-strict setting.
-                const parsedError = result;
-                lib_pixelstreamingfrontend_ue5_5_1.Logger.Error(`Failed to send. ${parsedError.error}`);
+    send(a, b) {
+        var _a, _b;
+        const msg = typeof a === "string" ? Object.assign({ type: a }, (b !== null && b !== void 0 ? b : {})) : a;
+        // Optional zod validation if you have schemas for this type
+        const schema = (_a = shared_pixelstreaming_websdk_1.Messages.Send) === null || _a === void 0 ? void 0 : _a[msg.type];
+        if (schema) {
+            const result = schema.safeParse(msg);
+            if (!result.success) {
+                (_b = lib_pixelstreamingfrontend_ue5_5_1.Logger.Error) === null || _b === void 0 ? void 0 : _b.call(lib_pixelstreamingfrontend_ue5_5_1.Logger, `Send validation failed for ${msg.type}: ${result.error}`);
+                return;
             }
+            this._dispatchOrBuffer(result.data);
         }
         else {
-            this.signallingProtocol.sendMessage(message);
+            this._dispatchOrBuffer(msg);
+        }
+    }
+    _dispatchOrBuffer(message) {
+        if (this.isWsOpen) {
+            try {
+                this.signallingProtocol.sendMessage(message);
+                return;
+            }
+            catch (_a) {
+                // fallthrough to buffer
+            }
+        }
+        this.outbox.push(message);
+    }
+    flushOutbox() {
+        if (!this.isWsOpen || this.outbox.length === 0)
+            return;
+        const batch = this.outbox.splice(0, this.outbox.length);
+        for (const m of batch) {
+            try {
+                this.signallingProtocol.sendMessage(m);
+            }
+            catch (_a) {
+                // if we fail mid-flush, put remaining back and bail
+                this.outbox.unshift(m, ...batch.slice(batch.indexOf(m) + 1));
+                break;
+            }
         }
     }
     handleResolutionChange() {
@@ -23873,7 +24059,18 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         }
     }
     removePlayer() {
-        //this.signallingProtocol.disconnect();
+        var _a, _b, _c, _d;
+        this.stopTransportWatcher();
+        // Optional: unbind handlers
+        if (this._boundTransport) {
+            if (this._onWsOpen)
+                (_b = (_a = this._boundTransport).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, "open", this._onWsOpen);
+            if (this._onWsClose)
+                (_d = (_c = this._boundTransport).removeEventListener) === null || _d === void 0 ? void 0 : _d.call(_c, "close", this._onWsClose);
+        }
+        if (this._boundVideoEl && this._onVideoPlaying) {
+            this._boundVideoEl.removeEventListener("playing", this._onVideoPlaying);
+        }
         this.disconnect();
     }
     handleMouseLock() {
@@ -23971,11 +24168,11 @@ class ArcwarePixelStreaming extends lib_pixelstreamingfrontend_ue5_5_1.PixelStre
         (_a = this === null || this === void 0 ? void 0 : this.config) === null || _a === void 0 ? void 0 : _a.setFlagEnabled(lib_pixelstreamingfrontend_ue5_5_1.Flags.UseMic, enable);
         if (!isDefault) {
             (_b = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _b === void 0 ? void 0 : _b.toggleMessage(enable);
+            setTimeout(() => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true); }, 200);
             setTimeout(() => {
-                var _a;
-                (_a = this === null || this === void 0 ? void 0 : this.microphoneOverlay) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true);
-            }, 200);
-            setTimeout(() => {
+                this.videoInitializedSent = false; // <-- reset before a real media restart
+                this.bindVideoElPlayingOnce(); // in case a new element will appear
+                this.bindTransportEvents(); // cheap rebind now
                 this.reconnect();
             }, 1000);
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcware-cloud/pixelstreaming-websdk",
   "description": "WebSDK for easy implementation of pixel streaming with Arcware Cloud Services. Heavily based on the '@epicgames-ps' library.",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "type": "commonjs",
   "main": "./index.umd.js",
   "module": "./index.umd.js",

package/types/lib/ArcwareConfig.d.ts

@@ -26,7 +26,7 @@ export declare class ArcwareConfig extends Config {
     readonly session: Session;
     readonly settings: Settings;
     private _initialSettings;
-    readonly VERSION = "1.3.0";
+    readonly VERSION = "1.3.2";
     constructor(config: ArcwareConfigParams);
     /** Setup connection string. */
     get urlFlags(): string;

package/types/lib/ArcwarePixelStreaming.d.ts

@@ -5,6 +5,9 @@ import { ArcwareConfig } from "./ArcwareConfig";
 import { EventHandler } from "./domain/EventHandler";
 import { Session } from "./domain/Session";
 import { WebsocketState } from "./domain/ConnectionIdentifier";
+type OutboundByKey<K extends keyof typeof Messages.Send> = z.input<(typeof Messages.Send)[K]> & {
+    type: K;
+};
 export declare class ArcwarePixelStreaming extends PixelStreaming {
     /** Override default config with ArcwareConfig. */
     config: ArcwareConfig;
@@ -15,6 +18,22 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
     private isProcessingQueue;
     private microphoneOverlay;
     private diagnosticsCollector;
+    private outbox;
+    private retryTimers;
+    private videoInitializedSent;
+    private versionReplyInFlight;
+    private nextMsgId;
+    private _boundTransport?;
+    private _onWsOpen?;
+    private _onWsClose?;
+    private _transportWatchTimer?;
+    private _boundVideoEl?;
+    private _onVideoPlaying?;
+    private bindTransportEvents;
+    private startTransportWatcher;
+    private stopTransportWatcher;
+    private bindVideoElPlayingOnce;
+    private get isWsOpen();
     /** Returns a list of WebSocketStates of all PixelStreaming Instances generated. */
     get WebsocketStates(): WebsocketState[];
     /** Counts all active PixelStreaming Instances generated. (CONNECTING & CONNECTED) */
@@ -67,6 +86,8 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
     /** SessionId */
     readonly sessionIdHandler: EventHandler<string>;
     private onSessionId;
+    private sendVideoInitializedOnce;
+    private setupVideoInitFallbacks;
     /** VideoInitialized */
     readonly videoInitializedHandler: EventHandler<never>;
     private onVideoInitialized;
@@ -80,12 +101,13 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
      * * * * * *
      */
     private sendStats;
-    send<T extends {
+    send<K extends keyof typeof Messages.Send>(message: OutboundByKey<K>): void;
+    send(type: string, payload?: Record<string, unknown>): void;
+    send(message: {
         type: string;
-    }>(message: T): void;
-    send<K extends keyof typeof Messages.Send>(message: {
-        type: K;
-    } & z.infer<(typeof Messages.Send)[K]>): void;
+    } & Record<string, unknown>): void;
+    private _dispatchOrBuffer;
+    private flushOutbox;
     private handleResolutionChange;
     private applyResolutionIfPlaying;
     removePlayer(): void;
@@ -102,3 +124,4 @@ export declare class ArcwarePixelStreaming extends PixelStreaming {
     private removeXRIconIfDisabled;
     private injectCustomUI;
 }
+export {};