@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/src/components/MediaPlayer/AudioPlayer/AudioPlayerWithInterface.tsx

@@ -1,219 +1,219 @@
-import * as React from "react";
-import { Text, View, StyleSheet } from "react-native";
-import { AntDesign } from "@expo/vector-icons";
-import { withTheme } from "../../../theming";
-import Slider from "@react-native-community/slider";
-import HeadlessAudioPlayer from "./HeadlessAudioPlayer";
-import {
-  AudioPlayerInterfaceProps,
-  HeadlessAudioPlayerProps,
-} from "./AudioPlayerCommon";
-import Pressable from "../../Pressable";
-import { MediaPlayerRef, MediaPlayerStatus } from "../MediaPlayerCommon";
-
-/**
- * Built on top of HeadlessAudioPlayer to provide a simple interface for playing audio
- */
-const AudioPlayerWithInterface = React.forwardRef<
-  MediaPlayerRef,
-  AudioPlayerInterfaceProps & HeadlessAudioPlayerProps
->(
-  (
-    {
-      style,
-      theme,
-      thumbColor = theme.colors.primary,
-      completedTrackColor = theme.colors.primary,
-      remainingTrackColor = theme.colors.divider,
-      togglePlaybackIconSize = 24,
-      togglePlaybackIconColor = theme.colors.primary,
-      onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
-      onPlaybackFinish: onPlaybackFinishProp,
-      hidePlaybackIcon = false,
-      hideDuration = false,
-      hideSlider = false,
-      ...rest
-    },
-    ref
-  ) => {
-    const [isPlaying, setIsPlaying] = React.useState(false);
-    const [isLoading, setIsLoading] = React.useState(false);
-    const [durationMillis, setDurationMillis] = React.useState<
-      number | undefined
-    >(1);
-    const [isDraggingSlider, setIsDraggingSlider] = React.useState(false);
-    const [sliderPositionMillis, setSliderPositionMillis] = React.useState(0);
-    const newHeadlessAudioPlayerRef = React.useRef<MediaPlayerRef>(null);
-
-    // Use the provided ref or default to new ref when not provided
-    const headlessAudioPlayerRef = ref
-      ? (ref as React.RefObject<MediaPlayerRef>)
-      : newHeadlessAudioPlayerRef;
-
-    const {
-      color,
-      fontFamily,
-      fontWeight,
-      fontSize,
-      lineHeight,
-      letterSpacing,
-      textTransform,
-      textAlign,
-      textDecorationLine,
-      textDecorationColor,
-      textDecorationStyle,
-      ...viewStyles
-    } = StyleSheet.flatten(style || {});
-
-    const textStyles = {
-      color,
-      fontFamily,
-      fontWeight,
-      fontSize,
-      lineHeight,
-      letterSpacing,
-      textTransform,
-      textAlign,
-      textDecorationLine,
-      textDecorationColor,
-      textDecorationStyle,
-    };
-
-    const onPlaybackStatusUpdate = (status: MediaPlayerStatus) => {
-      setIsLoading(status.isLoading);
-      setDurationMillis(status.durationMillis);
-      setSliderPositionMillis(status.currentPositionMillis);
-      setIsPlaying(status.isPlaying);
-      onPlaybackStatusUpdateProp?.(status);
-    };
-
-    const onPlaybackFinish = () => {
-      setIsPlaying(false);
-      setSliderPositionMillis(0);
-      headlessAudioPlayerRef.current?.togglePlayback();
-      headlessAudioPlayerRef.current?.seekToPosition(0);
-      onPlaybackFinishProp?.();
-    };
-
-    const onSlidingComplete = (sliderValue: number) => {
-      if (isDraggingSlider) {
-        setIsDraggingSlider(false);
-      }
-      headlessAudioPlayerRef.current?.seekToPosition(sliderValue);
-    };
-
-    const onSliderChange = () => {
-      if (!isDraggingSlider) {
-        setIsDraggingSlider(true);
-      }
-    };
-
-    let iconName;
-    if (isLoading) {
-      iconName = "loading1";
-    } else if (isPlaying) {
-      iconName = "pause";
-    } else {
-      iconName = "play";
-    }
-
-    return (
-      <>
-        <HeadlessAudioPlayer
-          {...rest}
-          ref={headlessAudioPlayerRef}
-          onPlaybackStatusUpdate={onPlaybackStatusUpdate}
-          onPlaybackFinish={onPlaybackFinish}
-        />
-        <View
-          testID="audio-player-interface"
-          style={[
-            {
-              backgroundColor: theme.colors.background,
-              borderColor: theme.colors.divider,
-            },
-            styles.container,
-            viewStyles,
-          ]}
-        >
-          {!hidePlaybackIcon && (
-            <Pressable
-              testID="audio-player-playback-icon"
-              onPress={() => headlessAudioPlayerRef.current?.togglePlayback()}
-              style={styles.spacingEnd}
-            >
-              <AntDesign
-                name={iconName as any}
-                size={togglePlaybackIconSize}
-                color={togglePlaybackIconColor}
-              />
-            </Pressable>
-          )}
-          {!hideDuration && (
-            <Text
-              testID="audio-player-duration"
-              style={[
-                { color: theme.colors.strong },
-                styles.spacingEnd,
-                { ...textStyles },
-              ]}
-            >
-              {formatDuration(sliderPositionMillis ?? 0)} /{" "}
-              {formatDuration(durationMillis || 0)}
-            </Text>
-          )}
-          {!hideSlider && (
-            <Slider
-              testID="audio-player-slider"
-              style={styles.slider}
-              minimumTrackTintColor={completedTrackColor}
-              maximumTrackTintColor={remainingTrackColor}
-              thumbTintColor={thumbColor}
-              minimumValue={0}
-              value={sliderPositionMillis}
-              maximumValue={durationMillis}
-              onValueChange={onSliderChange}
-              onSlidingComplete={onSlidingComplete}
-            />
-          )}
-        </View>
-      </>
-    );
-  }
-);
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 8,
-    flexDirection: "row",
-    alignItems: "center",
-    borderRadius: 8,
-    borderWidth: 1,
-  },
-  spacingEnd: {
-    marginEnd: 8,
-  },
-  slider: {
-    flex: 1,
-  },
-});
-
-function formatDuration(duration: number) {
-  if (duration === 0) return "00:00";
-
-  const seconds = Math.floor((duration / 1000) % 60);
-  const minutes = Math.floor((duration / (1000 * 60)) % 60);
-  const hours = Math.floor((duration / (1000 * 60 * 60)) % 24);
-
-  const renderedHours = hours < 10 ? "0" + hours : hours;
-  const renderedMinutes = minutes < 10 ? "0" + minutes : minutes;
-  const renderedSeconds = seconds < 10 ? "0" + seconds : seconds;
-
-  if (hours > 0) {
-    return renderedHours + ":" + renderedMinutes + ":" + renderedSeconds;
-  }
-
-  return renderedMinutes + ":" + renderedSeconds;
-}
-
-export default withTheme(AudioPlayerWithInterface);
+import * as React from "react";
+import { Text, View, StyleSheet } from "react-native";
+import { AntDesign } from "@expo/vector-icons";
+import { withTheme } from "../../../theming";
+import Slider from "@react-native-community/slider";
+import HeadlessAudioPlayer from "./HeadlessAudioPlayer";
+import {
+  AudioPlayerInterfaceProps,
+  HeadlessAudioPlayerProps,
+} from "./AudioPlayerCommon";
+import Pressable from "../../Pressable";
+import { MediaPlayerRef, MediaPlayerStatus } from "../MediaPlayerCommon";
+
+/**
+ * Built on top of HeadlessAudioPlayer to provide a simple interface for playing audio
+ */
+const AudioPlayerWithInterface = React.forwardRef<
+  MediaPlayerRef,
+  AudioPlayerInterfaceProps & HeadlessAudioPlayerProps
+>(
+  (
+    {
+      style,
+      theme,
+      thumbColor = theme.colors.primary,
+      completedTrackColor = theme.colors.primary,
+      remainingTrackColor = theme.colors.divider,
+      togglePlaybackIconSize = 24,
+      togglePlaybackIconColor = theme.colors.primary,
+      onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
+      onPlaybackFinish: onPlaybackFinishProp,
+      hidePlaybackIcon = false,
+      hideDuration = false,
+      hideSlider = false,
+      ...rest
+    },
+    ref
+  ) => {
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [durationMillis, setDurationMillis] = React.useState<
+      number | undefined
+    >(1);
+    const [isDraggingSlider, setIsDraggingSlider] = React.useState(false);
+    const [sliderPositionMillis, setSliderPositionMillis] = React.useState(0);
+    const newHeadlessAudioPlayerRef = React.useRef<MediaPlayerRef>(null);
+
+    // Use the provided ref or default to new ref when not provided
+    const headlessAudioPlayerRef = ref
+      ? (ref as React.RefObject<MediaPlayerRef>)
+      : newHeadlessAudioPlayerRef;
+
+    const {
+      color,
+      fontFamily,
+      fontWeight,
+      fontSize,
+      lineHeight,
+      letterSpacing,
+      textTransform,
+      textAlign,
+      textDecorationLine,
+      textDecorationColor,
+      textDecorationStyle,
+      ...viewStyles
+    } = StyleSheet.flatten(style || {});
+
+    const textStyles = {
+      color,
+      fontFamily,
+      fontWeight,
+      fontSize,
+      lineHeight,
+      letterSpacing,
+      textTransform,
+      textAlign,
+      textDecorationLine,
+      textDecorationColor,
+      textDecorationStyle,
+    };
+
+    const onPlaybackStatusUpdate = (status: MediaPlayerStatus) => {
+      setIsLoading(status.isLoading);
+      setDurationMillis(status.durationMillis);
+      setSliderPositionMillis(status.currentPositionMillis);
+      setIsPlaying(status.isPlaying);
+      onPlaybackStatusUpdateProp?.(status);
+    };
+
+    const onPlaybackFinish = () => {
+      setIsPlaying(false);
+      setSliderPositionMillis(0);
+      headlessAudioPlayerRef.current?.togglePlayback();
+      headlessAudioPlayerRef.current?.seekToPosition(0);
+      onPlaybackFinishProp?.();
+    };
+
+    const onSlidingComplete = (sliderValue: number) => {
+      if (isDraggingSlider) {
+        setIsDraggingSlider(false);
+      }
+      headlessAudioPlayerRef.current?.seekToPosition(sliderValue);
+    };
+
+    const onSliderChange = () => {
+      if (!isDraggingSlider) {
+        setIsDraggingSlider(true);
+      }
+    };
+
+    let iconName;
+    if (isLoading) {
+      iconName = "loading1";
+    } else if (isPlaying) {
+      iconName = "pause";
+    } else {
+      iconName = "play";
+    }
+
+    return (
+      <>
+        <HeadlessAudioPlayer
+          {...rest}
+          ref={headlessAudioPlayerRef}
+          onPlaybackStatusUpdate={onPlaybackStatusUpdate}
+          onPlaybackFinish={onPlaybackFinish}
+        />
+        <View
+          testID="audio-player-interface"
+          style={[
+            {
+              backgroundColor: theme.colors.background,
+              borderColor: theme.colors.divider,
+            },
+            styles.container,
+            viewStyles,
+          ]}
+        >
+          {!hidePlaybackIcon && (
+            <Pressable
+              testID="audio-player-playback-icon"
+              onPress={() => headlessAudioPlayerRef.current?.togglePlayback()}
+              style={styles.spacingEnd}
+            >
+              <AntDesign
+                name={iconName as any}
+                size={togglePlaybackIconSize}
+                color={togglePlaybackIconColor}
+              />
+            </Pressable>
+          )}
+          {!hideDuration && (
+            <Text
+              testID="audio-player-duration"
+              style={[
+                { color: theme.colors.strong },
+                styles.spacingEnd,
+                { ...textStyles },
+              ]}
+            >
+              {formatDuration(sliderPositionMillis ?? 0)} /{" "}
+              {formatDuration(durationMillis || 0)}
+            </Text>
+          )}
+          {!hideSlider && (
+            <Slider
+              testID="audio-player-slider"
+              style={styles.slider}
+              minimumTrackTintColor={completedTrackColor}
+              maximumTrackTintColor={remainingTrackColor}
+              thumbTintColor={thumbColor}
+              minimumValue={0}
+              value={sliderPositionMillis}
+              maximumValue={durationMillis}
+              onValueChange={onSliderChange}
+              onSlidingComplete={onSlidingComplete}
+            />
+          )}
+        </View>
+      </>
+    );
+  }
+);
+
+const styles = StyleSheet.create({
+  container: {
+    padding: 8,
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 8,
+    borderWidth: 1,
+  },
+  spacingEnd: {
+    marginEnd: 8,
+  },
+  slider: {
+    flex: 1,
+  },
+});
+
+function formatDuration(duration: number) {
+  if (duration === 0) return "00:00";
+
+  const seconds = Math.floor((duration / 1000) % 60);
+  const minutes = Math.floor((duration / (1000 * 60)) % 60);
+  const hours = Math.floor((duration / (1000 * 60 * 60)) % 24);
+
+  const renderedHours = hours < 10 ? "0" + hours : hours;
+  const renderedMinutes = minutes < 10 ? "0" + minutes : minutes;
+  const renderedSeconds = seconds < 10 ? "0" + seconds : seconds;
+
+  if (hours > 0) {
+    return renderedHours + ":" + renderedMinutes + ":" + renderedSeconds;
+  }
+
+  return renderedMinutes + ":" + renderedSeconds;
+}
+
+export default withTheme(AudioPlayerWithInterface);

