rn-remove-image-bg 0.0.10 → 0.0.11

package/lib/ImageProcessing.web.js

@@ -4,7 +4,6 @@
  * Provides real background removal on web using WebAssembly and ML models.
  * Falls back to no-op if the library fails to load.
  */
-import { removeBackground as imglyRemoveBackground } from '@imgly/background-removal';
 // Web cache configuration
 const webCacheConfig = {
     maxEntries: 50,
@@ -134,6 +133,8 @@ export async function removeBgImage(uri, options = {}) {
     }
     onProgress?.(5);
     try {
+        // Dynamically import the library to prevent Metro from parsing onnxruntime-web at build time
+        const { removeBackground: imglyRemoveBackground } = await import('@imgly/background-removal');
         // Call @imgly/background-removal
         const blob = await imglyRemoveBackground(uri, {
             progress: (key, current, total) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-remove-image-bg",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "rn-remove-image-bg",
   "homepage": "https://github.com/a-eid/rn-remove-image-bg",
   "main": "lib/index",

package/src/ImageProcessing.web.ts

@@ -5,7 +5,8 @@
  * Falls back to no-op if the library fails to load.
  */
 
-import { removeBackground as imglyRemoveBackground } from '@imgly/background-removal';
+// @imgly/background-removal is dynamically imported at runtime in removeBgImage()
+// to prevent Metro from parsing onnxruntime-web at build time
 
 /**
  * Output format for processed images
@@ -207,6 +208,9 @@ export async function removeBgImage(
   onProgress?.(5);
 
   try {
+    // Dynamically import the library to prevent Metro from parsing onnxruntime-web at build time
+    const { removeBackground: imglyRemoveBackground } = await import('@imgly/background-removal');
+    
     // Call @imgly/background-removal
     const blob = await imglyRemoveBackground(uri, {
       progress: (key: string, current: number, total: number) => {