related-ui-components 2.7.7 → 2.7.8

package/lib/module/components/CarouselCardStack/CarouselCardStack.js

@@ -1,10 +1,13 @@
 "use strict";
 
+import { Image } from "expo-image";
 import React, { useEffect, useMemo } from "react";
-import { View, StyleSheet, Image, Dimensions, Text } from "react-native";
+import { Dimensions, StyleSheet, Text, View } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
-import Animated, { useSharedValue, useAnimatedStyle, withSpring, interpolate, useDerivedValue, Extrapolation } from "react-native-reanimated";
+import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
 import { useTheme } from "../../theme/index.js";
+
+// --- Constants remain the same ---
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   width: SCREEN_WIDTH
@@ -24,9 +27,9 @@ const SPRING_CONFIG = {
   mass: 0.6
 };
 const SIDE_CARD_ROTATION_DEGREES = 7;
+const VISIBILITY_WINDOW = 3; // Render active card + 2 on each side
 
-// Only render visible items + buffer
-const VISIBLE_RANGE = 2; // Items on each side of active item
+// --- Interfaces remain the same ---
 
 const createVirtualData = originalData => {
   if (!originalData || originalData.length === 0) return [];
@@ -39,8 +42,6 @@ const createVirtualData = originalData => {
   const nextSegment = prefixItems(originalData, "next");
   return [...prevSegment, ...currSegment, ...nextSegment];
 };
-
-// Memoized card component
 const CarouselCard = /*#__PURE__*/React.memo(({
   item,
   index,
@@ -54,28 +55,30 @@ const CarouselCard = /*#__PURE__*/React.memo(({
     const currentCardDragOffset = gestureTranslateX.value / cardWidth;
     const displayOffset = index - (activeIndex.value - currentCardDragOffset);
 
-    // Early return for items that are too far away to optimize performance
-    const absDisplayOffset = Math.abs(displayOffset);
-    if (absDisplayOffset > 2.5) {
+    // --- THE CORE CHANGE IS HERE ---
+    // Check if the card is within our visibility window on the UI thread.
+    const isVisible = Math.abs(displayOffset) < VISIBILITY_WINDOW;
+
+    // If not visible, we don't need to calculate transforms.
+    // `display: 'none'` is highly performant as it removes the item from the layout.
+    if (!isVisible) {
       return {
-        opacity: 0,
-        transform: [{
-          translateX: 0
-        }, {
-          scale: 0.8
-        }, {
-          rotateZ: '0deg'
-        }],
-        zIndex: 0
+        display: "none"
       };
     }
+
+    // Calculations now only run for visible cards
     const scale = interpolate(displayOffset, [-1, 0, 1], [SIDE_CARD_SCALE_FACTOR, ACTIVE_CARD_SCALE, SIDE_CARD_SCALE_FACTOR], Extrapolation.CLAMP);
     const translateX = interpolate(displayOffset, [-1, 0, 1], [-SIDE_CARD_TRANSLATE_X, 0, SIDE_CARD_TRANSLATE_X], Extrapolation.CLAMP);
     const rotation = interpolate(displayOffset, [-1, 0, 1], [-SIDE_CARD_ROTATION_DEGREES, 0, SIDE_CARD_ROTATION_DEGREES], Extrapolation.CLAMP);
-    const opacity = interpolate(absDisplayOffset, [0, 1, 2, 2.75], [1, 1, 0.6, 0], Extrapolation.CLAMP);
+    const opacity = interpolate(Math.abs(displayOffset), [0, 1, 2], [1, 1, 0],
+    // Fade out the outermost cards
+    Extrapolation.CLAMP);
     const snappedDisplayOffset = index - Math.round(activeIndex.value);
     const zIndex = virtualDataLength - Math.abs(snappedDisplayOffset);
     return {
+      display: "flex",
+      // Ensure it's visible
       transform: [{
         translateX
       }, {
@@ -86,7 +89,7 @@ const CarouselCard = /*#__PURE__*/React.memo(({
       opacity,
       zIndex
     };
-  }, [index, cardWidth, virtualDataLength]);
+  });
   return /*#__PURE__*/_jsxs(Animated.View, {
     style: [styles.card, {
       width: cardWidth,
@@ -97,8 +100,8 @@ const CarouselCard = /*#__PURE__*/React.memo(({
         uri: item.image
       },
       style: styles.cardImage,
-      resizeMode: "cover",
-      fadeDuration: 0
+      cachePolicy: "memory-disk",
+      transition: 250
     }), item.title && /*#__PURE__*/_jsx(View, {
       style: styles.titleContainer,
       children: /*#__PURE__*/_jsx(Text, {
@@ -108,7 +111,8 @@ const CarouselCard = /*#__PURE__*/React.memo(({
     })]
   });
 });
-const CarouselCardStack = ({
+CarouselCard.displayName = "CarouselCard";
+export const CarouselCardStack = ({
   data: originalData,
   cardHeight = CARD_HEIGHT,
   cardWidth = CARD_WIDTH,
@@ -121,70 +125,49 @@ const CarouselCardStack = ({
   const virtualData = useMemo(() => createVirtualData(originalData), [originalData]);
   const activeIndex = useSharedValue(N_original > 0 ? N_original : 0);
   const gestureTranslateX = useSharedValue(0);
-  const contextX = useSharedValue(0);
   useEffect(() => {
     activeIndex.value = N_original > 0 ? N_original : 0;
     gestureTranslateX.value = 0;
   }, [N_original, activeIndex, gestureTranslateX]);
+  const handleLoopReset = () => {
+    "worklet";
 
-  // Calculate visible items - moved outside of render
-  const visibleItems = useDerivedValue(() => {
-    const center = Math.round(activeIndex.value);
-    const start = Math.max(0, center - VISIBLE_RANGE);
-    const end = Math.min(virtualData.length - 1, center + VISIBLE_RANGE);
-    return virtualData.slice(start, end + 1).map((item, sliceIndex) => ({
-      item,
-      originalIndex: start + sliceIndex
-    }));
-  });
-  useDerivedValue(() => {
+    if (N_original === 0) return;
     const currentValue = Math.round(activeIndex.value);
+    if (currentValue >= N_original * 2) {
+      activeIndex.value = currentValue - N_original;
+    } else if (currentValue < N_original) {
+      activeIndex.value = currentValue + N_original;
+    }
+  };
+  useDerivedValue(() => {
     if (gestureTranslateX.value === 0) {
-      if (currentValue >= N_original * 2) {
-        activeIndex.value = currentValue - N_original;
-      } else if (currentValue < N_original) {
-        activeIndex.value = currentValue + N_original;
-      }
+      handleLoopReset();
     }
   });
-  const panGesture = Gesture.Pan().activeOffsetX([-10, 10]).onBegin(() => {
-    contextX.value = gestureTranslateX.value;
-  }).onUpdate(event => {
+  const panGesture = Gesture.Pan().activeOffsetX([-10, 10]).onUpdate(event => {
     gestureTranslateX.value = event.translationX;
   }).onEnd(event => {
     if (virtualData.length === 0) return;
     const threshold = cardWidth / 3;
-    let newTargetVirtualIndex = activeIndex.value;
+    let newTargetVirtualIndex = Math.round(activeIndex.value);
     if (event.translationX < -threshold) {
-      newTargetVirtualIndex = activeIndex.value + 1;
+      newTargetVirtualIndex++;
     } else if (event.translationX > threshold) {
-      newTargetVirtualIndex = activeIndex.value - 1;
+      newTargetVirtualIndex--;
     }
-    newTargetVirtualIndex = Math.max(0, Math.min(newTargetVirtualIndex, virtualData.length - 1));
     activeIndex.value = withSpring(newTargetVirtualIndex, SPRING_CONFIG);
     gestureTranslateX.value = withSpring(0, SPRING_CONFIG);
-    contextX.value = 0;
   });
   const activeDotIndex = useDerivedValue(() => {
     if (N_original === 0) return 0;
-    const currentVal = Math.round(activeIndex.value);
-    return (currentVal % N_original + N_original) % N_original;
+    return (Math.round(activeIndex.value) % N_original + N_original) % N_original;
   });
-  if (virtualData.length === 0) {
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.container, {
-        height: cardHeight + 60
-      }],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.emptyText,
-        children: "No items to display"
-      })
-    });
-  }
+  if (virtualData.length === 0) {/* ... */}
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, {
       height: cardHeight + 60,
-      backgroundColor
+      backgroundColor: backgroundColor
     }],
     children: [/*#__PURE__*/_jsx(GestureDetector, {
       gesture: panGesture,
@@ -205,17 +188,14 @@ const CarouselCardStack = ({
     }), N_original > 0 && /*#__PURE__*/_jsx(View, {
       style: styles.paginationContainer,
       children: originalData.map((_, i) => {
-        const dotStyle = useAnimatedStyle(() => {
-          const isActive = activeDotIndex.value === i;
-          return {
-            width: withSpring(isActive ? 24 : 8, SPRING_CONFIG),
-            height: 8,
-            borderRadius: 4,
-            backgroundColor: isActive ? theme.primary : "#FFFFFF",
-            marginHorizontal: 4,
-            opacity: isActive ? 1 : 0.5
-          };
-        });
+        const isActiveDot = useDerivedValue(() => activeDotIndex.value === i);
+        const dotStyle = useAnimatedStyle(() => ({
+          width: withSpring(isActiveDot.value ? 24 : 8, SPRING_CONFIG),
+          height: 8,
+          borderRadius: 4,
+          backgroundColor: isActiveDot.value ? theme.primary : "#FFFFFF",
+          marginHorizontal: 4
+        }));
         return /*#__PURE__*/_jsx(Animated.View, {
           style: dotStyle
         }, `dot-${i}`);
@@ -241,8 +221,7 @@ const styles = StyleSheet.create({
   },
   cardImage: {
     width: "100%",
-    height: "100%",
-    resizeMode: "cover"
+    height: "100%"
   },
   titleContainer: {
     position: "absolute",

package/lib/module/components/CarouselCardStack/CarouselCardStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","View","StyleSheet","Image","Dimensions","Text","Gesture","GestureDetector","Animated","useSharedValue","useAnimatedStyle","withSpring","interpolate","useDerivedValue","Extrapolation","useTheme","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","CARD_WIDTH_FACTOR","CARD_ASPECT_RATIO","SIDE_CARD_SCALE_FACTOR","CARD_WIDTH","CARD_HEIGHT","MAX_X_FACTOR","SIDE_CARD_TRANSLATE_X_FACTOR","Math","min","SIDE_CARD_TRANSLATE_X","ACTIVE_CARD_SCALE","SPRING_CONFIG","damping","stiffness","mass","SIDE_CARD_ROTATION_DEGREES","VISIBLE_RANGE","createVirtualData","originalData","length","prefixItems","items","segmentPrefix","map","item","idx","uniqueId","id","prevSegment","currSegment","nextSegment","CarouselCard","memo","index","activeIndex","gestureTranslateX","cardWidth","cardHeight","virtualDataLength","animatedStyle","currentCardDragOffset","value","displayOffset","absDisplayOffset","abs","opacity","transform","translateX","scale","rotateZ","zIndex","CLAMP","rotation","snappedDisplayOffset","round","style","styles","card","height","children","source","uri","image","cardImage","resizeMode","fadeDuration","title","titleContainer","cardTitle","CarouselCardStack","data","backgroundColor","theme","N_original","virtualData","contextX","visibleItems","center","start","max","end","slice","sliceIndex","originalIndex","currentValue","panGesture","Pan","activeOffsetX","onBegin","onUpdate","event","translationX","onEnd","threshold","newTargetVirtualIndex","activeDotIndex","currentVal","container","emptyText","gesture","cardContainer","paginationContainer","_","i","dotStyle","isActive","borderRadius","primary","marginHorizontal","create","alignItems","justifyContent","position","overflow","bottom","left","right","padding","color","fontSize","fontWeight","flexDirection","marginTop","marginBottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CarouselCardStack/CarouselCardStack.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Image","React","useEffect","useMemo","Dimensions","StyleSheet","Text","View","Gesture","GestureDetector","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useTheme","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","CARD_WIDTH_FACTOR","CARD_ASPECT_RATIO","SIDE_CARD_SCALE_FACTOR","CARD_WIDTH","CARD_HEIGHT","MAX_X_FACTOR","SIDE_CARD_TRANSLATE_X_FACTOR","Math","min","SIDE_CARD_TRANSLATE_X","ACTIVE_CARD_SCALE","SPRING_CONFIG","damping","stiffness","mass","SIDE_CARD_ROTATION_DEGREES","VISIBILITY_WINDOW","createVirtualData","originalData","length","prefixItems","items","segmentPrefix","map","item","idx","uniqueId","id","prevSegment","currSegment","nextSegment","CarouselCard","memo","index","activeIndex","gestureTranslateX","cardWidth","cardHeight","virtualDataLength","animatedStyle","currentCardDragOffset","value","displayOffset","isVisible","abs","display","scale","CLAMP","translateX","rotation","opacity","snappedDisplayOffset","round","zIndex","transform","rotateZ","style","styles","card","height","children","source","uri","image","cardImage","cachePolicy","transition","title","titleContainer","cardTitle","displayName","CarouselCardStack","data","backgroundColor","theme","N_original","virtualData","handleLoopReset","currentValue","panGesture","Pan","activeOffsetX","onUpdate","event","translationX","onEnd","threshold","newTargetVirtualIndex","activeDotIndex","container","gesture","cardContainer","paginationContainer","_","i","isActiveDot","dotStyle","borderRadius","primary","marginHorizontal","create","alignItems","justifyContent","position","overflow","bottom","left","right","padding","color","fontSize","fontWeight","flexDirection","marginTop","marginBottom","emptyText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CarouselCardStack/CarouselCardStack.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/CarouselCardStack/CarouselCardStack.d.ts

@@ -10,6 +10,6 @@ interface CarouselCardStackProps {
     cardWidth?: number;
     backgroundColor?: string;
 }
-declare const CarouselCardStack: React.FC<CarouselCardStackProps>;
+export declare const CarouselCardStack: React.FC<CarouselCardStackProps>;
 export default CarouselCardStack;
 //# sourceMappingURL=CarouselCardStack.d.ts.map

package/lib/typescript/src/components/CarouselCardStack/CarouselCardStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselCardStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/CarouselCardStack/CarouselCardStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgC5D,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,UAAU,sBAAsB;IAC9B,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA4GD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoIvD,CAAC;AAkDF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CarouselCardStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/CarouselCardStack/CarouselCardStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AA6BlD,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,UAAU,sBAAsB;IAC9B,IAAI,EAAE,oBAAoB,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAmHD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwG9D,CAAC;AAiDF,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "2.7.7",
+  "version": "2.7.8",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/components/CarouselCardStack/CarouselCardStack.tsx

@@ -1,20 +1,19 @@
-import React, { useState, useEffect, useMemo } from "react";
-import { View, StyleSheet, Image, Dimensions, Text } from "react-native";
+import { Image } from "expo-image";
+import React, { useEffect, useMemo } from "react";
+import { Dimensions, StyleSheet, Text, View } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withSpring,
-  interpolate,
-  Extrapolate,
-  useDerivedValue,
-  runOnJS,
-  Extrapolation,
+    Extrapolation,
+    interpolate,
+    useAnimatedStyle,
+    useDerivedValue,
+    useSharedValue,
+    withSpring,
 } from "react-native-reanimated";
 import { useTheme } from "../../theme";
 
+// --- Constants remain the same ---
 const { width: SCREEN_WIDTH } = Dimensions.get("window");
-
 const CARD_WIDTH_FACTOR = 0.5;
 const CARD_ASPECT_RATIO = 1.35;
 const SIDE_CARD_SCALE_FACTOR = 0.85;
@@ -26,20 +25,17 @@ const SIDE_CARD_TRANSLATE_X = CARD_WIDTH * SIDE_CARD_TRANSLATE_X_FACTOR;
 const ACTIVE_CARD_SCALE = 1.0;
 const SPRING_CONFIG = { damping: 18, stiffness: 120, mass: 0.6 };
 const SIDE_CARD_ROTATION_DEGREES = 7;
+const VISIBILITY_WINDOW = 3; // Render active card + 2 on each side
 
-// Only render visible items + buffer
-const VISIBLE_RANGE = 2; // Items on each side of active item
-
+// --- Interfaces remain the same ---
 interface CarouselItemOriginal {
   id: string;
   image: string;
   title?: string;
 }
-
 interface CarouselItemVirtual extends CarouselItemOriginal {
   uniqueId: string;
 }
-
 interface CarouselCardStackProps {
   data: CarouselItemOriginal[];
   cardHeight?: number;
@@ -51,7 +47,6 @@ const createVirtualData = (
   originalData: CarouselItemOriginal[]
 ): CarouselItemVirtual[] => {
   if (!originalData || originalData.length === 0) return [];
-
   const prefixItems = (
     items: CarouselItemOriginal[],
     segmentPrefix: string
@@ -60,195 +55,178 @@ const createVirtualData = (
       ...item,
       uniqueId: `${segmentPrefix}-${item.id}-${idx}`,
     }));
-
   const prevSegment = prefixItems(originalData, "prev");
   const currSegment = prefixItems(originalData, "curr");
   const nextSegment = prefixItems(originalData, "next");
-
   return [...prevSegment, ...currSegment, ...nextSegment];
 };
 
-// Memoized card component
-const CarouselCard = React.memo<{
-  item: CarouselItemVirtual;
-  index: number;
-  activeIndex: Animated.SharedValue<number>;
-  gestureTranslateX: Animated.SharedValue<number>;
-  cardWidth: number;
-  cardHeight: number;
-  virtualDataLength: number;
-}>(({ item, index, activeIndex, gestureTranslateX, cardWidth, cardHeight, virtualDataLength }) => {
-  const animatedStyle = useAnimatedStyle(() => {
-    const currentCardDragOffset = gestureTranslateX.value / cardWidth;
-    const displayOffset = index - (activeIndex.value - currentCardDragOffset);
+const CarouselCard = React.memo(
+  ({
+    item,
+    index,
+    activeIndex,
+    gestureTranslateX,
+    cardWidth,
+    cardHeight,
+    virtualDataLength,
+  }: {
+    item: CarouselItemVirtual;
+    index: number;
+    activeIndex: Animated.SharedValue<number>;
+    gestureTranslateX: Animated.SharedValue<number>;
+    cardWidth: number;
+    cardHeight: number;
+    virtualDataLength: number;
+  }) => {
+    const animatedStyle = useAnimatedStyle(() => {
+      const currentCardDragOffset = gestureTranslateX.value / cardWidth;
+      const displayOffset =
+        index - (activeIndex.value - currentCardDragOffset);
+
+      // --- THE CORE CHANGE IS HERE ---
+      // Check if the card is within our visibility window on the UI thread.
+      const isVisible = Math.abs(displayOffset) < VISIBILITY_WINDOW;
+
+      // If not visible, we don't need to calculate transforms.
+      // `display: 'none'` is highly performant as it removes the item from the layout.
+      if (!isVisible) {
+        return { display: "none" };
+      }
+
+      // Calculations now only run for visible cards
+      const scale = interpolate(
+        displayOffset,
+        [-1, 0, 1],
+        [SIDE_CARD_SCALE_FACTOR, ACTIVE_CARD_SCALE, SIDE_CARD_SCALE_FACTOR],
+        Extrapolation.CLAMP
+      );
+      const translateX = interpolate(
+        displayOffset,
+        [-1, 0, 1],
+        [-SIDE_CARD_TRANSLATE_X, 0, SIDE_CARD_TRANSLATE_X],
+        Extrapolation.CLAMP
+      );
+      const rotation = interpolate(
+        displayOffset,
+        [-1, 0, 1],
+        [-SIDE_CARD_ROTATION_DEGREES, 0, SIDE_CARD_ROTATION_DEGREES],
+        Extrapolation.CLAMP
+      );
+      const opacity = interpolate(
+        Math.abs(displayOffset),
+        [0, 1, 2],
+        [1, 1, 0], // Fade out the outermost cards
+        Extrapolation.CLAMP
+      );
+      const snappedDisplayOffset = index - Math.round(activeIndex.value);
+      const zIndex = virtualDataLength - Math.abs(snappedDisplayOffset);
 
-    // Early return for items that are too far away to optimize performance
-    const absDisplayOffset = Math.abs(displayOffset);
-    if (absDisplayOffset > 2.5) {
       return {
-        opacity: 0,
-        transform: [{ translateX: 0 }, { scale: 0.8 }, { rotateZ: '0deg' }],
-        zIndex: 0,
+        display: "flex", // Ensure it's visible
+        transform: [{ translateX }, { scale }, { rotateZ: `${rotation}deg` }],
+        opacity,
+        zIndex,
       };
-    }
-    
-    const scale = interpolate(
-      displayOffset,
-      [-1, 0, 1],
-      [SIDE_CARD_SCALE_FACTOR, ACTIVE_CARD_SCALE, SIDE_CARD_SCALE_FACTOR],
-      Extrapolation.CLAMP
-    );
-
-    const translateX = interpolate(
-      displayOffset,
-      [-1, 0, 1],
-      [-SIDE_CARD_TRANSLATE_X, 0, SIDE_CARD_TRANSLATE_X],
-      Extrapolation.CLAMP
-    );
-
-    const rotation = interpolate(
-      displayOffset,
-      [-1, 0, 1],
-      [-SIDE_CARD_ROTATION_DEGREES, 0, SIDE_CARD_ROTATION_DEGREES],
-      Extrapolation.CLAMP
-    );
+    });
 
-    const opacity = interpolate(
-      absDisplayOffset,
-      [0, 1, 2, 2.75],
-      [1, 1, 0.6, 0],
-      Extrapolation.CLAMP
+    return (
+      <Animated.View
+        style={[
+          styles.card,
+          { width: cardWidth, height: cardHeight },
+          animatedStyle,
+        ]}
+      >
+        <Image
+          source={{ uri: item.image }}
+          style={styles.cardImage}
+          cachePolicy="memory-disk"
+          transition={250}
+        />
+        {item.title && (
+          <View style={styles.titleContainer}>
+            <Text style={styles.cardTitle}>{item.title}</Text>
+          </View>
+        )}
+      </Animated.View>
     );
+  }
+);
 
-    const snappedDisplayOffset = index - Math.round(activeIndex.value);
-    const zIndex = virtualDataLength - Math.abs(snappedDisplayOffset);
-
-    return {
-      transform: [{ translateX }, { scale }, { rotateZ: `${rotation}deg` }],
-      opacity,
-      zIndex,
-    };
-  }, [index, cardWidth, virtualDataLength]);
+CarouselCard.displayName = "CarouselCard"
 
-  return (
-    <Animated.View
-      style={[
-        styles.card,
-        { width: cardWidth, height: cardHeight },
-        animatedStyle,
-      ]}
-    >
-      <Image 
-        source={{ uri: item.image }} 
-        style={styles.cardImage}
-        resizeMode="cover"
-        fadeDuration={0}
-      />
-      {item.title && (
-        <View style={styles.titleContainer}>
-          <Text style={styles.cardTitle}>{item.title}</Text>
-        </View>
-      )}
-    </Animated.View>
-  );
-});
-
-const CarouselCardStack: React.FC<CarouselCardStackProps> = ({
+export const CarouselCardStack: React.FC<CarouselCardStackProps> = ({
   data: originalData,
   cardHeight = CARD_HEIGHT,
   cardWidth = CARD_WIDTH,
-  backgroundColor = "transparent"
+  backgroundColor = "transparent",
 }) => {
   const { theme } = useTheme();
   const N_original = originalData.length;
 
-  const virtualData = useMemo(
-    () => createVirtualData(originalData),
-    [originalData]
-  );
+  const virtualData = useMemo(() => createVirtualData(originalData), [originalData]);
 
   const activeIndex = useSharedValue(N_original > 0 ? N_original : 0);
   const gestureTranslateX = useSharedValue(0);
-  const contextX = useSharedValue(0);
 
   useEffect(() => {
     activeIndex.value = N_original > 0 ? N_original : 0;
     gestureTranslateX.value = 0;
   }, [N_original, activeIndex, gestureTranslateX]);
 
-  // Calculate visible items - moved outside of render
-  const visibleItems = useDerivedValue(() => {
-    const center = Math.round(activeIndex.value);
-    const start = Math.max(0, center - VISIBLE_RANGE);
-    const end = Math.min(virtualData.length - 1, center + VISIBLE_RANGE);
-    
-    return virtualData.slice(start, end + 1).map((item, sliceIndex) => ({
-      item,
-      originalIndex: start + sliceIndex
-    }));
-  });
-
-  useDerivedValue(() => {
+  const handleLoopReset = () => {
+    "worklet";
+    if (N_original === 0) return;
     const currentValue = Math.round(activeIndex.value);
-    
+    if (currentValue >= N_original * 2) {
+      activeIndex.value = currentValue - N_original;
+    } else if (currentValue < N_original) {
+      activeIndex.value = currentValue + N_original;
+    }
+  };
+  
+  useDerivedValue(() => {
     if (gestureTranslateX.value === 0) {
-      if (currentValue >= N_original * 2) {
-        activeIndex.value = currentValue - N_original;
-      } else if (currentValue < N_original) {
-        activeIndex.value = currentValue + N_original;
-      }
+      handleLoopReset();
     }
   });
 
   const panGesture = Gesture.Pan()
     .activeOffsetX([-10, 10])
-    .onBegin(() => {
-      contextX.value = gestureTranslateX.value;
-    })
     .onUpdate((event) => {
       gestureTranslateX.value = event.translationX;
     })
     .onEnd((event) => {
       if (virtualData.length === 0) return;
-
       const threshold = cardWidth / 3;
-      let newTargetVirtualIndex = activeIndex.value;
-
+      let newTargetVirtualIndex = Math.round(activeIndex.value);
       if (event.translationX < -threshold) {
-        newTargetVirtualIndex = activeIndex.value + 1;
+        newTargetVirtualIndex++;
       } else if (event.translationX > threshold) {
-        newTargetVirtualIndex = activeIndex.value - 1;
+        newTargetVirtualIndex--;
       }
-
-      newTargetVirtualIndex = Math.max(
-        0,
-        Math.min(newTargetVirtualIndex, virtualData.length - 1)
-      );
-
       activeIndex.value = withSpring(newTargetVirtualIndex, SPRING_CONFIG);
       gestureTranslateX.value = withSpring(0, SPRING_CONFIG);
-      contextX.value = 0;
     });
 
   const activeDotIndex = useDerivedValue(() => {
     if (N_original === 0) return 0;
-    const currentVal = Math.round(activeIndex.value);
-    return ((currentVal % N_original) + N_original) % N_original;
+    return (Math.round(activeIndex.value) % N_original + N_original) % N_original;
   });
 
-  if (virtualData.length === 0) {
-    return (
-      <View style={[styles.container, { height: cardHeight + 60 }]}>
-        <Text style={styles.emptyText}>No items to display</Text>
-      </View>
-    );
-  }
+  if (virtualData.length === 0) { /* ... */ }
 
   return (
-    <View style={[styles.container, { height: cardHeight + 60, backgroundColor }]}>
+    <View
+      style={[
+        styles.container,
+        { height: cardHeight + 60, backgroundColor: backgroundColor },
+      ]}
+    >
       <GestureDetector gesture={panGesture}>
         <Animated.View style={[styles.cardContainer, { height: cardHeight }]}>
-          {/* Render all items but optimize with early returns in animations */}
+          {/* We map over all data, but the logic inside CarouselCard handles visibility */}
           {virtualData.map((item, index) => (
             <CarouselCard
               key={item.uniqueId}
@@ -264,25 +242,22 @@ const CarouselCardStack: React.FC<CarouselCardStackProps> = ({
         </Animated.View>
       </GestureDetector>
 
+      {/* Pagination dots remain the same */}
       {N_original > 0 && (
-        <View style={styles.paginationContainer}>
-          {originalData.map((_, i) => {
-            const dotStyle = useAnimatedStyle(() => {
-              const isActive = activeDotIndex.value === i;
-              return {
-                width: withSpring(isActive ? 24 : 8, SPRING_CONFIG),
-                height: 8,
-                borderRadius: 4,
-                backgroundColor: isActive ? theme.primary : "#FFFFFF",
-                marginHorizontal: 4,
-                opacity: isActive ? 1 : 0.5,
-              };
-            });
-
-            return <Animated.View key={`dot-${i}`} style={dotStyle} />;
-          })}
-        </View>
-      )}
+         <View style={styles.paginationContainer}>
+           {originalData.map((_, i) => {
+             const isActiveDot = useDerivedValue(() => activeDotIndex.value === i);
+             const dotStyle = useAnimatedStyle(() => ({
+                 width: withSpring(isActiveDot.value ? 24 : 8, SPRING_CONFIG),
+                 height: 8,
+                 borderRadius: 4,
+                 backgroundColor: isActiveDot.value ? theme.primary : "#FFFFFF",
+                 marginHorizontal: 4,
+             }));
+             return <Animated.View key={`dot-${i}`} style={dotStyle} />;
+           })}
+         </View>
+       )}
     </View>
   );
 };
@@ -306,7 +281,6 @@ const styles = StyleSheet.create({
   cardImage: {
     width: "100%",
     height: "100%",
-    resizeMode: "cover",
   },
   titleContainer: {
     position: "absolute",