expo-background-remover 0.1.0

package/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ['universe/native', 'universe/web'],
+  ignorePatterns: ['build'],
+};

package/README.md

@@ -0,0 +1,35 @@
+# expo-background-remover
+
+Expo Module For High Quality Background Remover
+
+# API documentation
+
+- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/background-remover/)
+- [Documentation for the main branch](https://docs.expo.dev/versions/unversioned/sdk/background-remover/)
+
+# Installation in managed Expo projects
+
+For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.
+
+# Installation in bare React Native projects
+
+For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
+
+### Add the package to your npm dependencies
+
+```
+npm install expo-background-remover
+```
+
+### Configure for Android
+
+
+
+
+### Configure for iOS
+
+Run `npx pod-install` after installing the npm package.
+
+# Contributing
+
+Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Fri Apr 10 09:33:17 ICT 2026
+gradle.version=8.9

package/android/build.gradle

@@ -0,0 +1,69 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+group = 'expo.modules.backgroundremover'
+version = '0.1.0'
+
+def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
+apply from: expoModulesCorePlugin
+applyKotlinExpoModulesCorePlugin()
+useCoreDependencies()
+useExpoPublishing()
+
+// If you want to use the managed Android SDK versions from expo-modules-core, set this to true.
+// The Android SDK versions will be bumped from time to time in SDK releases and may introduce breaking changes in your module code.
+// Most of the time, you may like to manage the Android SDK versions yourself.
+def useManagedAndroidSdkVersions = false
+if (useManagedAndroidSdkVersions) {
+  useDefaultAndroidSdkVersions()
+} else {
+  buildscript {
+    // Simple helper that allows the root project to override versions declared by this library.
+    ext.safeExtGet = { prop, fallback ->
+      rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+    }
+  }
+  project.android {
+    compileSdkVersion safeExtGet("compileSdkVersion", 35)
+    defaultConfig {
+      minSdkVersion safeExtGet("minSdkVersion", 24)
+      targetSdkVersion safeExtGet("targetSdkVersion", 35)
+    }
+  }
+}
+
+
+android {
+  namespace "expo.modules.backgroundremover"
+  defaultConfig {
+    versionCode 1
+    versionName "0.1.0"
+  }
+  lintOptions {
+    abortOnError false
+  }
+}
+
+
+dependencies {
+    // 2. Kotlin Standard Library (SDK 54 uses Kotlin 1.9+)
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8"
+
+    // 3. Android KTX for cleaner Kotlin code
+    implementation "androidx.core:core-ktx:1.12.0"
+
+    // 4. Coroutines for background processing (Critical for VideoEncoder)
+    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-play-services:1.10.2"
+    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.10.2"
+    implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.10.2"
+
+
+    // 5. EXIF support for image rotation handling
+    implementation "androidx.exifinterface:exifinterface:1.3.6"
+    
+    // 6. Lifecycle KTX (Useful if you want to scope encoding to the app lifecycle)
+    implementation "androidx.lifecycle:lifecycle-runtime-ktx:2.7.0"
+
+    implementation "com.google.android.gms:play-services-mlkit-subject-segmentation:16.0.0"
+}
+

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <application>
+    <meta-data
+      android:name="com.google.mlkit.vision.DEPENDENCIES"
+      android:value="subject_segment" />
+  </application>
+</manifest>

package/android/src/main/java/expo/modules/backgroundremover/BackgroundRemoverProcessor.kt

@@ -0,0 +1,104 @@
+package expo.modules.backgroundremover
+
+import android.content.Context
+import android.graphics.*
+import android.net.Uri
+import com.google.mlkit.vision.common.InputImage
+import com.google.mlkit.vision.segmentation.subject.SubjectSegmentation
+import com.google.mlkit.vision.segmentation.subject.SubjectSegmenterOptions
+import kotlinx.coroutines.tasks.await
+import java.io.File
+import java.io.FileOutputStream
+import java.util.UUID
+import android.graphics.PorterDuff
+import android.graphics.PorterDuffXfermode
+
+class BackgroundRemoverProcessor(private val context: Context) {
+
+    private val segmenter = SubjectSegmentation.getClient(
+        SubjectSegmenterOptions.Builder()
+            .enableForegroundConfidenceMask() // High quality edges
+            .build()
+    )
+
+    suspend fun processImage(uriString: String): String {
+        // 1. Efficiently load and downscale to max 2048px
+        val bitmap = loadAndResizeBitmap(uriString, 2048)
+        val inputImage = InputImage.fromBitmap(bitmap, 0)
+
+        // 2. Perform Segmentation
+        val result = segmenter.process(inputImage).await()
+        
+        // 3. Retrieve global mask (Includes People + Objects automatically)
+        val maskBuffer = result.foregroundConfidenceMask 
+            ?: throw Exception("Could not detect subjects")
+            
+        // 4. Create Mask Bitmap and Blend
+        val maskBitmap = createMaskFromBuffer(maskBuffer, bitmap.width, bitmap.height)
+        val outputBitmap = applyMaskToBitmap(bitmap, maskBitmap)
+
+        return saveResult(outputBitmap)
+    }
+
+    private fun loadAndResizeBitmap(uriString: String, maxDimension: Int): Bitmap {
+        val uri = Uri.parse(uriString)
+        
+        // Stage A: Get dimensions only
+        val options = BitmapFactory.Options().apply { inJustDecodeBounds = true }
+        context.contentResolver.openInputStream(uri)?.use { stream ->
+          BitmapFactory.decodeStream(stream, null, loadOptions)
+         }?: throw Exception("Failed to open input stream")
+        
+        // Stage B: Calculate optimal inSampleSize (power of 2)
+        var sampleSize = 1
+        while ((options.outWidth / (sampleSize * 2)) >= maxDimension && 
+               (options.outHeight / (sampleSize * 2)) >= maxDimension) {
+            sampleSize *= 2
+        }
+        
+        // Stage C: Load the subsampled bitmap
+        val loadOptions = BitmapFactory.Options().apply { inSampleSize = sampleSize }
+        val subsampledBitmap = context.contentResolver.openInputStream(uri).use { 
+            BitmapFactory.decodeStream(it, null, loadOptions) 
+        } ?: throw Exception("Failed to decode image")
+
+        // Stage D: Precise scaling to exactly fit within 2048px while preserving aspect ratio
+        val scale = minOf(maxDimension.toFloat() / subsampledBitmap.width, maxDimension.toFloat() / subsampledBitmap.height)
+        if (scale >= 1f) return subsampledBitmap
+
+        val targetWidth = (subsampledBitmap.width * scale).toInt()
+        val targetHeight = (subsampledBitmap.height * scale).toInt()
+        
+        return Bitmap.createScaledBitmap(subsampledBitmap, targetWidth, targetHeight, true)
+    }
+
+    private fun createMaskFromBuffer(buffer: java.nio.FloatBuffer, width: Int, height: Int): Bitmap {
+        val mask = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
+        buffer.rewind()
+        val pixels = IntArray(width * height)
+        for (i in 0 until width * height) {
+            val alpha = (buffer.get() * 255).toInt()
+            pixels[i] = Color.argb(alpha, 0, 0, 0)
+        }
+        mask.setPixels(pixels, 0, width, 0, 0, width, height)
+        return mask
+    }
+
+    private fun applyMaskToBitmap(source: Bitmap, mask: Bitmap): Bitmap {
+        val result = Bitmap.createBitmap(source.width, source.height, Bitmap.Config.ARGB_8888)
+        val canvas = Canvas(result)
+        val paint = Paint(Paint.ANTI_ALIAS_FLAG)
+        
+        canvas.drawBitmap(source, 0f, 0f, null)
+        paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.DST_IN)
+        canvas.drawBitmap(mask, 0f, 0f, paint)
+        
+        return result
+    }
+
+    private fun saveResult(bitmap: Bitmap): String {
+        val file = File(context.cacheDir, "${UUID.randomUUID()}.png")
+        FileOutputStream(file).use { bitmap.compress(Bitmap.CompressFormat.PNG, 100, it) }
+        return Uri.fromFile(file).toString()
+    }
+}

