@bigbinary/neeto-media-recorder 2.7.41 → 2.7.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-media-recorder",
-  "version": "2.7.41",
+  "version": "2.7.43",
   "description": "A package to simplify the media capturing process",
   "repository": "git@github.com:bigbinary/neeto-media-recorder.git",
   "license": "MIT",
@@ -8,6 +8,9 @@
     ".": {
       "import": "./index.js"
     },
+    "./v2": {
+      "import": "./v2/index.js"
+    },
     "./constants": {
       "import": "./constants.js"
     },
@@ -28,13 +31,15 @@
     "release": "yarn build && yalc push --sig"
   },
   "engines": {
-    "node": ">=18.12",
+    "node": ">=22.13",
     "npm": ">=9",
     "yarn": ">=1.22"
   },
   "files": [
     "index.js",
     "index.js.map",
+    "v2/index.js",
+    "v2/index.js.map",
     "constants.js",
     "constants.js.map",
     "core.js",
@@ -50,7 +55,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
-    "@babel/eslint-parser": "7.17.0",
+    "@babel/eslint-parser": "7.25.9",
     "@babel/generator": "^7.20.7",
     "@babel/plugin-transform-runtime": "^7.19.1",
     "@babel/preset-env": "7.17.10",
@@ -60,13 +65,17 @@
     "@babel/traverse": "^7.23.5",
     "@babel/types": "^7.20.7",
     "@bigbinary/babel-preset-neeto": "1.0.3",
-    "@bigbinary/eslint-plugin-neeto": "1.1.39",
+    "@bigbinary/eslint-plugin-neeto": "1.8.0",
+    "@bigbinary/neeto-atoms": "^1.0.90",
     "@bigbinary/neeto-cist": "1.0.5",
-    "@bigbinary/neeto-commons-frontend": "4.3.7",
+    "@bigbinary/neeto-commons-frontend": "4.13.138",
     "@bigbinary/neeto-icons": "1.17.6",
     "@bigbinary/neeto-media-recorder": "latest",
-    "@bigbinary/neeto-molecules": "1.2.1",
+    "@bigbinary/neeto-molecules": "5.2.0",
     "@bigbinary/neetoui": "8.2.18",
+    "@eslint/compat": "^1.2.8",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.25.1",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.5",
@@ -79,6 +88,7 @@
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-js-logger": "1.0.17",
     "babel-plugin-macros": "3.1.0",
+    "babel-plugin-module-resolver": "^5.0.2",
     "babel-plugin-preval": "^5.1.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
@@ -86,19 +96,19 @@
     "babel-preset-typescript": "^7.0.0-alpha.19",
     "chrome-types": "^0.1.277",
     "classnames": "^2.3.2",
-    "eslint": "8.14.0",
-    "eslint-config-prettier": "8.5.0",
+    "eslint": "9.27.0",
+    "eslint-config-prettier": "^10.1.2",
     "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jam3": "0.2.3",
-    "eslint-plugin-json": "3.1.0",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.5.0",
-    "eslint-plugin-security": "^1.7.1",
-    "eslint-plugin-sonarjs": "^0.21.0",
-    "eslint-plugin-unused-imports": "2.0.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jam3": "^0.2.3",
+    "eslint-plugin-json": "^4.0.1",
+    "eslint-plugin-prettier": "^5.2.6",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-security": "^3.0.1",
+    "eslint-plugin-sonarjs": "^3.0.2",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-xss": "^0.1.12",
     "husky": "^7.0.4",
     "i18next": "22.5.1",
@@ -120,15 +130,17 @@
     "rollup-plugin-styles": "^4.0.0",
     "sass": "^1.71.1",
     "tailwindcss": "^3.4.1",
+    "ts-api-utils": "^2.4.0",
     "uuid": "^11.0.2",
     "zustand": "4.3.2"
   },
   "peerDependencies": {
+    "@bigbinary/neeto-atoms": "^1.0.90",
     "@bigbinary/neeto-cist": "latest",
     "@bigbinary/neeto-commons-frontend": "latest",
     "@bigbinary/neeto-icons": "1.17.6",
     "@bigbinary/neeto-media-recorder": "latest",
-    "@bigbinary/neeto-molecules": "1.1.69",
+    "@bigbinary/neeto-molecules": "5.2.0",
     "@bigbinary/neetoui": "8.2.18",
     "@tanstack/react-query": "5.40.0",
     "axios": "0.27.2",
@@ -142,5 +154,9 @@
     "react-router-dom": "5.3.1",
     "zustand": "4.3.2"
   },
