fix: allow extension less Mux m3u8 url as src (#1096)

this allows 
https://stream.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008

https://stream.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008?foo=bar
instead of 

https://stream.mux.com/Sc89iWAyNkhJ3P1rQ02nrEdCFTnfT01CZ2KmaEcxXfB008.m3u8

this is needed for react-player to have a difference in the source to
choose which provider.
the one where they add the .m3u8 goes to hls-video, without the
extension goes to mux-player.

Author: luwes

packages/playback-core/src/util.ts

@@ -59,17 +59,13 @@ export const toPlaybackIdParts = (playbackIdWithOptionalParams: string): [string
   return [idPart, queryPart];
 };
 
-export const getType = (props: Partial<Pick<MuxMediaProps, 'type' | 'src'>>) => {
-  const type = props.type;
+export const getType = (props: Partial<Pick<MuxMediaProps, 'type' | 'src' | 'customDomain'>>) => {
+  const { type } = props;
   if (type) {
     const upperType = type.toUpperCase();
     return isKeyOf(upperType, MimeTypeShorthandMap) ? MimeTypeShorthandMap[upperType] : type;
   }
-
-  const { src } = props;
-  if (!src) return '';
-
-  return inferMimeTypeFromURL(src);
+  return inferMimeTypeFromURL(props);
 };
 
 export const toStreamTypeFromPlaylistType = (playlistType: HlsPlaylistTypes) => {
@@ -82,23 +78,50 @@ export const toTargetLiveWindowFromPlaylistType = (playlistType: HlsPlaylistType
   return 0;
 };
 
-export const inferMimeTypeFromURL = (url: string) => {
+export const inferMimeTypeFromURL = (props: Partial<Pick<MuxMediaProps, 'src' | 'customDomain'>>) => {
+  const { src } = props;
+  if (!src) return '';
+
   let pathname = '';
   try {
-    pathname = new URL(url).pathname;
+    pathname = new URL(src).pathname;
   } catch (_e) {
     console.error('invalid url');
   }
 
   const extDelimIdx = pathname.lastIndexOf('.');
-  if (extDelimIdx < 0) return '';
+  if (extDelimIdx < 0) {
+    if (isExtensionLessMuxM3U8URL(props)) {
+      return ExtensionMimeTypeMap.M3U8; // Treat extension-less Mux URLs as HLS
+    }
+    return '';
+  }
 
   const ext = pathname.slice(extDelimIdx + 1);
   const upperExt = ext.toUpperCase();
 
   return isKeyOf(upperExt, ExtensionMimeTypeMap) ? ExtensionMimeTypeMap[upperExt] : '';
 };
 
+const MUX_VIDEO_DOMAIN = 'mux.com';
+export const isExtensionLessMuxM3U8URL = ({
+  src,
+  customDomain = MUX_VIDEO_DOMAIN,
+}: Partial<Pick<MuxMediaProps, 'src' | 'customDomain'>>) => {
+  let urlObj;
+  try {
+    urlObj = new URL(`${src}`);
+  } catch {
+    return false;
+  }
+  const validProtocol = urlObj.protocol === 'https:';
+  const validHostname = urlObj.hostname === `stream.${customDomain}`.toLowerCase();
+  const pathParts = urlObj.pathname.split('/');
+  const validPathPartsLength = pathParts.length === 2;
+  const validExtensionlessPath = !pathParts?.[1].includes('.');
+  return validProtocol && validHostname && validPathPartsLength && validExtensionlessPath;
+};
+
 export type MuxJWT = {
   sub: string;
   aud: 'v' | 't' | 'g' | 's' | 'd';

packages/playback-core/test/util.test.js

@@ -52,6 +52,20 @@ describe('Module: util', () => {
       const actual = getType({ src: `http://foo.com/bar.${extension}`, type: MimeTypeShorthandMap.HLS });
       assert.equal(actual, expected);
     });
+
+    it('should support Mux extensionless m3u8 URLs', () => {
+      const expected = ExtensionMimeTypeMap.M3U8;
+      // Mux extensionless m3u8 URLs should be treated as M3U8
+      const actual = getType({ src: 'https://stream.mux.com/abc123' });
+      assert.equal(actual, expected);
+    });
+
+    it('should support Mux extensionless m3u8 URLs with custom domain', () => {
+      const expected = ExtensionMimeTypeMap.M3U8;
+      // Mux extensionless m3u8 URLs with custom domain should be treated as M3U8
+      const actual = getType({ src: 'https://stream.abc.com/abc123', customDomain: 'abc.com' });
+      assert.equal(actual, expected);
+    });
   });
 
   describe('parseJwt', () => {