@hortemo/expo-photos 6.0.0 → 8.0.0

package/README.md

@@ -19,10 +19,25 @@ npm install @hortemo/expo-photos
 - `authorizationStatus(accessLevel: PHAccessLevel): Promise<PHAuthorizationStatus>`
 - `requestAuthorization(accessLevel: PHAccessLevel): Promise<PHAuthorizationStatus>`
 - `presentLimitedLibraryPicker(): Promise<void>`
-- `createPHImageSource(options: PHImageSourceOptions): ImageSourcePropType | undefined`
 
 ### Components
 
+#### PHImage
+
+A native image component that displays photos from the Photos library using `PHImageManager`.
+
+```tsx
+import { PHImage, PHImageContentMode } from "@hortemo/expo-photos";
+
+<PHImage
+  localIdentifier={asset.localIdentifier}
+  contentMode={PHImageContentMode.aspectFill}
+  resizeMode={PHImageRequestOptionsResizeMode.Fast}
+  deliveryMode={PHImageRequestOptionsDeliveryMode.HighQualityFormat}
+  style={{ width: 300, height: 300 }}
+/>
+```
+
 #### PHVideo
 
 A video player component that streams videos from the library.

package/build/PHImage.d.ts

@@ -0,0 +1,27 @@
+import { ViewProps } from "react-native";
+import { PHImageContentMode, PHImageRequestOptionsDeliveryMode, PHImageRequestOptionsResizeMode } from "./ExpoPhotos.types";
+export interface PHImageLoadEvent {
+    size: {
+        width: number;
+        height: number;
+    };
+    scale: number;
+}
+export interface PHImageErrorEvent {
+    message: string;
+}
+export interface PHImageProps extends ViewProps {
+    localIdentifier: string;
+    isNetworkAccessAllowed?: boolean;
+    deliveryMode?: PHImageRequestOptionsDeliveryMode;
+    resizeMode?: PHImageRequestOptionsResizeMode;
+    contentMode?: PHImageContentMode;
+    onLoad?: (event: {
+        nativeEvent: PHImageLoadEvent;
+    }) => void;
+    onError?: (event: {
+        nativeEvent: PHImageErrorEvent;
+    }) => void;
+}
+export declare function PHImage(props: PHImageProps): import("react").JSX.Element;
+//# sourceMappingURL=PHImage.d.ts.map

package/build/PHImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PHImage.d.ts","sourceRoot":"","sources":["../src/PHImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,kBAAkB,EAClB,iCAAiC,EACjC,+BAA+B,EAChC,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,iCAAiC,CAAC;IACjD,UAAU,CAAC,EAAE,+BAA+B,CAAC;IAC7C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,gBAAgB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,iBAAiB,CAAA;KAAE,KAAK,IAAI,CAAC;CAC/D;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C"}

package/build/PHImage.js

@@ -0,0 +1,6 @@
+import { requireNativeViewManager } from "expo-modules-core";
+const NativePHImageView = requireNativeViewManager("ExpoPhotos", "PHImageView");
+export function PHImage(props) {
+    return <NativePHImageView {...props}/>;
+}
+//# sourceMappingURL=PHImage.js.map

package/build/PHImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PHImage.js","sourceRoot":"","sources":["../src/PHImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AA2B7D,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAEhF,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1C,CAAC","sourcesContent":["import { requireNativeViewManager } from \"expo-modules-core\";\nimport { ViewProps } from \"react-native\";\nimport {\n  PHImageContentMode,\n  PHImageRequestOptionsDeliveryMode,\n  PHImageRequestOptionsResizeMode,\n} from \"./ExpoPhotos.types\";\n\nexport interface PHImageLoadEvent {\n  size: { width: number; height: number };\n  scale: number;\n}\n\nexport interface PHImageErrorEvent {\n  message: string;\n}\n\nexport interface PHImageProps extends ViewProps {\n  localIdentifier: string;\n  isNetworkAccessAllowed?: boolean;\n  deliveryMode?: PHImageRequestOptionsDeliveryMode;\n  resizeMode?: PHImageRequestOptionsResizeMode;\n  contentMode?: PHImageContentMode;\n  onLoad?: (event: { nativeEvent: PHImageLoadEvent }) => void;\n  onError?: (event: { nativeEvent: PHImageErrorEvent }) => void;\n}\n\nconst NativePHImageView = requireNativeViewManager(\"ExpoPhotos\", \"PHImageView\");\n\nexport function PHImage(props: PHImageProps) {\n  return <NativePHImageView {...props} />;\n}\n"]}