package/android/src/main/java/expo/modules/backgroundremover/ExpoBackgroundRemoverModule.kt

@@ -0,0 +1,57 @@
+package expo.modules.backgroundremover
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+import java.net.URL
+
+class ExpoBackgroundRemoverModule : Module() {
+  // Each module class must implement the definition function. The definition consists of components
+  // that describes the module's functionality and behavior.
+  // See https://docs.expo.dev/modules/module-api for more details about available components.
+  override fun definition() = ModuleDefinition {
+    // Sets the name of the module that JavaScript code will use to refer to the module. Takes a string as an argument.
+    // Can be inferred from module's class name, but it's recommended to set it explicitly for clarity.
+    // The module will be accessible from `requireNativeModule('ExpoBackgroundRemover')` in JavaScript.
+    Name("ExpoBackgroundRemover")
+
+    // Defines constant property on the module.
+    Constant("PI") {
+      Math.PI
+    }
+
+    // Defines event names that the module can send to JavaScript.
+    Events("onChange")
+
+    // Defines a JavaScript synchronous function that runs the native code on the JavaScript thread.
+    Function("hello") {
+      "Hello world! 👋"
+    }
+
+    AsyncFunction("removeBackgroundAsync") { imageUri: String ->
+      // Pass the internal context to the processor
+      val processor = BackgroundRemoverProcessor(appContext.reactContext!!)
+      return@AsyncFunction processor.processImage(imageUri)
+    }
+
+
+    // Defines a JavaScript function that always returns a Promise and whose native code
+    // is by default dispatched on the different thread than the JavaScript runtime runs on.
+    AsyncFunction("setValueAsync") { value: String ->
+      // Send an event to JavaScript.
+      sendEvent("onChange", mapOf(
+        "value" to value
+      ))
+    }
+
+    // Enables the module to be used as a native view. Definition components that are accepted as part of
+    // the view definition: Prop, Events.
+    View(ExpoBackgroundRemoverView::class) {
+      // Defines a setter for the `url` prop.
+      Prop("url") { view: ExpoBackgroundRemoverView, url: URL ->
+        view.webView.loadUrl(url.toString())
+      }
+      // Defines an event that the view can send to JavaScript.
+      Events("onLoad")
+    }
+  }
+}