+  "resolutions": {
+    "globals": "^16.0.0",
+    "@eslint/plugin-kit": ">=0.3.3"
+  },
   "packageManager": "yarn@1.22.22"
 }

package/src/constants.js

@@ -0,0 +1,152 @@
+import platform from "platform";
+import { isNotNil } from "ramda";
+
+import { HELP_DOCS_BASE_URL } from "./helpUrls";
+
+// https://docs.aws.amazon.com/AmazonS3/latest/API/ErrorResponses.html#ErrorCodeList
+export const RETRYABLE_ERRORS = [500, 503];
+
+export const ONE_SECOND_IN_MILLISECONDS = 1000;
+export const HALF_A_SECOND_IN_MILLISECONDS = 500;
+export const TWO_HUNDRED_MILLISECONDS = 200;
+
+export const ONE_MINUTE_IN_MILLISECONDS = 60 * ONE_SECOND_IN_MILLISECONDS;
+export const ONE_HOUR_IN_MILLISECONDS = 60 * ONE_MINUTE_IN_MILLISECONDS;
+
+export const ONE_SECOND = 1;
+
+export const COUNTDOWN_TIME = 3;
+
+export const UPLOAD_EVENT = {
+  onComplete: "onComplete",
+  onError: "onError",
+  onProgress: "onProgress",
+};
+
+export const UPLOAD_STATUS = {
+  uploading: "uploading",
+  completed: "completed",
+  aborting: "aborting",
+  insufficient_data: "insufficient_data",
+  error: "error",
+};
+
+export const SCREEN_RECORDER_STATUS = {
+  media_aborted: "media_aborted",
+  permission_denied: "permission_denied",
+  no_specified_media_found: "no_specified_media_found",
+  media_in_use: "media_in_use",
+  invalid_media_constraints: "invalid_media_constraints",
+  no_chrome_flags_set: "no_chrome_flags_set",
+  recorder_error: "recorder_error",
+  idle: "idle",
+  acquiring_media: "acquiring_media",
+  media_acquired: "media_acquired",
+  restarting: "restarting",
+  recording: "recording",
+  stopping: "stopping",
+  stopped: "stopped",
+  paused: "paused",
+};
+
+export const SCREEN_RECORDER_ERROR = {
+  MicPermissionDenied: "mic_permission_denied",
+  AbortError: "media_aborted",
+  NotAllowedError: "permission_denied",
+  NotFoundError: "no_specified_media_found",
+  NotReadableError: "media_in_use",
+  OverconstrainedError: "invalid_media_constraints",
+  TypeError: "no_chrome_flags_set",
+  None: "",
+  NoRecorder: "recorder_error",
+  UnSupportedBrowser: "unsupported_browser",
+  FailedToStart: "failed_to_start",
+  CreateRecordingError: "create_recording_error",
+  InsufficientData: "insufficient_data",
+};
+
+export const SCREEN_RECORDER_EVENT = {
+  onStart: "onStart",
+  onStop: "onStop",
+  onDiscard: "onDiscard",
+  onDataAvailable: "onDataAvailable",
+  onDiscardDuringCountdown: "onDiscardDuringCountdown",
+  onRestart: "onRestart",
+  onReUpload: "onReUpload",
+  onReUploadFromDisk: "onReUploadFromDisk",
+  onPause: "onPause",
+  onResume: "onResume",
+  onCountdownStart: "onCountdownStart",
+  onCountdown: "onCountDown",
+  onCountdownEnd: "onCountdownEnd",
+  onCountdownSkip: "onCountdownSkip",
+  onShareSelected: "onShareSelected",
+  // Fired when the capture ends without the app calling stop() — i.e. the
+  // browser's "Stop sharing" pill or an OS-level termination (resource
+  // pressure, source closed, permission revoked). The two are
+  // indistinguishable in the Web/extension APIs, so consumers should surface
+  // both possibilities. If no consumer subscribes, the recorder falls back to
+  // finalizing the recording (stopRecording).
+  onUnexpectedEnd: "onUnexpectedEnd",
+};
+
+export const TOTAL_RETRIES = 15;
+export const ABORT_UPLOAD_RETRIES = 2;
+export const INITIAL_RETRY_DELAY = 4000;
+export const MAX_RETRY_DELAY = 16000;
+
+export const DEFAULT_RETRY_CONFIG = {
+  retries: TOTAL_RETRIES,
+  retryDelay: INITIAL_RETRY_DELAY,
+  retryableStatuses: [],
+};
+
+// No need to localize this since it will only be used in the code
+// eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized
+export const NETWORK_ERROR = "Network Error";
+export const TIMEOUT_ERROR = "ECONNABORTED";
+
+export const HAS_CHROME_NAMESPACE = typeof chrome === "object";
+
+export const IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);
+
+export const IS_SAFARI = platform.name === "Safari";
+
+export const IS_SAFARI_EXTENSION = IS_SAFARI && IS_EXTENSION;
+
+export const PERMISSIONS_HELP_DOC = `${HELP_DOCS_BASE_URL}/p/a-10efcfd7`;
+
+// Firefox refuses to start a MediaRecorder on a stream that has both audio and
+// video tracks unless the MIME string declares the audio codec too. Chromium
+// and Safari accept the video-only form and silently pick Opus/AAC. We keep
+// both variants and always prefer the codec-complete ones in
+// getSupportedMimeType so a single code path works across browsers.
+export const MIME_TYPE = {
+  mp4: "video/mp4",
+  webmH264Opus: "video/webm;codecs=h264,opus",
+  webmH264: "video/webm;codecs=h264",
+  webmVp9Opus: "video/webm;codecs=vp9,opus",
+  webmVp9: "video/webm;codecs=vp9",
+  webmVp8Opus: "video/webm;codecs=vp8,opus",
+  webmVp8: "video/webm;codecs=vp8",
+  webm: "video/webm",
+};
+
+export const START_RECORDING_SOUND =
+  "https://neeto-record-static-assets.s3.amazonaws.com/recording-start-sound-2.mp3";
+
+export const COUNTDOWN_TICK_SOUND =
+  "https://neeto-record-static-assets.s3.us-east-1.amazonaws.com/recording-tick-sound.mp3";
+
+export const STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND =
+  "https://neeto-record-static-assets.s3.amazonaws.com/recording-end-sound.mp3";
+
+export const RECORDING_LIMIT_REACHED_WARNING_SOUND =
+  "https://neeto-record-static-assets.s3.amazonaws.com/recording-warning-sound.mp3";
+
+export const RECORDING_TIME_LIMIT_FREE_PLAN = 15 * ONE_MINUTE_IN_MILLISECONDS; // 15 minutes
+export const RECORDING_TIME_LIMIT_PRO_PLAN = 2 * ONE_HOUR_IN_MILLISECONDS; // 2 hours
+
+export const MIC_NOT_WORKING_ALERT_TIME = 30;
+export const MIC_NOT_WORKING_SILENCE_TIMEOUT =
+  MIC_NOT_WORKING_ALERT_TIME * 1000;

package/src/index.js

@@ -0,0 +1,5 @@
+import "src/stylesheets/application";
+
+import MediaRecorder from "./components/MediaRecorder";
+
+export { MediaRecorder };