@mottosports/motto-video-player 1.0.1-rc.65 → 1.0.1-rc.67

package/dist/index.js

@@ -1226,7 +1226,7 @@ var supportsWidevinePersistentLicenses = () => {
 var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
 
 // package.json
-var version = "1.0.1-rc.65";
+var version = "1.0.1-rc.67";
 
 // src/utils/licenseCache.ts
 var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -1394,6 +1394,10 @@ var useShakaPlayer = ({
   const playerRef = (0, import_react.useRef)(null);
   const [isRetrying, setIsRetrying] = (0, import_react.useState)(false);
   const videoElementRef = (0, import_react.useRef)(null);
+  const destroyInProgressRef = (0, import_react.useRef)(null);
+  const isDestroyingRef = (0, import_react.useRef)(false);
+  const initSequenceRef = (0, import_react.useRef)(0);
+  const activeInitIdRef = (0, import_react.useRef)(null);
   const waitingForKeyTimerRef = (0, import_react.useRef)(null);
   const waitingForKeyHandlerRef = (0, import_react.useRef)(null);
   const playbackResumedHandlerRef = (0, import_react.useRef)(null);
@@ -1417,11 +1421,22 @@ var useShakaPlayer = ({
   }, [src]);
   const initializePlayerInternal = (0, import_react.useCallback)(async (video) => {
     try {
+      if (destroyInProgressRef.current) {
+        try {
+          await destroyInProgressRef.current;
+        } catch {
+        }
+      }
+      const myInitId = ++initSequenceRef.current;
+      activeInitIdRef.current = myInitId;
       videoElementRef.current = video;
       import_shaka_player.default.polyfill.installAll();
       if (!import_shaka_player.default.Player.isBrowserSupported()) {
         throw new Error("Browser not supported by Shaka Player");
       }
+      if (isDestroyingRef.current) {
+        return;
+      }
       const player = new import_shaka_player.default.Player();
       playerRef.current = player;
       await player.attach(video);
@@ -1432,6 +1447,14 @@ var useShakaPlayer = ({
       let playlistId = src.id;
       const isDRM = Boolean(src.drm);
       storedPersistentThisLoadRef.current = false;
+      if (activeInitIdRef.current !== myInitId || isDestroyingRef.current) {
+        try {
+          await player.destroy();
+        } catch {
+        }
+        if (playerRef.current === player) playerRef.current = null;
+        return;
+      }
       let storedSessionsMetadata = [];
       if (isDRM && playlistId) {
         storedSessionsMetadata = retrievePersistentLicense(playlistId, src.drm.licenseCacheKey ?? "");
@@ -1529,13 +1552,19 @@ var useShakaPlayer = ({
         const netEngine = player.getNetworkingEngine();
         if (netEngine) {
           netEngine.registerRequestFilter((type, request) => {
-            if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
-              if (publicKey) {
-                request.headers["authorization"] = `Bearer ${publicKey}`;
-              }
-              if (mottoToken) {
-                request.headers["x-motto-token"] = mottoToken;
-              }
+            switch (type) {
+              case import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE:
+                if (publicKey) {
+                  request.headers["authorization"] = `Bearer ${publicKey}`;
+                }
+                if (mottoToken) {
+                  request.headers["x-motto-token"] = mottoToken;
+                }
+                break;
+              case import_shaka_player.default.net.NetworkingEngine.RequestType.MANIFEST:
+              case import_shaka_player.default.net.NetworkingEngine.RequestType.SEGMENT:
+                request.allowCrossSiteCredentials = true;
+                break;
             }
           });
           netEngine.registerResponseFilter((type, response) => {
@@ -1641,6 +1670,14 @@ var useShakaPlayer = ({
           console.error("Failed to initialize Mux Analytics:", error);
         }
       }
+      if (activeInitIdRef.current !== myInitId || isDestroyingRef.current) {
+        try {
+          await player.destroy();
+        } catch {
+        }
+        if (playerRef.current === player) playerRef.current = null;
+        return;
+      }
       await player.load(manifestUrl);
       onPlayerReady?.(player);
       return player;
@@ -1660,6 +1697,8 @@ var useShakaPlayer = ({
     const playerInstance = playerRef.current;
     if (playerInstance) {
       try {
+        isDestroyingRef.current = true;
+        activeInitIdRef.current = null;
         if (videoElementRef.current) {
           try {
             if (waitingForKeyHandlerRef.current) {
@@ -1687,7 +1726,21 @@ var useShakaPlayer = ({
         } finally {
           drmExpirationHandlerRef.current = null;
         }
-        await playerInstance.destroy();
+        const performDestroy = async () => {
+          try {
+            await playerInstance.destroy();
+          } finally {
+            try {
+              if (videoElementRef.current) {
+                videoElementRef.current.removeAttribute("src");
+                videoElementRef.current.load();
+              }
+            } catch {
+            }
+          }
+        };
+        destroyInProgressRef.current = performDestroy();
+        await destroyInProgressRef.current;
       } catch (error) {
         console.warn("Error destroying Shaka Player:", error);
       } finally {
@@ -1695,6 +1748,8 @@ var useShakaPlayer = ({
           playerRef.current = null;
         }
         storedPersistentThisLoadRef.current = false;
+        isDestroyingRef.current = false;
+        destroyInProgressRef.current = null;
       }
     }
   }, [playerRef]);