@bigbinary/neeto-media-recorder 2.5.4 → 2.5.6

package/core.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import { isPresent, existsBy, isNotEmpty, isNot, noop } from '@bigbinary/neeto-cist';
-import { MIME_TYPE as MIME_TYPE$1, RETRYABLE_ERRORS, UPLOAD_STATUS, UPLOAD_EVENT, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, RECORDING_LIMIT_REACHED_WARNING_SOUND, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, RECORDING_TIME_LIMIT_FREE_PLAN, ONE_SECOND, HALF_A_SECOND_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, TWO_HUNDRED_MILLISECONDS, ONE_MINUTE_IN_MILLISECONDS, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND, IS_EXTENSION } from '@bigbinary/neeto-media-recorder/constants';
+import { RETRYABLE_ERRORS, MIME_TYPE as MIME_TYPE$1, UPLOAD_STATUS, UPLOAD_EVENT, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, RECORDING_LIMIT_REACHED_WARNING_SOUND, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, RECORDING_TIME_LIMIT_FREE_PLAN, ONE_SECOND, HALF_A_SECOND_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, TWO_HUNDRED_MILLISECONDS, ONE_MINUTE_IN_MILLISECONDS, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND, IS_EXTENSION } from '@bigbinary/neeto-media-recorder/constants';
 import { isNotNil, min, isNil, identity, isEmpty, pick, equals, not } from 'ramda';
 import platform from 'platform';
 import '@bigbinary/neeto-media-recorder/core';
