chore: lib rename & rc1

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "react-native-video-player",
+  "name": "react-native-reanimated-player",
   "version": "0.0.1",
-  "description": "react-native-video-player",
+  "description": "A react-native video player that interacts like Youtube player, built upon Reanimted v2 & react-native-gesture-handle",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
@@ -118,5 +118,19 @@
         "preset": "angular"
       }
     }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
   }
 }

src/components/ripple.tsx

@@ -1,22 +1,12 @@
 import React, { useImperativeHandle, useState } from 'react';
-import type { StyleProp } from 'react-native';
-import type { ViewStyle } from 'react-native';
-import { Dimensions } from 'react-native';
-import { StyleSheet, View } from 'react-native';
-import type { TapGestureHandlerEventPayload } from 'react-native-gesture-handler';
-import type { GestureEvent } from 'react-native-gesture-handler';
-import { State, TapGestureHandler } from 'react-native-gesture-handler';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { View } from 'react-native';
 import Animated, {
-  Easing,
-  measure,
   runOnJS,
-  useAnimatedGestureHandler,
-  useAnimatedRef,
   useAnimatedStyle,
   useSharedValue,
   withTiming,
 } from 'react-native-reanimated';
-import { width } from 'react-native-video-player';
 export type RippleTargetEvent = { x: number; y: number };
 
 type RippleBtnProps = {

src/index.tsx

@@ -1,12 +1,21 @@
 import LottieView from 'lottie-react-native';
 import React, { useEffect, useRef, useState } from 'react';
-import { StatusBar, StyleSheet, View, useWindowDimensions } from 'react-native';
+import {
+  Dimensions,
+  Image,
+  StatusBar,
+  StyleSheet,
+  useWindowDimensions,
+  View,
+} from 'react-native';
 import { Slider } from 'react-native-awesome-slider/src/index';
+import { clamp } from 'react-native-awesome-slider/src/utils';
+import type { TapGestureHandlerEventPayload } from 'react-native-gesture-handler';
 import {
   GestureEvent,
-  TapGestureHandler,
   PanGestureHandler,
   PanGestureHandlerEventPayload,
+  TapGestureHandler,
 } from 'react-native-gesture-handler';
 import Orientation, { OrientationType } from 'react-native-orientation-locker';
 import Animated, {
@@ -20,24 +29,20 @@ import Animated, {
   withTiming,
 } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import RootViewBackgroundColor from 'react-native-set-rootview-bgcolor';
 import Video, {
   OnLoadData,
   OnProgressData,
   OnSeekData,
   VideoProperties,
 } from 'react-native-video';
-import { VideoLoader } from './video-loading';
-import { secondToTime, formatTimeToMins, formatTime } from './video-utils';
-import { bin, isIos, useRefs, useVector } from './utils';
-import { Dimensions } from 'react-native';
-import { palette } from './theme/palette';
 import { Text } from './components';
-import { Image } from 'react-native';
-import { TapControler } from './tap-controler';
-import type { TapGestureHandlerEventPayload } from 'react-native-gesture-handler';
 import { Ripple } from './components/ripple';
-import { clamp } from 'react-native-awesome-slider/src/utils';
-import RootViewBackgroundColor from 'react-native-set-rootview-bgcolor';
+import { TapControler } from './tap-controler';
+import { palette } from './theme/palette';
+import { bin, isIos, useRefs, useVector } from './utils';
+import { VideoLoader } from './video-loading';
+import { formatTime, formatTimeToMins, secondToTime } from './video-utils';
 export const { width, height, scale, fontScale } = Dimensions.get('window');
 
 const VIDEO_DEFAULT_HEIGHT = width * (9 / 16);
@@ -404,15 +409,15 @@ const VideoPlayer: React.FC<IProps> = ({
       isVertical: boolean;
     }
   >({
-    onStart: ({ velocityY, velocityX, ...rest }, ctx) => {
+    onStart: ({ velocityY, velocityX, ...rest }) => {
       if (onPanStartEvent) {
         runOnJS(onPanStartEvent)({ velocityX, velocityY, ...rest });
       }
 
       // ctx.isVertical = Math.abs(velocityY) > Math.abs(velocityX);
       controlViewOpacity.value = withTiming(0, { duration: 100 });
     },
-    onActive: ({ translationY, ...rest }, ctx) => {
+    onActive: ({ translationY, ...rest }) => {
       if (onPanEvent) {
         runOnJS(onPanEvent)({ translationY, ...rest });
       }

src/tap-controler.tsx

@@ -1,10 +1,9 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 import {
   TapGestureHandler,
   TapGestureHandlerProps,
 } from 'react-native-gesture-handler';
-import React from 'react';
-import type { StyleProp } from 'react-native';
-import type { ViewStyle } from 'react-native';
 import Animated from 'react-native-reanimated';
 
 const hitSlop = { left: 8, bottom: 4, right: 8, top: 4 };

src/video-error.tsx

@@ -11,7 +11,7 @@ export const VideoError = React.memo<Props>(function VideoError({ isError }) {
   if (!isError) return null;
   return (
     <View style={errorStyle.container}>
-      <Text h5 color={palette.Danger(1)} tx="加载错误" />
+      <Text h5 color={palette.Danger(1)} tx="error" />
     </View>
   );
 });

src/video-replay.tsx

@@ -24,7 +24,7 @@ export const VideoReplayed = React.memo<Props>(function VideoReplayed({
   if (!isPlayed) return null;
   return (
     <View style={STYLE}>
-      <Button onPress={onPress} title={`重新播放`} />
+      <Button onPress={onPress} title={`replay`} />
     </View>
   );
 });