package/android/src/main/java/expo/modules/backgroundremover/ExpoBackgroundRemoverView.kt

@@ -0,0 +1,30 @@
+package expo.modules.backgroundremover
+
+import android.content.Context
+import android.webkit.WebView
+import android.webkit.WebViewClient
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ExpoView
+
+class ExpoBackgroundRemoverView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
+  // Creates and initializes an event dispatcher for the `onLoad` event.
+  // The name of the event is inferred from the value and needs to match the event name defined in the module.
+  private val onLoad by EventDispatcher()
+
+  // Defines a WebView that will be used as the root subview.
+  internal val webView = WebView(context).apply {
+    layoutParams = LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
+    webViewClient = object : WebViewClient() {
+      override fun onPageFinished(view: WebView, url: String) {
+        // Sends an event to JavaScript. Triggers a callback defined on the view component in JavaScript.
+        onLoad(mapOf("url" to url))
+      }
+    }
+  }
+
+  init {
+    // Adds the WebView to the view hierarchy.
+    addView(webView)
+  }
+}

package/build/ExpoBackgroundRemover.types.d.ts

@@ -0,0 +1,21 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export type OnLoadEventPayload = {
+    url: string;
+};
+export type ExpoBackgroundRemoverModuleEvents = {
+    onChange: (params: ChangeEventPayload) => void;
+};
+export type ChangeEventPayload = {
+    value: string;
+};
+export type ExpoBackgroundRemoverViewProps = {
+    url: string;
+    onLoad: (event: {
+        nativeEvent: OnLoadEventPayload;
+    }) => void;
+    style?: StyleProp<ViewStyle>;
+};
+export declare class BackgroundRemoverError extends Error {
+    constructor(message: string);
+}
+//# sourceMappingURL=ExpoBackgroundRemover.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemover.types.d.ts","sourceRoot":"","sources":["../src/ExpoBackgroundRemover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,kBAAkB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,KAAK;gBACnC,OAAO,EAAE,MAAM;CAI5B"}

package/build/ExpoBackgroundRemover.types.js

@@ -0,0 +1,8 @@
+export class BackgroundRemoverError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'BackgroundRemoverError';
+    }
+}
+;
+//# sourceMappingURL=ExpoBackgroundRemover.types.js.map

package/build/ExpoBackgroundRemover.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemover.types.js","sourceRoot":"","sources":["../src/ExpoBackgroundRemover.types.ts"],"names":[],"mappings":"AAoBA,MAAM,OAAO,sBAAuB,SAAQ,KAAK;IAC/C,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,wBAAwB,CAAC;IACvC,CAAC;CACF;AAAA,CAAC","sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\n\nexport type OnLoadEventPayload = {\n  url: string;\n};\n\nexport type ExpoBackgroundRemoverModuleEvents = {\n  onChange: (params: ChangeEventPayload) => void;\n};\n\nexport type ChangeEventPayload = {\n  value: string;\n};\n\nexport type ExpoBackgroundRemoverViewProps = {\n  url: string;\n  onLoad: (event: { nativeEvent: OnLoadEventPayload }) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport class BackgroundRemoverError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'BackgroundRemoverError';\n  }\n};\n\n"]}

package/build/ExpoBackgroundRemoverModule.d.ts

@@ -0,0 +1,11 @@
+import { NativeModule } from 'expo';
+import { ExpoBackgroundRemoverModuleEvents } from './ExpoBackgroundRemover.types';
+declare class ExpoBackgroundRemoverModule extends NativeModule<ExpoBackgroundRemoverModuleEvents> {
+    PI: number;
+    hello(): string;
+    setValueAsync(value: string): Promise<void>;
+    removeBackgroundAsync(imageUri: string): Promise<string>;
+}
+declare const _default: ExpoBackgroundRemoverModule;
+export default _default;
+//# sourceMappingURL=ExpoBackgroundRemoverModule.d.ts.map

package/build/ExpoBackgroundRemoverModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverModule.d.ts","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,MAAM,MAAM,CAAC;AAEzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAElF,OAAO,OAAO,2BAA4B,SAAQ,YAAY,CAAC,iCAAiC,CAAC;IAC/F,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,IAAI,MAAM;IACf,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAC3C,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;CACzD;;AAGD,wBAAyF"}

package/build/ExpoBackgroundRemoverModule.js

@@ -0,0 +1,4 @@
+import { requireNativeModule } from 'expo';
+// This call loads the native module object from the JSI.
+export default requireNativeModule('ExpoBackgroundRemover');
+//# sourceMappingURL=ExpoBackgroundRemoverModule.js.map

package/build/ExpoBackgroundRemoverModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverModule.js","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAWzD,yDAAyD;AACzD,eAAe,mBAAmB,CAA8B,uBAAuB,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo';\n\nimport { ExpoBackgroundRemoverModuleEvents } from './ExpoBackgroundRemover.types';\n\ndeclare class ExpoBackgroundRemoverModule extends NativeModule<ExpoBackgroundRemoverModuleEvents> {\n  PI: number;\n  hello(): string;\n  setValueAsync(value: string): Promise<void>;\n  removeBackgroundAsync(imageUri: string): Promise<string> ;\n}\n\n// This call loads the native module object from the JSI.\nexport default requireNativeModule<ExpoBackgroundRemoverModule>('ExpoBackgroundRemover');\n"]}

