@mottosports/motto-video-player 1.0.1-rc.60 → 1.0.1-rc.62

package/dist/index.js

@@ -1201,7 +1201,6 @@ var isPlayReadySupported = () => {
   return isXbox || (isEdge || isIE) && isWindows;
 };
 var supportsWidevinePersistentLicenses = () => {
-  return false;
   if (typeof navigator === "undefined") {
     return false;
   }
@@ -1226,7 +1225,7 @@ var supportsWidevinePersistentLicenses = () => {
 var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
 
 // package.json
-var version = "1.0.1-rc.60";
+var version = "1.0.1-rc.62";
 
 // src/utils/licenseCache.ts
 var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -1396,6 +1395,8 @@ var useShakaPlayer = ({
   const waitingForKeyHandlerRef = (0, import_react.useRef)(null);
   const playbackResumedHandlerRef = (0, import_react.useRef)(null);
   const usingPersistentLicenseRef = (0, import_react.useRef)(false);
+  const storedPersistentThisLoadRef = (0, import_react.useRef)(false);
+  const drmExpirationHandlerRef = (0, import_react.useRef)(null);
   const getManifestUrl = (0, import_react.useCallback)(() => {
     let manifestUrl = src.url;
     const isDRM = Boolean(src.drm);
@@ -1427,6 +1428,7 @@ var useShakaPlayer = ({
       const manifestUrl = getManifestUrl();
       let playlistId = src.id;
       const isDRM = Boolean(src.drm);
+      storedPersistentThisLoadRef.current = false;
       let storedSessionsMetadata = [];
       if (isDRM && playlistId) {
         storedSessionsMetadata = retrievePersistentLicense(playlistId, src.drm.licenseCacheKey ?? "");
@@ -1539,6 +1541,36 @@ var useShakaPlayer = ({
           });
         }
       }
+      if (isDRM && playlistId) {
+        const onDRMSessionUpdate = () => {
+          try {
+            if (storedPersistentThisLoadRef.current) return;
+            const activeDrmSessions = player.getActiveSessionsMetadata?.();
+            if (!activeDrmSessions) return;
+            const persistentSessions = activeDrmSessions.filter(
+              (session) => session.sessionType === "persistent-license"
+            );
+            if (persistentSessions.length > 0) {
+              const sessionsToStore = persistentSessions.map((session) => ({
+                sessionId: session.sessionId,
+                initData: session.initData,
+                initDataType: session.initDataType,
+                keySystem: session.keySystem || "com.widevine.alpha"
+              }));
+              storePersistentLicense(playlistId, src.drm.licenseCacheKey ?? "", sessionsToStore);
+              storedPersistentThisLoadRef.current = true;
+            }
+          } catch (e) {
+            console.warn("Failed to persist licenses on expiration update:", e);
+          }
+        };
+        try {
+          player.addEventListener("drmsessionupdate", onDRMSessionUpdate);
+          drmExpirationHandlerRef.current = onDRMSessionUpdate;
+        } catch (e) {
+          console.warn("Failed to attach drmsessionupdate listener:", e);
+        }
+      }
       player?.addEventListener("error", (event) => {
         const error = event.detail;
         if (error?.code === 7e3) {
@@ -1602,30 +1634,6 @@ var useShakaPlayer = ({
         }
       }
       await player.load(manifestUrl);
-      if (isDRM && playlistId) {
-        try {
-          setTimeout(() => {
-            const activeDrmSessions = player.getActiveSessionsMetadata?.();
-            if (activeDrmSessions) {
-              const persistentSessions = activeDrmSessions.filter(
-                (session) => session.sessionType === "persistent-license"
-              );
-              if (persistentSessions.length > 0) {
-                const sessionsToStore = persistentSessions.map((session) => ({
-                  sessionId: session.sessionId,
-                  initData: session.initData,
-                  initDataType: session.initDataType,
-                  keySystem: session.keySystem || "com.widevine.alpha"
-                  // fallback
-                }));
-                storePersistentLicense(playlistId, src.drm.licenseCacheKey ?? "", sessionsToStore);
-              }
-            }
-          }, 2e3);
-        } catch (error) {
-          console.warn("Failed to store persistent license sessions:", error);
-        }
-      }
       onPlayerReady?.(player);
       return player;
     } catch (error) {
@@ -1661,11 +1669,21 @@ var useShakaPlayer = ({
           window.clearTimeout(waitingForKeyTimerRef.current);
           waitingForKeyTimerRef.current = null;
         }
+        try {
+          if (drmExpirationHandlerRef.current && playerRef.current?.removeEventListener) {
+            playerRef.current.removeEventListener("drmsessionupdate", drmExpirationHandlerRef.current);
+          }
+        } catch (e) {
+          console.warn("Error removing DRM expiration listener:", e);
+        } finally {
+          drmExpirationHandlerRef.current = null;
+        }
         await playerRef.current.destroy();
       } catch (error) {
         console.warn("Error destroying Shaka Player:", error);
       } finally {
         playerRef.current = null;
+        storedPersistentThisLoadRef.current = false;
       }
     }
   }, [playerRef]);
@@ -3810,6 +3828,7 @@ var Player = (0, import_react12.forwardRef)(
     const containerRef = (0, import_react12.useRef)(null);
     const [isScriptsLoaded, setIsScriptsLoaded] = (0, import_react12.useState)(false);
     const [isInitialLoading, setIsInitialLoading] = (0, import_react12.useState)(true);
+    const [bfResetKey, setBfResetKey] = (0, import_react12.useState)(0);
     (0, import_react12.useImperativeHandle)(ref, () => videoRef.current, []);
     const { playerRef, initializePlayer, destroyPlayer, isRetrying } = useShakaPlayer({
       src,
@@ -3957,6 +3976,15 @@ var Player = (0, import_react12.forwardRef)(
       };
       loadRequiredScripts();
     }, [imaConfig?.adTagUrl, system73Config?.apiKey]);
+    (0, import_react12.useEffect)(() => {
+      const onPageShow = (e) => {
+        if (e && e.persisted) {
+          setBfResetKey((k) => k + 1);
+        }
+      };
+      window.addEventListener("pageshow", onPageShow);
+      return () => window.removeEventListener("pageshow", onPageShow);
+    }, []);
     (0, import_react12.useEffect)(() => {
       const video = videoRef.current;
       if (!video || !isScriptsLoaded) return;
@@ -3996,7 +4024,7 @@ var Player = (0, import_react12.forwardRef)(
         destroyMux();
         destroyPlayer();
       };
-    }, [src, isScriptsLoaded]);
+    }, [src, isScriptsLoaded, bfResetKey]);
     (0, import_react12.useEffect)(() => {
       const video = videoRef.current;
       if (!video) return;