@mottosports/motto-video-player 1.0.1-rc.28 → 1.0.1-rc.30

package/dist/index.js

@@ -1175,13 +1175,22 @@ var isPlayReadySupported = () => {
   return isWindows || isXbox || isEdge || isIE;
 };
 
+// src/hooks/useShakePlayer.ts
+var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
+
+// package.json
+var version = "1.0.1-rc.30";
+
 // src/hooks/useShakePlayer.ts
 var useShakePlayer = ({
   src,
   shakaConfig,
   drmConfig,
   onError,
-  onPlayerReady
+  onPlayerReady,
+  muxConfig,
+  onMuxReady,
+  onMuxDataUpdate
 }) => {
   const playerRef = (0, import_react.useRef)(null);
   const initializePlayer = (0, import_react.useCallback)(async (video) => {
@@ -1196,35 +1205,13 @@ var useShakePlayer = ({
       if (shakaConfig) {
         player.configure(shakaConfig);
       }
-      player?.addEventListener("error", (event) => {
-        const error = event.detail;
-        if (error?.code === 7e3) {
-          return;
-        }
-        console.error("Shaka Player Error:", error);
-        onError?.(new Error(`Shaka Player Error: ${error.message || "Unknown error"}`));
-      });
-      return player;
-    } catch (error) {
-      if (error?.code === 7e3) {
-        return;
-      }
-      console.error("Error initializing Shaka Player:", error);
-      onError?.(error);
-      throw error;
-    }
-  }, [shakaConfig, drmConfig, src, onError, onPlayerReady]);
-  const loadSource = (0, import_react.useCallback)(async () => {
-    const player = playerRef.current;
-    if (!player) return;
-    try {
       let manifestUrl = src.url;
       const isDRM = Boolean(src.drm);
       let cert = null;
       if (isDRM) {
         const isPlayReady = isPlayReadySupported();
         const isFairPlay = isAppleDevice();
-        if (isFairPlay && src.drm.fairplay?.certificate_url) {
+        if (isAppleDevice() && src.drm.fairplay?.certificate_url) {
           const req = await fetch(src.drm.fairplay.certificate_url);
           cert = await req.arrayBuffer();
           manifestUrl = src.drm.fairplay.playlist_url;
@@ -1267,17 +1254,53 @@ var useShakePlayer = ({
           });
         }
       }
+      player?.addEventListener("error", (event) => {
+        const error = event.detail;
+        if (error?.code === 7e3) {
+          return;
+        }
+        console.error("Shaka Player Error:", error);
+        onError?.(new Error(`Shaka Player Error: ${error.message || "Unknown error"}`));
+      });
+      if (muxConfig) {
+        try {
+          const playerInitTime = import_mux_data_shakaplayer.default.utils.now();
+          const muxOptions = {
+            debug: muxConfig.debug || false,
+            disableCookies: muxConfig.disableCookies || false,
+            respectDoNotTrack: muxConfig.respectDoNotTrack || false,
+            automaticErrorTracking: muxConfig.automaticErrorTracking !== false,
+            ...muxConfig.beaconCollectionDomain && { beaconCollectionDomain: muxConfig.beaconCollectionDomain },
+            ...muxConfig.errorTranslator && { errorTranslator: muxConfig.errorTranslator },
+            data: {
+              env_key: muxConfig.envKey,
+              player_name: muxConfig?.metadata?.player_name,
+              player_version: version,
+              player_init_time: playerInitTime,
+              video_title: muxConfig?.metadata?.video_title ?? "",
+              video_id: muxConfig?.metadata?.video_id ?? "",
+              viewer_user_id: muxConfig?.metadata?.viewer_user_id ?? "",
+              ...muxConfig.metadata
+            }
+          };
+          (0, import_mux_data_shakaplayer.default)(player, muxOptions, import_shaka_player.default);
+          onMuxReady?.();
+        } catch (error) {
+          console.error("Failed to initialize Mux Analytics:", error);
+        }
+      }
       await player.load(manifestUrl);
       onPlayerReady?.(player);
+      return player;
     } catch (error) {
       if (error?.code === 7e3) {
         return;
       }
-      console.error("Error loading source:", error);
+      console.error("Error initializing Shaka Player:", error);
       onError?.(error);
       throw error;
     }
-  }, [src, onError]);
+  }, [shakaConfig, drmConfig, src, onError, onPlayerReady, muxConfig, onMuxReady]);
   const destroyPlayer = (0, import_react.useCallback)(async () => {
     if (playerRef.current) {
       try {
@@ -1288,11 +1311,10 @@ var useShakePlayer = ({
         playerRef.current = null;
       }
     }
-  }, []);
+  }, [playerRef]);
   return {
     playerRef,
     initializePlayer,
-    loadSource,
     destroyPlayer
   };
 };