package/build/ExpoBackgroundRemoverModule.web.d.ts

@@ -0,0 +1,10 @@
+import { NativeModule } from 'expo';
+import { ExpoBackgroundRemoverModuleEvents } from './ExpoBackgroundRemover.types';
+declare class ExpoBackgroundRemoverModule extends NativeModule<ExpoBackgroundRemoverModuleEvents> {
+    PI: number;
+    setValueAsync(value: string): Promise<void>;
+    hello(): string;
+}
+declare const _default: typeof ExpoBackgroundRemoverModule;
+export default _default;
+//# sourceMappingURL=ExpoBackgroundRemoverModule.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverModule.web.d.ts","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,MAAM,CAAC;AAEvD,OAAO,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC;AAElF,cAAM,2BAA4B,SAAQ,YAAY,CAAC,iCAAiC,CAAC;IACvF,EAAE,SAAW;IACP,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAGjD,KAAK;CAGN;;AAED,wBAA6F"}

package/build/ExpoBackgroundRemoverModule.web.js

@@ -0,0 +1,12 @@
+import { registerWebModule, NativeModule } from 'expo';
+class ExpoBackgroundRemoverModule extends NativeModule {
+    PI = Math.PI;
+    async setValueAsync(value) {
+        this.emit('onChange', { value });
+    }
+    hello() {
+        return 'Hello world! 👋';
+    }
+}
+export default registerWebModule(ExpoBackgroundRemoverModule, 'ExpoBackgroundRemoverModule');
+//# sourceMappingURL=ExpoBackgroundRemoverModule.web.js.map

package/build/ExpoBackgroundRemoverModule.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverModule.web.js","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverModule.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAIvD,MAAM,2BAA4B,SAAQ,YAA+C;IACvF,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,aAAa,CAAC,KAAa;QAC/B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACnC,CAAC;IACD,KAAK;QACH,OAAO,iBAAiB,CAAC;IAC3B,CAAC;CACF;AAED,eAAe,iBAAiB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { registerWebModule, NativeModule } from 'expo';\n\nimport { ExpoBackgroundRemoverModuleEvents } from './ExpoBackgroundRemover.types';\n\nclass ExpoBackgroundRemoverModule extends NativeModule<ExpoBackgroundRemoverModuleEvents> {\n  PI = Math.PI;\n  async setValueAsync(value: string): Promise<void> {\n    this.emit('onChange', { value });\n  }\n  hello() {\n    return 'Hello world! 👋';\n  }\n}\n\nexport default registerWebModule(ExpoBackgroundRemoverModule, 'ExpoBackgroundRemoverModule');\n"]}

package/build/ExpoBackgroundRemoverView.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ExpoBackgroundRemoverViewProps } from './ExpoBackgroundRemover.types';
+export default function ExpoBackgroundRemoverView(props: ExpoBackgroundRemoverViewProps): React.JSX.Element;
+//# sourceMappingURL=ExpoBackgroundRemoverView.d.ts.map

package/build/ExpoBackgroundRemoverView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverView.d.ts","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAK/E,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,qBAEtF"}

package/build/ExpoBackgroundRemoverView.js

@@ -0,0 +1,7 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+const NativeView = requireNativeView('ExpoBackgroundRemover');
+export default function ExpoBackgroundRemoverView(props) {
+    return <NativeView {...props}/>;
+}
+//# sourceMappingURL=ExpoBackgroundRemoverView.js.map

package/build/ExpoBackgroundRemoverView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverView.js","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,UAAU,GACd,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAqC;IACrF,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnC,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\n\nimport { ExpoBackgroundRemoverViewProps } from './ExpoBackgroundRemover.types';\n\nconst NativeView: React.ComponentType<ExpoBackgroundRemoverViewProps> =\n  requireNativeView('ExpoBackgroundRemover');\n\nexport default function ExpoBackgroundRemoverView(props: ExpoBackgroundRemoverViewProps) {\n  return <NativeView {...props} />;\n}\n"]}

package/build/ExpoBackgroundRemoverView.web.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ExpoBackgroundRemoverViewProps } from './ExpoBackgroundRemover.types';
+export default function ExpoBackgroundRemoverView(props: ExpoBackgroundRemoverViewProps): React.JSX.Element;
+//# sourceMappingURL=ExpoBackgroundRemoverView.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverView.web.d.ts","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,EAAE,8BAA8B,qBAUtF"}

package/build/ExpoBackgroundRemoverView.web.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export default function ExpoBackgroundRemoverView(props) {
+    return (<div>
+      <iframe style={{ flex: 1 }} src={props.url} onLoad={() => props.onLoad({ nativeEvent: { url: props.url } })}/>
+    </div>);
+}
+//# sourceMappingURL=ExpoBackgroundRemoverView.web.js.map

