@mottosports/motto-video-player 1.0.1-rc.25 → 1.0.1-rc.26

package/dist/index.mjs

@@ -1109,6 +1109,32 @@ import shaka3 from "shaka-player/dist/shaka-player.ui";
 // src/hooks/useShakePlayer.ts
 import { useRef, useCallback } from "react";
 import shaka from "shaka-player/dist/shaka-player.ui";
+
+// src/utils/devices.ts
+var isAppleDevice = () => {
+  if (typeof navigator === "undefined") return false;
+  const ua = navigator.userAgent || "";
+  const isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+  const isSafari = /Safari/.test(ua) && !/Chrome|CriOS|FxiOS|Edg/.test(ua);
+  const isMacSafari = /Macintosh/.test(ua) && isSafari;
+  return isIOS || isMacSafari;
+};
+var isPlayReadySupported = () => {
+  if (typeof navigator === "undefined" || typeof window === "undefined") {
+    return false;
+  }
+  if (!navigator.requestMediaKeySystemAccess) {
+    return false;
+  }
+  const userAgent = navigator.userAgent || "";
+  const isWindows = /Windows/.test(userAgent);
+  const isXbox = /Xbox/.test(userAgent);
+  const isEdge = /Edg/.test(userAgent);
+  const isIE = /Trident|MSIE/.test(userAgent);
+  return isWindows || isXbox || isEdge || isIE;
+};
+
+// src/hooks/useShakePlayer.ts
 var useShakePlayer = ({
   src,
   shakaConfig,
@@ -1129,47 +1155,42 @@ var useShakePlayer = ({
       if (shakaConfig) {
         player.configure(shakaConfig);
       }
-      const isPlaylistObject = typeof src === "object" && src !== null && src.drm;
-      const manifestUrl = isPlaylistObject ? src.url : src;
-      const drmData = isPlaylistObject ? src.drm : null;
-      if (drmData && drmData.token) {
-        const isAppleDevice2 = () => {
-          if (typeof navigator === "undefined") return false;
-          const ua = navigator.userAgent || "";
-          const isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-          const isSafari = /Safari/.test(ua) && !/Chrome|CriOS|FxiOS|Edg/.test(ua);
-          const isMacSafari = /Macintosh/.test(ua) && isSafari;
-          return isIOS || isMacSafari;
-        };
-        const useFairPlay = isAppleDevice2();
-        const drmConfig2 = {
-          servers: {},
-          advanced: {}
-        };
-        if (useFairPlay && drmData.fairplay?.license_url) {
-          drmConfig2.servers["com.apple.fps"] = drmData.fairplay.license_url;
-        } else if (drmData.widevine?.license_url) {
-          drmConfig2.servers["com.widevine.alpha"] = drmData.widevine.license_url;
+      let manifestUrl = src.url;
+      const isDRM = Boolean(src.drm);
+      let cert = null;
+      if (isDRM) {
+        const isPlayReady = isPlayReadySupported();
+        const isFairPlay = isAppleDevice();
+        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;
+        } else if (isPlayReady && src.drm.playready?.license_url) {
+          manifestUrl = src.drm.playready.playlist_url;
+        } else {
+          manifestUrl = src.drm?.widevine?.playlist_url || "";
         }
-        if (useFairPlay && drmData.fairplay?.certificate_url) {
-          try {
-            const req = await fetch(drmData.fairplay.certificate_url);
-            const cert = await req.arrayBuffer();
-            drmConfig2.advanced["com.apple.fps"] = {
-              serverCertificate: new Uint8Array(cert)
-            };
-          } catch (e) {
-            console.warn("Failed to fetch FairPlay certificate:", e);
+        player.configure({
+          drm: {
+            servers: {
+              "com.widevine.alpha": src.drm.widevine?.license_url,
+              "com.microsoft.playready": src.drm.playready?.license_url,
+              "com.apple.fps": src.drm.fairplay?.license_url
+            },
+            ...cert && {
+              advanced: {
+                "com.apple.fps": {
+                  serverCertificate: new Uint8Array(cert)
+                }
+              }
+            }
           }
-        }
-        if (Object.keys(drmConfig2.servers).length > 0) {
-          player.configure({ drm: drmConfig2 });
-        }
+        });
         const netEngine = player.getNetworkingEngine();
         if (netEngine) {
           netEngine.registerRequestFilter((type, request) => {
             if (type === shaka.net.NetworkingEngine.RequestType.LICENSE) {
-              request.headers["x-dt-custom-data"] = drmData.token;
+              request.headers["x-dt-custom-data"] = src.drm.token;
             }
           });
           netEngine.registerResponseFilter((type, response) => {
@@ -1183,15 +1204,7 @@ var useShakePlayer = ({
           });
         }
       }
-      if (drmConfig) {
-        if (drmConfig.clearKeys) {
-          player.configure({ "drm.clearKeys": drmConfig.clearKeys });
-        }
-        if (drmConfig.servers) {
-          player.configure({ "drm.servers": drmConfig.servers });
-        }
-      }
-      player.addEventListener("error", (event) => {
+      player?.addEventListener("error", (event) => {
         const error = event.detail;
         if (error?.code === 7e3) {
           return;
@@ -1349,7 +1362,7 @@ import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
 import shaka2 from "shaka-player/dist/shaka-player.ui";
 
 // package.json
-var version = "1.0.1-rc.25";
+var version = "1.0.1-rc.26";
 
 // src/hooks/useMuxAnalytics.ts
 var useMuxAnalytics = (playerRef, muxConfig, onMuxReady, onMuxDataUpdate) => {
@@ -4024,7 +4037,7 @@ var Video = ({
     Player,
     {
       ...props,
-      src: hlsUrl,
+      src: activePlaylist,
       className: twMerge3("video-player-container", className),
       events,
       containerClassName: "w-full h-full",
@@ -4038,14 +4051,6 @@ import { useCallback as useCallback8, useEffect as useEffect8, useState as useSt
 import { twMerge as twMerge4 } from "tailwind-merge";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 import { Fragment, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-var isAppleDevice = () => {
-  if (typeof navigator === "undefined") return false;
-  const ua = navigator.userAgent || navigator.vendor || "";
-  const isIOS = /iPad|iPhone|iPod/.test(ua) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-  const isSafari = /Safari/.test(ua) && !/Chrome|CriOS|FxiOS|Edg/.test(ua);
-  const isMacSafari = /Macintosh/.test(ua) && isSafari;
-  return isIOS || isMacSafari;
-};
 var Event = ({
   publicKey,
   eventId,
@@ -4078,7 +4083,6 @@ var Event = ({
   const [activePlaylist, setActivePlaylist] = useState4();
   const [activeVideoId, setActiveVideoId] = useState4();
   const videoIds = eventData?.videoIds ?? [];
-  const [isDRM, setIsDRM] = useState4(false);
   const {
     data: videosData,
     isLoading: videosIsLoading,
@@ -4105,34 +4109,9 @@ var Event = ({
         for (const video of videosWithPlaylists) {
           const hlsPlaylist = findHLSPlaylist(video);
           if (hlsPlaylist?.url) {
-            const matchedPlaylist = video.playlists?.find((p) => p.url === hlsPlaylist.url);
-            const drm = matchedPlaylist?.drm;
-            const hasDrm = Boolean(drm?.token);
-            let selectedPlaylist;
-            if (hasDrm) {
-              const useFairPlay = isAppleDevice();
-              if (useFairPlay && drm?.fairplay?.playlist_url && drm?.fairplay?.license_url) {
-                selectedPlaylist = {
-                  url: drm.fairplay.playlist_url,
-                  format: matchedPlaylist?.format || "HLS",
-                  drm
-                };
-              } else if (drm?.widevine?.playlist_url && drm?.widevine?.license_url) {
-                selectedPlaylist = {
-                  url: drm.widevine.playlist_url,
-                  format: matchedPlaylist?.format || "HLS",
-                  drm
-                };
-              } else {
-                selectedPlaylist = matchedPlaylist;
-              }
-            } else {
-              selectedPlaylist = hlsPlaylist.url;
-            }
-            setActivePlaylist(selectedPlaylist);
+            setActivePlaylist(hlsPlaylist);
             setActiveVideoId(video.id);
             hlsPlaylistFound = true;
-            setIsDRM(Boolean(hasDrm));
             break;
           }
         }
@@ -4156,11 +4135,6 @@ var Event = ({
       events.onEventData(eventData);
     }
   }, [eventData, events]);
-  useEffect8(() => {
-    if (isDRM) {
-      console.log("DRM is enabled");
-    }
-  }, [isDRM]);
   useEffect8(() => {
     if (events?.onVideoData && activeVideoId && videosData) {
       const activeVideo = videosData.find((video) => video.id === activeVideoId);
@@ -4477,7 +4451,7 @@ var CreativeWork = ({
         for (const video of videosWithPlaylists) {
           const hlsPlaylist = findHLSPlaylist(video);
           if (hlsPlaylist?.url) {
-            setActivePlaylist(hlsPlaylist.url);
+            setActivePlaylist(hlsPlaylist);
             setActiveVideoId(video.id);
             hlsPlaylistFound = true;
             break;