@wix/legends-platform-sdk 1.0.0

package/dist/esm/hooks/useMediaRecorder/useMediaRecorder.js

@@ -0,0 +1,227 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+const _excluded = ["enabled", "duration", "threshold", "autoStart", "onSample", "type", "audioConstraints", "systemAudioConstraints", "videoConstraints"];
+import { useEffect, useMemo, useState, useRef } from 'react';
+import { useReactMediaRecorder } from './useReactRecorder';
+import { useUnmount } from 'react-use';
+import { useMicrophone } from '../useMicrophone';
+import { useCamera } from '../useCamera';
+import { useStopwatch } from 'react-timer-hook';
+import invariant from 'invariant';
+import { isIosDevice } from '../../utils/compatibility';
+export function useMediaRecorder(options) {
+  const _options$enabled = options.enabled,
+    enabled = _options$enabled === void 0 ? true : _options$enabled,
+    _options$duration = options.duration,
+    duration = _options$duration === void 0 ? 10000 : _options$duration,
+    _options$threshold = options.threshold,
+    threshold = _options$threshold === void 0 ? 1000 : _options$threshold,
+    _options$autoStart = options.autoStart,
+    autoStart = _options$autoStart === void 0 ? true : _options$autoStart,
+    onSample = options.onSample,
+    type = options.type,
+    audioConstraints = options.audioConstraints,
+    systemAudioConstraints = options.systemAudioConstraints,
+    _options$videoConstra = options.videoConstraints,
+    videoConstraints = _options$videoConstra === void 0 ? {
+      width: {
+        ideal: 1920
+      },
+      height: {
+        ideal: 1080
+      }
+    } : _options$videoConstra,
+    reactMediaRecorderHookProps = _objectWithoutPropertiesLoose(options, _excluded);
+  const elapsedTimeRef = useRef({
+    totalMilliseconds: 0,
+    milliseconds: 0,
+    seconds: 0,
+    minutes: 0,
+    hours: 0
+  });
+  const _useMicrophone = useMicrophone(),
+    microphoneDeviceId = _useMicrophone.deviceId;
+  const _useCamera = useCamera(),
+    cameraDeviceId = _useCamera.deviceId;
+  const _useState = useState('inactive'),
+    state = _useState[0],
+    setState = _useState[1];
+
+  // eslint-disable-next-line no-undef
+  const audioConstraint = useMemo(() => {
+    if (!enabled) {
+      return false;
+    }
+    if (microphoneDeviceId === 'default') {
+      return audioConstraints || true;
+    }
+    if (audioConstraints) {
+      return {
+        deviceId: isIosDevice() ? {
+          ideal: microphoneDeviceId
+        } : {
+          exact: microphoneDeviceId
+        },
+        ...audioConstraints
+      };
+    }
+    return {
+      deviceId: isIosDevice() ? {
+        ideal: microphoneDeviceId
+      } : {
+        exact: microphoneDeviceId
+      }
+    };
+  }, [microphoneDeviceId, enabled, audioConstraints]);
+
+  // eslint-disable-next-line no-undef
+  const videoConstraint = useMemo(() => {
+    if (!enabled || type !== 'video') {
+      return false;
+    }
+    if (cameraDeviceId === 'default') {
+      return videoConstraints || true;
+    }
+    if (videoConstraints) {
+      return {
+        deviceId: isIosDevice() ? {
+          ideal: cameraDeviceId
+        } : {
+          exact: cameraDeviceId
+        },
+        ...videoConstraints
+      };
+    }
+    return {
+      deviceId: isIosDevice() ? {
+        ideal: cameraDeviceId
+      } : {
+        exact: cameraDeviceId
+      }
+    };
+  }, [cameraDeviceId, enabled, type, videoConstraints]);
+  const _useReactMediaRecorde = useReactMediaRecorder({
+      screen: type === 'screen',
+      audio: audioConstraint,
+      video: videoConstraint,
+      systemAudio: systemAudioConstraints,
+      onStop: (blobUrl, blob) => {
+        onSample(blobUrl, blob, elapsedTimeRef.current);
+      },
+      askPermissionOnMount: enabled && typeof window !== 'undefined',
+      ...reactMediaRecorderHookProps
+    }),
+    startRecording = _useReactMediaRecorde.startRecording,
+    stopRecording = _useReactMediaRecorde.stopRecording,
+    pauseRecording = _useReactMediaRecorde.pauseRecording,
+    resumeRecording = _useReactMediaRecorde.resumeRecording,
+    previewStream = _useReactMediaRecorde.previewStream,
+    previewAudioStream = _useReactMediaRecorde.previewAudioStream,
+    mediaBlobUrl = _useReactMediaRecorde.mediaBlobUrl,
+    releaseStream = _useReactMediaRecorde.releaseStream;
+  const _useStopwatch = useStopwatch({
+      autoStart: false,
+      interval: 1000
+    }),
+    startTimer = _useStopwatch.start,
+    pauseTimer = _useStopwatch.pause,
+    resetTimer = _useStopwatch.reset,
+    totalMilliseconds = _useStopwatch.totalMilliseconds,
+    milliseconds = _useStopwatch.milliseconds,
+    seconds = _useStopwatch.seconds,
+    minutes = _useStopwatch.minutes,
+    hours = _useStopwatch.hours,
+    days = _useStopwatch.days;
+  useEffect(() => {
+    if (state === 'recording') {
+      elapsedTimeRef.current = {
+        totalMilliseconds,
+        milliseconds,
+        seconds,
+        minutes,
+        hours
+      };
+    }
+  }, [totalMilliseconds, milliseconds, seconds, minutes, hours, state]);
+  useEffect(() => {
+    if (autoStart && enabled) {
+      start();
+    }
+  }, [autoStart, enabled]);
+  useEffect(() => {
+    if (totalMilliseconds >= duration - threshold) {
+      stop();
+    }
+  }, [totalMilliseconds, duration, threshold]);
+  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() {
+    invariant(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() {
+    invariant(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() {
+    invariant(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/esm/hooks/useMediaRecorder/useMediaRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","useRef","useReactMediaRecorder","useUnmount","useMicrophone","useCamera","useStopwatch","invariant","isIosDevice","useMediaRecorder","options","_options$enabled","enabled","_options$duration","duration","_options$threshold","threshold","_options$autoStart","autoStart","onSample","type","audioConstraints","systemAudioConstraints","_options$videoConstra","videoConstraints","width","ideal","height","reactMediaRecorderHookProps","_objectWithoutPropertiesLoose","_excluded","elapsedTimeRef","totalMilliseconds","milliseconds","seconds","minutes","hours","_useMicrophone","microphoneDeviceId","deviceId","_useCamera","cameraDeviceId","_useState","state","setState","audioConstraint","exact","videoConstraint","_useReactMediaRecorde","screen","audio","video","systemAudio","onStop","blobUrl","blob","current","askPermissionOnMount","window","startRecording","stopRecording","pauseRecording","resumeRecording","previewStream","previewAudioStream","mediaBlobUrl","releaseStream","_useStopwatch","interval","startTimer","start","pauseTimer","pause","resetTimer","reset","days","stop","cleanup","resume","elapsed","undefined","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":[]}

package/dist/esm/hooks/useMediaRecorder/useReactRecorder.js

@@ -0,0 +1,315 @@
+/* eslint-disable no-undef */
+import { register, MediaRecorder as ExtendableMediaRecorder } from 'extendable-media-recorder';
+import { useCallback, useEffect, useRef, useState, useMemo } from 'react';
+import { connect } from 'extendable-media-recorder-wav-encoder';
+
+/**
+ * Experimental (optional).
+ * An enumerated value specifying whether the browser should allow the user to select the current tab for capture.
+ * This helps to avoid the "infinite hall of mirrors" effect experienced when a video conferencing app inadvertently shares its own display.
+ * Possible values are include, which hints that the browser should include the current tab in the choices offered for capture,
+ * and exclude, which hints that it should be excluded.
+ * A default value is not mandated by the spec.
+ * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#selfbrowsersurface
+ */
+
+/**
+ * Experimental (optional).
+ * A boolean; a value of true instructs the browser to offer the current tab as the most prominent capture source, i.e. as a separate "This Tab" option in the "Choose what to share" options presented to the user.
+ * This is useful as many app types generally just want to share the current tab.
+ * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#prefercurrenttab
+ */
+
+export let RecorderErrors = /*#__PURE__*/function (RecorderErrors) {
+  RecorderErrors["AbortError"] = "media_aborted";
+  RecorderErrors["NotAllowedError"] = "permission_denied";
+  RecorderErrors["NotFoundError"] = "no_specified_media_found";
+  RecorderErrors["NotReadableError"] = "media_in_use";
+  RecorderErrors["OverconstrainedError"] = "invalid_media_constraints";
+  RecorderErrors["TypeError"] = "no_constraints";
+  RecorderErrors["NONE"] = "";
+  RecorderErrors["NO_RECORDER"] = "recorder_error";
+  return RecorderErrors;
+}({});
+const stopMediaStream = stream => {
+  if (!stream) {
+    return;
+  }
+  stream.getTracks().forEach(track => track.stop());
+};
+export function useReactMediaRecorder(_ref) {
+  let _ref$audio = _ref.audio,
+    audio = _ref$audio === void 0 ? true : _ref$audio,
+    _ref$video = _ref.video,
+    video = _ref$video === void 0 ? false : _ref$video,
+    _ref$selfBrowserSurfa = _ref.selfBrowserSurface,
+    selfBrowserSurface = _ref$selfBrowserSurfa === void 0 ? undefined : _ref$selfBrowserSurfa,
+    _ref$preferCurrentTab = _ref.preferCurrentTab,
+    preferCurrentTab = _ref$preferCurrentTab === void 0 ? false : _ref$preferCurrentTab,
+    _ref$onStop = _ref.onStop,
+    onStop = _ref$onStop === void 0 ? () => null : _ref$onStop,
+    _ref$onStart = _ref.onStart,
+    onStart = _ref$onStart === void 0 ? () => null : _ref$onStart,
+    blobPropertyBag = _ref.blobPropertyBag,
+    _ref$screen = _ref.screen,
+    screen = _ref$screen === void 0 ? false : _ref$screen,
+    _ref$systemAudio = _ref.systemAudio,
+    systemAudio = _ref$systemAudio === void 0 ? false : _ref$systemAudio,
+    _ref$mediaRecorderOpt = _ref.mediaRecorderOptions,
+    mediaRecorderOptions = _ref$mediaRecorderOpt === void 0 ? undefined : _ref$mediaRecorderOpt,
+    _ref$customMediaStrea = _ref.customMediaStream,
+    customMediaStream = _ref$customMediaStrea === void 0 ? null : _ref$customMediaStrea,
+    _ref$stopStreamsOnSto = _ref.stopStreamsOnStop,
+    stopStreamsOnStop = _ref$stopStreamsOnSto === void 0 ? true : _ref$stopStreamsOnSto,
+    _ref$askPermissionOnM = _ref.askPermissionOnMount,
+    askPermissionOnMount = _ref$askPermissionOnM === void 0 ? false : _ref$askPermissionOnM;
+  const mediaRecorder = useRef(null);
+  const mediaChunks = useRef([]);
+  const mediaStream = useRef(null);
+  const mediaStreamRequestId = useRef(0);
+  const shouldReleaseMediaStream = useRef(false);
+  const _useState = useState('idle'),
+    status = _useState[0],
+    setStatus = _useState[1];
+  const _useState2 = useState(false),
+    isAudioMuted = _useState2[0],
+    setIsAudioMuted = _useState2[1];
+  const _useState3 = useState(undefined),
+    mediaBlobUrl = _useState3[0],
+    setMediaBlobUrl = _useState3[1];
+  const _useState4 = useState('NONE'),
+    error = _useState4[0],
+    setError = _useState4[1];
+  const _useState5 = useState(false),
+    init = _useState5[0],
+    setInit = _useState5[1];
+  useEffect(() => {
+    if (init) {
+      return;
+    }
+    const setup = async () => {
+      try {
+        await register(await connect());
+      } catch (e) {
+        //
+      }
+      setInit(true); // now runs only AFTER the encoder is registered
+    };
+    setup();
+  }, []);
+  const getMediaStream = useCallback(async () => {
+    shouldReleaseMediaStream.current = false;
+    const requestId = ++mediaStreamRequestId.current;
+    setStatus('acquiring_media');
+    const requiredMedia = {
+      audio: typeof audio === 'boolean' ? !!audio : audio,
+      video: typeof video === 'boolean' ? !!video : video
+    };
+    try {
+      let stream;
+      if (customMediaStream) {
+        stream = customMediaStream;
+      } else if (screen) {
+        stream = await window.navigator.mediaDevices.getDisplayMedia({
+          video: video || true,
+          audio: systemAudio,
+          // @ts-expect-error
+          selfBrowserSurface,
+          preferCurrentTab,
+          suppressLocalAudioPlayback: false
+        });
+        stream.getVideoTracks()[0].addEventListener('ended', () => {
+          stopRecording();
+        });
+        // Add microphone audio if requested (and not using system audio only)
+        if (audio && !systemAudio) {
+          const audioStream = await window.navigator.mediaDevices.getUserMedia({
+            audio
+          });
+          audioStream.getAudioTracks().forEach(audioTrack => stream.addTrack(audioTrack));
+        }
+      } else {
+        stream = await window.navigator.mediaDevices.getUserMedia(requiredMedia);
+      }
+      if (shouldReleaseMediaStream.current || requestId !== mediaStreamRequestId.current) {
+        stopMediaStream(stream);
+        return;
+      }
+      mediaStream.current = stream;
+      setStatus('idle');
+    } catch (error) {
+      setError(error.name);
+      setStatus('idle');
+    }
+  }, [audio, video, screen, systemAudio]);
+  useEffect(() => {
+    if (!window.MediaRecorder) {
+      throw new Error('Unsupported Browser');
+    }
+    if (screen) {
+      if (!window.navigator.mediaDevices.getDisplayMedia) {
+        throw new Error("This browser doesn't support screen capturing");
+      }
+    }
+    const checkConstraints = mediaType => {
+      const supportedMediaConstraints = navigator.mediaDevices.getSupportedConstraints();
+      const unSupportedConstraints = Object.keys(mediaType).filter(constraint => !supportedMediaConstraints[constraint]);
+      if (unSupportedConstraints.length > 0) {
+        console.error(`The constraints ${unSupportedConstraints.join(',')} doesn't support on this browser. Please check your ReactMediaRecorder component.`);
+      }
+    };
+    if (typeof audio === 'object') {
+      checkConstraints(audio);
+    }
+    if (typeof video === 'object') {
+      checkConstraints(video);
+    }
+    if (init && mediaRecorderOptions && mediaRecorderOptions.mimeType) {
+      if (!ExtendableMediaRecorder.isTypeSupported(mediaRecorderOptions.mimeType)) {
+        console.error(`The specified MIME type you supplied for MediaRecorder doesn't support this browser`);
+      }
+    }
+    if (!mediaStream.current && askPermissionOnMount) {
+      getMediaStream();
+    }
+    return () => {
+      shouldReleaseMediaStream.current = true;
+      mediaStreamRequestId.current += 1;
+      stopMediaStream(mediaStream.current);
+      mediaStream.current = null;
+    };
+  }, [audio, screen, video, getMediaStream, mediaRecorderOptions, askPermissionOnMount, init]);
+
+  // Media Recorder Handlers
+
+  const startRecording = async () => {
+    setError('NONE');
+    if (!mediaStream.current) {
+      await getMediaStream();
+    }
+    if (mediaStream.current) {
+      const isStreamEnded = mediaStream.current.getTracks().some(track => track.readyState === 'ended');
+      if (isStreamEnded) {
+        await getMediaStream();
+      }
+
+      // User blocked the permissions (getMediaStream errored out)
+      if (!mediaStream.current.active) {
+        return;
+      }
+      mediaRecorder.current = new ExtendableMediaRecorder(mediaStream.current, mediaRecorderOptions || undefined);
+      mediaRecorder.current.ondataavailable = onRecordingActive;
+      mediaRecorder.current.onstop = onRecordingStop;
+      mediaRecorder.current.onstart = onRecordingStart;
+      mediaRecorder.current.onerror = () => {
+        setError('NO_RECORDER');
+        setStatus('idle');
+      };
+      mediaRecorder.current.start(1000);
+      setStatus('recording');
+    }
+  };
+  const onRecordingActive = _ref2 => {
+    let data = _ref2.data;
+    mediaChunks.current.push(data);
+  };
+  const onRecordingStart = () => {
+    onStart();
+  };
+  const onRecordingStop = () => {
+    const chunks = mediaChunks.current;
+    if (chunks.length === 0) {
+      setStatus('stopped');
+      return;
+    }
+    const firstChunk = chunks[0];
+    const blobProperty = {
+      type: firstChunk.type,
+      ...(blobPropertyBag || (video ? {
+        type: 'video/mp4'
+      } : {
+        type: 'audio/wav'
+      }))
+    };
+    const blob = new Blob(chunks, blobProperty);
+    const url = URL.createObjectURL(blob);
+    setStatus('stopped');
+    setMediaBlobUrl(url);
+    onStop(url, blob);
+    // Clear chunks after processing
+    mediaChunks.current = [];
+  };
+  const muteAudio = mute => {
+    setIsAudioMuted(mute);
+    if (mediaStream.current) {
+      mediaStream.current.getAudioTracks().forEach(audioTrack => audioTrack.enabled = !mute);
+    }
+  };
+  const pauseRecording = () => {
+    if (mediaRecorder.current && mediaRecorder.current.state === 'recording') {
+      setStatus('paused');
+      mediaRecorder.current.pause();
+    }
+  };
+  const resumeRecording = () => {
+    if (mediaRecorder.current && mediaRecorder.current.state === 'paused') {
+      setStatus('recording');
+      mediaRecorder.current.resume();
+    }
+  };
+  const stopRecording = () => {
+    if (mediaRecorder.current) {
+      if (mediaRecorder.current.state !== 'inactive') {
+        setStatus('stopping');
+        mediaRecorder.current.stop();
+        if (stopStreamsOnStop) {
+          stopMediaStream(mediaStream.current);
+        }
+        // Note: chunks are cleared in onRecordingStop after blob is created
+      }
+    }
+  };
+
+  // use this to release the stream when the component is unmounted
+  const releaseStream = () => {
+    shouldReleaseMediaStream.current = true;
+    mediaStreamRequestId.current += 1;
+    if (mediaRecorder.current && mediaRecorder.current.state !== 'inactive') {
+      mediaRecorder.current.stop();
+    }
+    stopMediaStream(mediaStream.current);
+    mediaStream.current = null;
+    setStatus('idle');
+    setIsAudioMuted(false);
+  };
+  const previewStream = useMemo(() => {
+    return mediaStream.current ? new MediaStream(mediaStream.current.getVideoTracks()) : null;
+  }, [status]);
+  const previewAudioStream = useMemo(() => {
+    return mediaStream.current ? new MediaStream(mediaStream.current.getAudioTracks()) : null;
+  }, [status]);
+  return {
+    error: RecorderErrors[error],
+    muteAudio: () => muteAudio(true),
+    unMuteAudio: () => muteAudio(false),
+    startRecording,
+    pauseRecording,
+    resumeRecording,
+    stopRecording,
+    releaseStream,
+    mediaBlobUrl,
+    status,
+    isAudioMuted,
+    previewStream,
+    previewAudioStream,
+    clearBlobUrl: () => {
+      if (mediaBlobUrl) {
+        URL.revokeObjectURL(mediaBlobUrl);
+      }
+      setMediaBlobUrl(undefined);
+      setStatus('idle');
+    }
+  };
+}
+export const ReactMediaRecorder = props => props.render(useReactMediaRecorder(props));
+//# sourceMappingURL=useReactRecorder.js.map

package/dist/esm/hooks/useMediaRecorder/useReactRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["register","MediaRecorder","ExtendableMediaRecorder","useCallback","useEffect","useRef","useState","useMemo","connect","RecorderErrors","stopMediaStream","stream","getTracks","forEach","track","stop","useReactMediaRecorder","_ref","_ref$audio","audio","_ref$video","video","_ref$selfBrowserSurfa","selfBrowserSurface","undefined","_ref$preferCurrentTab","preferCurrentTab","_ref$onStop","onStop","_ref$onStart","onStart","blobPropertyBag","_ref$screen","screen","_ref$systemAudio","systemAudio","_ref$mediaRecorderOpt","mediaRecorderOptions","_ref$customMediaStrea","customMediaStream","_ref$stopStreamsOnSto","stopStreamsOnStop","_ref$askPermissionOnM","askPermissionOnMount","mediaRecorder","mediaChunks","mediaStream","mediaStreamRequestId","shouldReleaseMediaStream","_useState","status","setStatus","_useState2","isAudioMuted","setIsAudioMuted","_useState3","mediaBlobUrl","setMediaBlobUrl","_useState4","error","setError","_useState5","init","setInit","setup","e","getMediaStream","current","requestId","requiredMedia","window","navigator","mediaDevices","getDisplayMedia","suppressLocalAudioPlayback","getVideoTracks","addEventListener","stopRecording","audioStream","getUserMedia","getAudioTracks","audioTrack","addTrack","name","Error","checkConstraints","mediaType","supportedMediaConstraints","getSupportedConstraints","unSupportedConstraints","Object","keys","filter","constraint","length","console","join","mimeType","isTypeSupported","startRecording","isStreamEnded","some","readyState","active","ondataavailable","onRecordingActive","onstop","onRecordingStop","onstart","onRecordingStart","onerror","start","_ref2","data","push","chunks","firstChunk","blobProperty","type","blob","Blob","url","URL","createObjectURL","muteAudio","mute","enabled","pauseRecording","state","pause","resumeRecording","resume","releaseStream","previewStream","MediaStream","previewAudioStream","unMuteAudio","clearBlobUrl","revokeObjectURL","ReactMediaRecorder","props","render"],"sources":["../../../../src/hooks/useMediaRecorder/useReactRecorder.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport {\n  register,\n  MediaRecorder as ExtendableMediaRecorder,\n  IMediaRecorder,\n} from 'extendable-media-recorder';\nimport {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport { connect } from 'extendable-media-recorder-wav-encoder';\n\nexport type ReactMediaRecorderRenderProps = {\n  error: string;\n  muteAudio: () => void;\n  unMuteAudio: () => void;\n  startRecording: () => void;\n  pauseRecording: () => void;\n  resumeRecording: () => void;\n  stopRecording: () => void;\n  mediaBlobUrl: undefined | string;\n  status: StatusMessages;\n  isAudioMuted: boolean;\n  previewStream: MediaStream | null;\n  previewAudioStream: MediaStream | null;\n  clearBlobUrl: () => void;\n  releaseStream: () => void;\n};\n\nexport type ReactMediaRecorderHookProps = {\n  audio?: boolean | MediaTrackConstraints;\n  video?: boolean | MediaTrackConstraints;\n  screen?: boolean;\n  /**\n   * When true, captures system audio from the tab/screen being shared\n   * instead of microphone audio. Only works when screen=true.\n   */\n  systemAudio?: boolean | MediaTrackConstraints;\n  selfBrowserSurface?: SelfBrowserSurface;\n  preferCurrentTab?: PreferCurrentTab;\n  onStop?: (blobUrl: string, blob: Blob) => void;\n  onStart?: () => void;\n  blobPropertyBag?: BlobPropertyBag;\n  mediaRecorderOptions?: MediaRecorderOptions | undefined;\n  customMediaStream?: MediaStream | null;\n  stopStreamsOnStop?: boolean;\n  askPermissionOnMount?: boolean;\n};\nexport type ReactMediaRecorderProps = ReactMediaRecorderHookProps & {\n  render: (props: ReactMediaRecorderRenderProps) => ReactElement;\n};\n\n/**\n * Experimental (optional).\n * An enumerated value specifying whether the browser should allow the user to select the current tab for capture.\n * This helps to avoid the \"infinite hall of mirrors\" effect experienced when a video conferencing app inadvertently shares its own display.\n * Possible values are include, which hints that the browser should include the current tab in the choices offered for capture,\n * and exclude, which hints that it should be excluded.\n * A default value is not mandated by the spec.\n * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#selfbrowsersurface\n */\nexport type SelfBrowserSurface = undefined | 'include' | 'exclude';\n\n/**\n * Experimental (optional).\n * A boolean; a value of true instructs the browser to offer the current tab as the most prominent capture source, i.e. as a separate \"This Tab\" option in the \"Choose what to share\" options presented to the user.\n * This is useful as many app types generally just want to share the current tab.\n * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#prefercurrenttab\n */\nexport type PreferCurrentTab = true | false;\n\nexport type StatusMessages =\n  | 'media_aborted'\n  | 'permission_denied'\n  | 'no_specified_media_found'\n  | 'media_in_use'\n  | 'invalid_media_constraints'\n  | 'no_constraints'\n  | 'recorder_error'\n  | 'idle'\n  | 'acquiring_media'\n  | 'delayed_start'\n  | 'recording'\n  | 'stopping'\n  | 'stopped'\n  | 'paused';\n\nexport enum RecorderErrors {\n  AbortError = 'media_aborted',\n  NotAllowedError = 'permission_denied',\n  NotFoundError = 'no_specified_media_found',\n  NotReadableError = 'media_in_use',\n  OverconstrainedError = 'invalid_media_constraints',\n  TypeError = 'no_constraints',\n  NONE = '',\n  NO_RECORDER = 'recorder_error',\n}\n\nconst stopMediaStream = (stream: MediaStream | null) => {\n  if (!stream) {\n    return;\n  }\n\n  stream.getTracks().forEach((track) => track.stop());\n};\n\nexport function useReactMediaRecorder({\n  audio = true,\n  video = false,\n  selfBrowserSurface = undefined,\n  preferCurrentTab = false,\n  onStop = () => null,\n  onStart = () => null,\n  blobPropertyBag,\n  screen = false,\n  systemAudio = false,\n  mediaRecorderOptions = undefined,\n  customMediaStream = null,\n  stopStreamsOnStop = true,\n  askPermissionOnMount = false,\n}: ReactMediaRecorderHookProps): ReactMediaRecorderRenderProps {\n  const mediaRecorder = useRef<IMediaRecorder | null>(null);\n  const mediaChunks = useRef<Blob[]>([]);\n  const mediaStream = useRef<MediaStream | null>(null);\n  const mediaStreamRequestId = useRef(0);\n  const shouldReleaseMediaStream = useRef(false);\n  const [status, setStatus] = useState<StatusMessages>('idle');\n  const [isAudioMuted, setIsAudioMuted] = useState<boolean>(false);\n  const [mediaBlobUrl, setMediaBlobUrl] = useState<string | undefined>(\n    undefined,\n  );\n  const [error, setError] = useState<keyof typeof RecorderErrors>('NONE');\n  const [init, setInit] = useState(false);\n\n  useEffect(() => {\n    if (init) {\n      return;\n    }\n\n    const setup = async () => {\n      try {\n        await register(await connect());\n      } catch (e) {\n        //\n      }\n      setInit(true); // now runs only AFTER the encoder is registered\n    };\n\n    setup();\n  }, []);\n\n  const getMediaStream = useCallback(async () => {\n    shouldReleaseMediaStream.current = false;\n    const requestId = ++mediaStreamRequestId.current;\n    setStatus('acquiring_media');\n    const requiredMedia: MediaStreamConstraints = {\n      audio: typeof audio === 'boolean' ? !!audio : audio,\n      video: typeof video === 'boolean' ? !!video : video,\n    };\n    try {\n      let stream: MediaStream;\n\n      if (customMediaStream) {\n        stream = customMediaStream;\n      } else if (screen) {\n        stream = (await window.navigator.mediaDevices.getDisplayMedia({\n          video: video || true,\n          audio: systemAudio,\n          // @ts-expect-error\n          selfBrowserSurface,\n          preferCurrentTab,\n          suppressLocalAudioPlayback: false,\n        })) as MediaStream;\n        stream.getVideoTracks()[0].addEventListener('ended', () => {\n          stopRecording();\n        });\n        // Add microphone audio if requested (and not using system audio only)\n        if (audio && !systemAudio) {\n          const audioStream = await window.navigator.mediaDevices.getUserMedia({\n            audio,\n          });\n\n          audioStream\n            .getAudioTracks()\n            .forEach((audioTrack) => stream.addTrack(audioTrack));\n        }\n      } else {\n        stream = await window.navigator.mediaDevices.getUserMedia(\n          requiredMedia,\n        );\n      }\n\n      if (\n        shouldReleaseMediaStream.current ||\n        requestId !== mediaStreamRequestId.current\n      ) {\n        stopMediaStream(stream);\n        return;\n      }\n\n      mediaStream.current = stream;\n      setStatus('idle');\n    } catch (error: any) {\n      setError(error.name);\n      setStatus('idle');\n    }\n  }, [audio, video, screen, systemAudio]);\n\n  useEffect(() => {\n    if (!window.MediaRecorder) {\n      throw new Error('Unsupported Browser');\n    }\n\n    if (screen) {\n      if (!window.navigator.mediaDevices.getDisplayMedia) {\n        throw new Error(\"This browser doesn't support screen capturing\");\n      }\n    }\n\n    const checkConstraints = (mediaType: MediaTrackConstraints) => {\n      const supportedMediaConstraints =\n        navigator.mediaDevices.getSupportedConstraints();\n      const unSupportedConstraints = Object.keys(mediaType).filter(\n        (constraint) =>\n          !(supportedMediaConstraints as { [key: string]: any })[constraint],\n      );\n\n      if (unSupportedConstraints.length > 0) {\n        console.error(\n          `The constraints ${unSupportedConstraints.join(\n            ',',\n          )} doesn't support on this browser. Please check your ReactMediaRecorder component.`,\n        );\n      }\n    };\n\n    if (typeof audio === 'object') {\n      checkConstraints(audio);\n    }\n    if (typeof video === 'object') {\n      checkConstraints(video);\n    }\n\n    if (init && mediaRecorderOptions && mediaRecorderOptions.mimeType) {\n      if (\n        !ExtendableMediaRecorder.isTypeSupported(mediaRecorderOptions.mimeType)\n      ) {\n        console.error(\n          `The specified MIME type you supplied for MediaRecorder doesn't support this browser`,\n        );\n      }\n    }\n\n    if (!mediaStream.current && askPermissionOnMount) {\n      getMediaStream();\n    }\n\n    return () => {\n      shouldReleaseMediaStream.current = true;\n      mediaStreamRequestId.current += 1;\n      stopMediaStream(mediaStream.current);\n      mediaStream.current = null;\n    };\n  }, [\n    audio,\n    screen,\n    video,\n    getMediaStream,\n    mediaRecorderOptions,\n    askPermissionOnMount,\n    init,\n  ]);\n\n  // Media Recorder Handlers\n\n  const startRecording = async () => {\n    setError('NONE');\n    if (!mediaStream.current) {\n      await getMediaStream();\n    }\n    if (mediaStream.current) {\n      const isStreamEnded = mediaStream.current\n        .getTracks()\n        .some((track) => track.readyState === 'ended');\n      if (isStreamEnded) {\n        await getMediaStream();\n      }\n\n      // User blocked the permissions (getMediaStream errored out)\n      if (!mediaStream.current.active) {\n        return;\n      }\n      mediaRecorder.current = new ExtendableMediaRecorder(\n        mediaStream.current,\n        mediaRecorderOptions || undefined,\n      );\n      mediaRecorder.current.ondataavailable = onRecordingActive;\n      mediaRecorder.current.onstop = onRecordingStop;\n      mediaRecorder.current.onstart = onRecordingStart;\n      mediaRecorder.current.onerror = () => {\n        setError('NO_RECORDER');\n        setStatus('idle');\n      };\n      mediaRecorder.current.start(1000);\n      setStatus('recording');\n    }\n  };\n\n  const onRecordingActive = ({ data }: BlobEvent) => {\n    mediaChunks.current.push(data);\n  };\n\n  const onRecordingStart = () => {\n    onStart();\n  };\n\n  const onRecordingStop = () => {\n    const chunks = mediaChunks.current;\n    if (chunks.length === 0) {\n      setStatus('stopped');\n      return;\n    }\n    const [firstChunk] = chunks;\n    const blobProperty: BlobPropertyBag = {\n      type: firstChunk.type,\n      ...(blobPropertyBag ||\n        (video ? { type: 'video/mp4' } : { type: 'audio/wav' })),\n    };\n    const blob = new Blob(chunks, blobProperty);\n    const url = URL.createObjectURL(blob);\n    setStatus('stopped');\n    setMediaBlobUrl(url);\n    onStop(url, blob);\n    // Clear chunks after processing\n    mediaChunks.current = [];\n  };\n\n  const muteAudio = (mute: boolean) => {\n    setIsAudioMuted(mute);\n    if (mediaStream.current) {\n      mediaStream.current\n        .getAudioTracks()\n        .forEach((audioTrack) => (audioTrack.enabled = !mute));\n    }\n  };\n\n  const pauseRecording = () => {\n    if (mediaRecorder.current && mediaRecorder.current.state === 'recording') {\n      setStatus('paused');\n      mediaRecorder.current.pause();\n    }\n  };\n  const resumeRecording = () => {\n    if (mediaRecorder.current && mediaRecorder.current.state === 'paused') {\n      setStatus('recording');\n      mediaRecorder.current.resume();\n    }\n  };\n\n  const stopRecording = () => {\n    if (mediaRecorder.current) {\n      if (mediaRecorder.current.state !== 'inactive') {\n        setStatus('stopping');\n        mediaRecorder.current.stop();\n        if (stopStreamsOnStop) {\n          stopMediaStream(mediaStream.current);\n        }\n        // Note: chunks are cleared in onRecordingStop after blob is created\n      }\n    }\n  };\n\n  // use this to release the stream when the component is unmounted\n  const releaseStream = () => {\n    shouldReleaseMediaStream.current = true;\n    mediaStreamRequestId.current += 1;\n\n    if (mediaRecorder.current && mediaRecorder.current.state !== 'inactive') {\n      mediaRecorder.current.stop();\n    }\n\n    stopMediaStream(mediaStream.current);\n    mediaStream.current = null;\n    setStatus('idle');\n    setIsAudioMuted(false);\n  };\n\n  const previewStream = useMemo(() => {\n    return mediaStream.current\n      ? new MediaStream(mediaStream.current.getVideoTracks())\n      : null;\n  }, [status]);\n\n  const previewAudioStream = useMemo(() => {\n    return mediaStream.current\n      ? new MediaStream(mediaStream.current.getAudioTracks())\n      : null;\n  }, [status]);\n\n  return {\n    error: RecorderErrors[error],\n    muteAudio: () => muteAudio(true),\n    unMuteAudio: () => muteAudio(false),\n    startRecording,\n    pauseRecording,\n    resumeRecording,\n    stopRecording,\n    releaseStream,\n    mediaBlobUrl,\n    status,\n    isAudioMuted,\n    previewStream,\n    previewAudioStream,\n    clearBlobUrl: () => {\n      if (mediaBlobUrl) {\n        URL.revokeObjectURL(mediaBlobUrl);\n      }\n      setMediaBlobUrl(undefined);\n      setStatus('idle');\n    },\n  };\n}\n\nexport const ReactMediaRecorder = (props: ReactMediaRecorderProps) =>\n  props.render(useReactMediaRecorder(props));\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useMicrophone/index.js

@@ -0,0 +1,2 @@
+export * from './useMicrophone';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useMicrophone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/hooks/useMicrophone/index.ts"],"sourcesContent":["export * from './useMicrophone';\n"],"mappings":"AAAA,cAAc,iBAAiB","ignoreList":[]}

package/dist/esm/hooks/useMicrophone/useMicrophone.js

@@ -0,0 +1,35 @@
+import { useAtom } from 'jotai';
+import * as state from '../../conversation/state';
+import { useDevices } from '../useDevices';
+import { useDeviceSwitcher } from '../useDeviceSwitcher';
+export function useMicrophone() {
+  const devices = useDevices({
+    type: 'audioinput'
+  });
+  const _useAtom = useAtom(state.microphone),
+    microphone = _useAtom[0],
+    setMicrophone = _useAtom[1];
+  useDeviceSwitcher({
+    device: microphone,
+    devices,
+    onChange: setMicrophone
+  });
+  return {
+    devices,
+    enabled: microphone.enabled,
+    deviceId: microphone.deviceId,
+    setEnabled(enabled) {
+      setMicrophone({
+        ...microphone,
+        enabled
+      });
+    },
+    setDeviceId(deviceId) {
+      setMicrophone({
+        ...microphone,
+        deviceId
+      });
+    }
+  };
+}
+//# sourceMappingURL=useMicrophone.js.map