@wvdsh/sdk-js 1.3.2 → 1.3.3

package/dist/index.d.ts

@@ -1154,8 +1154,11 @@ declare class WavedashSDK extends EventTarget {
      */
     ensureGameplayJwt(): Promise<string>;
     /**
-     * Set up listeners for page unload events to end gameplay session.
-     * Uses both beforeunload and pagehide for maximum reliability.
+     * Set up listeners that flush the end-of-session request when the iframe
+     * is going away. We listen for three signals:
+     *   - `beforeunload` / `pagehide` on our own window: covers tab close, hard
+     *     reload, and top-level navigation of the parent.
+     *   - `END_SESSION` postMessage from the parent: covers parent SPA navigation
      */
     private setupSessionEndListeners;
 }

package/dist/index.js

@@ -4213,48 +4213,48 @@ var WavedashSDK = class extends EventTarget {
     return this.getAuthToken();
   }
   /**
-   * Set up listeners for page unload events to end gameplay session.
-   * Uses both beforeunload and pagehide for maximum reliability.
+   * Set up listeners that flush the end-of-session request when the iframe
+   * is going away. We listen for three signals:
+   *   - `beforeunload` / `pagehide` on our own window: covers tab close, hard
+   *     reload, and top-level navigation of the parent.
+   *   - `END_SESSION` postMessage from the parent: covers parent SPA navigation
    */
   setupSessionEndListeners() {
     const endSessionEndpoint = `${this.convexHttpUrl}/gameplay/end-session`;
-    void this.ensureGameplayJwt().then(
-      (jwt) => fetch(endSessionEndpoint, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${jwt}`
-        },
-        body: JSON.stringify({ _type: "warmup" })
-      })
-    ).catch(() => {
-    });
-    const endGameplaySession = (_event) => {
+    const endGameplaySession = () => {
       if (this.sessionEndSent) return;
+      if (!this.gameplayJwt) return;
       this.sessionEndSent = true;
       const pendingData = this.statsManager.getPendingData();
       this.lobbyManager.destroy();
       this.heartbeatManager.destroy();
       this.statsManager.destroy();
-      const sessionEndData = {};
+      const body = {
+        gameplayJwt: this.gameplayJwt
+      };
       if (pendingData?.stats?.length) {
-        sessionEndData.stats = pendingData.stats;
+        body.stats = pendingData.stats;
       }
       if (pendingData?.achievements?.length) {
-        sessionEndData.achievements = pendingData.achievements;
+        body.achievements = pendingData.achievements;
+      }
+      const payload = JSON.stringify(body);
+      const beaconSent = navigator?.sendBeacon?.(endSessionEndpoint, payload);
+      if (!beaconSent) {
+        fetch(endSessionEndpoint, {
+          method: "POST",
+          body: payload,
+          keepalive: true
+        }).catch(() => {
+        });
       }
-      fetch(endSessionEndpoint, {
-        method: "POST",
-        body: JSON.stringify(sessionEndData),
-        keepalive: true,
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${this.gameplayJwt}`
-        }
-      });
     };
     window.addEventListener("beforeunload", endGameplaySession);
     window.addEventListener("pagehide", endGameplaySession);
+    iframeMessenger.addEventListener(
+      IFRAME_MESSAGE_TYPE5.END_SESSION,
+      endGameplaySession
+    );
   }
 };
 function setupWavedashSDK() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wvdsh/sdk-js",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "type": "module",
   "description": "Wavedash JavaScript SDK",
   "main": "./dist/client.js",
@@ -49,7 +49,7 @@
     "typescript-eslint": "^8.52.0"
   },
   "dependencies": {
-    "@wvdsh/api": "^0.1.9",
+    "@wvdsh/api": "^0.1.10",
     "convex": "^1.34.0",
     "lodash.debounce": "^4.0.8"
   }