package/build/ExpoBackgroundRemoverView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpoBackgroundRemoverView.web.js","sourceRoot":"","sources":["../src/ExpoBackgroundRemoverView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAqC;IACrF,OAAO,CACL,CAAC,GAAG,CACF;MAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACnB,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CACf,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAEpE;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { ExpoBackgroundRemoverViewProps } from './ExpoBackgroundRemover.types';\n\nexport default function ExpoBackgroundRemoverView(props: ExpoBackgroundRemoverViewProps) {\n  return (\n    <div>\n      <iframe\n        style={{ flex: 1 }}\n        src={props.url}\n        onLoad={() => props.onLoad({ nativeEvent: { url: props.url } })}\n      />\n    </div>\n  );\n}\n"]}

package/build/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Removes the background from an image using on-device ML.
+ * * @param imageUri - The local file URI of the source image.
+ * @returns A promise that resolves to the local file URI of the transparent PNG.
+ * @throws Will throw an error if the image cannot be loaded or no subjects are found.
+ */
+export declare function removeBackgroundAsync(imageUri: string): Promise<string>;
+export { default } from './ExpoBackgroundRemoverModule';
+export { default as ExpoBackgroundRemoverView } from './ExpoBackgroundRemoverView';
+export * from './ExpoBackgroundRemover.types';
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAsB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAa7E;AAMD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,cAAe,+BAA+B,CAAC"}

package/build/index.js