package/build/index.d.ts

@@ -1,7 +1,7 @@
 export { default } from "./ExpoPhotosModule";
 export * from "./ExpoPhotos.types";
-export { createPHImageSource } from "./PHImageSource";
-export type { PHImageSourceOptions } from "./PHImageSource";
+export { PHImage } from "./PHImage";
+export type { PHImageProps, PHImageLoadEvent, PHImageErrorEvent } from "./PHImage";
 export { PHVideo } from "./PHVideo";
 export type { PHVideoProps } from "./PHVideo";
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/build/index.js

@@ -1,5 +1,5 @@
 export { default } from "./ExpoPhotosModule";
 export * from "./ExpoPhotos.types";
-export { createPHImageSource } from "./PHImageSource";
+export { PHImage } from "./PHImage";
 export { PHVideo } from "./PHVideo";
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from \"./ExpoPhotosModule\";\nexport * from \"./ExpoPhotos.types\";\nexport { createPHImageSource } from \"./PHImageSource\";\nexport type { PHImageSourceOptions } from \"./PHImageSource\";\nexport { PHVideo } from \"./PHVideo\";\nexport type { PHVideoProps } from \"./PHVideo\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from \"./ExpoPhotosModule\";\nexport * from \"./ExpoPhotos.types\";\nexport { PHImage } from \"./PHImage\";\nexport type { PHImageProps, PHImageLoadEvent, PHImageErrorEvent } from \"./PHImage\";\nexport { PHVideo } from \"./PHVideo\";\nexport type { PHVideoProps } from \"./PHVideo\";\n"]}

package/ios/ExpoPhotos.podspec

@@ -14,11 +14,10 @@ Pod::Spec.new do |s|
   s.swift_version = '5.9'
   s.source       = { git: package['repository'] || 'https://github.com/hortemo/expo-photos' }
   s.static_framework = true
+  s.frameworks     = 'Photos','PhotosUI'
 
   s.dependency 'ExpoModulesCore'
-  s.dependency 'React-Core'
   s.dependency 'SDWebImageWebPCoder', '~> 0.14'
 
   s.source_files = '**/*.{h,m,swift}'
-  s.requires_arc = true
 end

package/ios/ExpoPhotosModule.swift

@@ -305,6 +305,30 @@ public final class ExpoPhotos: Module {
       }
     }
 