@@ -1413,19 +1435,14 @@ var useSkipControls = (videoRef, onSkipBack, onSkipForward) => {
 
 // src/hooks/useMuxAnalytics.ts
 var import_react4 = require("react");
-var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
+var import_mux_data_shakaplayer2 = __toESM(require("@mux/mux-data-shakaplayer"));
 var import_shaka_player2 = __toESM(require("shaka-player/dist/shaka-player.ui"));
-
-// package.json
-var version = "1.0.1-rc.28";
-
-// src/hooks/useMuxAnalytics.ts
 var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
   const shakaPlayerMuxRef = (0, import_react4.useRef)(null);
   const initializeMux = (0, import_react4.useCallback)(() => {
     if (!muxConfig || !playerRef.current) return;
     try {
-      const playerInitTime = import_mux_data_shakaplayer.default.utils.now();
+      const playerInitTime = import_mux_data_shakaplayer2.default.utils.now();
       const muxOptions = {
         debug: muxConfig.debug || false,
         disableCookies: muxConfig.disableCookies || false,
@@ -1444,7 +1461,7 @@ var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
           ...muxConfig.metadata
         }
       };
-      shakaPlayerMuxRef.current = (0, import_mux_data_shakaplayer.default)(playerRef.current, muxOptions, import_shaka_player2.default);
+      shakaPlayerMuxRef.current = (0, import_mux_data_shakaplayer2.default)(playerRef.current, muxOptions, import_shaka_player2.default);
       onMuxReady?.();
     } catch (error) {
       console.error("Failed to initialize Mux Analytics:", error);
@@ -3322,13 +3339,22 @@ var Player = (0, import_react12.forwardRef)(
     const containerRef = (0, import_react12.useRef)(null);
     const adContainerRef = (0, import_react12.useRef)(null);
     (0, import_react12.useImperativeHandle)(ref, () => videoRef.current, []);
-    const { playerRef, initializePlayer, loadSource, destroyPlayer } = useShakePlayer({
+    const { playerRef, initializePlayer, destroyPlayer } = useShakePlayer({
       src,
       shakaConfig,
       drmConfig,
       onError: events?.onError,
-      onPlayerReady: events?.onPlayerReady
+      onPlayerReady: events?.onPlayerReady,
+      muxConfig,
+      onMuxReady: events?.onMuxReady,
+      onMuxDataUpdate: events?.onMuxDataUpdate
     });
+    const {
+      initializeMux,
+      updateMuxData,
+      handleMuxError,
+      destroyMux
+    } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate);
     const {
       getAvailableQualities,
       setQuality,
@@ -3346,12 +3372,6 @@ var Player = (0, import_react12.forwardRef)(
       skipForward,
       enabled: true
     });
-    const {
-      initializeMux,
-      updateMuxData,
-      handleMuxError,
-      destroyMux
-    } = useMuxAnalytics(playerRef, muxConfig, events?.onMuxReady, events?.onMuxDataUpdate);
     const { setupEventListeners, cleanupEventListeners } = useEventHandlers(videoRef, {
       onPlay: events?.onPlay,
       onPause: events?.onPause,
@@ -3430,8 +3450,6 @@ var Player = (0, import_react12.forwardRef)(
       const initialize = async () => {
         try {
           await initializePlayer(video);
-          initializeMux();
-          await loadSource();
           setupEventListeners();
           const cleanupQuality = setupQualityTracking();
           configureQuality();