motorinc-gallery-picker-pro 1.0.0

package/src/components/PhotoAssetImage.tsx

@@ -0,0 +1,121 @@
+import React, {useState, useEffect} from 'react';
+import {
+  Image,
+  ImageProps,
+  ActivityIndicator,
+  View,
+  StyleSheet,
+  Dimensions,
+} from 'react-native';
+import ImagePickerModule from '../modules/ImagePickerModule';
+const {width: screenWidth} = Dimensions.get('window');
+
+interface PhotoAssetImageProps extends Omit<ImageProps, 'source'> {
+  uri: string;
+  width?: number;
+  height?: number;
+}
+
+const PhotoAssetImage: React.FC<PhotoAssetImageProps> = ({
+  uri,
+  width = screenWidth,
+  height = screenWidth,
+  style,
+  ...props
+}) => {
+  const [imageUri, setImageUri] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
+
+  useEffect(() => {
+    const loadImage = async () => {
+      if (uri.startsWith('ph://')) {
+        // iOS placeholder URI - need to get actual image
+        const assetId = uri.replace('ph://', '');
+        try {
+          setLoading(true);
+          const actualUri = await ImagePickerModule.getImageForAsset(
+            assetId,
+            width,
+            height,
+          );
+          setImageUri(actualUri);
+          setError(false);
+        } catch (err) {
+          console.error('Failed to load image for asset:', assetId, err);
+          setError(true);
+        } finally {
+          setLoading(false);
+        }
+      } else if (uri.startsWith('android://')) {
+        // Android placeholder URI - need to get actual image
+        const assetId = uri.replace('android://', '');
+        try {
+          setLoading(true);
+          const actualUri = await ImagePickerModule.getImageForAsset(
+            assetId,
+            width,
+            height,
+          );
+          setImageUri(actualUri);
+          setError(false);
+        } catch (err) {
+          console.error('Failed to load image for asset:', assetId, err);
+          setError(true);
+        } finally {
+          setLoading(false);
+        }
+      } else if (uri.startsWith('content://')) {
+        // Android content URI - can be used directly by React Native Image
+        setImageUri(uri);
+        setLoading(false);
+        setError(false);
+      } else {
+        // Regular file URI, use directly
+        setImageUri(uri);
+        setLoading(false);
+        setError(false);
+      }
+    };
+
+    loadImage();
+  }, [uri, width, height]);
+
+  if (loading) {
+    return (
+      <View style={[styles.loadingContainer, style]}>
+        <ActivityIndicator size="small" color="#f4f4f4" />
+      </View>
+    );
+  }
+
+  if (error || !imageUri) {
+    return (
+      <View style={[styles.errorContainer, style]}>
+        {/* Empty placeholder for failed images */}
+      </View>
+    );
+  }
+
+  return (
+    <Image
+      {...props}
+      source={{uri: imageUri}}
+      style={style}
+      onError={() => setError(true)}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  loadingContainer: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#000',
+  },
+  errorContainer: {
+    backgroundColor: '#000',
+  },
+});
+
+export default PhotoAssetImage;

package/src/modules/ImagePickerModule.ts

@@ -0,0 +1,117 @@
+import { NativeModules, Platform } from 'react-native';
+
+const LINKING_ERROR =
+  'The package \'ImagePickerModule\' doesn\'t seem to be linked. Make sure: \n\n' +
+  Platform.select({ ios: "- You have run 'cd ios && pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+interface ImagePickerModuleInterface {
+  openCamera(options: ImagePickerOptions): Promise<ImagePickerResult>;
+  openGallery(options: ImagePickerOptions): Promise<ImagePickerResult>;
+  requestCameraPermission(): Promise<boolean>;
+  requestGalleryPermission(): Promise<boolean>;
+  getPhotoLibraryPermissionStatus(): Promise<PermissionStatus>;
+  fetchPhotoLibraryAssets(options: GalleryFetchOptions): Promise<GalleryResult>;
+  getImageForAsset(assetId: string, targetWidth?: number, targetHeight?: number): Promise<string>;
+  openPhotoLibraryLimitedPicker(): Promise<boolean>;
+  openPhotoLibraryLimitedSettings(): Promise<boolean>;
+  setLimitedAccessMode(limited: boolean): Promise<boolean>;
+  managePhotoSelection(): Promise<boolean>;
+  openMultiSelectGallery(options: MultiSelectOptions): Promise<MultiSelectResult>;
+  debugPermissionsAndMediaStore(): Promise<any>;
+  testVideoQuery(): Promise<any>;
+  simpleVideoTest(): Promise<any>;
+  testSystemVideoPicker(): Promise<any>;
+  getVideoBase64(videoUri: string): Promise<string>;
+}
+
+export interface MultiSelectOptions {
+  maxSelectionLimit?: number;
+  quality?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  includeBase64?: boolean;
+  mediaType?: MediaType;
+}
+
+export interface ImagePickerOptions {
+  quality?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  allowsEditing?: boolean;
+}
+
+export interface ImagePickerResult {
+  success: boolean;
+  uri?: string;
+  fileName?: string;
+  fileSize?: number;
+  width?: number;
+  height?: number;
+  type?: string;
+  error?: string;
+}
+
+export type PermissionStatus =
+  | 'authorized'
+  | 'limited'
+  | 'denied'
+  | 'restricted'
+  | 'not_determined';
+
+export type MediaType = 'photo' | 'video' | 'mixed';
+
+export interface GalleryFetchOptions {
+  limit?: number;
+  offset?: number;
+  mediaType?: MediaType;
+}
+
+export interface PhotoAsset {
+  uri: string;
+  id: string;
+  filename?: string;
+  width: number;
+  height: number;
+  creationDate: number;
+  mediaType?: 'image' | 'video';
+  duration?: number;
+}
+
+export interface GalleryResult {
+  assets: PhotoAsset[];
+  hasMore: boolean;
+  totalCount: number;
+}
+
+export interface SelectedImage {
+  uri: string;
+  fileName: string;
+  fileSize: number;
+  width: number;
+  height: number;
+  type: string;
+  id: string;
+  base64?: string;
+}
+
+export interface MultiSelectResult {
+  success: boolean;
+  images?: SelectedImage[];
+  count?: number;
+  error?: string;
+}
+
+const ImagePickerModule = NativeModules.ImagePickerModule
+  ? NativeModules.ImagePickerModule
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    ) as ImagePickerModuleInterface;
+
+export default ImagePickerModule;