+    View(PHImageView.self) {
+      Prop("localIdentifier") { (view: PHImageView, localIdentifier: String?) in
+        view.localIdentifier = localIdentifier
+      }
+
+      Prop("isNetworkAccessAllowed") { (view: PHImageView, isNetworkAccessAllowed: Bool?) in
+        view.isNetworkAccessAllowed = isNetworkAccessAllowed ?? true
+      }
+
+      Prop("deliveryMode") { (view: PHImageView, deliveryMode: PHImageRequestOptionsDeliveryMode?) in
+        view.deliveryMode = deliveryMode ?? .opportunistic
+      }
+
+      Prop("resizeMode") { (view: PHImageView, resizeMode: PHImageRequestOptionsResizeMode?) in
+        view.resizeMode = resizeMode ?? .none
+      }
+
+      Prop("contentMode") { (view: PHImageView, contentMode: PHImageContentMode?) in
+        view.imageContentMode = contentMode ?? .aspectFill
+      }
+
+      Events("onLoad", "onError")
+    }
+
     View(PHVideoView.self) {
       Prop("localIdentifier") { (view: PHVideoView, localIdentifier: String?) in
         view.localIdentifier = localIdentifier

package/ios/PHImageView.swift

@@ -0,0 +1,137 @@
+import ExpoModulesCore
+import Photos
+import UIKit
+
+public final class PHImageView: ExpoView {
+  let onLoad = EventDispatcher()
+  let onError = EventDispatcher()
+
+  private var currentRequestId: PHImageRequestID?
+  private var imageView: UIImageView
+
+  var localIdentifier: String? {
+    didSet {
+      if localIdentifier != oldValue {
+        loadImage()
+      }
+    }
+  }
+
+  var isNetworkAccessAllowed: Bool = true {
+    didSet {
+      if isNetworkAccessAllowed != oldValue {
+        loadImage()
+      }
+    }
+  }
+
+  var deliveryMode: PHImageRequestOptionsDeliveryMode = .opportunistic {
+    didSet {
+      if deliveryMode != oldValue {
+        loadImage()
+      }
+    }
+  }
+
+  var resizeMode: PHImageRequestOptionsResizeMode = .none {
+    didSet {
+      if resizeMode != oldValue {
+        loadImage()
+      }
+    }
+  }
+
+  var imageContentMode: PHImageContentMode = .aspectFill {
+    didSet {
+      if imageContentMode != oldValue {
+        imageView.contentMode = imageContentMode == .aspectFit ? .scaleAspectFit : .scaleAspectFill
+        loadImage()
+      }
+    }
+  }
+
+  public required init(appContext: AppContext? = nil) {
+    imageView = UIImageView()
+    super.init(appContext: appContext)
+    imageView.clipsToBounds = true
+    imageView.contentMode = imageContentMode == .aspectFit ? .scaleAspectFit : .scaleAspectFill
+    addSubview(imageView)
+  }
+
+  public override func layoutSubviews() {
+    super.layoutSubviews()
+    imageView.frame = bounds
+    loadImage()
+  }
+
+  public override func willMove(toWindow newWindow: UIWindow?) {
+    super.willMove(toWindow: newWindow)
+    if newWindow == nil {
+      cleanup()
+    }
+  }
+
+  private func loadImage() {
+    cleanup()
+
+    guard let localIdentifier = localIdentifier else { return }
+    guard bounds.width > 0 && bounds.height > 0 else { return }
+
+    guard let asset = PHAsset.fetchAssets(withLocalIdentifiers: [localIdentifier], options: nil).firstObject else {
+      onError(["message": "Asset not found for identifier: \(localIdentifier)"])
+      return
+    }
+
+    let options = PHImageRequestOptions()
+    options.isNetworkAccessAllowed = isNetworkAccessAllowed
+    options.deliveryMode = deliveryMode
+    options.resizeMode = resizeMode
+
+    let scale = window?.screen.scale ?? UIScreen.main.scale
+    let targetSize = CGSize(width: bounds.width * scale, height: bounds.height * scale)
+
+    currentRequestId = PHImageManager.default().requestImage(
+      for: asset,
+      targetSize: targetSize,
+      contentMode: imageContentMode,
+      options: options
+    ) { [weak self] image, info in
+      guard let self = self else { return }
+
+      DispatchQueue.main.async {
+        let isCancelled = (info?[PHImageCancelledKey] as? NSNumber)?.boolValue ?? false
+        if isCancelled { return }
+
+        if let error = info?[PHImageErrorKey] as? Error {
+          self.onError(["message": error.localizedDescription])
+          return
+        }
+
+        guard let image = image else {
+          self.onError(["message": "Failed to load image"])
+          return
+        }
+
+        self.imageView.image = image
+
+        let isDegraded = (info?[PHImageResultIsDegradedKey] as? NSNumber)?.boolValue ?? false
+        if !isDegraded {
+          self.onLoad([
+            "size": [
+              "width": image.size.width,
+              "height": image.size.height,
+            ],
+            "scale": image.scale,
+          ])
+        }
+      }
+    }
+  }
+
+  private func cleanup() {
+    if let requestId = currentRequestId {
+      PHImageManager.default().cancelImageRequest(requestId)
+      currentRequestId = nil
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortemo/expo-photos",
-  "version": "6.0.0",
+  "version": "8.0.0",
   "description": "Expo module exposing advanced iOS Photos APIs.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -38,15 +38,5 @@
   "peerDependencies": {
     "expo": "*",
     "react-native": "*"
-  },
-  "codegenConfig": {
-    "name": "expo-photos",
-    "type": "modules",
-    "jsSrcsDir": "./src",
-    "ios": {
-      "modulesConformingToProtocol": {
-        "RCTImageURLLoader": "ExpoPhotosImageLoader"
-      }
-    }
   }
 }

package/src/PHImage.tsx

@@ -0,0 +1,32 @@
+import { requireNativeViewManager } from "expo-modules-core";
+import { ViewProps } from "react-native";
+import {
+  PHImageContentMode,
+  PHImageRequestOptionsDeliveryMode,
+  PHImageRequestOptionsResizeMode,
+} from "./ExpoPhotos.types";
+
+export interface PHImageLoadEvent {
+  size: { width: number; height: number };
+  scale: number;
+}
+
+export interface PHImageErrorEvent {
+  message: string;
+}
+
+export interface PHImageProps extends ViewProps {
+  localIdentifier: string;
+  isNetworkAccessAllowed?: boolean;
+  deliveryMode?: PHImageRequestOptionsDeliveryMode;
+  resizeMode?: PHImageRequestOptionsResizeMode;
+  contentMode?: PHImageContentMode;
+  onLoad?: (event: { nativeEvent: PHImageLoadEvent }) => void;
+  onError?: (event: { nativeEvent: PHImageErrorEvent }) => void;
+}
+
+const NativePHImageView = requireNativeViewManager("ExpoPhotos", "PHImageView");
+
+export function PHImage(props: PHImageProps) {
+  return <NativePHImageView {...props} />;
+}

package/src/index.ts

@@ -1,6 +1,6 @@
 export { default } from "./ExpoPhotosModule";
 export * from "./ExpoPhotos.types";
-export { createPHImageSource } from "./PHImageSource";
-export type { PHImageSourceOptions } from "./PHImageSource";
+export { PHImage } from "./PHImage";
+export type { PHImageProps, PHImageLoadEvent, PHImageErrorEvent } from "./PHImage";
 export { PHVideo } from "./PHVideo";
 export type { PHVideoProps } from "./PHVideo";

package/build/PHImageSource.d.ts

@@ -1,32 +0,0 @@
-import type { ImageSourcePropType } from "react-native";
-import { PHImageContentMode, PHImageRequestOptionsDeliveryMode, PHImageRequestOptionsResizeMode, RequestImageTargetSize } from "./ExpoPhotos.types";
-export interface PHImageSourceOptions {
-    localIdentifier: string;
-    targetSize?: RequestImageTargetSize;
-    resizeMode?: PHImageRequestOptionsResizeMode;
-    deliveryMode?: PHImageRequestOptionsDeliveryMode;
-    contentMode?: PHImageContentMode;
-    isNetworkAccessAllowed?: boolean;
-}
-/**
- * Creates a source object for React Native's Image component from a Photos library asset identifier.
- *
- * @param options - Configuration for image source, including the local identifier
- * @returns A source object that can be used with the Image component's `source` prop, or undefined if no identifier is provided
- *
- * @example
- * ```tsx
- * import { Image } from 'react-native';
- * import { createPHImageSource } from '@hortemo/expo-photos';
- *
- * <Image
- *   source={createPHImageSource({
- *     localIdentifier: asset.localIdentifier,
- *     targetSize: { width: 200, height: 200 },
- *     contentMode: PHImageContentMode.aspectFill,
- *   })}
- * />
- * ```
- */
-export declare function createPHImageSource(options: PHImageSourceOptions): ImageSourcePropType;
-//# sourceMappingURL=PHImageSource.d.ts.map

package/build/PHImageSource.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PHImageSource.d.ts","sourceRoot":"","sources":["../src/PHImageSource.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EACL,kBAAkB,EAClB,iCAAiC,EACjC,+BAA+B,EAC/B,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,UAAU,CAAC,EAAE,+BAA+B,CAAC;IAC7C,YAAY,CAAC,EAAE,iCAAiC,CAAC;IACjD,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAwBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,oBAAoB,GAC5B,mBAAmB,CAwBrB"}

package/build/PHImageSource.js

@@ -1,46 +0,0 @@
-const buildQueryString = (params) => {
-    const entries = Object.entries(params).filter(([, value]) => value !== undefined);
-    if (entries.length === 0) {
-        return "";
-    }
-    return ("?" +
-        entries
-            .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value ?? "")}`)
-            .join("&"));
-};
-/**
- * Creates a source object for React Native's Image component from a Photos library asset identifier.
- *
- * @param options - Configuration for image source, including the local identifier
- * @returns A source object that can be used with the Image component's `source` prop, or undefined if no identifier is provided
- *
- * @example
- * ```tsx
- * import { Image } from 'react-native';
- * import { createPHImageSource } from '@hortemo/expo-photos';
- *
- * <Image
- *   source={createPHImageSource({
- *     localIdentifier: asset.localIdentifier,
- *     targetSize: { width: 200, height: 200 },
- *     contentMode: PHImageContentMode.aspectFill,
- *   })}
- * />
- * ```
- */
-export function createPHImageSource(options) {
-    const { localIdentifier, resizeMode, deliveryMode, contentMode, isNetworkAccessAllowed, } = options;
-    const targetSize = options.targetSize && typeof options.targetSize === "object"
-        ? `${options.targetSize.width}x${options.targetSize.height}`
-        : options.targetSize;
-    const query = buildQueryString({
-        localIdentifier,
-        targetSize,
-        resizeMode,
-        deliveryMode,
-        contentMode,
-        isNetworkAccessAllowed,
-    });
-    return { uri: `expo-photos://${query}` };
-}
-//# sourceMappingURL=PHImageSource.js.map

package/build/PHImageSource.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PHImageSource.js","sourceRoot":"","sources":["../src/PHImageSource.tsx"],"names":[],"mappings":"AAiBA,MAAM,gBAAgB,GAAG,CACvB,MAA6D,EACrD,EAAE;IACV,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAC3C,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CACnC,CAAC;IAEF,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,CACL,GAAG;QACH,OAAO;aACJ,GAAG,CACF,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CACf,GAAG,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAClE;aACA,IAAI,CAAC,GAAG,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,mBAAmB,CACjC,OAA6B;IAE7B,MAAM,EACJ,eAAe,EACf,UAAU,EACV,YAAY,EACZ,WAAW,EACX,sBAAsB,GACvB,GAAG,OAAO,CAAC;IAEZ,MAAM,UAAU,GACd,OAAO,CAAC,UAAU,IAAI,OAAO,OAAO,CAAC,UAAU,KAAK,QAAQ;QAC1D,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE;QAC5D,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAEzB,MAAM,KAAK,GAAG,gBAAgB,CAAC;QAC7B,eAAe;QACf,UAAU;QACV,UAAU;QACV,YAAY;QACZ,WAAW;QACX,sBAAsB;KACvB,CAAC,CAAC;IAEH,OAAO,EAAE,GAAG,EAAE,iBAAiB,KAAK,EAAE,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["import type { ImageSourcePropType } from \"react-native\";\nimport {\n  PHImageContentMode,\n  PHImageRequestOptionsDeliveryMode,\n  PHImageRequestOptionsResizeMode,\n  RequestImageTargetSize,\n} from \"./ExpoPhotos.types\";\n\nexport interface PHImageSourceOptions {\n  localIdentifier: string;\n  targetSize?: RequestImageTargetSize;\n  resizeMode?: PHImageRequestOptionsResizeMode;\n  deliveryMode?: PHImageRequestOptionsDeliveryMode;\n  contentMode?: PHImageContentMode;\n  isNetworkAccessAllowed?: boolean;\n}\n\nconst buildQueryString = (\n  params: Record<string, string | number | boolean | undefined>\n): string => {\n  const entries = Object.entries(params).filter(\n    ([, value]) => value !== undefined\n  );\n\n  if (entries.length === 0) {\n    return \"\";\n  }\n\n  return (\n    \"?\" +\n    entries\n      .map(\n        ([key, value]) =>\n          `${encodeURIComponent(key)}=${encodeURIComponent(value ?? \"\")}`\n      )\n      .join(\"&\")\n  );\n};\n\n/**\n * Creates a source object for React Native's Image component from a Photos library asset identifier.\n *\n * @param options - Configuration for image source, including the local identifier\n * @returns A source object that can be used with the Image component's `source` prop, or undefined if no identifier is provided\n *\n * @example\n * ```tsx\n * import { Image } from 'react-native';\n * import { createPHImageSource } from '@hortemo/expo-photos';\n *\n * <Image\n *   source={createPHImageSource({\n *     localIdentifier: asset.localIdentifier,\n *     targetSize: { width: 200, height: 200 },\n *     contentMode: PHImageContentMode.aspectFill,\n *   })}\n * />\n * ```\n */\nexport function createPHImageSource(\n  options: PHImageSourceOptions\n): ImageSourcePropType {\n  const {\n    localIdentifier,\n    resizeMode,\n    deliveryMode,\n    contentMode,\n    isNetworkAccessAllowed,\n  } = options;\n\n  const targetSize =\n    options.targetSize && typeof options.targetSize === \"object\"\n      ? `${options.targetSize.width}x${options.targetSize.height}`\n      : options.targetSize;\n\n  const query = buildQueryString({\n    localIdentifier,\n    targetSize,\n    resizeMode,\n    deliveryMode,\n    contentMode,\n    isNetworkAccessAllowed,\n  });\n\n  return { uri: `expo-photos://${query}` };\n}\n"]}

package/ios/ExpoPhotosImageLoader.swift

@@ -1,187 +0,0 @@
-#if canImport(React)
-import Foundation
-import Photos
-import React
-import UIKit
-
-@objc(ExpoPhotosImageLoader)
-class ExpoPhotosImageLoader: NSObject, RCTBridgeModule, RCTImageURLLoader {
-  static func moduleName() -> String! {
-    return "ExpoPhotosImageLoader"
-  }
-
-  static func requiresMainQueueSetup() -> Bool {
-    return false
-  }
-
-  // MARK: - Helper Functions
-
-  private static func queryItems(from url: URL) -> [String: String] {
-    guard let components = URLComponents(url: url, resolvingAgainstBaseURL: false),
-          let queryItems = components.queryItems else {
-      return [:]
-    }
-
-    var result: [String: String] = [:]
-    for item in queryItems {
-      if let value = item.value {
-        result[item.name] = value
-      }
-    }
-    return result
-  }
-
-  // MARK: - RCTImageURLLoader
-
-  func canLoadImageURL(_ requestURL: URL) -> Bool {
-    return requestURL.scheme?.caseInsensitiveCompare("expo-photos") == .orderedSame
-  }
-
-  func loaderPriority() -> Float {
-    return 1.0
-  }
-
-  func loadImage(
-    for imageURL: URL,
-    size: CGSize,
-    scale: CGFloat,
-    resizeMode: RCTResizeMode,
-    progressHandler: RCTImageLoaderProgressBlock!,
-    partialLoadHandler: RCTImageLoaderPartialLoadBlock!,
-    completionHandler: @escaping RCTImageLoaderCompletionBlock
-  ) -> RCTImageLoaderCancellationBlock! {
-
-    guard imageURL.scheme?.caseInsensitiveCompare("expo-photos") == .orderedSame else {
-      completionHandler(RCTErrorWithMessage("Unsupported image URL scheme for ExpoPhotos"), nil)
-      return {}
-    }
-
-    let queryParams = Self.queryItems(from: imageURL)
-
-    guard let localIdentifier = queryParams["localIdentifier"], !localIdentifier.isEmpty else {
-      completionHandler(RCTErrorWithMessage("Missing localIdentifier query parameter"), nil)
-      return {}
-    }
-
-    let assets = PHAsset.fetchAssets(withLocalIdentifiers: [localIdentifier], options: nil)
-    guard let asset = assets.firstObject else {
-      completionHandler(RCTErrorWithMessage("Failed to fetch PHAsset with local identifier \(localIdentifier)"), nil)
-      return {}
-    }
-
-    let imageOptions = PHImageRequestOptions()
-
-    var targetSize = size.applying(CGAffineTransform(scaleX: scale, y: scale))
-
-    if let targetSizeString = queryParams["targetSize"] {
-      if targetSizeString.caseInsensitiveCompare("PHImageManagerMaximumSize") == .orderedSame {
-        targetSize = PHImageManagerMaximumSize
-      } else {
-        let components = targetSizeString.lowercased().components(separatedBy: "x")
-        guard components.count == 2,
-              let width = Double(components[0]),
-              let height = Double(components[1]) else {
-          completionHandler(RCTErrorWithMessage("Invalid targetSize format. Expected WIDTHxHEIGHT or PHImageManagerMaximumSize."), nil)
-          return {}
-        }
-        targetSize = CGSize(width: width, height: height)
-      }
-    }
-
-    if let deliveryModeString = queryParams["deliveryMode"] {
-      guard let deliveryMode = PHImageRequestOptionsDeliveryMode.from(queryParam: deliveryModeString) else {
-        completionHandler(RCTErrorWithMessage("Invalid deliveryMode value."), nil)
-        return {}
-      }
-      imageOptions.deliveryMode = deliveryMode
-    }
-
-    if let resizeModeString = queryParams["resizeMode"] {
-      guard let resizeMode = PHImageRequestOptionsResizeMode.from(queryParam: resizeModeString) else {
-        completionHandler(RCTErrorWithMessage("Invalid resizeMode value."), nil)
-        return {}
-      }
-      imageOptions.resizeMode = resizeMode
-    }
-
-    if let isNetworkAccessAllowedString = queryParams["isNetworkAccessAllowed"] {
-      imageOptions.isNetworkAccessAllowed = Bool.from(queryParam: isNetworkAccessAllowedString)
-    }
-
-    var contentMode: PHImageContentMode = .default
-    if let contentModeString = queryParams["contentMode"] {
-      guard let _contentMode = PHImageContentMode.from(queryParam: contentModeString) else {
-        completionHandler(RCTErrorWithMessage("Invalid contentMode value."), nil)
-        return {}
-      }
-      contentMode = _contentMode
-    }
-
-    if let progressHandler = progressHandler {
-      imageOptions.progressHandler = { progress, error, stop, info in
-        let multiplier: Int64 = 1_000_000
-        progressHandler(Int64(progress * Double(multiplier)), multiplier)
-      }
-    }
-
-    let requestID = PHImageManager.default().requestImage(
-      for: asset,
-      targetSize: targetSize,
-      contentMode: contentMode,
-      options: imageOptions
-    ) { result, info in
-      guard let info = info else {
-        return
-      }
-
-      let isCancelled = (info[PHImageCancelledKey] as? NSNumber)?.boolValue ?? false
-      let isDegraded = (info[PHImageResultIsDegradedKey] as? NSNumber)?.boolValue ?? false
-
-      if isCancelled {
-        return
-      }
-
-      if let result = result {
-        if isDegraded {
-          partialLoadHandler?(result)
-        } else {
-          completionHandler(nil, result)
-        }
-      } else if let error = info[PHImageErrorKey] as? Error {
-        completionHandler(error, nil)
-      }
-    }
-
-    return {
-      PHImageManager.default().cancelImageRequest(requestID)
-    }
-  }
-}
-
-// MARK: - RawRepresentable Extension
-
-extension RawRepresentable where RawValue == Int {
-  static func from(queryParam string: String?) -> Self? {
-    guard let string = string, !string.isEmpty else {
-      return nil
-    }
-    guard let intValue = Int(string) else {
-      return nil
-    }
-    return Self(rawValue: intValue)
-  }
-}
-
-// MARK: - Bool Extension
-
-extension Bool {
-  static func from(queryParam string: String?) -> Bool {
-    guard let string = string, !string.isEmpty else {
-      return false
-    }
-    return string.lowercased() == "true"
-  }
-}
-
-#endif
-

package/src/PHImageSource.tsx

@@ -1,86 +0,0 @@
-import type { ImageSourcePropType } from "react-native";
-import {
-  PHImageContentMode,
-  PHImageRequestOptionsDeliveryMode,
-  PHImageRequestOptionsResizeMode,
-  RequestImageTargetSize,
-} from "./ExpoPhotos.types";
-
-export interface PHImageSourceOptions {
-  localIdentifier: string;
-  targetSize?: RequestImageTargetSize;
-  resizeMode?: PHImageRequestOptionsResizeMode;
-  deliveryMode?: PHImageRequestOptionsDeliveryMode;
-  contentMode?: PHImageContentMode;
-  isNetworkAccessAllowed?: boolean;
-}
-
-const buildQueryString = (
-  params: Record<string, string | number | boolean | undefined>
-): string => {
-  const entries = Object.entries(params).filter(
-    ([, value]) => value !== undefined
-  );
-
-  if (entries.length === 0) {
-    return "";
-  }
-
-  return (
-    "?" +
-    entries
-      .map(
-        ([key, value]) =>
-          `${encodeURIComponent(key)}=${encodeURIComponent(value ?? "")}`
-      )
-      .join("&")
-  );
-};
-
-/**
- * Creates a source object for React Native's Image component from a Photos library asset identifier.
- *
- * @param options - Configuration for image source, including the local identifier
- * @returns A source object that can be used with the Image component's `source` prop, or undefined if no identifier is provided
- *
- * @example
- * ```tsx
- * import { Image } from 'react-native';
- * import { createPHImageSource } from '@hortemo/expo-photos';
- *
- * <Image
- *   source={createPHImageSource({
- *     localIdentifier: asset.localIdentifier,
- *     targetSize: { width: 200, height: 200 },
- *     contentMode: PHImageContentMode.aspectFill,
- *   })}
- * />
- * ```
- */
-export function createPHImageSource(
-  options: PHImageSourceOptions
-): ImageSourcePropType {
-  const {
-    localIdentifier,
-    resizeMode,
-    deliveryMode,
-    contentMode,
-    isNetworkAccessAllowed,
-  } = options;
-
-  const targetSize =
-    options.targetSize && typeof options.targetSize === "object"
-      ? `${options.targetSize.width}x${options.targetSize.height}`
-      : options.targetSize;
-
-  const query = buildQueryString({
-    localIdentifier,
-    targetSize,
-    resizeMode,
-    deliveryMode,
-    contentMode,
-    isNetworkAccessAllowed,
-  });
-
-  return { uri: `expo-photos://${query}` };
-}