@draftbit/core 48.1.1-7606b6.2 → 48.1.1-bfaf07.2

package/src/components/MediaPlayer/MediaPlayerCommon.js

@@ -1,24 +0,0 @@
-export function mapToMediaPlayerStatus(status) {
-    if (status.isLoaded) {
-        return {
-            isPlaying: status.isPlaying,
-            isLoading: false,
-            isBuffering: status.isBuffering,
-            currentPositionMillis: status.positionMillis || 0,
-            durationMillis: status.durationMillis || 0,
-            bufferedDurationMillis: status.playableDurationMillis || 0,
-            isError: false,
-        };
-    }
-    return {
-        isPlaying: false,
-        isLoading: false,
-        isBuffering: false,
-        currentPositionMillis: 0,
-        durationMillis: 0,
-        bufferedDurationMillis: 0,
-        isError: true,
-        error: status.error,
-    };
-}
-//# sourceMappingURL=MediaPlayerCommon.js.map

package/src/components/MediaPlayer/MediaPlayerCommon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaPlayerCommon.js","sourceRoot":"","sources":["MediaPlayerCommon.ts"],"names":[],"mappings":"AAwBA,MAAM,UAAU,sBAAsB,CACpC,MAAwB;IAExB,IAAI,MAAM,CAAC,QAAQ,EAAE;QACnB,OAAO;YACL,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,qBAAqB,EAAE,MAAM,CAAC,cAAc,IAAI,CAAC;YACjD,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,CAAC;YAC1C,sBAAsB,EAAE,MAAM,CAAC,sBAAsB,IAAI,CAAC;YAC1D,OAAO,EAAE,KAAK;SACf,CAAC;KACH;IAED,OAAO;QACL,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,KAAK;QAClB,qBAAqB,EAAE,CAAC;QACxB,cAAc,EAAE,CAAC;QACjB,sBAAsB,EAAE,CAAC;QACzB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,MAAM,CAAC,KAAK;KACpB,CAAC;AACJ,CAAC"}

package/src/components/MediaPlayer/MediaPlayerCommon.ts

@@ -1,50 +0,0 @@
-import { AVPlaybackSource, AVPlaybackStatus } from "expo-av";
-
-export interface MediaPlayerStatus {
-  isPlaying: boolean;
-  isLoading: boolean;
-  isBuffering: boolean;
-  currentPositionMillis: number;
-  durationMillis: number;
-  bufferedDurationMillis: number;
-  isError: boolean;
-  error?: string;
-}
-
-export interface MediaPlayerRef {
-  seekToPosition: (positionMillis: number) => void;
-  togglePlayback: () => void;
-}
-
-export interface MediaPlayerProps {
-  onPlaybackStatusUpdate?: (status: MediaPlayerStatus) => void;
-  onPlaybackFinish?: () => void;
-  source: AVPlaybackSource;
-}
-
-export function mapToMediaPlayerStatus(
-  status: AVPlaybackStatus
-): MediaPlayerStatus {
-  if (status.isLoaded) {
-    return {
-      isPlaying: status.isPlaying,
-      isLoading: false,
-      isBuffering: status.isBuffering,
-      currentPositionMillis: status.positionMillis || 0,
-      durationMillis: status.durationMillis || 0,
-      bufferedDurationMillis: status.playableDurationMillis || 0,
-      isError: false,
-    };
-  }
-
-  return {
-    isPlaying: false,
-    isLoading: false,
-    isBuffering: false,
-    currentPositionMillis: 0,
-    durationMillis: 0,
-    bufferedDurationMillis: 0,
-    isError: true,
-    error: status.error,
-  };
-}

package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js