@@ -0,0 +1,28 @@
+import { BackgroundRemoverError } from './ExpoBackgroundRemover.types';
+import ExpoBackgroundRemoverModule from './ExpoBackgroundRemoverModule';
+/**
+ * Removes the background from an image using on-device ML.
+ * * @param imageUri - The local file URI of the source image.
+ * @returns A promise that resolves to the local file URI of the transparent PNG.
+ * @throws Will throw an error if the image cannot be loaded or no subjects are found.
+ */
+export async function removeBackgroundAsync(imageUri) {
+    if (!imageUri || typeof imageUri !== 'string') {
+        throw new BackgroundRemoverError('A valid image URI string is required.');
+    }
+    try {
+        const resultUri = await ExpoBackgroundRemoverModule.removeBackgroundAsync(imageUri);
+        return resultUri;
+    }
+    catch (error) {
+        // Catch native exceptions (e.g., NoSubjectDetectedException from Swift) 
+        // and format them nicely for the JS thread.
+        throw new BackgroundRemoverError(error?.message || 'Failed to process image background.');
+    }
+}
+// Reexport the native module. On web, it will be resolved to ExpoBackgroundRemoverModule.web.ts
+// and on native platforms to ExpoBackgroundRemoverModule.ts
+export { default } from './ExpoBackgroundRemoverModule';
+export { default as ExpoBackgroundRemoverView } from './ExpoBackgroundRemoverView';
+export * from './ExpoBackgroundRemover.types';
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,2BAA2B,MAAM,+BAA+B,CAAC;AAGxE;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,qBAAqB,CAAC,QAAgB;IAC1D,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC9C,MAAM,IAAI,sBAAsB,CAAC,uCAAuC,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC;QACH,MAAM,SAAS,GAAG,MAAM,2BAA2B,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;QACpF,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAU,EAAE,CAAC;QACpB,yEAAyE;QACzE,4CAA4C;QAC5C,MAAM,IAAI,sBAAsB,CAAC,KAAK,EAAE,OAAO,IAAI,qCAAqC,CAAC,CAAC;IAC5F,CAAC;AACH,CAAC;AAID,gGAAgG;AAChG,4DAA4D;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,cAAe,+BAA+B,CAAC","sourcesContent":["\nimport { BackgroundRemoverError } from './ExpoBackgroundRemover.types';\nimport ExpoBackgroundRemoverModule from './ExpoBackgroundRemoverModule';\n \n\n/**\n * Removes the background from an image using on-device ML.\n * * @param imageUri - The local file URI of the source image.\n * @returns A promise that resolves to the local file URI of the transparent PNG.\n * @throws Will throw an error if the image cannot be loaded or no subjects are found.\n */\nexport async function removeBackgroundAsync(imageUri: string): Promise<string> {\n  if (!imageUri || typeof imageUri !== 'string') {\n    throw new BackgroundRemoverError('A valid image URI string is required.');\n  }\n\n  try {\n    const resultUri = await ExpoBackgroundRemoverModule.removeBackgroundAsync(imageUri);\n    return resultUri;\n  } catch (error: any) {\n    // Catch native exceptions (e.g., NoSubjectDetectedException from Swift) \n    // and format them nicely for the JS thread.\n    throw new BackgroundRemoverError(error?.message || 'Failed to process image background.');\n  }\n}\n\n\n\n// Reexport the native module. On web, it will be resolved to ExpoBackgroundRemoverModule.web.ts\n// and on native platforms to ExpoBackgroundRemoverModule.ts\nexport { default } from './ExpoBackgroundRemoverModule';\nexport { default as ExpoBackgroundRemoverView } from './ExpoBackgroundRemoverView';\nexport * from  './ExpoBackgroundRemover.types';\n\n\n"]}

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["apple", "android", "web"],
+  "apple": {
+    "modules": ["ExpoBackgroundRemoverModule"]
+  },
+  "android": {
+    "modules": ["expo.modules.backgroundremover.ExpoBackgroundRemoverModule"]
+  }
+}

package/ios/ExpoBackgroundRemover.podspec

@@ -0,0 +1,32 @@
+require 'json'
+
+package = JSON.parse(File.read(File.join(__dir__, '..', 'package.json')))
+
+Pod::Spec.new do |s|
+  s.name           = 'ExpoBackgroundRemover'
+  s.version        = package['version']
+  s.summary        = package['description']
+  s.description    = package['description']
+  s.license        = package['license']
+  s.author         = package['author']
+  s.homepage       = package['homepage']
+  s.platforms      = {
+    :ios => '15.1',
+    :tvos => '15.1'
+  }
+  s.swift_version  = '5.9'
+  s.source         = { git: 'https://github.com/tsnguyenducphuong/background-remover' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+
+  s.frameworks = 'Vision', 'CoreImage','CoreMedia', 'UIKit', 'CoreGraphics'
+
+
+  # Swift/Objective-C compatibility
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+
+  s.source_files = "**/*.{h,m,mm,swift,hpp,cpp}"
+end

package/ios/ExpoBackgroundRemoverModule.swift

@@ -0,0 +1,176 @@
+import ExpoModulesCore
+import Vision
+import CoreImage
+import CoreImage.CIFilterBuiltins
+import UIKit
+
+public class ExpoBackgroundRemoverModule: Module {
+  private let context = CIContext()
+  // Each module class must implement the definition function. The definition consists of components
+  // that describes the module's functionality and behavior.
+  // See https://docs.expo.dev/modules/module-api for more details about available components.
+  public func definition() -> ModuleDefinition {
+    // Sets the name of the module that JavaScript code will use to refer to the module. Takes a string as an argument.
+    // Can be inferred from module's class name, but it's recommended to set it explicitly for clarity.
+    // The module will be accessible from `requireNativeModule('ExpoBackgroundRemover')` in JavaScript.
+    Name("ExpoBackgroundRemover")
+
+    // Defines constant property on the module.
+    Constant("PI") {
+      Double.pi
+    }
+
+    // Defines event names that the module can send to JavaScript.
+    Events("onChange")
+
+    // Defines a JavaScript synchronous function that runs the native code on the JavaScript thread.
+    Function("hello") {
+      return "Hello world! 👋"
+    }
+
+    // Defines a JavaScript function that always returns a Promise and whose native code
+    // is by default dispatched on the different thread than the JavaScript runtime runs on.
+    AsyncFunction("setValueAsync") { (value: String) in
+      // Send an event to JavaScript.
+      self.sendEvent("onChange", [
+        "value": value
+      ])
+    }
+
+    AsyncFunction("removeBackgroundAsync") { (imageUri: String) async throws -> String in
+      guard let url = URL(string: imageUri),
+            let imageData = try? Data(contentsOf: url),
+            let uiImage = UIImage(data: imageData) else {
+        throw ImageLoadingException()
+      }
+
+      // 1. Thread Safety: Explicitly move to a background thread for ML/Vision
+      return try await withCheckedThrowingContinuation { continuation in
+        DispatchQueue.global(qos: .userInitiated).async {
+          do {
+            // 2. Downscale to max 2048px to prevent OOM
+            let processedImage = self.downscaleImage(image: uiImage, maxDimension: 2048)
+            
+            // 3. API Availability Check (iOS 17.0+ for Instance Masking)
+            if #available(iOS 17.0, *) {
+              let resultUri = try self.performModernSegmentation(image: processedImage)
+              continuation.resume(returning: resultUri)
+            } else {
+              // 4. Fallback for older iOS versions (using Person Segmentation)
+              let resultUri = try self.performLegacySegmentation(image: processedImage)
+              continuation.resume(returning: resultUri)
+            }
+          } catch {
+            continuation.resume(throwing: error)
+          }
+        }
+      }
+    }
+
+      // Enables the module to be used as a native view. Definition components that are accepted as part of the
+    // view definition: Prop, Events.
+    View(ExpoBackgroundRemoverView.self) {
+      // Defines a setter for the `url` prop.
+      Prop("url") { (view: ExpoBackgroundRemoverView, url: URL) in
+        if view.webView.url != url {
+          view.webView.load(URLRequest(url: url))
+        }
+      }
+
+      Events("onLoad")
+    }
+  }
+
+  // MARK: - iOS 17+ Logic
+  @available(iOS 17.0, *)
+  private func performModernSegmentation(image: UIImage) throws -> String {
+    guard let cgImage = image.cgImage else { throw ImageProcessingException() }
+    
+    let request = VNGenerateForegroundInstanceMaskRequest()
+    let handler = VNImageRequestHandler(cgImage: cgImage, options: [:])
+    
+    try handler.perform([request])
+    
+    guard let result = request.results?.first else { throw NoSubjectDetectedException() }
+    
+    // Generate combined mask for all subjects
+    let maskBuffer = try result.generateMask(forInstances: result.allInstances)
+    return try applyMaskAndSave(image: image, maskBuffer: maskBuffer)
+  }
+
+  // MARK: - iOS 15/16 Fallback
+  private func performLegacySegmentation(image: UIImage) throws -> String {
+    // Falls back to Person Segmentation if iOS < 17
+    guard let cgImage = image.cgImage else { throw ImageProcessingException() }
+    let request = VNGeneratePersonSegmentationRequest()
+    request.qualityLevel = .accurate
+    
+    let handler = VNImageRequestHandler(cgImage: cgImage, options: [:])
+    try handler.perform([request])
+    
+    guard let result = request.results?.first else { throw NoSubjectDetectedException() }
+    return try applyMaskAndSave(image: image, maskBuffer: result.pixelBuffer)
+  }
+
+  // MARK: - Core Image Pipeline
+  private func applyMaskAndSave(image: UIImage, maskBuffer: CVPixelBuffer) throws -> String {
+    guard let ciImage = CIImage(image: image) else {
+      throw ImageProcessingException()
+    }
+    let maskImage = CIImage(cvPixelBuffer: maskBuffer)
+
+    // Scale mask to match image
+    let scaleX = ciImage.extent.width / maskImage.extent.width
+    let scaleY = ciImage.extent.height / maskImage.extent.height
+    let scaledMask = maskImage.transformed(by: CGAffineTransform(scaleX: scaleX, y: scaleY))
+
+    // Valid CIBlendWithMask Setup:
+    // Requires: inputImage (foreground), inputBackgroundImage (background), inputMaskImage
+    guard let filter = CIFilter(name: "CIBlendWithMask") else {
+     throw ImageProcessingException()
+    }
+    filter.inputImage = ciImage
+    let transparentBG = CIImage(color: .clear).cropped(to: ciImage.extent)
+    filter.backgroundImage = transparentBG // Ensures transparency where mask is 0
+    filter.maskImage = scaledMask
+
+    guard let outputImage = filter.outputImage,
+          let cgImage = context.createCGImage(outputImage, from: ciImage.extent) else {
+      throw ImageProcessingException()
+    }
+
+    let finalImage = UIImage(cgImage: cgImage)
+    let fileURL = FileManager.default.temporaryDirectory.appendingPathComponent("\(UUID().uuidString).png")
+    
+    guard let data = finalImage.pngData() else { throw ImageProcessingException() }
+    try data.write(to: fileURL)
+    
+    return fileURL.absoluteString
+  }
+
+  private func downscaleImage(image: UIImage, maxDimension: CGFloat) -> UIImage {
+    let size = image.size
+    if size.width <= maxDimension && size.height <= maxDimension { return image }
+    let ratio = min(maxDimension / size.width, maxDimension / size.height)
+    let newSize = CGSize(width: size.width * ratio, height: size.height * ratio)
+    return UIGraphicsImageRenderer(size: newSize).image { _ in
+      image.draw(in: CGRect(origin: .zero, size: newSize))
+    }
+  }
+
+
+// MARK: - Exceptions
+internal class ImageLoadingException: Exception {
+  override var reason: String { "Could not load image from the provided URI" }
+}
+internal class ImageProcessingException: Exception {
+  override var reason: String { "Internal error during image masking or saving" }
+}
+internal class NoSubjectDetectedException: Exception {
+  override var reason: String { "Vision could not detect any subjects in this image" }
+}
+
+
+  
+}
+

package/ios/ExpoBackgroundRemoverView.swift

@@ -0,0 +1,38 @@
+import ExpoModulesCore
+import WebKit
+
+// This view will be used as a native component. Make sure to inherit from `ExpoView`
+// to apply the proper styling (e.g. border radius and shadows).
+class ExpoBackgroundRemoverView: ExpoView {
+  let webView = WKWebView()
+  let onLoad = EventDispatcher()
+  var delegate: WebViewDelegate?
+
+  required init(appContext: AppContext? = nil) {
+    super.init(appContext: appContext)
+    clipsToBounds = true
+    delegate = WebViewDelegate { url in
+      self.onLoad(["url": url])
+    }
+    webView.navigationDelegate = delegate
+    addSubview(webView)
+  }
+
+  override func layoutSubviews() {
+    webView.frame = bounds
+  }
+}
+
+class WebViewDelegate: NSObject, WKNavigationDelegate {
+  let onUrlChange: (String) -> Void
+
+  init(onUrlChange: @escaping (String) -> Void) {
+    self.onUrlChange = onUrlChange
+  }
+
+  func webView(_ webView: WKWebView, didFinish navigation: WKNavigation) {
+    if let url = webView.url {
+      onUrlChange(url.absoluteString)
+    }
+  }
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "expo-background-remover",
+  "version": "0.1.0",
+  "description": "Expo Module For High Quality Background Remover",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "scripts": {
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "expo-background-remover",
+    "ExpoBackgroundRemover"
+  ],
+  "repository": "https://github.com/tsnguyenducphuong/background-remover",
+  "bugs": {
+    "url": "https://github.com/tsnguyenducphuong/background-remover/issues"
+  },
+  "author": "Phuong Nguyen <ts.nguyenducphuong@gmail.com> (https://github.com/tsnguyenducphuong)",
+  "license": "MIT",
+  "homepage": "https://github.com/tsnguyenducphuong/background-remover#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "@types/react": "~19.1.1",
+    "expo-module-scripts": "^5.0.8",
+    "expo": "^54.0.13",
+    "react-native": "0.81.4"
+  },
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
+}