@@ -679,7 +679,7 @@ var buildRetryableApi = function buildRetryableApi(apiConnector) {
   return /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(apiConnectorArgs) {
       var _config$signal;
-      var _apiConnectorArgs$con, config, remainingAttempts, shouldCancelRetries, _error$response, isRetryableStatus, isRetryableError;
+      var _apiConnectorArgs$con, config, remainingAttempts, shouldCancelRetries, _error$config, _error$response, isRetryableStatus, isRetryableError;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -702,7 +702,7 @@ var buildRetryableApi = function buildRetryableApi(apiConnector) {
           case 11:
             _context.prev = 11;
             _context.t0 = _context["catch"](5);
-            logger.error("buildRetryableApi -> Failed to connect, remainingAttempts:", remainingAttempts);
+            logger.error("buildRetryableApi -> Failed to connect, remainingAttempts:", _context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$config = _context.t0.config) === null || _error$config === void 0 ? void 0 : _error$config.url, remainingAttempts);
             isRetryableStatus = isPresent(retryableStatuses) && retryableStatuses.includes((_error$response = _context.t0.response) === null || _error$response === void 0 ? void 0 : _error$response.status);
             isRetryableError = isRetryableStatus || _context.t0.message === NETWORK_ERROR || _context.t0.code === TIMEOUT_ERROR;
             if (!(isRetryableError && remainingAttempts > 0)) {
@@ -773,14 +773,6 @@ var partPresignedUrlApi = {
   create: retryableCreate
 };
 
-// https://www.w3.org/TR/screen-capture/#displaycapturesurfacetype
-var DISPLAY_SURFACE = {
-  monitor: "monitor",
-  window: "window",
-  browser: "browser"
-};
-var MINIMUM_CHROMIUM_VERSION_FOR_MP4 = "128.0.6613.85";
-
 var getUnSupportedConstraints = function getUnSupportedConstraints(mediaType) {
   var supportedMediaConstraints = navigator.mediaDevices.getSupportedConstraints();
   return Object.keys(mediaType).filter(function (constraint) {
@@ -807,51 +799,45 @@ var isStreamEnded = function isStreamEnded(mediaStream) {
     readyState: "ended"
   }, mediaStream.getTracks());
 };
-function getChromiumVersion() {
-  var userAgent = navigator.userAgent;
-  var match = userAgent.match(/Chrom(e|ium)\/(([0-9][.]?)+)/);
-  if (match) {
-    return match[2];
-  }
-  return null;
-}
-function compareChromiumVersions(version1, version2) {
-  var v1Parts = version1.split(".").map(Number);
-  var v2Parts = version2.split(".").map(Number);
-  for (var i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
-    var v1Part = v1Parts[i] || 0;
-    var v2Part = v2Parts[i] || 0;
-    if (v1Part > v2Part) return 1;
-    if (v1Part < v2Part) return -1;
-  }
-  return 0;
-}
-var getSupportedMimeType = function getSupportedMimeType(fallback) {
-  var _platform$os, _platform$os$family;
-  var isWindows = (_platform$os = platform.os) === null || _platform$os === void 0 ? void 0 : (_platform$os$family = _platform$os.family) === null || _platform$os$family === void 0 ? void 0 : _platform$os$family.includes("Windows");
-  if (MediaRecorder.isTypeSupported(MIME_TYPE.mp4) && !isWindows) {
-    if (platform.name === "Safari") {
-      return MIME_TYPE.mp4;
-    }
-    var chromiumVersion = getChromiumVersion();
-    if (isNil(chromiumVersion)) {
-      return MIME_TYPE.webmH264;
-    }
-    var isChromiumVersionSupported = compareChromiumVersions(chromiumVersion, MINIMUM_CHROMIUM_VERSION_FOR_MP4) >= 0;
-    if (isChromiumVersionSupported) {
-      return MIME_TYPE.mp4;
-    }
-    return MIME_TYPE.webmH264;
-  } else if (MediaRecorder.isTypeSupported(MIME_TYPE.webmH264)) {
-    return MIME_TYPE.webmH264;
-  }
-  return fallback;
+var getSupportedMimeType = function getSupportedMimeType() {
+  return MIME_TYPE.webmH264;
 };
 
-// TODO: Support for mp4 in chrome version 126
+// TODO: Uncomment this when mp4 is stable
+// export const getSupportedMimeType = fallback => {
+//   const isWindows = platform.os?.family?.includes("Windows");
+
+//   if (MediaRecorder.isTypeSupported(MIME_TYPE.mp4) && !isWindows) {
+//     if (platform.name === "Safari") {
+//       return MIME_TYPE.mp4;
+//     }
+
+//     const chromiumVersion = getChromiumVersion();
+
+//     if (isNil(chromiumVersion)) {
+//       return MIME_TYPE.webmH264;
+//     }
+
+//     const isChromiumVersionSupported =
+//       compareChromiumVersions(
+//         chromiumVersion,
+//         MINIMUM_CHROMIUM_VERSION_FOR_MP4
+//       ) >= 0;
+
+//     if (isChromiumVersionSupported) {
+//       return MIME_TYPE.mp4;
+//     }
+
+//     return MIME_TYPE.webmH264;
+//   } else if (MediaRecorder.isTypeSupported(MIME_TYPE.webmH264)) {
+//     return MIME_TYPE.webmH264;
+//   }
+
+//   return fallback;
+// };
+
 var getMediaRecorderOptions = function getMediaRecorderOptions() {
   var mimeType = getSupportedMimeType();
-  if (!mimeType) return {};
   return {
     mimeType: mimeType
   };
@@ -859,7 +845,7 @@ var getMediaRecorderOptions = function getMediaRecorderOptions() {
 
 var s3AxiosInstance = axios.create({
   headers: {
-    "Content-Type": getSupportedMimeType(MIME_TYPE$1.webmH264)
+    "Content-Type": getSupportedMimeType()
   }
 });
 s3AxiosInstance.interceptors.response.use(identity, function (error) {
@@ -1225,15 +1211,15 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
               case 0:
                 logger.info("Part ready to be uploaded: ", _classPrivateFieldGet(_this, _partNumber));
                 partNumber = _classPrivateFieldGet(_this, _partNumber);
+                mimeType = getSupportedMimeType();
                 _classPrivateFieldSet(_this, _partNumber, (_this$partNumber = _classPrivateFieldGet(_this, _partNumber), _this$partNumber++, _this$partNumber));
                 _classPrivateFieldGet(_this, _uploadProgress)[partNumber] = {
                   uploaded: 0,
                   total: new Blob(chunks, {
-                    type: MIME_TYPE.webmH264
+                    type: mimeType
                   }).size
                 };
-                _context3.prev = 4;
-                mimeType = getSupportedMimeType(MIME_TYPE.webmH264);
+                _context3.prev = 5;
                 _context3.next = 8;
                 return partPresignedUrlApi.create({
                   recordingId: _classPrivateFieldGet(_this, _recordingId),
@@ -1276,7 +1262,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
                 break;
               case 15:
                 _context3.prev = 15;
-                _context3.t0 = _context3["catch"](4);
+                _context3.t0 = _context3["catch"](5);
                 // ignore if aborted
                 if (!axios.isCancel(_context3.t0)) {
                   logger.error("Failed to upload partNumber:", partNumber);
@@ -1293,7 +1279,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
               case "end":
                 return _context3.stop();
             }
-          }, _callee3, null, [[4, 15]]);
+          }, _callee3, null, [[5, 15]]);
         }));
         function value(_x) {
           return _value.apply(this, arguments);
@@ -1305,7 +1291,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
       writable: true,
       value: function value() {
         return new Blob(_classPrivateFieldGet(_this, _unUploadedChunks), {
-          type: getSupportedMimeType(MIME_TYPE.webmH264)
+          type: getSupportedMimeType()
         });
       }
     });
@@ -1371,6 +1357,13 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+// https://www.w3.org/TR/screen-capture/#displaycapturesurfacetype
+var DISPLAY_SURFACE = {
+  monitor: "monitor",
+  window: "window",
+  browser: "browser"
+};
+
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initialState = {
@@ -1510,7 +1503,7 @@ var ScreenRecorder = /*#__PURE__*/function () {
     });
     _defineProperty(this, "getWebmMediaBlob", function () {
       return new Blob(_classPrivateFieldGet(_this, _mediaChunks), {
-        type: getSupportedMimeType(MIME_TYPE$1.webmH264)
+        type: getSupportedMimeType()
       });
     });
     _defineProperty(this, "addCallback", function (event, callback) {
@@ -1890,6 +1883,7 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 _classPrivateFieldGet(_this, _mediaRecorder).start(5000);
                 _classPrivateFieldGet(_this, _startTimer).call(_this);
               } catch (error) {
+                clearInterval(_classPrivateFieldGet(_this, _timerId));
                 _classPrivateFieldGet(_this, _store).setState({
                   status: SCREEN_RECORDER_STATUS.idle,
                   error: SCREEN_RECORDER_ERROR[error.name]
@@ -1898,8 +1892,9 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 // To prevent triggering #onRecordingStop when the mediaRecorder is failed to start.
                 _classPrivateFieldGet(_this, _mediaRecorder).onstop = noop;
                 if (_classPrivateFieldGet(_this, _mediaStream)) {
-                  _classPrivateFieldGet(_this, _mediaStream).getVideoTracks()[0].stop();
-                  _classPrivateFieldGet(_this, _mediaStream).getAudioTracks()[0].stop();
+                  _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
+                    return track.stop();
+                  });
                   _classPrivateFieldSet(_this, _mediaStream, null);
                 }
                 _classPrivateFieldSet(_this, _stream, null);