chore(🔥): remove slider dependency (#3510)

Author: wcandillon

apps/example/ios/Podfile.lock

@@ -1327,49 +1327,6 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-slider (4.5.7):
-    - DoubleConversion
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.11.18.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-debug
-    - React-Fabric
-    - React-featureflags
-    - React-graphics
-    - React-ImageManager
-    - react-native-slider/common (= 4.5.7)
-    - React-NativeModulesApple
-    - React-RCTFabric
-    - React-rendererdebug
-    - React-utils
-    - ReactCodegen
-    - ReactCommon/turbomodule/bridging
-    - ReactCommon/turbomodule/core
-    - Yoga
-  - react-native-slider/common (4.5.7):
-    - DoubleConversion
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.11.18.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Core
-    - React-debug
-    - React-Fabric
-    - React-featureflags
-    - React-graphics
-    - React-ImageManager
-    - React-NativeModulesApple
-    - React-RCTFabric
-    - React-rendererdebug
-    - React-utils
-    - ReactCodegen
-    - ReactCommon/turbomodule/bridging
-    - ReactCommon/turbomodule/core
-    - Yoga
   - React-NativeModulesApple (0.78.0):
     - glog
     - hermes-engine
@@ -1957,7 +1914,6 @@ DEPENDENCIES:
   - React-microtasksnativemodule (from `../../../node_modules/react-native/ReactCommon/react/nativemodule/microtasks`)
   - react-native-safe-area-context (from `../../../node_modules/react-native-safe-area-context`)
   - "react-native-skia (from `../../../node_modules/@shopify/react-native-skia`)"
-  - "react-native-slider (from `../../../node_modules/@react-native-community/slider`)"
   - React-NativeModulesApple (from `../../../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
   - React-perflogger (from `../../../node_modules/react-native/ReactCommon/reactperflogger`)
   - React-performancetimeline (from `../../../node_modules/react-native/ReactCommon/react/performance/timeline`)
@@ -2079,8 +2035,6 @@ EXTERNAL SOURCES:
     :path: "../../../node_modules/react-native-safe-area-context"
   react-native-skia:
     :path: "../../../node_modules/@shopify/react-native-skia"
-  react-native-slider:
-    :path: "../../../node_modules/@react-native-community/slider"
   React-NativeModulesApple:
     :path: "../../../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
   React-perflogger:
@@ -2194,7 +2148,6 @@ SPEC CHECKSUMS:
   React-microtasksnativemodule: 843f352b32aacbe13a9c750190d34df44c3e6c2c
   react-native-safe-area-context: 0f14bce545abcdfbff79ce2e3c78c109f0be283e
   react-native-skia: 83ea407f6494e4a24a9c971cbfccedca4fe00e65
-  react-native-slider: 310d3f89edd6ca8344a974bfe83a29a3fbb60e5a
   React-NativeModulesApple: 88433b6946778bea9c153e27b671de15411bf225
   React-perflogger: 9e8d3c0dc0194eb932162812a168aa5dc662f418
   React-performancetimeline: 5a2d6efef52bdcefac079c7baa30934978acd023

apps/example/package.json

@@ -20,7 +20,6 @@
   },
   "dependencies": {
     "@callstack/react-native-visionos": "^0.75.0",
-    "@react-native-community/slider": "^4.5.7",
     "@react-navigation/bottom-tabs": "^7.2.1",
     "@react-navigation/elements": "^2.2.6",
     "@react-navigation/native": "^7.0.15",

apps/example/src/Examples/Video/Video.tsx

@@ -10,7 +10,6 @@ import {
 } from "@shopify/react-native-skia";
 import { Platform, Pressable, View, useWindowDimensions } from "react-native";
 import { useDerivedValue, useSharedValue } from "react-native-reanimated";
-import Slider from "@react-native-community/slider";
 
 // on Web because of CORS we need to use a local video
 const videoURL =
@@ -24,7 +23,7 @@ export const Video = () => {
   const { width, height } = useWindowDimensions();
   const fontSize = 20;
   const font = useFont(require("../../assets/SF-Mono-Semibold.otf"), fontSize);
-  const { currentFrame, currentTime, duration } = useVideo(videoURL, {
+  const { currentFrame, currentTime } = useVideo(videoURL, {
     paused,
     looping: true,
     seek,
@@ -62,22 +61,6 @@ export const Video = () => {
           />
         </Canvas>
       </Pressable>
-      <View style={{ height: 200, backgroundColor: "white" }}>
-        <Slider
-          style={{ width, height: 40 }}
-          minimumValue={0}
-          maximumValue={1}
-          minimumTrackTintColor="#FFFFFF"
-          maximumTrackTintColor="#000000"
-          onSlidingComplete={(value: number) => {
-            seek.value = value * duration;
-            paused.value = false;
-          }}
-          onSlidingStart={() => {
-            paused.value = true;
-          }}
-        />
-      </View>
     </View>
   );
 };

yarn.lock

@@ -7287,13 +7287,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/slider@npm:^4.5.7":
-  version: 4.5.7
-  resolution: "@react-native-community/slider@npm:4.5.7"
-  checksum: f8b722c1821332398324d4d45a31c70b90007c1f859840ddc58388a0783d3a4706e7d0808898ecc76091de60041ae20a0758ef4d706d2ae06a4b4d46ff934028
-  languageName: node
-  linkType: hard
-
 "@react-native-macos/virtualized-lists@npm:0.78.6":
   version: 0.78.6
   resolution: "@react-native-macos/virtualized-lists@npm:0.78.6"
@@ -17055,7 +17048,6 @@ __metadata:
     "@react-native-community/cli": 17.0.1
     "@react-native-community/cli-platform-android": 15.0.1
     "@react-native-community/cli-platform-ios": 15.0.1
-    "@react-native-community/slider": ^4.5.7
     "@react-native/babel-preset": 0.78.0
     "@react-native/eslint-config": 0.78.0
     "@react-native/metro-config": 0.78.0