@mottosports/motto-video-player 1.0.1-rc.64 → 1.0.1-rc.66

package/dist/index.d.mts

@@ -314,6 +314,17 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      */
     locale?: string;
     containerClassName?: string;
+    /**
+     * Motto public key used for authenticated requests
+     */
+    publicKey?: string;
+    /**
+     * Authentication context for player operations
+     */
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
 }
 /**
  * Mux Analytics type definitions

package/dist/index.d.ts

@@ -314,6 +314,17 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      */
     locale?: string;
     containerClassName?: string;
+    /**
+     * Motto public key used for authenticated requests
+     */
+    publicKey?: string;
+    /**
+     * Authentication context for player operations
+     */
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
 }
 /**
  * Mux Analytics type definitions

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.64";
+var version = "1.0.1-rc.66";
 
 // src/utils/licenseCache.ts
 var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -1387,11 +1387,17 @@ var useShakaPlayer = ({
   onPlayerReady,
   muxConfig,
   onMuxReady,
-  onMuxDataUpdate
+  onMuxDataUpdate,
+  publicKey,
+  mottoToken
 }) => {
   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);
@@ -1415,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);
@@ -1430,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 ?? "");
@@ -1528,7 +1553,12 @@ var useShakaPlayer = ({
         if (netEngine) {
           netEngine.registerRequestFilter((type, request) => {
             if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
-              request.headers["x-dt-auth-token"] = src.drm.token;
+              if (publicKey) {
+                request.headers["authorization"] = `Bearer ${publicKey}`;
+              }
+              if (mottoToken) {
+                request.headers["x-motto-token"] = mottoToken;
+              }
             }
           });
           netEngine.registerResponseFilter((type, response) => {
@@ -1634,6 +1664,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;
@@ -1650,8 +1688,11 @@ var useShakaPlayer = ({
     return initializePlayerInternal(video);
   }, [initializePlayerInternal]);
   const destroyPlayer = (0, import_react.useCallback)(async () => {
-    if (playerRef.current) {
+    const playerInstance = playerRef.current;
+    if (playerInstance) {
       try {
+        isDestroyingRef.current = true;
+        activeInitIdRef.current = null;
         if (videoElementRef.current) {
           try {
             if (waitingForKeyHandlerRef.current) {
@@ -1671,20 +1712,38 @@ var useShakaPlayer = ({
           waitingForKeyTimerRef.current = null;
         }
         try {
-          if (drmExpirationHandlerRef.current && playerRef.current?.removeEventListener) {
-            playerRef.current.removeEventListener("drmsessionupdate", drmExpirationHandlerRef.current);
+          if (drmExpirationHandlerRef.current && playerInstance.removeEventListener) {
+            playerInstance.removeEventListener("drmsessionupdate", drmExpirationHandlerRef.current);
           }
         } catch (e) {
           console.warn("Error removing DRM expiration listener:", e);
         } finally {
           drmExpirationHandlerRef.current = null;
         }
-        await playerRef.current.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 {
-        playerRef.current = null;
+        if (playerRef.current === playerInstance) {
+          playerRef.current = null;
+        }
         storedPersistentThisLoadRef.current = false;
+        isDestroyingRef.current = false;
+        destroyInProgressRef.current = null;
       }
     }
   }, [playerRef]);
@@ -2190,14 +2249,18 @@ var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig,
     }
     return ui;
   }, [controls, containerRef, playerRef, videoRef, chromecastConfig, seekbarColors, onSkipBack, onSkipForward, iconSizes, locale]);
-  const destroyUI = (0, import_react6.useCallback)(() => {
-    if (uiRef.current) {
+  const destroyUI = (0, import_react6.useCallback)(async () => {
+    const uiInstance = uiRef.current;
+    if (uiInstance) {
       try {
-        uiRef.current.destroy();
+        await uiInstance.destroy();
       } catch (error) {
         console.error("Error destroying UI:", error);
+      } finally {
+        if (uiRef.current === uiInstance) {
+          uiRef.current = null;
+        }
       }
-      uiRef.current = null;
     }
   }, []);
   return {
@@ -3823,6 +3886,8 @@ var Player = (0, import_react12.forwardRef)(
     events,
     locale = "en",
     containerClassName,
+    publicKey,
+    auth,
     ...videoProps
   }, ref) => {
     const videoRef = (0, import_react12.useRef)(null);
@@ -3839,7 +3904,9 @@ var Player = (0, import_react12.forwardRef)(
       onPlayerReady: events?.onPlayerReady,
       muxConfig,
       onMuxReady: events?.onMuxReady,
-      onMuxDataUpdate: events?.onMuxDataUpdate
+      onMuxDataUpdate: events?.onMuxDataUpdate,
+      publicKey,
+      mottoToken: auth?.mottoToken
     });
     const {
       initializeMux,
@@ -4686,6 +4753,8 @@ var Video = ({
       events,
       locale,
       containerClassName: "w-full h-full",
+      publicKey,
+      auth,
       children
     }
   ) }) });
@@ -4854,7 +4923,9 @@ var Event = ({
           className: (0, import_tailwind_merge4.twMerge)(className, "peer aspect-video"),
           events,
           locale,
-          containerClassName: "w-full h-full"
+          containerClassName: "w-full h-full",
+          publicKey,
+          auth
         }
       ) }),
       !hideTitle && eventData && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -5210,7 +5281,9 @@ var CreativeWork = ({
           },
           src: activePlaylist,
           locale,
-          containerClassName: "w-full h-full"
+          containerClassName: "w-full h-full",
+          publicKey,
+          auth
         }
       ),
       !hideTitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(