@wix/legends-platform-sdk 1.0.0

package/dist/cjs/hooks/useDevices/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useDevices = require("./useDevices");
+Object.keys(_useDevices).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDevices[key]) return;
+  exports[key] = _useDevices[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useDevices/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useDevices","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useDevices/index.ts"],"sourcesContent":["export * from './useDevices';\n"],"mappings":";;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/hooks/useDevices/useDevices.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDevices = useDevices;
+var _react = require("react");
+var _reactUse = require("react-use");
+function getPermissionName(type) {
+  switch (type) {
+    case 'videoinput':
+      return 'camera';
+    case 'audioinput':
+    case 'audiooutput':
+      return 'microphone';
+    default:
+      return 'microphone';
+  }
+}
+const noop = () => {};
+function useDevices(options) {
+  const {
+    type
+  } = options;
+  const [devices, setDevices] = (0, _react.useState)([]);
+  const permission = (0, _reactUse.usePermission)({
+    name: getPermissionName(type)
+  });
+  (0, _react.useEffect)(() => {
+    var _navigator$mediaDevic;
+    if (!((_navigator$mediaDevic = navigator.mediaDevices) != null && _navigator$mediaDevic.enumerateDevices)) {
+      return;
+    }
+    let mounted = true;
+    const onChange = () => {
+      navigator.mediaDevices.enumerateDevices().then(list => {
+        if (mounted) {
+          setDevices(list);
+        }
+      }).catch(noop);
+    };
+    navigator.mediaDevices.addEventListener('devicechange', onChange);
+    onChange();
+    return () => {
+      mounted = false;
+      navigator.mediaDevices.removeEventListener('devicechange', onChange);
+    };
+  }, [permission]);
+  return devices.filter(device => device.kind === type);
+}
+//# sourceMappingURL=useDevices.js.map

package/dist/cjs/hooks/useDevices/useDevices.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactUse","getPermissionName","type","noop","useDevices","options","devices","setDevices","useState","permission","usePermission","name","useEffect","_navigator$mediaDevic","navigator","mediaDevices","enumerateDevices","mounted","onChange","then","list","catch","addEventListener","removeEventListener","filter","device","kind"],"sources":["../../../../src/hooks/useDevices/useDevices.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { usePermission } from 'react-use';\n\ntype UseDevicesOptions = {\n  type: MediaDeviceInfo['kind'];\n};\n\nfunction getPermissionName(\n  type: MediaDeviceInfo['kind'],\n): 'microphone' | 'camera' {\n  switch (type) {\n    case 'videoinput':\n      return 'camera';\n    case 'audioinput':\n    case 'audiooutput':\n      return 'microphone';\n    default:\n      return 'microphone';\n  }\n}\n\nconst noop = () => {};\n\nexport function useDevices(options: UseDevicesOptions) {\n  const { type } = options;\n  const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);\n  const permission = usePermission({ name: getPermissionName(type) });\n\n  useEffect(() => {\n    if (!navigator.mediaDevices?.enumerateDevices) {\n      return;\n    }\n\n    let mounted = true;\n\n    const onChange = () => {\n      navigator.mediaDevices\n        .enumerateDevices()\n        .then((list) => {\n          if (mounted) {\n            setDevices(list);\n          }\n        })\n        .catch(noop);\n    };\n\n    navigator.mediaDevices.addEventListener('devicechange', onChange);\n    onChange();\n\n    return () => {\n      mounted = false;\n      navigator.mediaDevices.removeEventListener('devicechange', onChange);\n    };\n  }, [permission]);\n\n  return devices.filter((device) => device.kind === type);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAMA,SAASE,iBAAiBA,CACxBC,IAA6B,EACJ;EACzB,QAAQA,IAAI;IACV,KAAK,YAAY;MACf,OAAO,QAAQ;IACjB,KAAK,YAAY;IACjB,KAAK,aAAa;MAChB,OAAO,YAAY;IACrB;MACE,OAAO,YAAY;EACvB;AACF;AAEA,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,UAAUA,CAACC,OAA0B,EAAE;EACrD,MAAM;IAAEH;EAAK,CAAC,GAAGG,OAAO;EACxB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAoB,EAAE,CAAC;EAC7D,MAAMC,UAAU,GAAG,IAAAC,uBAAa,EAAC;IAAEC,IAAI,EAAEV,iBAAiB,CAACC,IAAI;EAAE,CAAC,CAAC;EAEnE,IAAAU,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA;IACd,IAAI,GAAAA,qBAAA,GAACC,SAAS,CAACC,YAAY,aAAtBF,qBAAA,CAAwBG,gBAAgB,GAAE;MAC7C;IACF;IAEA,IAAIC,OAAO,GAAG,IAAI;IAElB,MAAMC,QAAQ,GAAGA,CAAA,KAAM;MACrBJ,SAAS,CAACC,YAAY,CACnBC,gBAAgB,CAAC,CAAC,CAClBG,IAAI,CAAEC,IAAI,IAAK;QACd,IAAIH,OAAO,EAAE;UACXV,UAAU,CAACa,IAAI,CAAC;QAClB;MACF,CAAC,CAAC,CACDC,KAAK,CAAClB,IAAI,CAAC;IAChB,CAAC;IAEDW,SAAS,CAACC,YAAY,CAACO,gBAAgB,CAAC,cAAc,EAAEJ,QAAQ,CAAC;IACjEA,QAAQ,CAAC,CAAC;IAEV,OAAO,MAAM;MACXD,OAAO,GAAG,KAAK;MACfH,SAAS,CAACC,YAAY,CAACQ,mBAAmB,CAAC,cAAc,EAAEL,QAAQ,CAAC;IACtE,CAAC;EACH,CAAC,EAAE,CAACT,UAAU,CAAC,CAAC;EAEhB,OAAOH,OAAO,CAACkB,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,IAAI,KAAKxB,IAAI,CAAC;AACzD","ignoreList":[]}

package/dist/cjs/hooks/useMediaPermissions/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useMediaPermissions = require("./useMediaPermissions");
+Object.keys(_useMediaPermissions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMediaPermissions[key]) return;
+  exports[key] = _useMediaPermissions[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useMediaPermissions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useMediaPermissions","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useMediaPermissions/index.ts"],"sourcesContent":["export * from './useMediaPermissions';\nexport type { Devices, Device } from './types';\n"],"mappings":";;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,oBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/hooks/useMediaPermissions/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/hooks/useMediaPermissions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/hooks/useMediaPermissions/types.ts"],"sourcesContent":["export type Device = 'microphone' | 'camera';\nexport type Devices = Device[];\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/hooks/useMediaPermissions/useMediaPermissions.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useMediaPermissions = useMediaPermissions;
+var _react = require("react");
+var _reactUse = require("react-use");
+let requestPromise = null;
+function requestMediaOnce(audio, video) {
+  if (requestPromise) {
+    return requestPromise;
+  }
+  requestPromise = navigator.mediaDevices.getUserMedia({
+    audio,
+    video
+  });
+  requestPromise.then(stream => {
+    stream.getTracks().forEach(t => t.stop());
+  }).finally(() => {
+    requestPromise = null;
+  });
+  return requestPromise;
+}
+function useMediaPermissions(devices) {
+  const microphone = (0, _reactUse.usePermission)({
+    name: 'microphone'
+  });
+  const camera = (0, _reactUse.usePermission)({
+    name: 'camera'
+  });
+  (0, _react.useEffect)(() => {
+    var _navigator$mediaDevic;
+    if (!((_navigator$mediaDevic = navigator.mediaDevices) != null && _navigator$mediaDevic.getUserMedia)) {
+      return;
+    }
+    const needMic = (devices == null ? void 0 : devices.includes('microphone')) && microphone === 'prompt';
+    const needCam = (devices == null ? void 0 : devices.includes('camera')) && camera === 'prompt';
+    if (needMic || needCam) {
+      requestMediaOnce(needMic, needCam);
+    }
+  }, [microphone, camera, devices == null ? void 0 : devices.length]);
+  return {
+    microphone,
+    camera
+  };
+}
+//# sourceMappingURL=useMediaPermissions.js.map

package/dist/cjs/hooks/useMediaPermissions/useMediaPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactUse","requestPromise","requestMediaOnce","audio","video","navigator","mediaDevices","getUserMedia","then","stream","getTracks","forEach","t","stop","finally","useMediaPermissions","devices","microphone","usePermission","name","camera","useEffect","_navigator$mediaDevic","needMic","includes","needCam","length"],"sources":["../../../../src/hooks/useMediaPermissions/useMediaPermissions.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { usePermission } from 'react-use';\nimport type { IState } from 'react-use/lib/usePermission';\nimport type { Devices } from './types';\n\nlet requestPromise: Promise<MediaStream> | null = null;\n\nfunction requestMediaOnce(\n  audio?: boolean,\n  video?: boolean,\n): Promise<MediaStream> {\n  if (requestPromise) {\n    return requestPromise;\n  }\n  requestPromise = navigator.mediaDevices.getUserMedia({ audio, video });\n  requestPromise\n    .then((stream) => {\n      stream.getTracks().forEach((t) => t.stop());\n    })\n    .finally(() => {\n      requestPromise = null;\n    });\n  return requestPromise;\n}\n\nexport function useMediaPermissions(devices?: Devices) {\n  const microphone: IState = usePermission({ name: 'microphone' });\n  const camera: IState = usePermission({ name: 'camera' });\n\n  useEffect(() => {\n    if (!navigator.mediaDevices?.getUserMedia) {\n      return;\n    }\n\n    const needMic = devices?.includes('microphone') && microphone === 'prompt';\n    const needCam = devices?.includes('camera') && camera === 'prompt';\n\n    if (needMic || needCam) {\n      requestMediaOnce(needMic, needCam);\n    }\n  }, [microphone, camera, devices?.length]);\n\n  return {\n    microphone,\n    camera,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAIA,IAAIE,cAA2C,GAAG,IAAI;AAEtD,SAASC,gBAAgBA,CACvBC,KAAe,EACfC,KAAe,EACO;EACtB,IAAIH,cAAc,EAAE;IAClB,OAAOA,cAAc;EACvB;EACAA,cAAc,GAAGI,SAAS,CAACC,YAAY,CAACC,YAAY,CAAC;IAAEJ,KAAK;IAAEC;EAAM,CAAC,CAAC;EACtEH,cAAc,CACXO,IAAI,CAAEC,MAAM,IAAK;IAChBA,MAAM,CAACC,SAAS,CAAC,CAAC,CAACC,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC;EAC7C,CAAC,CAAC,CACDC,OAAO,CAAC,MAAM;IACbb,cAAc,GAAG,IAAI;EACvB,CAAC,CAAC;EACJ,OAAOA,cAAc;AACvB;AAEO,SAASc,mBAAmBA,CAACC,OAAiB,EAAE;EACrD,MAAMC,UAAkB,GAAG,IAAAC,uBAAa,EAAC;IAAEC,IAAI,EAAE;EAAa,CAAC,CAAC;EAChE,MAAMC,MAAc,GAAG,IAAAF,uBAAa,EAAC;IAAEC,IAAI,EAAE;EAAS,CAAC,CAAC;EAExD,IAAAE,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA;IACd,IAAI,GAAAA,qBAAA,GAACjB,SAAS,CAACC,YAAY,aAAtBgB,qBAAA,CAAwBf,YAAY,GAAE;MACzC;IACF;IAEA,MAAMgB,OAAO,GAAG,CAAAP,OAAO,oBAAPA,OAAO,CAAEQ,QAAQ,CAAC,YAAY,CAAC,KAAIP,UAAU,KAAK,QAAQ;IAC1E,MAAMQ,OAAO,GAAG,CAAAT,OAAO,oBAAPA,OAAO,CAAEQ,QAAQ,CAAC,QAAQ,CAAC,KAAIJ,MAAM,KAAK,QAAQ;IAElE,IAAIG,OAAO,IAAIE,OAAO,EAAE;MACtBvB,gBAAgB,CAACqB,OAAO,EAAEE,OAAO,CAAC;IACpC;EACF,CAAC,EAAE,CAACR,UAAU,EAAEG,MAAM,EAAEJ,OAAO,oBAAPA,OAAO,CAAEU,MAAM,CAAC,CAAC;EAEzC,OAAO;IACLT,UAAU;IACVG;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useMediaRecorder/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useMediaRecorder = require("./useMediaRecorder");
+Object.keys(_useMediaRecorder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMediaRecorder[key]) return;
+  exports[key] = _useMediaRecorder[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useMediaRecorder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useMediaRecorder","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useMediaRecorder/index.ts"],"sourcesContent":["export * from './useMediaRecorder';\n"],"mappings":";;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/hooks/useMediaRecorder/useMediaRecorder.js

@@ -0,0 +1,229 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useMediaRecorder = useMediaRecorder;
+var _react = require("react");
+var _useReactRecorder = require("./useReactRecorder");
+var _reactUse = require("react-use");
+var _useMicrophone = require("../useMicrophone");
+var _useCamera = require("../useCamera");
+var _reactTimerHook = require("react-timer-hook");
+var _invariant = _interopRequireDefault(require("invariant"));
+var _compatibility = require("../../utils/compatibility");
+function useMediaRecorder(options) {
+  const {
+    enabled = true,
+    duration = 10000,
+    threshold = 1000,
+    autoStart = true,
+    onSample,
+    type,
+    audioConstraints,
+    systemAudioConstraints,
+    videoConstraints = {
+      width: {
+        ideal: 1920
+      },
+      height: {
+        ideal: 1080
+      }
+    },
+    ...reactMediaRecorderHookProps
+  } = options;
+  const elapsedTimeRef = (0, _react.useRef)({
+    totalMilliseconds: 0,
+    milliseconds: 0,
+    seconds: 0,
+    minutes: 0,
+    hours: 0
+  });
+  const {
+    deviceId: microphoneDeviceId
+  } = (0, _useMicrophone.useMicrophone)();
+  const {
+    deviceId: cameraDeviceId
+  } = (0, _useCamera.useCamera)();
+  const [state, setState] = (0, _react.useState)('inactive');
+
+  // eslint-disable-next-line no-undef
+  const audioConstraint = (0, _react.useMemo)(() => {
+    if (!enabled) {
+      return false;
+    }
+    if (microphoneDeviceId === 'default') {
+      return audioConstraints || true;
+    }
+    if (audioConstraints) {
+      return {
+        deviceId: (0, _compatibility.isIosDevice)() ? {
+          ideal: microphoneDeviceId
+        } : {
+          exact: microphoneDeviceId
+        },
+        ...audioConstraints
+      };
+    }
+    return {
+      deviceId: (0, _compatibility.isIosDevice)() ? {
+        ideal: microphoneDeviceId
+      } : {
+        exact: microphoneDeviceId
+      }
+    };
+  }, [microphoneDeviceId, enabled, audioConstraints]);
+
+  // eslint-disable-next-line no-undef
+  const videoConstraint = (0, _react.useMemo)(() => {
+    if (!enabled || type !== 'video') {
+      return false;
+    }
+    if (cameraDeviceId === 'default') {
+      return videoConstraints || true;
+    }
+    if (videoConstraints) {
+      return {
+        deviceId: (0, _compatibility.isIosDevice)() ? {
+          ideal: cameraDeviceId
+        } : {
+          exact: cameraDeviceId
+        },
+        ...videoConstraints
+      };
+    }
+    return {
+      deviceId: (0, _compatibility.isIosDevice)() ? {
+        ideal: cameraDeviceId
+      } : {
+        exact: cameraDeviceId
+      }
+    };
+  }, [cameraDeviceId, enabled, type, videoConstraints]);
+  const {
+    startRecording,
+    stopRecording,
+    pauseRecording,
+    resumeRecording,
+    previewStream,
+    previewAudioStream,
+    mediaBlobUrl,
+    releaseStream
+  } = (0, _useReactRecorder.useReactMediaRecorder)({
+    screen: type === 'screen',
+    audio: audioConstraint,
+    video: videoConstraint,
+    systemAudio: systemAudioConstraints,
+    onStop: (blobUrl, blob) => {
+      onSample(blobUrl, blob, elapsedTimeRef.current);
+    },
+    askPermissionOnMount: enabled && typeof window !== 'undefined',
+    ...reactMediaRecorderHookProps
+  });
+  const {
+    start: startTimer,
+    pause: pauseTimer,
+    reset: resetTimer,
+    totalMilliseconds,
+    milliseconds,
+    seconds,
+    minutes,
+    hours,
+    days
+  } = (0, _reactTimerHook.useStopwatch)({
+    autoStart: false,
+    interval: 1000
+  });
+  (0, _react.useEffect)(() => {
+    if (state === 'recording') {
+      elapsedTimeRef.current = {
+        totalMilliseconds,
+        milliseconds,
+        seconds,
+        minutes,
+        hours
+      };
+    }
+  }, [totalMilliseconds, milliseconds, seconds, minutes, hours, state]);
+  (0, _react.useEffect)(() => {
+    if (autoStart && enabled) {
+      start();
+    }
+  }, [autoStart, enabled]);
+  (0, _react.useEffect)(() => {
+    if (totalMilliseconds >= duration - threshold) {
+      stop();
+    }
+  }, [totalMilliseconds, duration, threshold]);
+  (0, _reactUse.useUnmount)(cleanup);
+  return {
+    start,
+    stop,
+    pause,
+    resume,
+    releaseStream,
+    state,
+    previewStream,
+    previewAudioStream,
+    mediaBlobUrl,
+    elapsed: {
+      totalMilliseconds,
+      milliseconds,
+      seconds,
+      minutes,
+      hours,
+      days
+    }
+  };
+  function cleanup() {
+    resetTimer(undefined, false);
+    elapsedTimeRef.current = {
+      totalMilliseconds: 0,
+      milliseconds: 0,
+      seconds: 0,
+      minutes: 0,
+      hours: 0
+    };
+    setState('inactive');
+    releaseStream();
+  }
+  function start() {
+    (0, _invariant.default)(enabled, 'Recorder is not enabled');
+    if (state === 'inactive') {
+      setState('recording');
+      startRecording();
+      startTimer();
+    } else {
+      console.warn('Recorder is already started');
+    }
+  }
+  function stop() {
+    if (state === 'recording' || state === 'paused') {
+      setState('inactive');
+      stopRecording();
+      resetTimer(undefined, false);
+    } else {
+      console.warn('Recorder is not recording. To stop the recorder, call the start method first.');
+    }
+  }
+  function pause() {
+    (0, _invariant.default)(enabled, 'Recorder is not enabled');
+    if (state === 'recording') {
+      setState('paused');
+      pauseRecording();
+      pauseTimer();
+    } else {
+      console.warn('Recorder is not recording. To pause the recorder, call the start method first.');
+    }
+  }
+  function resume() {
+    (0, _invariant.default)(enabled, 'Recorder is not enabled');
+    if (state === 'paused') {
+      setState('recording');
+      resumeRecording();
+      startTimer();
+    } else {
+      console.warn('Recorder is not paused. To resume the recorder, call the pause method first.');
+    }
+  }
+}
+//# sourceMappingURL=useMediaRecorder.js.map

package/dist/cjs/hooks/useMediaRecorder/useMediaRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useReactRecorder","_reactUse","_useMicrophone","_useCamera","_reactTimerHook","_invariant","_interopRequireDefault","_compatibility","useMediaRecorder","options","enabled","duration","threshold","autoStart","onSample","type","audioConstraints","systemAudioConstraints","videoConstraints","width","ideal","height","reactMediaRecorderHookProps","elapsedTimeRef","useRef","totalMilliseconds","milliseconds","seconds","minutes","hours","deviceId","microphoneDeviceId","useMicrophone","cameraDeviceId","useCamera","state","setState","useState","audioConstraint","useMemo","isIosDevice","exact","videoConstraint","startRecording","stopRecording","pauseRecording","resumeRecording","previewStream","previewAudioStream","mediaBlobUrl","releaseStream","useReactMediaRecorder","screen","audio","video","systemAudio","onStop","blobUrl","blob","current","askPermissionOnMount","window","start","startTimer","pause","pauseTimer","reset","resetTimer","days","useStopwatch","interval","useEffect","stop","useUnmount","cleanup","resume","elapsed","undefined","invariant","console","warn"],"sources":["../../../../src/hooks/useMediaRecorder/useMediaRecorder.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, useRef } from 'react';\nimport {\n  useReactMediaRecorder,\n  ReactMediaRecorderHookProps,\n} from './useReactRecorder';\nimport { useUnmount } from 'react-use';\nimport { useMicrophone } from '../useMicrophone';\nimport { useCamera } from '../useCamera';\nimport { useStopwatch } from 'react-timer-hook';\nimport invariant from 'invariant';\nimport { isIosDevice } from '../../utils/compatibility';\n\nexport type ElapsedTime = {\n  totalMilliseconds: number;\n  milliseconds: number;\n  seconds: number;\n  minutes: number;\n  hours: number;\n};\n\nexport type UseMediaRecorderOptions = {\n  enabled?: boolean;\n  duration?: number;\n  threshold?: number;\n  // eslint-disable-next-line no-undef\n  audioConstraints?: Omit<MediaTrackConstraints, 'deviceId'>;\n  // eslint-disable-next-line no-undef\n  systemAudioConstraints?: MediaTrackConstraints;\n  // eslint-disable-next-line no-undef\n  videoConstraints?: Omit<MediaTrackConstraints, 'deviceId'>;\n  type: 'audio' | 'video' | 'screen';\n  autoStart?: boolean;\n  onSample(blobUrl: string, sample: Blob, elapsedTime: ElapsedTime): void;\n} & Omit<ReactMediaRecorderHookProps, 'audio' | 'video' | 'onStop'>;\n\nexport function useMediaRecorder(options: UseMediaRecorderOptions) {\n  const {\n    enabled = true,\n    duration = 10000,\n    threshold = 1000,\n    autoStart = true,\n    onSample,\n    type,\n    audioConstraints,\n    systemAudioConstraints,\n    videoConstraints = { width: { ideal: 1920 }, height: { ideal: 1080 } },\n    ...reactMediaRecorderHookProps\n  } = options;\n  const elapsedTimeRef = useRef<ElapsedTime>({\n    totalMilliseconds: 0,\n    milliseconds: 0,\n    seconds: 0,\n    minutes: 0,\n    hours: 0,\n  });\n\n  const { deviceId: microphoneDeviceId } = useMicrophone();\n  const { deviceId: cameraDeviceId } = useCamera();\n\n  const [state, setState] = useState<'inactive' | 'paused' | 'recording'>(\n    'inactive',\n  );\n\n  // eslint-disable-next-line no-undef\n  const audioConstraint = useMemo<boolean | MediaTrackConstraints>(() => {\n    if (!enabled) {\n      return false;\n    }\n\n    if (microphoneDeviceId === 'default') {\n      return audioConstraints || true;\n    }\n\n    if (audioConstraints) {\n      return {\n        deviceId: isIosDevice()\n          ? { ideal: microphoneDeviceId }\n          : { exact: microphoneDeviceId },\n        ...audioConstraints,\n      };\n    }\n    return {\n      deviceId: isIosDevice()\n        ? { ideal: microphoneDeviceId }\n        : { exact: microphoneDeviceId },\n    };\n  }, [microphoneDeviceId, enabled, audioConstraints]);\n\n  // eslint-disable-next-line no-undef\n  const videoConstraint = useMemo<boolean | MediaTrackConstraints>(() => {\n    if (!enabled || type !== 'video') {\n      return false;\n    }\n\n    if (cameraDeviceId === 'default') {\n      return videoConstraints || true;\n    }\n\n    if (videoConstraints) {\n      return {\n        deviceId: isIosDevice()\n          ? { ideal: cameraDeviceId }\n          : { exact: cameraDeviceId },\n        ...videoConstraints,\n      };\n    }\n    return {\n      deviceId: isIosDevice()\n        ? { ideal: cameraDeviceId }\n        : { exact: cameraDeviceId },\n    };\n  }, [cameraDeviceId, enabled, type, videoConstraints]);\n\n  const {\n    startRecording,\n    stopRecording,\n    pauseRecording,\n    resumeRecording,\n    previewStream,\n    previewAudioStream,\n    mediaBlobUrl,\n    releaseStream,\n  } = useReactMediaRecorder({\n    screen: type === 'screen',\n    audio: audioConstraint,\n    video: videoConstraint,\n    systemAudio: systemAudioConstraints,\n    onStop: (blobUrl, blob) => {\n      onSample(blobUrl, blob, elapsedTimeRef.current);\n    },\n    askPermissionOnMount: enabled && typeof window !== 'undefined',\n    ...reactMediaRecorderHookProps,\n  });\n\n  const {\n    start: startTimer,\n    pause: pauseTimer,\n    reset: resetTimer,\n    totalMilliseconds,\n    milliseconds,\n    seconds,\n    minutes,\n    hours,\n    days,\n  } = useStopwatch({\n    autoStart: false,\n    interval: 1000,\n  });\n\n  useEffect(() => {\n    if (state === 'recording') {\n      elapsedTimeRef.current = {\n        totalMilliseconds,\n        milliseconds,\n        seconds,\n        minutes,\n        hours,\n      };\n    }\n  }, [totalMilliseconds, milliseconds, seconds, minutes, hours, state]);\n\n  useEffect(() => {\n    if (autoStart && enabled) {\n      start();\n    }\n  }, [autoStart, enabled]);\n\n  useEffect(() => {\n    if (totalMilliseconds >= duration - threshold) {\n      stop();\n    }\n  }, [totalMilliseconds, duration, threshold]);\n\n  useUnmount(cleanup);\n\n  return {\n    start,\n    stop,\n    pause,\n    resume,\n    releaseStream,\n    state,\n    previewStream,\n    previewAudioStream,\n    mediaBlobUrl,\n    elapsed: {\n      totalMilliseconds,\n      milliseconds,\n      seconds,\n      minutes,\n      hours,\n      days,\n    },\n  };\n  function cleanup() {\n    resetTimer(undefined, false);\n    elapsedTimeRef.current = {\n      totalMilliseconds: 0,\n      milliseconds: 0,\n      seconds: 0,\n      minutes: 0,\n      hours: 0,\n    };\n    setState('inactive');\n    releaseStream();\n  }\n\n  function start() {\n    invariant(enabled, 'Recorder is not enabled');\n\n    if (state === 'inactive') {\n      setState('recording');\n      startRecording();\n      startTimer();\n    } else {\n      console.warn('Recorder is already started');\n    }\n  }\n\n  function stop() {\n    if (state === 'recording' || state === 'paused') {\n      setState('inactive');\n      stopRecording();\n      resetTimer(undefined, false);\n    } else {\n      console.warn(\n        'Recorder is not recording. To stop the recorder, call the start method first.',\n      );\n    }\n  }\n\n  function pause() {\n    invariant(enabled, 'Recorder is not enabled');\n\n    if (state === 'recording') {\n      setState('paused');\n      pauseRecording();\n      pauseTimer();\n    } else {\n      console.warn(\n        'Recorder is not recording. To pause the recorder, call the start method first.',\n      );\n    }\n  }\n\n  function resume() {\n    invariant(enabled, 'Recorder is not enabled');\n\n    if (state === 'paused') {\n      setState('recording');\n      resumeRecording();\n      startTimer();\n    } else {\n      console.warn(\n        'Recorder is not paused. To resume the recorder, call the pause method first.',\n      );\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}