package/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js

@@ -0,0 +1,93 @@
+import * as React from "react";
+import { Audio, InterruptionModeIOS, InterruptionModeAndroid, } from "expo-av";
+import { mapToMediaPlayerStatus } from "../MediaPlayerCommon";
+import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
+/**
+ * Audio Player component without an interface (UI).
+ * Only handles playing of the audio and provides callbacks and ref functions
+ */
+const HeadlessAudioPlayer = React.forwardRef(({ source, interruptionMode = "lower volume", playsInBackground = false, playsInSilentModeIOS = false, playThroughEarpieceAndroid = false, onPlaybackStatusUpdate: onPlaybackStatusUpdateProp, onPlaybackFinish, }, ref) => {
+    const [currentSound, setCurrentSound] = React.useState();
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const updateAudioMode = React.useCallback(async () => {
+        try {
+            await Audio.setAudioModeAsync({
+                staysActiveInBackground: playsInBackground,
+                interruptionModeIOS: interruptionMode === "lower volume"
+                    ? InterruptionModeIOS.DuckOthers
+                    : InterruptionModeIOS.DoNotMix,
+                interruptionModeAndroid: interruptionMode === "lower volume"
+                    ? InterruptionModeAndroid.DuckOthers
+                    : InterruptionModeAndroid.DoNotMix,
+                playsInSilentModeIOS,
+                playThroughEarpieceAndroid,
+            });
+        }
+        catch (e) {
+            console.error("Failed to set audio mode. interruptionMode, playsInBackground, playsInSilentModeIOS, playThroughEarpieceAndroid might not be set. Failed with", e);
+        }
+    }, [
+        interruptionMode,
+        playsInBackground,
+        playsInSilentModeIOS,
+        playThroughEarpieceAndroid,
+    ]);
+    const onPlaybackStatusUpdate = (status) => {
+        const mappedStatus = mapToMediaPlayerStatus(status);
+        onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp(mappedStatus);
+        if (status.isLoaded) {
+            if (status.didJustFinish) {
+                onPlaybackFinish === null || onPlaybackFinish === void 0 ? void 0 : onPlaybackFinish();
+            }
+            setIsPlaying(status.isPlaying);
+        }
+    };
+    const onTogglePlayback = () => {
+        //Has to be called everytime a player is played to reconfigure the global Audio config based on each player's configuration
+        updateAudioMode();
+    };
+    const loadAudio = async () => {
+        onPlaybackStatusUpdateProp === null || onPlaybackStatusUpdateProp === void 0 ? void 0 : onPlaybackStatusUpdateProp({
+            isPlaying: false,
+            isLoading: true,
+            isBuffering: false,
+            currentPositionMillis: 0,
+            durationMillis: 0,
+            bufferedDurationMillis: 0,
+            isError: false,
+        });
+        const { sound } = await Audio.Sound.createAsync(source);
+        setCurrentSound(sound);
+        sound.setOnPlaybackStatusUpdate(onPlaybackStatusUpdate);
+    };
+    useSourceDeepCompareEffect(() => {
+        loadAudio();
+        // Ignore dependency of loadAudio
+    }, [source]);
+    return (React.createElement(MediaPlaybackWrapper, { ref: ref, isPlaying: isPlaying, media: currentSound, onTogglePlayback: onTogglePlayback }));
+});
+// The source provided into the AudioPlayer can be of type {uri: "some uri"}
+// In the case that this object is created inline, each rerender provides a new source object because a new object is initialized everytime
+// This creates an issue with being a useEffect dependency
+//
+// This creates variants of useEffect that checks deep equality of 'uri' to determine if dependency changed or not
+// Follows: https://stackoverflow.com/a/54096391
+function sourceDeepCompareEquals(a, b) {
+    if ((a === null || a === void 0 ? void 0 : a.uri) && (b === null || b === void 0 ? void 0 : b.uri)) {
+        return a.uri === b.uri;
+    }
+    return a === b;
+}
+function useSourceDeepCompareMemoize(value) {
+    const ref = React.useRef();
+    if (!sourceDeepCompareEquals(value, ref.current)) {
+        ref.current = value;
+    }
+    return ref.current;
+}
+function useSourceDeepCompareEffect(callback, dependencies) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    React.useEffect(callback, dependencies.map(useSourceDeepCompareMemoize));
+}
+export default HeadlessAudioPlayer;
+//# sourceMappingURL=HeadlessAudioPlayer.js.map

package/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadlessAudioPlayer.js","sourceRoot":"","sources":["HeadlessAudioPlayer.tsx"],"names":[],"mappings":"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"}