@@ -1,73 +0,0 @@
-import React from "react";
-import { Video as VideoPlayerComponent, ResizeMode as ExpoResizeMode, VideoFullscreenUpdate, } from "expo-av";
-import { extractSizeStyles } from "../../../utilities";
-import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
-import { mapToMediaPlayerStatus, } from "../MediaPlayerCommon";
-const VideoPlayer = React.forwardRef(({ style, resizeMode = "contain", posterResizeMode = "cover", onPlaybackStatusUpdate: onPlaybackStatusUpdateProp, onPlaybackFinish, ...rest }, ref) => {
-    const [videoMediaObject, setVideoMediaObject] = React.useState();
-    const [isPlaying, setIsPlaying] = React.useState(false);
-    const [isFullscreen, setIsFullscreen] = React.useState(false);
-    const mediaPlaybackWrapperRef = React.useRef(null);
-    const sizeStyles = extractSizeStyles(style);
-    let mappedResizeMode;
-    switch (resizeMode) {
-        case "contain":
-            mappedResizeMode = ExpoResizeMode.CONTAIN;
-            break;
-        case "cover":
-            mappedResizeMode = ExpoResizeMode.COVER;
-            break;
-        case "stretch":
-            mappedResizeMode = ExpoResizeMode.STRETCH;
-            break;
-    }
-    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 onFullscreenUpdate = (fullscreenUpdate) => {
-        switch (fullscreenUpdate) {
-            case VideoFullscreenUpdate.PLAYER_DID_PRESENT:
-            case VideoFullscreenUpdate.PLAYER_WILL_PRESENT:
-                setIsFullscreen(true);
-                break;
-            case VideoFullscreenUpdate.PLAYER_DID_DISMISS:
-            case VideoFullscreenUpdate.PLAYER_WILL_DISMISS:
-                setIsFullscreen(false);
-                break;
-        }
-    };
-    const toggleFullscreen = React.useCallback(async () => {
-        if (isFullscreen) {
-            await (videoMediaObject === null || videoMediaObject === void 0 ? void 0 : videoMediaObject.dismissFullscreenPlayer());
-        }
-        else {
-            await (videoMediaObject === null || videoMediaObject === void 0 ? void 0 : videoMediaObject.presentFullscreenPlayer());
-        }
-    }, [isFullscreen, videoMediaObject]);
-    React.useImperativeHandle(ref, () => {
-        var _a, _b;
-        return ({
-            toggleFullscreen,
-            seekToPosition: ((_a = mediaPlaybackWrapperRef.current) === null || _a === void 0 ? void 0 : _a.seekToPosition) || (() => { }),
-            togglePlayback: ((_b = mediaPlaybackWrapperRef.current) === null || _b === void 0 ? void 0 : _b.togglePlayback) || (() => { }),
-        });
-    }, 
-    // Include 'isPlaying' as dependency because 'togglePlayback' changes when it changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [toggleFullscreen, isPlaying]);
-    return (React.createElement(MediaPlaybackWrapper, { media: videoMediaObject, isPlaying: isPlaying, ref: mediaPlaybackWrapperRef },
-        React.createElement(VideoPlayerComponent
-        // https://docs.expo.dev/versions/latest/sdk/av/#example-video to see why ref is handled this way
-        , { 
-            // https://docs.expo.dev/versions/latest/sdk/av/#example-video to see why ref is handled this way
-            ref: (component) => setVideoMediaObject(component), style: style, videoStyle: sizeStyles, resizeMode: mappedResizeMode, posterStyle: [sizeStyles, { resizeMode: posterResizeMode }], onPlaybackStatusUpdate: onPlaybackStatusUpdate, onFullscreenUpdate: (e) => onFullscreenUpdate(e.fullscreenUpdate), ...rest })));
-});
-export default VideoPlayer;
-//# sourceMappingURL=VideoPlayer.js.map

package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js.map

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

package/src/components/MediaPlayer/VideoPlayer/VideoPlayer.tsx

@@ -1,136 +0,0 @@
-import React from "react";
-import { ImageResizeMode } from "react-native";
-import {
-  Video as VideoPlayerComponent,
-  VideoProps as ExpoVideoProps,
-  ResizeMode as ExpoResizeMode,
-  AVPlaybackStatus,
-  VideoFullscreenUpdate,
-} from "expo-av";
-import { extractSizeStyles } from "../../../utilities";
-import MediaPlaybackWrapper from "../MediaPlaybackWrapper";
-import type { Playback } from "expo-av/src/AV";
-import {
-  MediaPlayerProps,
-  MediaPlayerRef,
-  mapToMediaPlayerStatus,
-} from "../MediaPlayerCommon";
-
-type ResizeMode = "contain" | "cover" | "stretch";
-type ExpoVideoPropsOmitted = Omit<
-  ExpoVideoProps,
-  "videoStyle" | "resizeMode" | "onPlaybackStatusUpdate" | "source"
->;
-
-interface VideoPlayerProps extends ExpoVideoPropsOmitted, MediaPlayerProps {
-  resizeMode?: ResizeMode;
-  posterResizeMode?: ImageResizeMode;
-}
-
-export interface VideoPlayerRef extends MediaPlayerRef {
-  toggleFullscreen: () => void;
-}
-
-const VideoPlayer = React.forwardRef<VideoPlayerRef, VideoPlayerProps>(
-  (
-    {
-      style,
-      resizeMode = "contain",
-      posterResizeMode = "cover",
-      onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
-      onPlaybackFinish,
-      ...rest
-    },
-    ref
-  ) => {
-    const [videoMediaObject, setVideoMediaObject] =
-      React.useState<VideoPlayerComponent | null>();
-    const [isPlaying, setIsPlaying] = React.useState(false);
-    const [isFullscreen, setIsFullscreen] = React.useState(false);
-    const mediaPlaybackWrapperRef = React.useRef<MediaPlayerRef>(null);
-
-    const sizeStyles = extractSizeStyles(style);
-
-    let mappedResizeMode;
-    switch (resizeMode) {
-      case "contain":
-        mappedResizeMode = ExpoResizeMode.CONTAIN;
-        break;
-      case "cover":
-        mappedResizeMode = ExpoResizeMode.COVER;
-        break;
-      case "stretch":
-        mappedResizeMode = ExpoResizeMode.STRETCH;
-        break;
-    }
-
-    const onPlaybackStatusUpdate = (status: AVPlaybackStatus) => {
-      const mappedStatus = mapToMediaPlayerStatus(status);
-      onPlaybackStatusUpdateProp?.(mappedStatus);
-
-      if (status.isLoaded) {
-        if (status.didJustFinish) {
-          onPlaybackFinish?.();
-        }
-        setIsPlaying(status.isPlaying);
-      }
-    };
-
-    const onFullscreenUpdate = (fullscreenUpdate: VideoFullscreenUpdate) => {
-      switch (fullscreenUpdate) {
-        case VideoFullscreenUpdate.PLAYER_DID_PRESENT:
-        case VideoFullscreenUpdate.PLAYER_WILL_PRESENT:
-          setIsFullscreen(true);
-          break;
-        case VideoFullscreenUpdate.PLAYER_DID_DISMISS:
-        case VideoFullscreenUpdate.PLAYER_WILL_DISMISS:
-          setIsFullscreen(false);
-          break;
-      }
-    };
-
-    const toggleFullscreen = React.useCallback(async () => {
-      if (isFullscreen) {
-        await videoMediaObject?.dismissFullscreenPlayer();
-      } else {
-        await videoMediaObject?.presentFullscreenPlayer();
-      }
-    }, [isFullscreen, videoMediaObject]);
-
-    React.useImperativeHandle(
-      ref,
-      () => ({
-        toggleFullscreen,
-        seekToPosition:
-          mediaPlaybackWrapperRef.current?.seekToPosition || (() => {}),
-        togglePlayback:
-          mediaPlaybackWrapperRef.current?.togglePlayback || (() => {}),
-      }),
-      // Include 'isPlaying' as dependency because 'togglePlayback' changes when it changes
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [toggleFullscreen, isPlaying]
-    );
-
-    return (
-      <MediaPlaybackWrapper
-        media={videoMediaObject as Playback | undefined}
-        isPlaying={isPlaying}
-        ref={mediaPlaybackWrapperRef}
-      >
-        <VideoPlayerComponent
-          // https://docs.expo.dev/versions/latest/sdk/av/#example-video to see why ref is handled this way
-          ref={(component) => setVideoMediaObject(component)}
-          style={style}
-          videoStyle={sizeStyles}
-          resizeMode={mappedResizeMode}
-          posterStyle={[sizeStyles, { resizeMode: posterResizeMode }]}
-          onPlaybackStatusUpdate={onPlaybackStatusUpdate}
-          onFullscreenUpdate={(e) => onFullscreenUpdate(e.fullscreenUpdate)}
-          {...rest}
-        />
-      </MediaPlaybackWrapper>
-    );
-  }
-);
-
-export default VideoPlayer;

package/src/components/MediaPlayer/VideoPlayer/index.js

@@ -1,2 +0,0 @@
-export { default as default } from "./VideoPlayer";
-//# sourceMappingURL=index.js.map

package/src/components/MediaPlayer/VideoPlayer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/src/components/MediaPlayer/VideoPlayer/index.ts

@@ -1,2 +0,0 @@
-export { default as default } from "./VideoPlayer";
-export { VideoPlayerRef } from "./VideoPlayer";