package/src/ExpoBackgroundRemover.types.ts

@@ -0,0 +1,27 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+export type OnLoadEventPayload = {
+  url: string;
+};
+
+export type ExpoBackgroundRemoverModuleEvents = {
+  onChange: (params: ChangeEventPayload) => void;
+};
+
+export type ChangeEventPayload = {
+  value: string;
+};
+
+export type ExpoBackgroundRemoverViewProps = {
+  url: string;
+  onLoad: (event: { nativeEvent: OnLoadEventPayload }) => void;
+  style?: StyleProp<ViewStyle>;
+};
+
+export class BackgroundRemoverError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'BackgroundRemoverError';
+  }
+};
+

package/src/ExpoBackgroundRemoverModule.ts

@@ -0,0 +1,13 @@
+import { NativeModule, requireNativeModule } from 'expo';
+
+import { ExpoBackgroundRemoverModuleEvents } from './ExpoBackgroundRemover.types';
+
+declare class ExpoBackgroundRemoverModule extends NativeModule<ExpoBackgroundRemoverModuleEvents> {
+  PI: number;
+  hello(): string;
+  setValueAsync(value: string): Promise<void>;
+  removeBackgroundAsync(imageUri: string): Promise<string> ;
+}
+
+// This call loads the native module object from the JSI.
+export default requireNativeModule<ExpoBackgroundRemoverModule>('ExpoBackgroundRemover');

