@kkcompany/player 2.9.444 → 2.25.0-anary.15

package/dist/modules.mjs

@@ -1,18 +1,16 @@
-import axios from 'axios';
 import mitt from 'mitt';
 import UAParser from 'ua-parser-js';
 
 /* eslint-disable no-param-reassign */
-
 const waitMs$1 = time => new Promise(resolve => {
   setTimeout(resolve, time);
 });
 
-const handleRequestError = (result, {
+const handleRequestError = (request, {
   onError,
   retryTimes = 0
-}) => result.catch(error => onError(error, {
-  retry: () => handleRequestError(axios(error.config), {
+}) => request().catch(error => onError(error, {
+  retry: () => handleRequestError(request, {
     onError,
     retryTimes: retryTimes + 1
   }),
@@ -23,7 +21,7 @@ const ignoreMinorError = async (event, {
   retry,
   retryTimes
 } = {}) => {
-  var _event$response, _event$response2, _event$config, _event$config2;
+  var _event$response, _event$response2, _event$response3;
 
   console.warn(event);
 
@@ -32,17 +30,34 @@ const ignoreMinorError = async (event, {
     return retry();
   }
 
-  if (/start$|info$|heartbeat$/.test((_event$config = event.config) === null || _event$config === void 0 ? void 0 : _event$config.url)) {
+  const url = new URL(((_event$response3 = event.response) === null || _event$response3 === void 0 ? void 0 : _event$response3.url) || 'http://unknown/');
+
+  if (/start$|info$|heartbeat$/.test(url.pathname)) {
     return Promise.reject(event);
   }
 
-  if (/end$/.test((_event$config2 = event.config) === null || _event$config2 === void 0 ? void 0 : _event$config2.url)) {
+  if (/end$/.test(url.pathname)) {
     return Promise.resolve();
   }
 
   console.log('Ignore non-critical playback API fail', event);
   return new Promise(() => {});
 };
+/** @param {Response} response */
+
+
+const handleFetchResponse = response => {
+  if (response.ok) {
+    return response.status === 200 ? response.json() : '';
+  }
+
+  return response.json().then(errorData => {
+    const error = new Error(`HTTP error status: ${response.status} ${errorData.message}`);
+    error.data = errorData;
+    error.response = response;
+    return Promise.reject(error);
+  });
+};
 
 const createApi = (config, {
   onError = ignoreMinorError
@@ -67,28 +82,26 @@ const createApi = (config, {
 
   const request = (url, {
     method
-  } = {}) => handleRequestError(axios(url, {
+  } = {}) => handleRequestError(() => fetch(`${url}?${new URLSearchParams(params).toString()}`, {
     method,
-    headers: getHeaders(),
-    params
-  }), {
+    headers: getHeaders()
+  }).then(handleFetchResponse), {
     onError
-  }).then(response => response.data);
+  });
 
   const sessionRequest = (path, {
     method = 'POST',
     type,
     id,
     token
-  }) => handleRequestError(axios(`${host}/sessions/${type}/${id}/playback/${deviceId}/${path}`, {
+  }) => handleRequestError(() => fetch(`${host}/sessions/${type}/${id}/playback/${deviceId}/${path}?${new URLSearchParams({ ...params,
+    playback_token: token
+  }).toString()}`, {
     method,
-    headers: getHeaders(),
-    params: { ...params,
-      playback_token: token
-    }
-  }), {
+    headers: getHeaders()
+  }).then(handleFetchResponse), {
     onError
-  }).then(response => response === null || response === void 0 ? void 0 : response.data);
+  });
 
   return {
     config,
@@ -269,28 +282,15 @@ function getDevice() {
 function getBrowser() {
   return parser.getBrowser();
 }
+
+const isSafari = () => /^((?!chrome|android|X11|Linux).)*(safari|iPad|iPhone|Version)/i.test(navigator.userAgent);
+
 function needNativeHls() {
   // Don't let Android phones play HLS, even if some of them report supported
   // This covers Samsung & OPPO special cases
-  const isAndroid = /android|X11|Linux/i.test(navigator.userAgent); // canPlayType isn't reliable across all iOS verion / device combinations, so also check user agent
-
-  const isSafari = /^((?!chrome|android|X11|Linux).)*(safari|iPad|iPhone|Version)/i.test(navigator.userAgent); // ref: https://stackoverflow.com/a/12905122/4578017
-  // none of our supported browsers other than Safari response to this
-
-  const isFirefox = /firefox/i.test(navigator.userAgent);
-  const isEdge = /edg/i.test(navigator.userAgent);
-  const isChrome = /chrome/i.test(navigator.userAgent) && !isEdge; // ref: https://stackoverflow.com/a/12905122/4578017
-  // none of our supported browsers other than Safari response to this
-
-  if (isAndroid || isFirefox || isEdge || isChrome) {
-    return "";
-  }
-
-  if (isSafari) {
-    return 'maybe';
-  }
-
-  return document.createElement('video').canPlayType('application/vnd.apple.mpegURL');
+  const isAndroid = /android|X11|Linux/i.test(navigator.userAgent);
+  return isAndroid || /firefox/i.test(navigator.userAgent) ? '' : // canPlayType isn't reliable across all iOS verion / device combinations, so also check user agent
+  isSafari() ? 'maybe' : document.createElement('video').canPlayType('application/vnd.apple.mpegURL');
 }
 
 const isDesktop = () => !getDevice().type; // TODO solve lint error:
@@ -390,38 +390,6 @@ const validateEnvironment = (supportEnvironmentList = []) => {
   }
 }; // Some touch devices with a mouse can't be distinguished, assume no mouse
 
-const timeoutError = () => new Error('request timeout');
-/**
- * @param {URL|RequestInfo} url 
- * @param {RequestInit} options 
- * @param {{responseType: 'json'|'text'}}
- */
-
-
-const retryRequest = (url, options = {}, {
-  responseType = 'json',
-  timeout = 6,
-  retryTimes = 6
-} = {}) => new Promise((resolve, reject) => {
-  setTimeout(() => reject(timeoutError()), timeout * 1000);
-  fetch(url, options).then(response => {
-    var _response$responseTyp;
-
-    return resolve(((_response$responseTyp = response[responseType]) === null || _response$responseTyp === void 0 ? void 0 : _response$responseTyp.call(response)) || response);
-  }).catch(reject);
-}).catch(error => {
-  console.log(error);
-
-  if (retryTimes > 0) {
-    return retryRequest(url, options, {
-      timeout,
-      retryTimes: retryTimes - 1
-    });
-  }
-
-  return error;
-});
-
 const protocolExtensions = {
   hls: 'm3u8',
   dash: 'mpd'
@@ -460,7 +428,7 @@ const getDrmOptions = fallbackDrm => {
  * @typedef {{hls: string, dash: string}} SourceObjectAlt backward compatiable form
  *
  * @param {SourceObject[]|SourceObject|SourceObjectAlt|string} sourceOptions
- * @param {{preferManifestType?: ('dash'|'hls')}} options
+ * @param {{preferManifestType?: ('dash'|'hls'|'platform')}} options
  * @return {{src: string, type: string, drm: Object}}
  */
 
@@ -503,7 +471,8 @@ const getSource = (sourceOptions, {
     });
   }
 
-  const matched = sourceOptions.find(source => !preferManifestType || matchType(source, preferManifestType));
+  const targetType = preferManifestType !== 'platform' ? preferManifestType : isSafari() ? 'hls' : 'dash';
+  const matched = sourceOptions.find(source => matchType(source, targetType));
   const selected = matched || sourceOptions[0];
 
   if (!selected) {
@@ -518,88 +487,6 @@ const getSource = (sourceOptions, {
   };
 };
 
-function getVersion() {
-  try {
-    // eslint-disable-next-line no-undef
-    return "2.9.444";
-  } catch (e) {
-    return undefined;
-  }
-}
-
-const matchAll = (input, pattern) => {
-  const flags = [pattern.global && 'g', pattern.ignoreCase && 'i', pattern.multiline && 'm'].filter(Boolean).join('');
-  const clone = new RegExp(pattern, flags);
-  return Array.from(function* () {
-    let matched = true;
-
-    while (1) {
-      matched = clone.exec(input);
-
-      if (!matched) {
-        return;
-      }
-
-      yield matched;
-    }
-  }());
-};
-
-const rewriteUrls = (manifest, sourceUrl) => manifest.replace(/((#EXT-X-MEDIA:.*URI=")([^"]*))|((#EXT-X-STREAM-INF.*\n)(.*)(?=\n))/g, (...matches) => [matches[2], matches[5], new URL(matches[3] || matches[6], sourceUrl)].filter(Boolean).join(''));
-
-const filterHlsManifestQualities = (originalManifest, filter) => {
-  if (!filter) {
-    return;
-  }
-
-  const manifest = `${originalManifest}\n`;
-  const profiles = matchAll(manifest, /RESOLUTION=(\d+)x(\d+)/g).map(([, width, height]) => ({
-    width: +width,
-    height: +height
-  }));
-  const allowed = filter(profiles) || profiles;
-  const newManifest = manifest.replace(/#EXT-X-STREAM-INF.*RESOLUTION=(\d+)x(\d+).*\n.*\n/g, (item, width, height) => allowed.some(p => p.width === +width && p.height === +height) ? item : '');
-  return newManifest !== manifest && newManifest;
-};
-
-const meetRestriction = (quality, {
-  minHeight,
-  maxHeight
-} = {}) => !(quality.height < minHeight || quality.height > maxHeight);
-
-const selectHlsQualities = async (source, restrictions = {}) => {
-  if (!needNativeHls() || !(restrictions.minHeight || restrictions.maxHeight)) {
-    return source;
-  }
-
-  const selected = getSource(source, {
-    preferManifestType: 'hls'
-  });
-
-  if (!((selected === null || selected === void 0 ? void 0 : selected.type.toLowerCase()) === mimeTypes.hls)) {
-    return source;
-  }
-
-  const filtered = filterHlsManifestQualities(await retryRequest(selected.src, {}, {
-    responseType: 'text'
-  }), items => items.filter(item => meetRestriction(item, restrictions)));
-
-  if (filtered) {
-    return { ...selected,
-
-      /*
-        Native Safari couldn't support blob .m3u8. and will throw MediaError: 4
-        We find the hacky method: dataURI.
-        By the way, bitmovin also use this form even user gives the blob URI.
-      */
-      src: `data:application/x-mpegURL,${encodeURI(rewriteUrls(filtered, selected.src))}`
-    };
-  }
-
-  return source;
-};
- // for unit test
-
 /* eslint-disable no-param-reassign */
 
 const SHAKA_LIVE_DURATION = 4294967296;
@@ -1101,6 +988,15 @@ const mapLogEvents$1 = ({
   };
 };
 
+function getVersion() {
+  try {
+    // eslint-disable-next-line no-undef
+    return "2.25.0-anary.15";
+  } catch (e) {
+    return undefined;
+  }
+}
+
 const logEventNames = {
   playbackBeganLoading: 'playback_began_player_loading',
   playbackBeganPlayerStartupTime: 'playback_began_player_startup_time',
@@ -1406,6 +1302,12 @@ const retrieveModuleConfig = (modulesConfig, query) => {
 
 /* eslint-disable camelcase */
 const HEARTBEAT_INTERVAL_MS = 10000;
+//@ts-ignore
+const axios$1 = {
+  post: (...args) => {
+    console.log(args);
+  }
+}; // TODO
 
 const eventHeartbeat = ({
   token,
@@ -1438,7 +1340,7 @@ const eventHeartbeat = ({
     }; // Avoid template literals because the env variable would be replaced in the rollup
 
     await retryWithBackoff$1({
-      fn: () => axios.post(endpoint, payload, {
+      fn: () => axios$1.post(endpoint, payload, {
         headers: {
           'Kks-Bv-Token': token
         }
@@ -1451,6 +1353,12 @@ var eventHeartbeat$1 = eventHeartbeat;
 
 /* eslint-disable camelcase */
 
+const axios = {
+  post: (...args) => {
+    console.log(args);
+  }
+}; // TODO
+
 const getDeviceInfo = () => {
   const browser = getBrowser();
   return {
@@ -1505,7 +1413,7 @@ const createAnalytics = ({
   const logTarget = mapLogEvents({
     video,
     playerName: 'shaka',
-    version: "2.9.444"
+    version: "2.25.0-anary.15"
   });
   logTarget.all((type, data) => {
     const payload = {
@@ -1562,6 +1470,113 @@ const createAnalytics = ({
   };
 };
 
+const timeoutError = () => new Error('request timeout');
+/**
+ * @param {URL|RequestInfo} url 
+ * @param {RequestInit} options 
+ * @param {{responseType: 'json'|'text'}}
+ */
+
+
+const retryRequest = (url, options = {}, {
+  responseType = 'json',
+  timeout = 6,
+  retryTimes = 6
+} = {}) => new Promise((resolve, reject) => {
+  setTimeout(() => reject(timeoutError()), timeout * 1000);
+  fetch(url, options).then(response => {
+    var _response$responseTyp;
+
+    return resolve(((_response$responseTyp = response[responseType]) === null || _response$responseTyp === void 0 ? void 0 : _response$responseTyp.call(response)) || response);
+  }).catch(reject);
+}).catch(error => {
+  console.log(error);
+
+  if (retryTimes > 0) {
+    return retryRequest(url, options, {
+      timeout,
+      retryTimes: retryTimes - 1
+    });
+  }
+
+  return error;
+});
+
+/* eslint-disable no-param-reassign */
+
+const matchAll = (input, pattern) => {
+  const flags = [pattern.global && 'g', pattern.ignoreCase && 'i', pattern.multiline && 'm'].filter(Boolean).join('');
+  const clone = new RegExp(pattern, flags);
+  return Array.from(function* () {
+    let matched = true;
+
+    while (1) {
+      matched = clone.exec(input);
+
+      if (!matched) {
+        return;
+      }
+
+      yield matched;
+    }
+  }());
+};
+
+const rewriteUrls = (manifest, sourceUrl) => manifest.replace(/((#EXT-X-MEDIA:.*URI=")([^"]*))|((#EXT-X-STREAM-INF.*\n)(.*)(?=\n))/g, (...matches) => [matches[2], matches[5], new URL(matches[3] || matches[6], sourceUrl)].filter(Boolean).join(''));
+
+const filterHlsManifestQualities = (originalManifest, filter) => {
+  if (!filter) {
+    return;
+  }
+
+  const manifest = `${originalManifest}\n`;
+  const profiles = matchAll(manifest, /RESOLUTION=(\d+)x(\d+)/g).map(([, width, height]) => ({
+    width: +width,
+    height: +height
+  }));
+  const allowed = filter(profiles) || profiles;
+  const newManifest = manifest.replace(/#EXT-X-STREAM-INF.*RESOLUTION=(\d+)x(\d+).*\n.*\n/g, (item, width, height) => allowed.some(p => p.width === +width && p.height === +height) ? item : '');
+  return newManifest !== manifest && newManifest;
+};
+
+const meetRestriction = (quality, {
+  minHeight,
+  maxHeight
+} = {}) => !(quality.height < minHeight || quality.height > maxHeight);
+
+const selectHlsQualities = async (source, restrictions = {}) => {
+  if (!isSafari() || !(restrictions.minHeight || restrictions.maxHeight)) {
+    return source;
+  }
+
+  const selected = getSource(source, {
+    preferManifestType: 'hls'
+  });
+
+  if (!((selected === null || selected === void 0 ? void 0 : selected.type.toLowerCase()) === mimeTypes.hls)) {
+    return source;
+  }
+
+  const filtered = filterHlsManifestQualities(await retryRequest(selected.src, {}, {
+    responseType: 'text'
+  }), items => items.filter(item => meetRestriction(item, restrictions)));
+
+  if (filtered) {
+    return { ...selected,
+
+      /*
+        Native Safari couldn't support blob .m3u8. and will throw MediaError: 4
+        We find the hacky method: dataURI.
+        By the way, bitmovin also use this form even user gives the blob URI.
+      */
+      src: `data:application/x-mpegURL,${encodeURI(rewriteUrls(filtered, selected.src))}`
+    };
+  }
+
+  return source;
+};
+ // for unit test
+
 /* eslint-disable no-empty */
 const storageKey = 'playcraft-tab-lock';
 const lockRenewTime = 3000;

package/dist/plugins.mjs

@@ -1,5 +1,4 @@
 import mitt from 'mitt';
-import axios from 'axios';
 import UAParser from 'ua-parser-js';
 
 /** @param {string} m3u8Manifest */
@@ -487,13 +486,13 @@ const snapback = ({
   }
 };
 
+const axios = () => {};
+
 const addFetchPolyfill = () => {
   window.fetch = async (url, {
     method
   } = {}) => {
-    const result = await axios(url, {
-      method
-    });
+    const result = await axios();
     return Promise.resolve({
       json: () => result.data
     });