react-native-gesture-image-viewer 0.2.0 → 0.3.1

package/lib/module/GestureImageViewer.js

@@ -1,9 +1,10 @@
 "use strict";
 
-import { useCallback, useMemo } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { FlatList, Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
 import Animated from 'react-native-reanimated';
+import { registry } from "./ImageViewerRegistry.js";
 import { useGestureImageViewer } from "./useGestureImageViewer.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const WebPagingFix = () => {
@@ -15,6 +16,7 @@ const WebPagingFix = () => {
   });
 };
 export function GestureImageViewer({
+  id = 'default',
   data,
   renderImage,
   renderContainer,
@@ -40,6 +42,7 @@ export function GestureImageViewer({
     animatedStyle,
     backdropStyle
   } = useGestureImageViewer({
+    id,
     data,
     width,
     initialIndex,
@@ -69,6 +72,10 @@ export function GestureImageViewer({
   const gesture = useMemo(() => {
     return Gesture.Race(dismissGesture, zoomGesture);
   }, [zoomGesture, dismissGesture]);
+  useEffect(() => {
+    registry.createManager(id);
+    return () => registry.deleteManager(id);
+  }, [id]);
   const listComponent = /*#__PURE__*/_jsx(GestureHandlerRootView, {
     children: /*#__PURE__*/_jsx(GestureDetector, {
       gesture: gesture,

package/lib/module/GestureImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","Platform","StyleSheet","useWindowDimensions","View","FlatList","Gesture","GestureDetector","GestureHandlerRootView","Animated","useGestureImageViewer","jsx","_jsx","jsxs","_jsxs","WebPagingFix","OS","children","GestureImageViewer","data","renderImage","renderContainer","ListComponent","width","customWidth","listProps","backdropStyle","backdropStyleProps","containerStyle","initialIndex","props","screenWidth","currentIndex","flatListRef","isZoomed","dismissGesture","zoomGesture","onMomentumScrollEnd","animatedStyle","renderItem","item","index","isActive","style","height","justifyContent","alignItems","getItemLayout","_","length","offset","keyExtractor","gesture","Race","listComponent","styles","container","background","content","ref","horizontal","pagingEnabled","scrollEnabled","showsHorizontalScrollIndicator","initialScrollIndex","windowSize","maxToRenderPerBatch","removeClippedSubviews","dataSet","create","flex","position","top","left","right","bottom","backgroundColor"],"sourceRoot":"../../src","sources":["GestureImageViewer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","Platform","StyleSheet","useWindowDimensions","View","FlatList","Gesture","GestureDetector","GestureHandlerRootView","Animated","registry","useGestureImageViewer","jsx","_jsx","jsxs","_jsxs","WebPagingFix","OS","children","GestureImageViewer","id","data","renderImage","renderContainer","ListComponent","width","customWidth","listProps","backdropStyle","backdropStyleProps","containerStyle","initialIndex","props","screenWidth","currentIndex","flatListRef","isZoomed","dismissGesture","zoomGesture","onMomentumScrollEnd","animatedStyle","renderItem","item","index","isActive","style","height","justifyContent","alignItems","getItemLayout","_","length","offset","keyExtractor","gesture","Race","createManager","deleteManager","listComponent","styles","container","background","content","ref","horizontal","pagingEnabled","scrollEnabled","showsHorizontalScrollIndicator","initialScrollIndex","windowSize","maxToRenderPerBatch","removeClippedSubviews","dataSet","create","flex","position","top","left","right","bottom","backgroundColor"],"sourceRoot":"../../src","sources":["GestureImageViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ImageViewerManager.js

@@ -0,0 +1,78 @@
+"use strict";
+
+class ImageViewerManager {
+  currentIndex = 0;
+  dataLength = 0;
+  flatListRef = null;
+  enableSwipeGesture = true;
+  listeners = new Set();
+
+  // private updateState(newState: Partial<any>) {
+  //   Object.assign(this, newState);
+  //   this.notifyListeners();
+  // }
+
+  notifyListeners() {
+    const state = this.getState();
+    this.listeners.forEach(listener => listener(state));
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  getState() {
+    return {
+      currentIndex: this.currentIndex,
+      dataLength: this.dataLength
+    };
+  }
+  setFlatListRef(ref) {
+    this.flatListRef = ref;
+  }
+  setDataLength(length) {
+    this.dataLength = length;
+  }
+  setEnableSwipeGesture(enabled) {
+    this.enableSwipeGesture = enabled;
+  }
+  setCurrentIndex(index) {
+    if (index !== this.currentIndex) {
+      this.currentIndex = index;
+    }
+  }
+  notifyStateChange() {
+    this.notifyListeners();
+  }
+  goToIndex = index => {
+    if (index < 0 || index >= this.dataLength || !this.enableSwipeGesture || !this.flatListRef) {
+      return;
+    }
+    this.currentIndex = index;
+    this.flatListRef.scrollToIndex({
+      index,
+      animated: true
+    });
+    this.notifyListeners();
+  };
+  goToPrevious = () => {
+    if (this.currentIndex > 0) {
+      this.goToIndex(this.currentIndex - 1);
+    }
+  };
+  goToNext = () => {
+    if (this.currentIndex < this.dataLength - 1) {
+      this.goToIndex(this.currentIndex + 1);
+    }
+  };
+  cleanUp() {
+    this.listeners.clear();
+    this.flatListRef = null;
+    this.enableSwipeGesture = true;
+    this.currentIndex = 0;
+    this.dataLength = 0;
+  }
+}
+export default ImageViewerManager;
+//# sourceMappingURL=ImageViewerManager.js.map

package/lib/module/ImageViewerManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ImageViewerManager","currentIndex","dataLength","flatListRef","enableSwipeGesture","listeners","Set","notifyListeners","state","getState","forEach","listener","subscribe","add","delete","setFlatListRef","ref","setDataLength","length","setEnableSwipeGesture","enabled","setCurrentIndex","index","notifyStateChange","goToIndex","scrollToIndex","animated","goToPrevious","goToNext","cleanUp","clear"],"sourceRoot":"../../src","sources":["ImageViewerManager.ts"],"mappings":";;AAKA,MAAMA,kBAAkB,CAAC;EACfC,YAAY,GAAG,CAAC;EAChBC,UAAU,GAAG,CAAC;EACdC,WAAW,GAAQ,IAAI;EACvBC,kBAAkB,GAAG,IAAI;EACzBC,SAAS,GAAG,IAAIC,GAAG,CAA2C,CAAC;;EAEvE;EACA;EACA;EACA;;EAEQC,eAAeA,CAAA,EAAG;IACxB,MAAMC,KAAK,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;IAE7B,IAAI,CAACJ,SAAS,CAACK,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAACH,KAAK,CAAC,CAAC;EACvD;EAEAI,SAASA,CAACD,QAAkD,EAAE;IAC5D,IAAI,CAACN,SAAS,CAACQ,GAAG,CAACF,QAAQ,CAAC;IAE5B,OAAO,MAAM;MACX,IAAI,CAACN,SAAS,CAACS,MAAM,CAACH,QAAQ,CAAC;IACjC,CAAC;EACH;EAEAF,QAAQA,CAAA,EAAG;IACT,OAAO;MACLR,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/BC,UAAU,EAAE,IAAI,CAACA;IACnB,CAAC;EACH;EAEAa,cAAcA,CAACC,GAAQ,EAAE;IACvB,IAAI,CAACb,WAAW,GAAGa,GAAG;EACxB;EAEAC,aAAaA,CAACC,MAAc,EAAE;IAC5B,IAAI,CAAChB,UAAU,GAAGgB,MAAM;EAC1B;EAEAC,qBAAqBA,CAACC,OAAgB,EAAE;IACtC,IAAI,CAAChB,kBAAkB,GAAGgB,OAAO;EACnC;EAEAC,eAAeA,CAACC,KAAa,EAAE;IAC7B,IAAIA,KAAK,KAAK,IAAI,CAACrB,YAAY,EAAE;MAC/B,IAAI,CAACA,YAAY,GAAGqB,KAAK;IAC3B;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAAChB,eAAe,CAAC,CAAC;EACxB;EAEAiB,SAAS,GAAIF,KAAa,IAAK;IAC7B,IAAIA,KAAK,GAAG,CAAC,IAAIA,KAAK,IAAI,IAAI,CAACpB,UAAU,IAAI,CAAC,IAAI,CAACE,kBAAkB,IAAI,CAAC,IAAI,CAACD,WAAW,EAAE;MAC1F;IACF;IAEA,IAAI,CAACF,YAAY,GAAGqB,KAAK;IACzB,IAAI,CAACnB,WAAW,CAACsB,aAAa,CAAC;MAAEH,KAAK;MAAEI,QAAQ,EAAE;IAAK,CAAC,CAAC;IACzD,IAAI,CAACnB,eAAe,CAAC,CAAC;EACxB,CAAC;EAEDoB,YAAY,GAAGA,CAAA,KAAM;IACnB,IAAI,IAAI,CAAC1B,YAAY,GAAG,CAAC,EAAE;MACzB,IAAI,CAACuB,SAAS,CAAC,IAAI,CAACvB,YAAY,GAAG,CAAC,CAAC;IACvC;EACF,CAAC;EAED2B,QAAQ,GAAGA,CAAA,KAAM;IACf,IAAI,IAAI,CAAC3B,YAAY,GAAG,IAAI,CAACC,UAAU,GAAG,CAAC,EAAE;MAC3C,IAAI,CAACsB,SAAS,CAAC,IAAI,CAACvB,YAAY,GAAG,CAAC,CAAC;IACvC;EACF,CAAC;EAED4B,OAAOA,CAAA,EAAG;IACR,IAAI,CAACxB,SAAS,CAACyB,KAAK,CAAC,CAAC;IACtB,IAAI,CAAC3B,WAAW,GAAG,IAAI;IACvB,IAAI,CAACC,kBAAkB,GAAG,IAAI;IAC9B,IAAI,CAACH,YAAY,GAAG,CAAC;IACrB,IAAI,CAACC,UAAU,GAAG,CAAC;EACrB;AACF;AAEA,eAAeF,kBAAkB","ignoreList":[]}

package/lib/module/ImageViewerRegistry.js

@@ -0,0 +1,50 @@
+"use strict";
+
+import ImageViewerManager from "./ImageViewerManager.js";
+class ImageViewerRegistry {
+  managers = new Map();
+  subscribers = new Map();
+  subscribeToManager(id, callback) {
+    if (!this.subscribers.has(id)) {
+      this.subscribers.set(id, new Set());
+    }
+    this.subscribers.get(id)?.add(callback);
+    const manager = this.managers.get(id) || null;
+    callback(manager);
+    return () => {
+      const subscribers = this.subscribers.get(id);
+      subscribers?.delete(callback);
+      if (subscribers && subscribers.size === 0) {
+        this.subscribers.delete(id);
+      }
+    };
+  }
+  createManager(id) {
+    if (this.managers.has(id)) {
+      return this.managers.get(id) || null;
+    }
+    const manager = new ImageViewerManager();
+    this.managers.set(id, manager);
+    this.notifySubscribers(id, manager);
+    return manager;
+  }
+  getManager(id) {
+    return this.managers.get(id) || null;
+  }
+  deleteManager(id) {
+    const manager = this.managers.get(id);
+    if (manager) {
+      manager.cleanUp();
+      this.managers.delete(id);
+      this.notifySubscribers(id, null);
+    }
+  }
+  notifySubscribers(id, manager) {
+    const listeners = this.subscribers.get(id);
+    if (listeners) {
+      [...listeners].forEach(callback => callback(manager));
+    }
+  }
+}
+export const registry = new ImageViewerRegistry();
+//# sourceMappingURL=ImageViewerRegistry.js.map

package/lib/module/ImageViewerRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ImageViewerManager","ImageViewerRegistry","managers","Map","subscribers","subscribeToManager","id","callback","has","set","Set","get","add","manager","delete","size","createManager","notifySubscribers","getManager","deleteManager","cleanUp","listeners","forEach","registry"],"sourceRoot":"../../src","sources":["ImageViewerRegistry.ts"],"mappings":";;AAAA,OAAOA,kBAAkB,MAAM,yBAAsB;AAErD,MAAMC,mBAAmB,CAAC;EAChBC,QAAQ,GAAG,IAAIC,GAAG,CAA6B,CAAC;EAChDC,WAAW,GAAG,IAAID,GAAG,CAA4D,CAAC;EAE1FE,kBAAkBA,CAACC,EAAU,EAAEC,QAAsD,EAAE;IACrF,IAAI,CAAC,IAAI,CAACH,WAAW,CAACI,GAAG,CAACF,EAAE,CAAC,EAAE;MAC7B,IAAI,CAACF,WAAW,CAACK,GAAG,CAACH,EAAE,EAAE,IAAII,GAAG,CAAC,CAAC,CAAC;IACrC;IAEA,IAAI,CAACN,WAAW,CAACO,GAAG,CAACL,EAAE,CAAC,EAAEM,GAAG,CAACL,QAAQ,CAAC;IAEvC,MAAMM,OAAO,GAAG,IAAI,CAACX,QAAQ,CAACS,GAAG,CAACL,EAAE,CAAC,IAAI,IAAI;IAE7CC,QAAQ,CAACM,OAAO,CAAC;IAEjB,OAAO,MAAM;MACX,MAAMT,WAAW,GAAG,IAAI,CAACA,WAAW,CAACO,GAAG,CAACL,EAAE,CAAC;MAE5CF,WAAW,EAAEU,MAAM,CAACP,QAAQ,CAAC;MAE7B,IAAIH,WAAW,IAAIA,WAAW,CAACW,IAAI,KAAK,CAAC,EAAE;QACzC,IAAI,CAACX,WAAW,CAACU,MAAM,CAACR,EAAE,CAAC;MAC7B;IACF,CAAC;EACH;EAEAU,aAAaA,CAACV,EAAU,EAA6B;IACnD,IAAI,IAAI,CAACJ,QAAQ,CAACM,GAAG,CAACF,EAAE,CAAC,EAAE;MACzB,OAAO,IAAI,CAACJ,QAAQ,CAACS,GAAG,CAACL,EAAE,CAAC,IAAI,IAAI;IACtC;IAEA,MAAMO,OAAO,GAAG,IAAIb,kBAAkB,CAAC,CAAC;IACxC,IAAI,CAACE,QAAQ,CAACO,GAAG,CAACH,EAAE,EAAEO,OAAO,CAAC;IAE9B,IAAI,CAACI,iBAAiB,CAACX,EAAE,EAAEO,OAAO,CAAC;IAEnC,OAAOA,OAAO;EAChB;EAEAK,UAAUA,CAACZ,EAAU,EAA6B;IAChD,OAAO,IAAI,CAACJ,QAAQ,CAACS,GAAG,CAACL,EAAE,CAAC,IAAI,IAAI;EACtC;EAEAa,aAAaA,CAACb,EAAU,EAAE;IACxB,MAAMO,OAAO,GAAG,IAAI,CAACX,QAAQ,CAACS,GAAG,CAACL,EAAE,CAAC;IAErC,IAAIO,OAAO,EAAE;MACXA,OAAO,CAACO,OAAO,CAAC,CAAC;MACjB,IAAI,CAAClB,QAAQ,CAACY,MAAM,CAACR,EAAE,CAAC;MAExB,IAAI,CAACW,iBAAiB,CAACX,EAAE,EAAE,IAAI,CAAC;IAClC;EACF;EAEAW,iBAAiBA,CAACX,EAAU,EAAEO,OAAkC,EAAE;IAChE,MAAMQ,SAAS,GAAG,IAAI,CAACjB,WAAW,CAACO,GAAG,CAACL,EAAE,CAAC;IAE1C,IAAIe,SAAS,EAAE;MACb,CAAC,GAAGA,SAAS,CAAC,CAACC,OAAO,CAAEf,QAAQ,IAAKA,QAAQ,CAACM,OAAO,CAAC,CAAC;IACzD;EACF;AACF;AAEA,OAAO,MAAMU,QAAQ,GAAG,IAAItB,mBAAmB,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 export { GestureImageViewer } from "./GestureImageViewer.js";
+export { useImageViewerController } from "./useImageViewerController.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GestureImageViewer"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAsB","ignoreList":[]}
+{"version":3,"names":["GestureImageViewer","useImageViewerController"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAsB;AAEzD,SAASC,wBAAwB,QAAQ,+BAA4B","ignoreList":[]}

package/lib/module/useGestureImageViewer.js

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { InteractionManager, useWindowDimensions } from 'react-native';
 import { Gesture } from 'react-native-gesture-handler';
 import { Easing, interpolate, runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
+import { registry } from "./ImageViewerRegistry.js";
 export const useGestureImageViewer = ({
   data,
   initialIndex = 0,
@@ -20,15 +21,18 @@ export const useGestureImageViewer = ({
   enableZoomGesture = true,
   enableDoubleTapGesture = true,
   enableZoomPanGesture = true,
-  maxZoomScale = 2
+  maxZoomScale = 2,
+  id = 'default'
 }) => {
   const {
     width: screenWidth,
     height: screenHeight
   } = useWindowDimensions();
   const width = customWidth || screenWidth;
-  const [currentIndex, setCurrentIndex] = useState(initialIndex);
   const [isZoomed, setIsZoomed] = useState(false);
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+  const [manager, setManager] = useState(null);
+  const unsubscribeRef = useRef(null);
   const initialTranslateY = useSharedValue(0);
   const initialTranslateX = useSharedValue(0);
   const startScale = useSharedValue(1);
@@ -41,10 +45,45 @@ export const useGestureImageViewer = ({
   useAnimatedReaction(() => scale.value, currentScale => {
     runOnJS(setIsZoomed)(currentScale > 1);
   });
-
-  // 초기 위치 설정
   useEffect(() => {
-    setCurrentIndex(initialIndex);
+    const handleManagerChange = manager => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = null;
+      setManager(manager);
+      if (manager) {
+        setCurrentIndex(manager.getState().currentIndex);
+        unsubscribeRef.current = manager.subscribe(state => {
+          setCurrentIndex(state.currentIndex);
+        });
+        return;
+      }
+      setCurrentIndex(0);
+    };
+    const unsubscribeFromRegistry = registry.subscribeToManager(id, handleManagerChange);
+    return () => {
+      unsubscribeFromRegistry();
+      unsubscribeRef.current?.();
+    };
+  }, [id]);
+  useEffect(() => {
+    if (!manager) {
+      return;
+    }
+    manager.setDataLength(dataLength);
+    manager.setEnableSwipeGesture(enableSwipeGesture);
+    manager.setCurrentIndex(initialIndex);
+    manager.notifyStateChange();
+  }, [dataLength, enableSwipeGesture, initialIndex, manager]);
+  useEffect(() => {
+    if (!manager || !flatListRef.current) {
+      return;
+    }
+    manager.setFlatListRef(flatListRef.current);
+  }, [manager]);
+  useEffect(() => {
+    onIndexChange?.(currentIndex);
+  }, [currentIndex, onIndexChange]);
+  useEffect(() => {
     translateY.value = 0;
     translateX.value = 0;
     scale.value = 1;
@@ -53,8 +92,6 @@ export const useGestureImageViewer = ({
     if (initialIndex <= 0 || !flatListRef.current) {
       return;
     }
-
-    // FlatList 초기 위치 설정
     const runAfterInteractions = InteractionManager.runAfterInteractions(() => {
       flatListRef.current?.scrollToIndex({
         index: initialIndex,
@@ -65,13 +102,6 @@ export const useGestureImageViewer = ({
       runAfterInteractions?.cancel();
     };
   }, [initialIndex, translateY, backdropOpacity, translateX, scale, startScale]);
-
-  // 인덱스 변경 알림
-  useEffect(() => {
-    onIndexChange?.(currentIndex);
-  }, [currentIndex, onIndexChange]);
-
-  // FlatList 스크롤 핸들러
   const onMomentumScrollEnd = useCallback(event => {
     if (!enableSwipeGesture) {
       return;
@@ -79,7 +109,11 @@ export const useGestureImageViewer = ({
     const contentOffset = event.nativeEvent.contentOffset;
     const newIndex = Math.round(contentOffset.x / width);
     if (newIndex !== currentIndex && newIndex >= 0 && newIndex < dataLength) {
-      setCurrentIndex(newIndex);
+      if (manager) {
+        manager.setCurrentIndex(newIndex);
+        setCurrentIndex(newIndex);
+        manager.notifyStateChange();
+      }
       translateX.value = withTiming(0);
       translateY.value = withTiming(0);
       initialTranslateX.value = withTiming(0);
@@ -87,27 +121,7 @@ export const useGestureImageViewer = ({
       startScale.value = withTiming(1);
       scale.value = withTiming(1);
     }
-  }, [currentIndex, dataLength, width, enableSwipeGesture, translateX, translateY, scale, initialTranslateX, initialTranslateY, startScale]);
-  const goToIndex = useCallback(index => {
-    if (index < 0 || index >= dataLength || !enableSwipeGesture) {
-      return;
-    }
-    setCurrentIndex(index);
-    flatListRef.current?.scrollToIndex({
-      index,
-      animated: true
-    });
-  }, [dataLength, enableSwipeGesture]);
-  const goToPrevious = useCallback(() => {
-    if (currentIndex > 0) {
-      goToIndex(currentIndex - 1);
-    }
-  }, [currentIndex, goToIndex]);
-  const goToNext = useCallback(() => {
-    if (currentIndex < dataLength - 1) {
-      goToIndex(currentIndex + 1);
-    }
-  }, [currentIndex, dataLength, goToIndex]);
+  }, [manager, currentIndex, dataLength, width, enableSwipeGesture, translateX, translateY, scale, initialTranslateX, initialTranslateY, startScale]);
   const dismissGesture = useMemo(() => {
     return Gesture.Pan().minDistance(10).averageTouches(true).activeOffsetY([-10, 10]).failOffsetX([-10, 10]).enabled(!isZoomed).onUpdate(event => {
       translateY.value = event.translationY / resistance;
@@ -205,22 +219,14 @@ export const useGestureImageViewer = ({
     };
   }, [animateBackdrop]);
   return {
-    // State
     currentIndex,
     dataLength,
     translateY,
     flatListRef,
     isZoomed,
-    // Actions
-    goToPrevious,
-    goToNext,
-    goToIndex,
-    // Gesture
     dismissGesture,
     zoomGesture,
-    // FlatList handlers
     onMomentumScrollEnd,
-    // Animated styles
     animatedStyle,
     backdropStyle
   };

package/lib/module/useGestureImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","InteractionManager","useWindowDimensions","Gesture","Easing","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withSpring","withTiming","useGestureImageViewer","data","initialIndex","onIndexChange","onDismiss","width","customWidth","dismissThreshold","resistance","animateBackdrop","enableDismissGesture","enableSwipeGesture","enableZoomGesture","enableDoubleTapGesture","enableZoomPanGesture","maxZoomScale","screenWidth","height","screenHeight","currentIndex","setCurrentIndex","isZoomed","setIsZoomed","initialTranslateY","initialTranslateX","startScale","translateY","translateX","scale","backdropOpacity","flatListRef","dataLength","length","value","currentScale","current","runAfterInteractions","scrollToIndex","index","animated","cancel","onMomentumScrollEnd","event","contentOffset","nativeEvent","newIndex","Math","round","x","goToIndex","goToPrevious","goToNext","dismissGesture","Pan","minDistance","averageTouches","activeOffsetY","failOffsetX","enabled","onUpdate","translationY","onEnd","damping","stiffness","zoomPinchGesture","Pinch","onBegin","duration","easing","bezier","zoomPanGesture","maxTranslateX","maxTranslateY","max","min","translationX","doubleTapGesture","Tap","numberOfTaps","nextScale","zoomGesture","Simultaneous","animatedStyle","transform","backdropStyle","opacity"],"sourceRoot":"../../src","sources":["useGestureImageViewer.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","InteractionManager","useWindowDimensions","Gesture","Easing","interpolate","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","withSpring","withTiming","registry","useGestureImageViewer","data","initialIndex","onIndexChange","onDismiss","width","customWidth","dismissThreshold","resistance","animateBackdrop","enableDismissGesture","enableSwipeGesture","enableZoomGesture","enableDoubleTapGesture","enableZoomPanGesture","maxZoomScale","id","screenWidth","height","screenHeight","isZoomed","setIsZoomed","currentIndex","setCurrentIndex","manager","setManager","unsubscribeRef","initialTranslateY","initialTranslateX","startScale","translateY","translateX","scale","backdropOpacity","flatListRef","dataLength","length","value","currentScale","handleManagerChange","current","getState","subscribe","state","unsubscribeFromRegistry","subscribeToManager","setDataLength","setEnableSwipeGesture","notifyStateChange","setFlatListRef","runAfterInteractions","scrollToIndex","index","animated","cancel","onMomentumScrollEnd","event","contentOffset","nativeEvent","newIndex","Math","round","x","dismissGesture","Pan","minDistance","averageTouches","activeOffsetY","failOffsetX","enabled","onUpdate","translationY","onEnd","damping","stiffness","zoomPinchGesture","Pinch","onBegin","duration","easing","bezier","zoomPanGesture","maxTranslateX","maxTranslateY","max","min","translationX","doubleTapGesture","Tap","numberOfTaps","nextScale","zoomGesture","Simultaneous","animatedStyle","transform","backdropStyle","opacity"],"sourceRoot":"../../src","sources":["useGestureImageViewer.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/useImageViewerController.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { registry } from "./ImageViewerRegistry.js";
+export const useImageViewerController = (id = 'default') => {
+  const [state, setState] = useState({
+    currentIndex: 0,
+    dataLength: 0
+  });
+  const [manager, setManager] = useState(null);
+  const unsubscribeRef = useRef(null);
+  useEffect(() => {
+    const handleManagerChange = newManager => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = null;
+      setManager(newManager);
+      if (newManager) {
+        setState(newManager.getState());
+        unsubscribeRef.current = newManager.subscribe(setState);
+        return;
+      }
+      setState({
+        currentIndex: 0,
+        dataLength: 0
+      });
+    };
+    const unsubscribeFromRegistry = registry.subscribeToManager(id, handleManagerChange);
+    return () => {
+      unsubscribeFromRegistry();
+      unsubscribeRef.current?.();
+    };
+  }, [id]);
+  const noopFunction = useMemo(() => () => {}, []);
+  return {
+    goToIndex: manager?.goToIndex || noopFunction,
+    goToPrevious: manager?.goToPrevious || noopFunction,
+    goToNext: manager?.goToNext || noopFunction,
+    currentIndex: state.currentIndex,
+    totalCount: state.dataLength
+  };
+};
+//# sourceMappingURL=useImageViewerController.js.map

package/lib/module/useImageViewerController.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","useState","registry","useImageViewerController","id","state","setState","currentIndex","dataLength","manager","setManager","unsubscribeRef","handleManagerChange","newManager","current","getState","subscribe","unsubscribeFromRegistry","subscribeToManager","noopFunction","goToIndex","goToPrevious","goToNext","totalCount"],"sourceRoot":"../../src","sources":["useImageViewerController.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAG5D,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,OAAO,MAAMC,wBAAwB,GAAGA,CAACC,EAAE,GAAG,SAAS,KAAK;EAC1D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGL,QAAQ,CAA0B;IAC1DM,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGT,QAAQ,CAA4B,IAAI,CAAC;EACvE,MAAMU,cAAc,GAAGX,MAAM,CAAsB,IAAI,CAAC;EAExDF,SAAS,CAAC,MAAM;IACd,MAAMc,mBAAmB,GAAIC,UAAqC,IAAK;MACrEF,cAAc,CAACG,OAAO,GAAG,CAAC;MAC1BH,cAAc,CAACG,OAAO,GAAG,IAAI;MAE7BJ,UAAU,CAACG,UAAU,CAAC;MAEtB,IAAIA,UAAU,EAAE;QACdP,QAAQ,CAACO,UAAU,CAACE,QAAQ,CAAC,CAAC,CAAC;QAC/BJ,cAAc,CAACG,OAAO,GAAGD,UAAU,CAACG,SAAS,CAACV,QAAQ,CAAC;QACvD;MACF;MAEAA,QAAQ,CAAC;QAAEC,YAAY,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAE,CAAC,CAAC;IAC9C,CAAC;IAED,MAAMS,uBAAuB,GAAGf,QAAQ,CAACgB,kBAAkB,CAACd,EAAE,EAAEQ,mBAAmB,CAAC;IAEpF,OAAO,MAAM;MACXK,uBAAuB,CAAC,CAAC;MACzBN,cAAc,CAACG,OAAO,GAAG,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACV,EAAE,CAAC,CAAC;EAER,MAAMe,YAAY,GAAGpB,OAAO,CAAC,MAAM,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;EAEhD,OAAO;IACLqB,SAAS,EAAEX,OAAO,EAAEW,SAAS,IAAID,YAAY;IAC7CE,YAAY,EAAEZ,OAAO,EAAEY,YAAY,IAAIF,YAAY;IACnDG,QAAQ,EAAEb,OAAO,EAAEa,QAAQ,IAAIH,YAAY;IAC3CZ,YAAY,EAAEF,KAAK,CAACE,YAAY;IAChCgB,UAAU,EAAElB,KAAK,CAACG;EACpB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/src/GestureImageViewer.d.ts

@@ -1,3 +1,3 @@
 import type { GestureImageViewerProps } from './types';
-export declare function GestureImageViewer<T = any>({ data, renderImage, renderContainer, ListComponent, width: customWidth, listProps, backdropStyle: backdropStyleProps, containerStyle, initialIndex, ...props }: GestureImageViewerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function GestureImageViewer<T = any>({ id, data, renderImage, renderContainer, ListComponent, width: customWidth, listProps, backdropStyle: backdropStyleProps, containerStyle, initialIndex, ...props }: GestureImageViewerProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GestureImageViewer.d.ts.map

package/lib/typescript/src/GestureImageViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GestureImageViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureImageViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAWvD,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,GAAG,EAAE,EAC1C,IAAI,EACJ,WAAW,EACX,eAAe,EACf,aAAwB,EACxB,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,aAAa,EAAE,kBAAkB,EACjC,cAAc,EACd,YAAgB,EAChB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA4F5B"}
+{"version":3,"file":"GestureImageViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureImageViewer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAWvD,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,GAAG,EAAE,EAC1C,EAAc,EACd,IAAI,EACJ,WAAW,EACX,eAAe,EACf,aAAwB,EACxB,KAAK,EAAE,WAAW,EAClB,SAAS,EACT,aAAa,EAAE,kBAAkB,EACjC,cAAc,EACd,YAAgB,EAChB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAmG5B"}

package/lib/typescript/src/ImageViewerManager.d.ts

@@ -0,0 +1,28 @@
+export type ImageViewerManagerState = {
+    currentIndex: number;
+    dataLength: number;
+};
+declare class ImageViewerManager {
+    private currentIndex;
+    private dataLength;
+    private flatListRef;
+    private enableSwipeGesture;
+    private listeners;
+    private notifyListeners;
+    subscribe(listener: (state: ImageViewerManagerState) => void): () => void;
+    getState(): {
+        currentIndex: number;
+        dataLength: number;
+    };
+    setFlatListRef(ref: any): void;
+    setDataLength(length: number): void;
+    setEnableSwipeGesture(enabled: boolean): void;
+    setCurrentIndex(index: number): void;
+    notifyStateChange(): void;
+    goToIndex: (index: number) => void;
+    goToPrevious: () => void;
+    goToNext: () => void;
+    cleanUp(): void;
+}
+export default ImageViewerManager;
+//# sourceMappingURL=ImageViewerManager.d.ts.map

package/lib/typescript/src/ImageViewerManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewerManager.d.ts","sourceRoot":"","sources":["../../../src/ImageViewerManager.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,cAAM,kBAAkB;IACtB,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAQ;IAClC,OAAO,CAAC,SAAS,CAAuD;IAOxE,OAAO,CAAC,eAAe;IAMvB,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI;IAQ5D,QAAQ;;;;IAOR,cAAc,CAAC,GAAG,EAAE,GAAG;IAIvB,aAAa,CAAC,MAAM,EAAE,MAAM;IAI5B,qBAAqB,CAAC,OAAO,EAAE,OAAO;IAItC,eAAe,CAAC,KAAK,EAAE,MAAM;IAM7B,iBAAiB;IAIjB,SAAS,GAAI,OAAO,MAAM,UAQxB;IAEF,YAAY,aAIV;IAEF,QAAQ,aAIN;IAEF,OAAO;CAOR;AAED,eAAe,kBAAkB,CAAC"}

package/lib/typescript/src/ImageViewerRegistry.d.ts

@@ -0,0 +1,13 @@
+import ImageViewerManager from './ImageViewerManager';
+declare class ImageViewerRegistry {
+    private managers;
+    private subscribers;
+    subscribeToManager(id: string, callback: (manager: ImageViewerManager | null) => void): () => void;
+    createManager(id: string): ImageViewerManager | null;
+    getManager(id: string): ImageViewerManager | null;
+    deleteManager(id: string): void;
+    notifySubscribers(id: string, manager: ImageViewerManager | null): void;
+}
+export declare const registry: ImageViewerRegistry;
+export {};
+//# sourceMappingURL=ImageViewerRegistry.d.ts.map

package/lib/typescript/src/ImageViewerRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageViewerRegistry.d.ts","sourceRoot":"","sources":["../../../src/ImageViewerRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,cAAM,mBAAmB;IACvB,OAAO,CAAC,QAAQ,CAAyC;IACzD,OAAO,CAAC,WAAW,CAAwE;IAE3F,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI;IAsBrF,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,kBAAkB,GAAG,IAAI;IAapD,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,kBAAkB,GAAG,IAAI;IAIjD,aAAa,CAAC,EAAE,EAAE,MAAM;IAWxB,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,GAAG,IAAI;CAOjE;AAED,eAAO,MAAM,QAAQ,qBAA4B,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,4 @@
 export { GestureImageViewer } from './GestureImageViewer';
 export type { GestureImageViewerProps } from './types';
+export { useImageViewerController } from './useImageViewerController';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -1,6 +1,7 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 export interface GestureImageViewerProps<T = any> {
+    id?: string;
     data: T[];
     initialIndex?: number;
     onIndexChange?: (index: number) => void;

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,GAAG;IAC9C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IACvE,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,YAAY,GAAG,UAAU,GAAG,IAAI,CAAC;CACjD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,GAAG;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IACvE,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,YAAY,GAAG,UAAU,GAAG,IAAI,CAAC;CACjD"}

package/lib/typescript/src/useGestureImageViewer.d.ts

@@ -1,15 +1,12 @@
 import { type NativeScrollEvent, type NativeSyntheticEvent } from 'react-native';
 import type { GestureImageViewerProps } from './types';
 type UseGestureImageViewerProps<T = any> = Omit<GestureImageViewerProps<T>, 'renderImage' | 'renderContainer' | 'ListComponent' | 'listProps' | 'containerStyle' | 'backdropStyle'>;
-export declare const useGestureImageViewer: <T = any>({ data, initialIndex, onIndexChange, onDismiss, width: customWidth, dismissThreshold, resistance, animateBackdrop, enableDismissGesture, enableSwipeGesture, enableZoomGesture, enableDoubleTapGesture, enableZoomPanGesture, maxZoomScale, }: UseGestureImageViewerProps<T>) => {
+export declare const useGestureImageViewer: <T = any>({ data, initialIndex, onIndexChange, onDismiss, width: customWidth, dismissThreshold, resistance, animateBackdrop, enableDismissGesture, enableSwipeGesture, enableZoomGesture, enableDoubleTapGesture, enableZoomPanGesture, maxZoomScale, id, }: UseGestureImageViewerProps<T>) => {
     currentIndex: number;
     dataLength: number;
     translateY: import("react-native-reanimated").SharedValue<number>;
     flatListRef: import("react").RefObject<any>;
     isZoomed: boolean;
-    goToPrevious: () => void;
-    goToNext: () => void;
-    goToIndex: (index: number) => void;
     dismissGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
     zoomGesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/gestureComposition").SimultaneousGesture;
     onMomentumScrollEnd: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;

package/lib/typescript/src/useGestureImageViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGestureImageViewer.d.ts","sourceRoot":"","sources":["../../../src/useGestureImageViewer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAE1B,MAAM,cAAc,CAAC;AAYtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,0BAA0B,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAC7C,uBAAuB,CAAC,CAAC,CAAC,EAC1B,aAAa,GAAG,iBAAiB,GAAG,eAAe,GAAG,WAAW,GAAG,gBAAgB,GAAG,eAAe,CACvG,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,CAAC,GAAG,GAAG,EAAE,+OAiB5C,0BAA0B,CAAC,CAAC,CAAC;;;;;;;;uBA6FpB,MAAM;;;iCAjCN,oBAAoB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;CAwNlD,CAAC"}
+{"version":3,"file":"useGestureImageViewer.d.ts","sourceRoot":"","sources":["../../../src/useGestureImageViewer.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EAE1B,MAAM,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,KAAK,0BAA0B,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAC7C,uBAAuB,CAAC,CAAC,CAAC,EAC1B,aAAa,GAAG,iBAAiB,GAAG,eAAe,GAAG,WAAW,GAAG,gBAAgB,GAAG,eAAe,CACvG,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,CAAC,GAAG,GAAG,EAAE,mPAkB5C,0BAA0B,CAAC,CAAC,CAAC;;;;;;;;iCAwGpB,oBAAoB,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;CA0LlD,CAAC"}

package/lib/typescript/src/useImageViewerController.d.ts

@@ -0,0 +1,8 @@
+export declare const useImageViewerController: (id?: string) => {
+    goToIndex: (index: number) => void;
+    goToPrevious: () => void;
+    goToNext: () => void;
+    currentIndex: number;
+    totalCount: number;
+};
+//# sourceMappingURL=useImageViewerController.d.ts.map

package/lib/typescript/src/useImageViewerController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageViewerController.d.ts","sourceRoot":"","sources":["../../../src/useImageViewerController.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,GAAI,WAAc;;;;;;CA0CtD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gesture-image-viewer",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "react-native-gesture-image-viewer",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/GestureImageViewer.tsx

@@ -1,7 +1,8 @@
-import { useCallback, useMemo } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { FlatList, Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
 import Animated from 'react-native-reanimated';
+import { registry } from './ImageViewerRegistry';
 import type { GestureImageViewerProps } from './types';
 import { useGestureImageViewer } from './useGestureImageViewer';
 
@@ -14,6 +15,7 @@ const WebPagingFix = () => {
 };
 
 export function GestureImageViewer<T = any>({
+  id = 'default',
   data,
   renderImage,
   renderContainer,
@@ -39,6 +41,7 @@ export function GestureImageViewer<T = any>({
     animatedStyle,
     backdropStyle,
   } = useGestureImageViewer({
+    id,
     data,
     width,
     initialIndex,
@@ -83,6 +86,12 @@ export function GestureImageViewer<T = any>({
     return Gesture.Race(dismissGesture, zoomGesture);
   }, [zoomGesture, dismissGesture]);
 
+  useEffect(() => {
+    registry.createManager(id);
+
+    return () => registry.deleteManager(id);
+  }, [id]);
+
   const listComponent = (
     <GestureHandlerRootView>
       <GestureDetector gesture={gesture}>

package/src/ImageViewerManager.ts

@@ -0,0 +1,92 @@
+export type ImageViewerManagerState = {
+  currentIndex: number;
+  dataLength: number;
+};
+
+class ImageViewerManager {
+  private currentIndex = 0;
+  private dataLength = 0;
+  private flatListRef: any = null;
+  private enableSwipeGesture = true;
+  private listeners = new Set<(state: ImageViewerManagerState) => void>();
+
+  // private updateState(newState: Partial<any>) {
+  //   Object.assign(this, newState);
+  //   this.notifyListeners();
+  // }
+
+  private notifyListeners() {
+    const state = this.getState();
+
+    this.listeners.forEach((listener) => listener(state));
+  }
+
+  subscribe(listener: (state: ImageViewerManagerState) => void) {
+    this.listeners.add(listener);
+
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  getState() {
+    return {
+      currentIndex: this.currentIndex,
+      dataLength: this.dataLength,
+    };
+  }
+
+  setFlatListRef(ref: any) {
+    this.flatListRef = ref;
+  }
+
+  setDataLength(length: number) {
+    this.dataLength = length;
+  }
+
+  setEnableSwipeGesture(enabled: boolean) {
+    this.enableSwipeGesture = enabled;
+  }
+
+  setCurrentIndex(index: number) {
+    if (index !== this.currentIndex) {
+      this.currentIndex = index;
+    }
+  }
+
+  notifyStateChange() {
+    this.notifyListeners();
+  }
+
+  goToIndex = (index: number) => {
+    if (index < 0 || index >= this.dataLength || !this.enableSwipeGesture || !this.flatListRef) {
+      return;
+    }
+
+    this.currentIndex = index;
+    this.flatListRef.scrollToIndex({ index, animated: true });
+    this.notifyListeners();
+  };
+
+  goToPrevious = () => {
+    if (this.currentIndex > 0) {
+      this.goToIndex(this.currentIndex - 1);
+    }
+  };
+
+  goToNext = () => {
+    if (this.currentIndex < this.dataLength - 1) {
+      this.goToIndex(this.currentIndex + 1);
+    }
+  };
+
+  cleanUp() {
+    this.listeners.clear();
+    this.flatListRef = null;
+    this.enableSwipeGesture = true;
+    this.currentIndex = 0;
+    this.dataLength = 0;
+  }
+}
+
+export default ImageViewerManager;

package/src/ImageViewerRegistry.ts

@@ -0,0 +1,66 @@
+import ImageViewerManager from './ImageViewerManager';
+
+class ImageViewerRegistry {
+  private managers = new Map<string, ImageViewerManager>();
+  private subscribers = new Map<string, Set<(manager: ImageViewerManager | null) => void>>();
+
+  subscribeToManager(id: string, callback: (manager: ImageViewerManager | null) => void) {
+    if (!this.subscribers.has(id)) {
+      this.subscribers.set(id, new Set());
+    }
+
+    this.subscribers.get(id)?.add(callback);
+
+    const manager = this.managers.get(id) || null;
+
+    callback(manager);
+
+    return () => {
+      const subscribers = this.subscribers.get(id);
+
+      subscribers?.delete(callback);
+
+      if (subscribers && subscribers.size === 0) {
+        this.subscribers.delete(id);
+      }
+    };
+  }
+
+  createManager(id: string): ImageViewerManager | null {
+    if (this.managers.has(id)) {
+      return this.managers.get(id) || null;
+    }
+
+    const manager = new ImageViewerManager();
+    this.managers.set(id, manager);
+
+    this.notifySubscribers(id, manager);
+
+    return manager;
+  }
+
+  getManager(id: string): ImageViewerManager | null {
+    return this.managers.get(id) || null;
+  }
+
+  deleteManager(id: string) {
+    const manager = this.managers.get(id);
+
+    if (manager) {
+      manager.cleanUp();
+      this.managers.delete(id);
+
+      this.notifySubscribers(id, null);
+    }
+  }
+
+  notifySubscribers(id: string, manager: ImageViewerManager | null) {
+    const listeners = this.subscribers.get(id);
+
+    if (listeners) {
+      [...listeners].forEach((callback) => callback(manager));
+    }
+  }
+}
+
+export const registry = new ImageViewerRegistry();

package/src/index.tsx

@@ -1,2 +1,3 @@
 export { GestureImageViewer } from './GestureImageViewer';
 export type { GestureImageViewerProps } from './types';
+export { useImageViewerController } from './useImageViewerController';

package/src/types.ts

@@ -2,6 +2,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 
 export interface GestureImageViewerProps<T = any> {
+  id?: string;
   data: T[];
   initialIndex?: number;
   onIndexChange?: (index: number) => void;

package/src/useGestureImageViewer.ts

@@ -16,6 +16,8 @@ import {
   withSpring,
   withTiming,
 } from 'react-native-reanimated';
+import type ImageViewerManager from './ImageViewerManager';
+import { registry } from './ImageViewerRegistry';
 import type { GestureImageViewerProps } from './types';
 
 type UseGestureImageViewerProps<T = any> = Omit<
@@ -40,13 +42,18 @@ export const useGestureImageViewer = <T = any>({
   enableDoubleTapGesture = true,
   enableZoomPanGesture = true,
   maxZoomScale = 2,
+  id = 'default',
 }: UseGestureImageViewerProps<T>) => {
   const { width: screenWidth, height: screenHeight } = useWindowDimensions();
   const width = customWidth || screenWidth;
 
-  const [currentIndex, setCurrentIndex] = useState(initialIndex);
   const [isZoomed, setIsZoomed] = useState(false);
 
+  const [currentIndex, setCurrentIndex] = useState(initialIndex);
+  const [manager, setManager] = useState<ImageViewerManager | null>(null);
+
+  const unsubscribeRef = useRef<(() => void) | null>(null);
+
   const initialTranslateY = useSharedValue(0);
   const initialTranslateX = useSharedValue(0);
   const startScale = useSharedValue(1);
@@ -67,9 +74,56 @@ export const useGestureImageViewer = <T = any>({
     },
   );
 
-  // 초기 위치 설정
   useEffect(() => {
-    setCurrentIndex(initialIndex);
+    const handleManagerChange = (manager: ImageViewerManager | null) => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = null;
+
+      setManager(manager);
+
+      if (manager) {
+        setCurrentIndex(manager.getState().currentIndex);
+        unsubscribeRef.current = manager.subscribe((state) => {
+          setCurrentIndex(state.currentIndex);
+        });
+        return;
+      }
+
+      setCurrentIndex(0);
+    };
+
+    const unsubscribeFromRegistry = registry.subscribeToManager(id, handleManagerChange);
+
+    return () => {
+      unsubscribeFromRegistry();
+      unsubscribeRef.current?.();
+    };
+  }, [id]);
+
+  useEffect(() => {
+    if (!manager) {
+      return;
+    }
+
+    manager.setDataLength(dataLength);
+    manager.setEnableSwipeGesture(enableSwipeGesture);
+    manager.setCurrentIndex(initialIndex);
+    manager.notifyStateChange();
+  }, [dataLength, enableSwipeGesture, initialIndex, manager]);
+
+  useEffect(() => {
+    if (!manager || !flatListRef.current) {
+      return;
+    }
+
+    manager.setFlatListRef(flatListRef.current);
+  }, [manager]);
+
+  useEffect(() => {
+    onIndexChange?.(currentIndex);
+  }, [currentIndex, onIndexChange]);
+
+  useEffect(() => {
     translateY.value = 0;
     translateX.value = 0;
     scale.value = 1;
@@ -80,7 +134,6 @@ export const useGestureImageViewer = <T = any>({
       return;
     }
 
-    // FlatList 초기 위치 설정
     const runAfterInteractions = InteractionManager.runAfterInteractions(() => {
       flatListRef.current?.scrollToIndex({
         index: initialIndex,
@@ -93,12 +146,6 @@ export const useGestureImageViewer = <T = any>({
     };
   }, [initialIndex, translateY, backdropOpacity, translateX, scale, startScale]);
 
-  // 인덱스 변경 알림
-  useEffect(() => {
-    onIndexChange?.(currentIndex);
-  }, [currentIndex, onIndexChange]);
-
-  // FlatList 스크롤 핸들러
   const onMomentumScrollEnd = useCallback(
     (event: NativeSyntheticEvent<NativeScrollEvent>) => {
       if (!enableSwipeGesture) {
@@ -109,7 +156,12 @@ export const useGestureImageViewer = <T = any>({
       const newIndex = Math.round(contentOffset.x / width);
 
       if (newIndex !== currentIndex && newIndex >= 0 && newIndex < dataLength) {
-        setCurrentIndex(newIndex);
+        if (manager) {
+          manager.setCurrentIndex(newIndex);
+          setCurrentIndex(newIndex);
+          manager.notifyStateChange();
+        }
+
         translateX.value = withTiming(0);
         translateY.value = withTiming(0);
         initialTranslateX.value = withTiming(0);
@@ -119,6 +171,7 @@ export const useGestureImageViewer = <T = any>({
       }
     },
     [
+      manager,
       currentIndex,
       dataLength,
       width,
@@ -132,33 +185,6 @@ export const useGestureImageViewer = <T = any>({
     ],
   );
 
-  const goToIndex = useCallback(
-    (index: number) => {
-      if (index < 0 || index >= dataLength || !enableSwipeGesture) {
-        return;
-      }
-
-      setCurrentIndex(index);
-      flatListRef.current?.scrollToIndex({
-        index,
-        animated: true,
-      });
-    },
-    [dataLength, enableSwipeGesture],
-  );
-
-  const goToPrevious = useCallback(() => {
-    if (currentIndex > 0) {
-      goToIndex(currentIndex - 1);
-    }
-  }, [currentIndex, goToIndex]);
-
-  const goToNext = useCallback(() => {
-    if (currentIndex < dataLength - 1) {
-      goToIndex(currentIndex + 1);
-    }
-  }, [currentIndex, dataLength, goToIndex]);
-
   const dismissGesture = useMemo(() => {
     return Gesture.Pan()
       .minDistance(10)
@@ -293,26 +319,17 @@ export const useGestureImageViewer = <T = any>({
   }, [animateBackdrop]);
 
   return {
-    // State
     currentIndex,
     dataLength,
     translateY,
     flatListRef,
     isZoomed,
 
-    // Actions
-    goToPrevious,
-    goToNext,
-    goToIndex,
-
-    // Gesture
     dismissGesture,
     zoomGesture,
 
-    // FlatList handlers
     onMomentumScrollEnd,
 
-    // Animated styles
     animatedStyle,
     backdropStyle,
   };

package/src/useImageViewerController.ts

@@ -0,0 +1,48 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import type ImageViewerManager from './ImageViewerManager';
+import type { ImageViewerManagerState } from './ImageViewerManager';
+import { registry } from './ImageViewerRegistry';
+
+export const useImageViewerController = (id = 'default') => {
+  const [state, setState] = useState<ImageViewerManagerState>({
+    currentIndex: 0,
+    dataLength: 0,
+  });
+
+  const [manager, setManager] = useState<ImageViewerManager | null>(null);
+  const unsubscribeRef = useRef<(() => void) | null>(null);
+
+  useEffect(() => {
+    const handleManagerChange = (newManager: ImageViewerManager | null) => {
+      unsubscribeRef.current?.();
+      unsubscribeRef.current = null;
+
+      setManager(newManager);
+
+      if (newManager) {
+        setState(newManager.getState());
+        unsubscribeRef.current = newManager.subscribe(setState);
+        return;
+      }
+
+      setState({ currentIndex: 0, dataLength: 0 });
+    };
+
+    const unsubscribeFromRegistry = registry.subscribeToManager(id, handleManagerChange);
+
+    return () => {
+      unsubscribeFromRegistry();
+      unsubscribeRef.current?.();
+    };
+  }, [id]);
+
+  const noopFunction = useMemo(() => () => {}, []);
+
+  return {
+    goToIndex: manager?.goToIndex || noopFunction,
+    goToPrevious: manager?.goToPrevious || noopFunction,
+    goToNext: manager?.goToNext || noopFunction,
+    currentIndex: state.currentIndex,
+    totalCount: state.dataLength,
+  };
+};