expo-image-manipulator 13.0.2 → 13.0.4

package/CHANGELOG.md

@@ -10,6 +10,18 @@
 
 ### 💡 Others
 
+## 13.0.4 — 2024-10-28
+
+### 🎉 New features
+
+- [iOS][Web] Added support for image refs in `ImageManipulator.manipulate` and `useImageManipulator`. ([#32346](https://github.com/expo/expo/pull/32346), [#32354](https://github.com/expo/expo/pull/32354) by [@tsapeta](https://github.com/tsapeta))
+
+## 13.0.3 — 2024-10-25
+
+### 🎉 New features
+
+- [iOS] Added support for image refs in `ImageManipulator.manipulate` and `useImageManipulator`. ([#32346](https://github.com/expo/expo/pull/32346) by [@tsapeta](https://github.com/tsapeta))
+
 ## 13.0.2 — 2024-10-24
 
 ### 💡 Others

package/android/build.gradle

@@ -1,7 +1,7 @@
 apply plugin: 'com.android.library'
 
 group = 'host.exp.exponent'
-version = '13.0.2'
+version = '13.0.4'
 
 def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
 apply from: expoModulesCorePlugin
@@ -14,7 +14,7 @@ android {
   namespace "expo.modules.imagemanipulator"
   defaultConfig {
     versionCode 23
-    versionName "13.0.2"
+    versionName "13.0.4"
   }
 }
 

package/build/ImageManipulator.d.ts

@@ -1,3 +1,4 @@
+import { SharedRef } from 'expo-modules-core/types';
 import { Action, ImageResult, SaveOptions } from './ImageManipulator.types';
 import { ImageManipulatorContext } from './ImageManipulatorContext';
 import ExpoImageManipulator from './NativeImageManipulatorModule';
@@ -15,6 +16,6 @@ import ExpoImageManipulator from './NativeImageManipulatorModule';
  * Use [`ImageManipulator.manipulate`](#manipulateuri) or [`useImageManipulator`](#useimagemanipulatoruri) instead.
  */
 export declare function manipulateAsync(uri: string, actions?: Action[], saveOptions?: SaveOptions): Promise<ImageResult>;
-export declare function useImageManipulator(uri: string): ImageManipulatorContext;
+export declare function useImageManipulator(source: string | SharedRef<'image'>): ImageManipulatorContext;
 export { ExpoImageManipulator as ImageManipulator };
 //# sourceMappingURL=ImageManipulator.d.ts.map

package/build/ImageManipulator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageManipulator.d.ts","sourceRoot":"","sources":["../src/ImageManipulator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAc,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,oBAAoB,MAAM,gCAAgC,CAAC;AAIlE;;;;;;;;;;;;GAYG;AACH,wBAAsB,eAAe,CACnC,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,MAAM,EAAO,EACtB,WAAW,GAAE,WAAgB,GAC5B,OAAO,CAAC,WAAW,CAAC,CA2BtB;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,uBAAuB,CAExE;AAED,OAAO,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"ImageManipulator.d.ts","sourceRoot":"","sources":["../src/ImageManipulator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAc,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,oBAAoB,MAAM,gCAAgC,CAAC;AAIlE;;;;;;;;;;;;GAYG;AACH,wBAAsB,eAAe,CACnC,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,MAAM,EAAO,EACtB,WAAW,GAAE,WAAgB,GAC5B,OAAO,CAAC,WAAW,CAAC,CA2BtB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,uBAAuB,CAEhG;AAED,OAAO,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,CAAC"}

package/build/ImageManipulator.types.d.ts

@@ -1,4 +1,5 @@
 import type { NativeModule } from 'expo';
+import { SharedRef } from 'expo-modules-core/types';
 import type { ImageManipulatorContext } from './ImageManipulatorContext';
 import ImageRef from './ImageRef';
 export type ImageResult = {
@@ -114,6 +115,6 @@ export declare class ImageManipulator extends NativeModule {
     /**
      * Loads an image from the given URI and creates a new image manipulation context.
      */
-    manipulate(uri: string): ImageManipulatorContext;
+    manipulate(source: string | SharedRef<'image'>): ImageManipulatorContext;
 }
 //# sourceMappingURL=ImageManipulator.types.d.ts.map

package/build/ImageManipulator.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageManipulator.types.d.ts","sourceRoot":"","sources":["../src/ImageManipulator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,oBAAY,QAAQ;IAClB,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAGD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;OAKG;IACH,MAAM,EAAE;QACN,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAChC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAG1F,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAGD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY;IACxD;;OAEG;IACH,OAAO,EAAE,OAAO,uBAAuB,CAAC;IAExC;;OAEG;IACH,KAAK,EAAE,OAAO,QAAQ,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,uBAAuB;CACjD"}
+{"version":3,"file":"ImageManipulator.types.d.ts","sourceRoot":"","sources":["../src/ImageManipulator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAGF,oBAAY,QAAQ;IAClB,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAGD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;OAKG;IACH,MAAM,EAAE;QACN,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAChC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAG1F,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAGD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY;IACxD;;OAEG;IACH,OAAO,EAAE,OAAO,uBAAuB,CAAC;IAExC;;OAEG;IACH,KAAK,EAAE,OAAO,QAAQ,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,uBAAuB;CACzE"}

package/build/NativeImageManipulatorModule.web.d.ts

@@ -1,10 +1,11 @@
 import { NativeModule } from 'expo';
+import { SharedRef } from 'expo-modules-core/types';
 import ImageManipulatorContext from './web/ImageManipulatorContext.web';
 import ImageManipulatorImageRef from './web/ImageManipulatorImageRef.web';
 declare class ImageManipulator extends NativeModule {
     Context: typeof ImageManipulatorContext;
     Image: typeof ImageManipulatorImageRef;
-    manipulate(uri: string): ImageManipulatorContext;
+    manipulate(source: string | SharedRef<'image'>): ImageManipulatorContext;
 }
 declare const _default: typeof ImageManipulator;
 export default _default;

package/build/NativeImageManipulatorModule.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeImageManipulatorModule.web.d.ts","sourceRoot":"","sources":["../src/NativeImageManipulatorModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAGpC,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,wBAAwB,MAAM,oCAAoC,CAAC;AAG1E,cAAM,gBAAiB,SAAQ,YAAY;IACzC,OAAO,iCAA2B;IAClC,KAAK,kCAA4B;IAEjC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,uBAAuB;CAGjD;;AAED,wBAAmD"}
+{"version":3,"file":"NativeImageManipulatorModule.web.d.ts","sourceRoot":"","sources":["../src/NativeImageManipulatorModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,uBAAuB,MAAM,mCAAmC,CAAC;AACxE,OAAO,wBAAwB,MAAM,oCAAoC,CAAC;AAG1E,cAAM,gBAAiB,SAAQ,YAAY;IACzC,OAAO,iCAA2B;IAClC,KAAK,kCAA4B;IAEjC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,uBAAuB;CAYzE;;AAED,wBAAmD"}

package/build/web/ImageManipulatorContext.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageManipulatorContext.web.d.ts","sourceRoot":"","sources":["../../src/web/ImageManipulatorContext.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG/E,KAAK,aAAa,GAAG,MAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE1E,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,YAAY;IAC/D,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAA6B;gBAEpC,MAAM,CAAC,EAAE,aAAa;IAMlC,MAAM,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,uBAAuB;IAIxE,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,uBAAuB;IAIhD,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,uBAAuB;IAIjD,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,uBAAuB;IAIvD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,uBAAuB;IAIhE,KAAK,IAAI,uBAAuB;IAK1B,WAAW,IAAI,OAAO,CAAC,wBAAwB,CAAC;IAKtD,OAAO,CAAC,OAAO;CAQhB"}
+{"version":3,"file":"ImageManipulatorContext.web.d.ts","sourceRoot":"","sources":["../../src/web/ImageManipulatorContext.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAG/E,KAAK,aAAa,GAAG,MAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE1E,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,YAAY;IAC/D,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAA6B;gBAEpC,MAAM,CAAC,EAAE,aAAa;IAMlC,MAAM,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,uBAAuB;IAIxE,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,uBAAuB;IAIhD,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,uBAAuB;IAIjD,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,uBAAuB;IAIvD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,uBAAuB;IAIhE,KAAK,IAAI,uBAAuB;IAK1B,WAAW,IAAI,OAAO,CAAC,wBAAwB,CAAC;IAYtD,OAAO,CAAC,OAAO;CAQhB"}

package/build/web/ImageManipulatorImageRef.web.d.ts

@@ -1,10 +1,11 @@
 import { SharedRef } from 'expo';
 import { ImageResult, SaveOptions } from '../ImageManipulator.types';
 export default class ImageManipulatorImageRef extends SharedRef<'image'> {
-    private canvas;
+    readonly nativeRefType: string;
+    readonly uri: string;
     readonly width: number;
     readonly height: number;
-    constructor(canvas: HTMLCanvasElement);
+    constructor(uri: string, width: number, height: number);
     saveAsync(options?: SaveOptions): Promise<ImageResult>;
 }
 //# sourceMappingURL=ImageManipulatorImageRef.web.d.ts.map

package/build/web/ImageManipulatorImageRef.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageManipulatorImageRef.web.d.ts","sourceRoot":"","sources":["../../src/web/ImageManipulatorImageRef.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAc,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEjF,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,SAAS,CAAC,OAAO,CAAC;IACtE,OAAO,CAAC,MAAM,CAAoB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;gBAEZ,MAAM,EAAE,iBAAiB;IAO/B,SAAS,CAAC,OAAO,GAAE,WAAwC,GAAG,OAAO,CAAC,WAAW,CAAC;CAGzF"}
+{"version":3,"file":"ImageManipulatorImageRef.web.d.ts","sourceRoot":"","sources":["../../src/web/ImageManipulatorImageRef.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGrE,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,SAAS,CAAC,OAAO,CAAC;IACtE,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAW;IAEzC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;gBAEZ,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAOhD,SAAS,CAAC,OAAO,GAAE,WAA+B,GAAG,OAAO,CAAC,WAAW,CAAC;CAUhF"}

package/build/web/utils.web.d.ts

@@ -1,5 +1,4 @@
-import { ImageResult, SaveOptions } from '../ImageManipulator.types';
 export declare function getContext(canvas: HTMLCanvasElement): CanvasRenderingContext2D;
-export declare function getResults(canvas: HTMLCanvasElement, options?: SaveOptions): ImageResult;
+export declare function blobToBase64String(blob: Blob): Promise<string>;
 export declare function loadImageAsync(uri: string): Promise<HTMLCanvasElement>;
 //# sourceMappingURL=utils.web.d.ts.map

package/build/web/utils.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.web.d.ts","sourceRoot":"","sources":["../../src/web/utils.web.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAErE,wBAAgB,UAAU,CAAC,MAAM,EAAE,iBAAiB,GAAG,wBAAwB,CAM9E;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,CAmBxF;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAiBtE"}
+{"version":3,"file":"utils.web.d.ts","sourceRoot":"","sources":["../../src/web/utils.web.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,CAAC,MAAM,EAAE,iBAAiB,GAAG,wBAAwB,CAM9E;AAED,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CASpE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAiBtE"}

package/ios/ImageManipulatorModule.swift

@@ -10,12 +10,18 @@ public class ImageManipulatorModule: Module {
   public func definition() -> ModuleDefinition {
     Name("ExpoImageManipulator")
 
-    Function("manipulate") { (url: URL) -> ImageManipulatorContext in
+    Function("manipulate") { (source: Either<URL, SharedRef<UIImage>>) -> ImageManipulatorContext in
       let context = ImageManipulatorContext { [weak appContext] in
         guard let appContext else {
           throw Exceptions.AppContextLost()
         }
-        return try await loadImage(atUrl: url, appContext: appContext)
+        if let url: URL = source.get() {
+          return try await loadImage(atUrl: url, appContext: appContext)
+        }
+        if let image: SharedRef<UIImage> = source.get() {
+          return image.ref
+        }
+        throw Exceptions.RuntimeLost()
       }
 
       // Immediately try to fix the orientation once the image is loaded

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-image-manipulator",
-  "version": "13.0.2",
+  "version": "13.0.4",
   "description": "Provides functions that let you manipulation images on the local file system, eg: resize, crop.",
   "main": "src/index.ts",
   "types": "build/index.d.ts",
@@ -39,5 +39,5 @@
   "peerDependencies": {
     "expo": "*"
   },
-  "gitHead": "2e4f18d41da033c5ced0a4a045d91cf5250016b7"
+  "gitHead": "fc8a1408cab82e003dd2424db2994d7dea958067"
 }

package/src/ImageManipulator.ts

@@ -1,4 +1,5 @@
 import { useReleasingSharedObject } from 'expo-modules-core';
+import { SharedRef } from 'expo-modules-core/types';
 
 import { Action, ImageResult, SaveFormat, SaveOptions } from './ImageManipulator.types';
 import { ImageManipulatorContext } from './ImageManipulatorContext';
@@ -52,8 +53,8 @@ export async function manipulateAsync(
   return result;
 }
 
-export function useImageManipulator(uri: string): ImageManipulatorContext {
-  return useReleasingSharedObject(() => ExpoImageManipulator.manipulate(uri), [uri]);
+export function useImageManipulator(source: string | SharedRef<'image'>): ImageManipulatorContext {
+  return useReleasingSharedObject(() => ExpoImageManipulator.manipulate(source), [source]);
 }
 
 export { ExpoImageManipulator as ImageManipulator };

package/src/ImageManipulator.types.ts

@@ -1,4 +1,5 @@
 import type { NativeModule } from 'expo';
+import { SharedRef } from 'expo-modules-core/types';
 
 import type { ImageManipulatorContext } from './ImageManipulatorContext';
 import ImageRef from './ImageRef';
@@ -138,5 +139,5 @@ export declare class ImageManipulator extends NativeModule {
   /**
    * Loads an image from the given URI and creates a new image manipulation context.
    */
-  manipulate(uri: string): ImageManipulatorContext;
+  manipulate(source: string | SharedRef<'image'>): ImageManipulatorContext;
 }

package/src/NativeImageManipulatorModule.web.ts

@@ -1,5 +1,6 @@
 import { NativeModule } from 'expo';
 import { registerWebModule } from 'expo-modules-core';
+import { SharedRef } from 'expo-modules-core/types';
 
 import ImageManipulatorContext from './web/ImageManipulatorContext.web';
 import ImageManipulatorImageRef from './web/ImageManipulatorImageRef.web';
@@ -9,8 +10,17 @@ class ImageManipulator extends NativeModule {
   Context = ImageManipulatorContext;
   Image = ImageManipulatorImageRef;
 
-  manipulate(uri: string): ImageManipulatorContext {
-    return new ImageManipulatorContext(() => loadImageAsync(uri));
+  manipulate(source: string | SharedRef<'image'>): ImageManipulatorContext {
+    return new ImageManipulatorContext(() => {
+      if (typeof source === 'string') {
+        return loadImageAsync(source);
+      }
+      // Image refs should provide the `uri` property on Web. It could be either remote url, blob or data url.
+      if (typeof source === 'object' && 'uri' in source && typeof source.uri === 'string') {
+        return loadImageAsync(source.uri);
+      }
+      throw new Error(`Source not supported: ${source}`);
+    });
   }
 }
 

package/src/web/ImageManipulatorContext.web.ts

@@ -43,7 +43,14 @@ export default class ImageManipulatorContext extends SharedObject {
 
   async renderAsync(): Promise<ImageManipulatorImageRef> {
     const canvas = await this.currentTask;
-    return new ImageManipulatorImageRef(canvas);
+
+    return new Promise((resolve) => {
+      canvas.toBlob((blob) => {
+        const url = blob ? URL.createObjectURL(blob) : canvas.toDataURL();
+
+        resolve(new ImageManipulatorImageRef(url, canvas.width, canvas.height));
+      });
+    });
   }
 
   private addTask(

package/src/web/ImageManipulatorImageRef.web.ts

@@ -1,21 +1,30 @@
 import { SharedRef } from 'expo';
 
-import { getResults } from './utils.web';
-import { ImageResult, SaveFormat, SaveOptions } from '../ImageManipulator.types';
+import { ImageResult, SaveOptions } from '../ImageManipulator.types';
+import { blobToBase64String } from './utils.web';
 
 export default class ImageManipulatorImageRef extends SharedRef<'image'> {
-  private canvas: HTMLCanvasElement;
+  readonly nativeRefType: string = 'image';
+
+  readonly uri: string;
   readonly width: number;
   readonly height: number;
 
-  constructor(canvas: HTMLCanvasElement) {
+  constructor(uri: string, width: number, height: number) {
     super();
-    this.canvas = canvas;
-    this.width = canvas.width;
-    this.height = canvas.height;
+    this.uri = uri;
+    this.width = width;
+    this.height = height;
   }
 
-  async saveAsync(options: SaveOptions = { format: SaveFormat.PNG }): Promise<ImageResult> {
-    return getResults(this.canvas, options);
+  async saveAsync(options: SaveOptions = { base64: false }): Promise<ImageResult> {
+    return {
+      uri: this.uri,
+      width: this.width,
+      height: this.height,
+      base64: options.base64
+        ? await blobToBase64String(await fetch(this.uri).then((response) => response.blob()))
+        : undefined,
+    };
   }
 }

package/src/web/utils.web.ts

@@ -1,7 +1,5 @@
 import { CodedError } from 'expo-modules-core';
 
-import { ImageResult, SaveOptions } from '../ImageManipulator.types';
-
 export function getContext(canvas: HTMLCanvasElement): CanvasRenderingContext2D {
   const ctx = canvas.getContext('2d');
   if (!ctx) {
@@ -10,25 +8,15 @@ export function getContext(canvas: HTMLCanvasElement): CanvasRenderingContext2D
   return ctx;
 }
 
-export function getResults(canvas: HTMLCanvasElement, options?: SaveOptions): ImageResult {
-  let uri: string;
-  if (options) {
-    const { format = 'png' } = options;
-    if (options.format === 'png' && options.compress !== undefined) {
-      console.warn('compress is not supported with png format.');
-    }
-    const quality = Math.min(1, Math.max(0, options.compress ?? 1));
-    uri = canvas.toDataURL('image/' + format, quality);
-  } else {
-    // defaults to PNG with no loss
-    uri = canvas.toDataURL();
-  }
-  return {
-    uri,
-    width: canvas.width,
-    height: canvas.height,
-    base64: uri.replace(/^data:image\/\w+;base64,/, ''),
-  };
+export async function blobToBase64String(blob: Blob): Promise<string> {
+  const dataURL = await new Promise<string>((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => resolve(reader.result as string);
+    reader.onerror = () =>
+      reject(new Error(`Unable to convert blob to base64 string: ${reader.error}`));
+    reader.readAsDataURL(blob);
+  });
+  return dataURL.replace(/^data:image\/\w+;base64,/, '');
 }
 
 export function loadImageAsync(uri: string): Promise<HTMLCanvasElement> {