@gyjshow/react-native-image-viewing 1.0.0

package/dist/utils.js

@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { Animated, PanResponder, } from "react-native";
+export const createCache = (cacheSize) => ({
+    _storage: [],
+    get(key) {
+        const { value } = this._storage.find(({ key: storageKey }) => storageKey === key) || {};
+        return value;
+    },
+    set(key, value) {
+        if (this._storage.length >= cacheSize) {
+            this._storage.shift();
+        }
+        this._storage.push({ key, value });
+    },
+});
+export const splitArrayIntoBatches = (arr, batchSize) => arr.reduce((result, item) => {
+    const batch = result.pop() || [];
+    if (batch.length < batchSize) {
+        batch.push(item);
+        result.push(batch);
+    }
+    else {
+        result.push(batch, [item]);
+    }
+    return result;
+}, []);
+export const getImageTransform = (image, screen) => {
+    if (!(image === null || image === void 0 ? void 0 : image.width) || !(image === null || image === void 0 ? void 0 : image.height)) {
+        return [];
+    }
+    const wScale = screen.width / image.width;
+    const hScale = screen.height / image.height;
+    const scale = Math.min(wScale, hScale);
+    const { x, y } = getImageTranslate(image, screen);
+    return [{ x, y }, scale];
+};
+export const getImageStyles = (image, translate, scale) => {
+    if (!(image === null || image === void 0 ? void 0 : image.width) || !(image === null || image === void 0 ? void 0 : image.height)) {
+        return { width: 0, height: 0 };
+    }
+    const transform = [];
+    if (scale) {
+        transform.push({ scale }, { perspective: new Animated.Value(1000) });
+    }
+    return {
+        width: image.width,
+        height: image.height,
+        transform,
+    };
+};
+export const getImageTranslate = (image, screen) => {
+    const getTranslateForAxis = (axis) => {
+        const imageSize = axis === "x" ? image.width : image.height;
+        const screenSize = axis === "x" ? screen.width : screen.height;
+        return (screenSize - imageSize) / 2;
+    };
+    return {
+        x: getTranslateForAxis("x"),
+        y: getTranslateForAxis("y"),
+    };
+};
+export const getImageDimensionsByTranslate = (translate, screen) => ({
+    width: screen.width - translate.x * 2,
+    height: screen.height - translate.y * 2,
+});
+export const getImageTranslateForScale = (currentTranslate, targetScale, screen) => {
+    const { width, height } = getImageDimensionsByTranslate(currentTranslate, screen);
+    const targetImageDimensions = {
+        width: width * targetScale,
+        height: height * targetScale,
+    };
+    return getImageTranslate(targetImageDimensions, screen);
+};
+export const createPanResponder = ({ onGrant, onStart, onMove, onRelease, onTerminate, }) => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onStartShouldSetPanResponderCapture: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponderCapture: () => true,
+    onPanResponderGrant: onGrant,
+    onPanResponderStart: onStart,
+    onPanResponderMove: onMove,
+    onPanResponderRelease: onRelease,
+    onPanResponderTerminate: onTerminate,
+    onPanResponderTerminationRequest: () => false,
+    onShouldBlockNativeResponder: () => false,
+});
+export const getDistanceBetweenTouches = (touches) => {
+    const [a, b] = touches;
+    if (a == null || b == null) {
+        return 0;
+    }
+    return Math.sqrt(Math.pow(a.pageX - b.pageX, 2) + Math.pow(a.pageY - b.pageY, 2));
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@gyjshow/react-native-image-viewing",
+  "version": "1.0.0",
+  "description": "\"Enhanced image viewing component for React Native (Fork of react-native-image-viewing)",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AllenGe/react-native-image-viewing.git"
+  },
+  "keywords": [
+    "react",
+    "react-native",
+    "image",
+    "gallery",
+    "image-gallery",
+    "image-viewer"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "postversion": "npm build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.72.0"
+  },
+  "files": [
+    "dist",
+    "readme.md",
+    "package.json"
+  ],
+  "author": "Anton Kalinin",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/AllenGe/react-native-image-viewing/issues"
+  },
+  "homepage": "https://github.com/AllenGe/react-native-image-viewing#readme",
+  "devDependencies": {
+    "@babel/runtime": "^7.25.0",
+    "@types/react": "19.2.0",
+    "react": "19.2.0",
+    "react-native": "0.83.1",
+    "typescript": "^5.8.3"
+  }
+}