package/src/ExpoBackgroundRemoverModule.web.ts

@@ -0,0 +1,15 @@
+import { registerWebModule, NativeModule } from 'expo';
+
+import { ExpoBackgroundRemoverModuleEvents } from './ExpoBackgroundRemover.types';
+
+class ExpoBackgroundRemoverModule extends NativeModule<ExpoBackgroundRemoverModuleEvents> {
+  PI = Math.PI;
+  async setValueAsync(value: string): Promise<void> {
+    this.emit('onChange', { value });
+  }
+  hello() {
+    return 'Hello world! 👋';
+  }
+}
+
+export default registerWebModule(ExpoBackgroundRemoverModule, 'ExpoBackgroundRemoverModule');

package/src/ExpoBackgroundRemoverView.tsx

@@ -0,0 +1,11 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+
+import { ExpoBackgroundRemoverViewProps } from './ExpoBackgroundRemover.types';
+
+const NativeView: React.ComponentType<ExpoBackgroundRemoverViewProps> =
+  requireNativeView('ExpoBackgroundRemover');
+
+export default function ExpoBackgroundRemoverView(props: ExpoBackgroundRemoverViewProps) {
+  return <NativeView {...props} />;
+}

package/src/ExpoBackgroundRemoverView.web.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+import { ExpoBackgroundRemoverViewProps } from './ExpoBackgroundRemover.types';
+
+export default function ExpoBackgroundRemoverView(props: ExpoBackgroundRemoverViewProps) {
+  return (
+    <div>
+      <iframe
+        style={{ flex: 1 }}
+        src={props.url}
+        onLoad={() => props.onLoad({ nativeEvent: { url: props.url } })}
+      />
+    </div>
+  );
+}

package/src/index.ts

@@ -0,0 +1,35 @@
+
+import { BackgroundRemoverError } from './ExpoBackgroundRemover.types';
+import ExpoBackgroundRemoverModule from './ExpoBackgroundRemoverModule';
+ 
+
+/**
+ * Removes the background from an image using on-device ML.
+ * * @param imageUri - The local file URI of the source image.
+ * @returns A promise that resolves to the local file URI of the transparent PNG.
+ * @throws Will throw an error if the image cannot be loaded or no subjects are found.
+ */
+export async function removeBackgroundAsync(imageUri: string): Promise<string> {
+  if (!imageUri || typeof imageUri !== 'string') {
+    throw new BackgroundRemoverError('A valid image URI string is required.');
+  }
+
+  try {
+    const resultUri = await ExpoBackgroundRemoverModule.removeBackgroundAsync(imageUri);
+    return resultUri;
+  } catch (error: any) {
+    // Catch native exceptions (e.g., NoSubjectDetectedException from Swift) 
+    // and format them nicely for the JS thread.
+    throw new BackgroundRemoverError(error?.message || 'Failed to process image background.');
+  }
+}
+
+
+
+// Reexport the native module. On web, it will be resolved to ExpoBackgroundRemoverModule.web.ts
+// and on native platforms to ExpoBackgroundRemoverModule.ts
+export { default } from './ExpoBackgroundRemoverModule';
+export { default as ExpoBackgroundRemoverView } from './ExpoBackgroundRemoverView';
+export * from  './ExpoBackgroundRemover.types';
+
+

package/tsconfig.json

@@ -0,0 +1,9 @@
+// @generated by expo-module-scripts
+{
+  "extends": "expo-module-scripts/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "./build"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__rsc_tests__/*"]
+}