expo 56.0.15 → 56.0.17

package/android/build.gradle

@@ -10,7 +10,7 @@ buildscript {
 }
 
 group = 'host.exp.exponent'
-version = '56.0.15'
+version = '56.0.17'
 
 expoModule {
   // We can't prebuild the module because it depends on the generated files.
@@ -21,7 +21,7 @@ android {
   namespace "expo.core"
   defaultConfig {
     versionCode 1
-    versionName "56.0.15"
+    versionName "56.0.17"
     consumerProguardFiles("proguard-rules.pro")
   }
   testOptions {

package/android/src/main/java/expo/modules/fetch/ExpoFetchModule.kt

@@ -4,6 +4,7 @@ package expo.modules.fetch
 
 import android.util.Log
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.modules.blob.BlobModule
 import com.facebook.react.modules.network.CookieJarContainer
 import com.facebook.react.modules.network.ForwardingCookieHandler
 import com.facebook.react.modules.network.OkHttpClientProvider
@@ -49,6 +50,13 @@ class ExpoFetchModule : Module() {
       cookieJarContainer.setCookieJar(JavaNetCookieJar(cookieHandler))
     }
 
+    // TODO(kudo,20260706): remove this when we install expo-blob as globalThis.Blob
+    AsyncFunction("unstable_createBlobData") { data: ByteArray ->
+      val blobModule = reactContext.getNativeModule(BlobModule::class.java)
+        ?: throw FetchBlobModuleUnavailableException()
+      return@AsyncFunction blobModule.store(data)
+    }
+
     OnDestroy {
       cookieHandler.destroy()
       cookieJarContainer.removeCookieJar()

package/android/src/main/java/expo/modules/fetch/FetchExceptions.kt

@@ -15,3 +15,9 @@ internal class FetchAndroidContextLostException :
 
 internal class FetchRedirectException :
   CodedException("Redirect is not allowed when redirect mode is 'error'")
+
+internal class FetchBlobModuleUnavailableException :
+  CodedException(
+    "Unable to store the response body as a blob because React Native's BlobModule is not available. " +
+      "Make sure your app includes the React Native blob support or read the body with arrayBuffer() instead"
+  )

package/android/src/main/java/expo/modules/fetch/NativeResponse.kt

@@ -8,7 +8,9 @@ import expo.modules.kotlin.AppContext
 import expo.modules.kotlin.sharedobjects.SharedObject
 import kotlinx.coroutines.CoroutineScope
 import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.NonCancellable
 import kotlinx.coroutines.launch
+import kotlinx.coroutines.withContext
 import okhttp3.Call
 import okhttp3.Callback
 import okhttp3.Response
@@ -138,10 +140,17 @@ internal class NativeResponse(appContext: AppContext, private val coroutineScope
     responseInit = createResponseInit(response)
     state = ResponseState.RESPONSE_RECEIVED
 
-    coroutineScope.launch(Dispatchers.IO) {
+    coroutineScope.launch {
       val stream = response.body?.source() ?: return@launch
-      pumpResponseBodyStream(stream)
-      response.close()
+      try {
+        pumpResponseBodyStream(stream)
+      } finally {
+        // Close off the modules queue so the blocking call doesn't stall it.
+        // NonCancellable guarantees the response is released even if the scope is canceled mid-stream.
+        withContext(NonCancellable + Dispatchers.IO) {
+          response.close()
+        }
+      }
 
       if (this@NativeResponse.state == ResponseState.BODY_STREAMING_STARTED) {
         emit("didComplete")
@@ -182,9 +191,13 @@ internal class NativeResponse(appContext: AppContext, private val coroutineScope
     )
   }
 
-  private fun pumpResponseBodyStream(stream: BufferedSource) {
+  private suspend fun pumpResponseBodyStream(stream: BufferedSource) {
     try {
-      while (!stream.exhausted()) {
+      while (true) {
+        val data = withContext(Dispatchers.IO) {
+          if (stream.exhausted()) null else stream.buffer.readByteArray()
+        } ?: break
+
         if (isInvalidState(
             ResponseState.RESPONSE_RECEIVED,
             ResponseState.BODY_STREAMING_STARTED,
@@ -194,9 +207,9 @@ internal class NativeResponse(appContext: AppContext, private val coroutineScope
           break
         }
         if (state == ResponseState.RESPONSE_RECEIVED) {
-          sink.appendBufferBody(stream.buffer.readByteArray())
+          sink.appendBufferBody(data)
         } else if (state == ResponseState.BODY_STREAMING_STARTED) {
-          emit("didReceiveResponseData", stream.buffer.readByteArray())
+          emit("didReceiveResponseData", data)
         } else {
           break
         }

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

@@ -1 +1 @@
-{"version":3,"file":"getBundleUrl.web.d.ts","sourceRoot":"","sources":["../../src/utils/getBundleUrl.web.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,IAAI,MAAM,GAAG,IAAI,CAkB5C"}
+{"version":3,"file":"getBundleUrl.web.d.ts","sourceRoot":"","sources":["../../src/utils/getBundleUrl.web.ts"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,IAAI,MAAM,GAAG,IAAI,CAe5C"}

package/build/winter/fetch/FetchResponse.d.ts

@@ -21,9 +21,6 @@ export declare class FetchResponse extends ConcreteNativeResponse implements Res
     get bodyUsed(): boolean;
     get headers(): Headers;
     get ok(): boolean;
-    /**
-     * This method is not currently supported by react-native's Blob constructor.
-     */
     blob(): Promise<Blob>;
     formData(): Promise<UniversalFormData>;
     json(): Promise<any>;

package/build/winter/fetch/FetchResponse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FetchResponse.d.ts","sourceRoot":"","sources":["../../../src/winter/fetch/FetchResponse.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEzE,QAAA,MAAM,sBAAsB,EAAqC,OAAO,cAAc,CAAC;AACvF,MAAM,MAAM,gCAAgC,GAAG,MAAM,IAAI,CAAC;AAI1D,KAAK,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACvE,KAAK,iBAAiB,GAAG,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC;AAW1D,QAAA,MAAM,QAAQ,eAAgC,CAAC;AAqI/C;;GAEG;AACH,qBAAa,aAAc,SAAQ,sBAAuB,YAAW,QAAQ;IAM/D,OAAO,CAAC,QAAQ,CAAC,oBAAoB;IALjD,OAAO,CAAC,CAAC,QAAQ,CAAC,CAGhB;gBAE2B,oBAAoB,EAAE,gCAAgC;IAQnF,IAAa,WAAW,IAAI,iBAAiB,CAE5C;IAED,IAAa,MAAM,IAAI,MAAM,CAE5B;IAED,IAAa,UAAU,IAAI,MAAM,CAEhC;IAED,IAAa,GAAG,IAAI,MAAM,CAEzB;IAED,IAAa,UAAU,IAAI,OAAO,CAEjC;IAED,IAAI,IAAI,IAAI,SAAS,CAEpB;IAED,IAAI,IAAI,IAAI,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI,CA0EzD;IAED,IAAa,QAAQ,IAAI,OAAO,CAE/B;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,EAAE,IAAI,OAAO,CAEhB;IAED;;OAEG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAMrB,QAAQ,IAAI,OAAO,CAAC,iBAAiB,CAAC;IAgBtC,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC;IAMpB,KAAK,IAAI,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAKhC,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC;IAanC,IAAI,IAAI,OAAO,CAAC,MAAM,CAAC;IAatC,QAAQ,IAAI,MAAM;IAIlB,MAAM,IAAI,MAAM;IAShB,KAAK,IAAI,aAAa;IAgDtB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,QAAQ,CAQd;CACH"}
+{"version":3,"file":"FetchResponse.d.ts","sourceRoot":"","sources":["../../../src/winter/fetch/FetchResponse.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGzE,QAAA,MAAM,sBAAsB,EAAqC,OAAO,cAAc,CAAC;AACvF,MAAM,MAAM,gCAAgC,GAAG,MAAM,IAAI,CAAC;AAI1D,KAAK,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;AACvE,KAAK,iBAAiB,GAAG,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC;AAW1D,QAAA,MAAM,QAAQ,eAAgC,CAAC;AAuI/C;;GAEG;AACH,qBAAa,aAAc,SAAQ,sBAAuB,YAAW,QAAQ;IAM/D,OAAO,CAAC,QAAQ,CAAC,oBAAoB;IALjD,OAAO,CAAC,CAAC,QAAQ,CAAC,CAGhB;gBAE2B,oBAAoB,EAAE,gCAAgC;IAQnF,IAAa,WAAW,IAAI,iBAAiB,CAE5C;IAED,IAAa,MAAM,IAAI,MAAM,CAE5B;IAED,IAAa,UAAU,IAAI,MAAM,CAEhC;IAED,IAAa,GAAG,IAAI,MAAM,CAEzB;IAED,IAAa,UAAU,IAAI,OAAO,CAEjC;IAED,IAAI,IAAI,IAAI,SAAS,CAEpB;IAED,IAAI,IAAI,IAAI,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI,CA0EzD;IAED,IAAa,QAAQ,IAAI,OAAO,CAE/B;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,EAAE,IAAI,OAAO,CAEhB;IAEK,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAkBrB,QAAQ,IAAI,OAAO,CAAC,iBAAiB,CAAC;IAgBtC,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC;IAMpB,KAAK,IAAI,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAKhC,WAAW,IAAI,OAAO,CAAC,WAAW,CAAC;IAanC,IAAI,IAAI,OAAO,CAAC,MAAM,CAAC;IAatC,QAAQ,IAAI,MAAM;IAIlB,MAAM,IAAI,MAAM;IAShB,KAAK,IAAI,aAAa;IAgDtB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,QAAQ,CAQd;CACH"}

package/build/winter/fetch/createBlob.d.ts

@@ -0,0 +1,8 @@
+export declare function isReactNativeBlobGlobal(): boolean;
+/**
+ * react-native's `Blob` cannot be created from binary data in JS, so store the
+ * bytes in its native blob store and reference them, like XHR responses do.
+ * TODO(kudo,20260706): remove this when we install expo-blob as globalThis.Blob
+ */
+export declare function createReactNativeBlobAsync(buffer: ArrayBuffer, type: string): Promise<Blob>;
+//# sourceMappingURL=createBlob.d.ts.map

package/build/winter/fetch/createBlob.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBlob.d.ts","sourceRoot":"","sources":["../../../src/winter/fetch/createBlob.ts"],"names":[],"mappings":"AAEA,wBAAgB,uBAAuB,IAAI,OAAO,CAMjD;AAED;;;;GAIG;AACH,wBAAsB,0BAA0B,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAUjG"}

package/bundledNativeModules.json

@@ -1,9 +1,9 @@
 {
   "@expo/dom-webview": "~56.0.6",
-  "@expo/fingerprint": "~0.19.7",
-  "@expo/metro-runtime": "~56.0.16",
+  "@expo/fingerprint": "~0.19.9",
+  "@expo/metro-runtime": "~56.0.18",
   "@expo/vector-icons": "^15.0.2",
-  "@expo/ui": "~56.0.21",
+  "@expo/ui": "~56.0.23",
   "@react-native-async-storage/async-storage": "2.2.0",
   "@react-native-community/datetimepicker": "9.1.0",
   "@react-native-masked-view/masked-view": "0.3.2",
@@ -17,28 +17,28 @@
   "expo-analytics-amplitude": "~11.3.0",
   "expo-app-auth": "~11.1.0",
   "expo-app-loader-provider": "~8.0.0",
-  "expo-app-metrics": "~56.0.21",
+  "expo-app-metrics": "~56.0.23",
   "expo-apple-authentication": "~56.0.4",
   "expo-application": "~56.0.3",
-  "expo-asset": "~56.0.19",
-  "expo-audio": "~56.0.12",
-  "expo-auth-session": "~56.0.15",
-  "expo-background-fetch": "~56.0.21",
-  "expo-background-task": "~56.0.21",
+  "expo-asset": "~56.0.21",
+  "expo-audio": "~56.0.13",
+  "expo-auth-session": "~56.0.16",
+  "expo-background-fetch": "~56.0.23",
+  "expo-background-task": "~56.0.23",
   "expo-battery": "~56.0.4",
-  "expo-blur": "~56.0.3",
+  "expo-blur": "~56.0.4",
   "expo-brightness": "~56.0.5",
-  "expo-brownfield": "~56.0.23",
-  "expo-build-properties": "~56.0.22",
+  "expo-brownfield": "~56.0.25",
+  "expo-build-properties": "~56.0.24",
   "expo-calendar": "~56.0.9",
   "expo-camera": "~56.0.8",
   "expo-cellular": "~56.0.5",
   "expo-checkbox": "~56.0.1",
   "expo-clipboard": "~56.0.4",
-  "expo-constants": "~56.0.20",
-  "expo-contacts": "~56.0.10",
+  "expo-constants": "~56.0.22",
+  "expo-contacts": "~56.0.11",
   "expo-crypto": "~56.0.4",
-  "expo-dev-client": "~56.0.22",
+  "expo-dev-client": "~56.0.24",
   "expo-device": "~56.0.4",
   "expo-document-picker": "~56.0.4",
   "expo-file-system": "~56.0.8",
@@ -49,52 +49,52 @@
   "expo-haptics": "~56.0.3",
   "expo-image": "~56.0.11",
   "expo-image-loader": "~56.0.3",
-  "expo-image-manipulator": "~56.0.21",
-  "expo-image-picker": "~56.0.20",
+  "expo-image-manipulator": "~56.0.23",
+  "expo-image-picker": "~56.0.22",
   "expo-intent-launcher": "~56.0.4",
-  "expo-insights": "~56.0.20",
+  "expo-insights": "~56.0.22",
   "expo-keep-awake": "~56.0.3",
   "expo-linear-gradient": "~56.0.4",
-  "expo-linking": "~56.0.15",
-  "expo-local-authentication": "~56.0.4",
+  "expo-linking": "~56.0.16",
+  "expo-local-authentication": "~56.0.5",
   "expo-localization": "~56.0.6",
-  "expo-location": "~56.0.20",
+  "expo-location": "~56.0.22",
   "expo-mail-composer": "~56.0.4",
   "expo-manifests": "~56.0.4",
   "expo-maps": "~56.0.7",
   "expo-mcp": "~0.2.1",
-  "expo-media-library": "~56.0.9",
+  "expo-media-library": "~56.0.10",
   "expo-mesh-gradient": "~56.0.3",
-  "expo-module-template": "~56.0.16",
-  "expo-modules-core": "~56.0.20",
+  "expo-module-template": "~56.0.17",
+  "expo-modules-core": "~56.0.22",
   "expo-navigation-bar": "~56.0.3",
   "expo-network": "~56.0.5",
-  "expo-notifications": "~56.0.20",
-  "expo-observe": "~56.0.24",
+  "expo-notifications": "~56.0.22",
+  "expo-observe": "~56.0.26",
   "expo-print": "~56.0.4",
   "expo-live-photo": "~56.0.4",
-  "expo-router": "~56.2.14",
+  "expo-router": "~56.2.16",
   "expo-screen-capture": "~56.0.4",
   "expo-screen-orientation": "~56.0.5",
   "expo-secure-store": "~56.0.4",
   "expo-sensors": "~56.0.6",
   "expo-server": "~56.0.5",
-  "expo-sharing": "~56.0.21",
+  "expo-sharing": "~56.0.23",
   "expo-sms": "~56.0.3",
   "expo-speech": "~56.0.3",
-  "expo-splash-screen": "~56.0.12",
+  "expo-splash-screen": "~56.0.14",
   "expo-sqlite": "~56.0.5",
   "expo-status-bar": "~56.0.4",
   "expo-store-review": "~56.0.3",
   "expo-symbols": "~56.0.6",
   "expo-system-ui": "~56.0.5",
-  "expo-task-manager": "~56.0.21",
+  "expo-task-manager": "~56.0.23",
   "expo-tracking-transparency": "~56.0.5",
-  "expo-updates": "~56.0.21",
+  "expo-updates": "~56.0.23",
   "expo-video-thumbnails": "~56.0.3",
   "expo-video": "~56.1.4",
-  "expo-web-browser": "~56.0.5",
-  "expo-widgets": "~56.0.22",
+  "expo-web-browser": "~56.0.6",
+  "expo-widgets": "~56.0.24",
   "jest-expo": "~56.0.5",
   "lottie-react-native": "~7.3.4",
   "react": "19.2.3",
@@ -108,7 +108,7 @@
   "react-native-pager-view": "8.0.1",
   "react-native-worklets": "0.8.3",
   "react-native-reanimated": "4.3.1",
-  "react-native-screens": "4.25.2",
+  "react-native-screens": "~4.26.0",
   "react-native-safe-area-context": "~5.7.0",
   "react-native-svg": "15.15.4",
   "react-native-view-shot": "5.1.0",

package/ios/Fetch/ExpoFetchModule.swift

@@ -24,6 +24,19 @@ public final class ExpoFetchModule: Module {
       urlSession.invalidateAndCancel()
     }
 
+    // TODO(kudo,20260706): remove this when we install expo-blob as globalThis.Blob
+    AsyncFunction("unstable_createBlobData") { (data: Data) -> String in
+      guard let blobManager: NSObject = self.appContext?.nativeModule(named: "BlobModule") else {
+        throw FetchBlobModuleUnavailableException()
+      }
+      let store = NSSelectorFromString("store:")
+      guard blobManager.responds(to: store),
+        let blobId = blobManager.perform(store, with: data as NSData)?.takeUnretainedValue() as? String else {
+        throw FetchBlobModuleUnavailableException()
+      }
+      return blobId
+    }
+
     // swiftlint:disable:next closure_body_length
     Class(NativeResponse.self) {
       Constructor {

package/ios/Fetch/FetchExceptions.swift

@@ -19,3 +19,10 @@ internal final class FetchRedirectException: Exception {
     "Redirect is not allowed when redirect mode is 'error'"
   }
 }
+
+internal final class FetchBlobModuleUnavailableException: Exception {
+  override var reason: String {
+    "Unable to store the response body as a blob because React Native's BlobModule is not available. " +
+    "Make sure your app includes the React Native blob support (React-RCTBlob) or read the body with arrayBuffer() instead"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo",
-  "version": "56.0.15",
+  "version": "56.0.17",
   "description": "The Expo SDK",
   "main": "src/Expo.ts",
   "module": "src/Expo.ts",
@@ -68,25 +68,25 @@
   "homepage": "https://github.com/expo/expo/tree/main/packages/expo",
   "dependencies": {
     "@babel/runtime": "^7.20.0",
-    "@expo/cli": "^56.1.19",
-    "@expo/config": "~56.0.11",
-    "@expo/config-plugins": "~56.0.12",
+    "@expo/cli": "^56.1.21",
+    "@expo/config": "~56.0.13",
+    "@expo/config-plugins": "~56.0.14",
     "@expo/devtools": "~56.0.2",
     "@expo/dom-webview": "~56.0.6",
-    "@expo/fingerprint": "^0.19.7",
-    "@expo/local-build-cache-provider": "^56.0.9",
+    "@expo/fingerprint": "^0.19.9",
+    "@expo/local-build-cache-provider": "^56.0.10",
     "@expo/log-box": "^56.0.14",
     "@expo/metro": "~56.0.0",
-    "@expo/metro-config": "~56.0.16",
+    "@expo/metro-config": "~56.0.18",
     "@ungap/structured-clone": "^1.3.0",
-    "babel-preset-expo": "~56.0.17",
-    "expo-asset": "~56.0.19",
-    "expo-constants": "~56.0.20",
+    "babel-preset-expo": "~56.0.18",
+    "expo-asset": "~56.0.21",
+    "expo-constants": "~56.0.22",
     "expo-file-system": "~56.0.8",
     "expo-font": "~56.0.7",
     "expo-keep-awake": "~56.0.3",
-    "expo-modules-autolinking": "~56.0.19",
-    "expo-modules-core": "~56.0.20",
+    "expo-modules-autolinking": "~56.0.21",
+    "expo-modules-core": "~56.0.22",
     "pretty-format": "^29.7.0",
     "react-refresh": "^0.14.2",
     "whatwg-url-minimum": "^0.1.2"
@@ -100,9 +100,9 @@
     "react-native": "0.85.3",
     "rimraf": "^6.1.2",
     "web-streams-polyfill": "^3.3.2",
-    "@expo/metro-runtime": "56.0.16",
-    "expo-updates": "56.0.21",
-    "@expo/dom-webview": "56.0.6"
+    "@expo/dom-webview": "56.0.6",
+    "expo-updates": "56.0.23",
+    "@expo/metro-runtime": "56.0.18"
   },
   "peerDependencies": {
     "@expo/dom-webview": "*",
@@ -139,7 +139,7 @@
       "scripts/resolveAppEntry.js"
     ]
   },
-  "gitHead": "f7fcf668bc1a31cccd73275e6c316a0d1253f4c9",
+  "gitHead": "60c9da71e15060aa859a7a6e85f4b14062b761f4",
   "scripts": {
     "build": "tsc",
     "clean": "rimraf build",

package/src/utils/__tests__/getBundleUrl.test.web.ts

@@ -0,0 +1,34 @@
+/**
+ * @jest-environment jsdom
+ */
+
+function setCurrentScript(src: string | null) {
+  Object.defineProperty(document, 'currentScript', {
+    configurable: true,
+    value: src == null ? null : Object.assign(document.createElement('script'), { src }),
+  });
+}
+
+// The web test project runs this file in jsdom, the node project on the server.
+// `getBundleUrl` reads `document.currentScript`, so only assert in the browser.
+if (typeof window === 'undefined') {
+  it('noop', () => {});
+} else {
+  afterEach(() => {
+    setCurrentScript(null);
+    jest.resetModules();
+  });
+
+  it('returns the bundle URL while the script is executing synchronously', () => {
+    setCurrentScript('https://localhost:8081/index.bundle?platform=web');
+    const { getBundleUrl } = require('../getBundleUrl');
+    expect(getBundleUrl()).toBe('https://localhost:8081/index.bundle');
+  });
+
+  it('still returns the bundle URL after the script finished executing', () => {
+    setCurrentScript('https://localhost:8081/index.bundle?platform=web');
+    const { getBundleUrl } = require('../getBundleUrl');
+    setCurrentScript(null);
+    expect(getBundleUrl()).toBe('https://localhost:8081/index.bundle');
+  });
+}

package/src/utils/getBundleUrl.web.ts

@@ -1,21 +1,23 @@
 // Copyright 2015-present 650 Industries. All rights reserved.
 
+// `document.currentScript` is only set during synchronous script execution, so we capture its URL
+// at module load; reading it later (effect, async, dynamic import) would see `null`.
+const initialScriptURL: string | null =
+  typeof window !== 'undefined' ? (document.currentScript as HTMLScriptElement)?.src : null;
+
 export function getBundleUrl(): string | null {
-  let scriptURL: string | null | undefined = null;
+  let scriptURL: string | null = initialScriptURL;
 
   if (typeof window === 'undefined') {
     // For server runtime, we use the filename of the current script
-    // @ts-ignore The react-native tsconfig doesn't support CJS
+    // @ts-expect-error The react-native tsconfig doesn't support CJS
     scriptURL = 'file://' + __filename;
-  } else {
-    // TODO: Try to support `import.meta.url` when the ecosystem supports ESM,
-    // and jest doesn't throw SyntaxError when accessing `import.meta`.
-    scriptURL = (document.currentScript as HTMLScriptElement)?.src;
   }
 
   if (scriptURL == null) {
     return null;
   }
+
   const url = new URL(scriptURL);
   return `${url.protocol}//${url.host}${url.pathname}`;
 }

package/src/winter/fetch/FetchResponse.ts

@@ -1,5 +1,6 @@
 import { ExpoFetchModule } from './ExpoFetchModule';
 import type { NativeHeadersType, NativeResponse } from './NativeRequest';
+import { createReactNativeBlobAsync, isReactNativeBlobGlobal } from './createBlob';
 
 const ConcreteNativeResponse = ExpoFetchModule.NativeResponse as typeof NativeResponse;
 export type AbortSubscriptionCleanupFunction = () => void;
@@ -20,6 +21,8 @@ interface ResponseMetadata {
 
 const stateKey = Symbol('FetchResponse.state');
 
+let hasWarnedAboutReactNativeBlob = false;
+
 interface ConsumptionWrapper {
   stream: ReadableStream<Uint8Array<ArrayBuffer>>;
   // Stops the wrapper from marking its body as consumed. Called by clone()
@@ -280,13 +283,22 @@ export class FetchResponse extends ConcreteNativeResponse implements Response {
     return this.status >= 200 && this.status < 300;
   }
 
-  /**
-   * This method is not currently supported by react-native's Blob constructor.
-   */
   async blob(): Promise<Blob> {
     this.checkBodyUsedError('blob');
+    const type = this.headers.get('content-type') ?? '';
     const buffer = await this.arrayBuffer();
-    return new Blob([buffer]);
+
+    if (isReactNativeBlobGlobal()) {
+      if (__DEV__ && !hasWarnedAboutReactNativeBlob) {
+        hasWarnedAboutReactNativeBlob = true;
+        console.warn(
+          "Response.blob() is using React Native's Blob, which copies the response into the native blob store and reads it back through base64 encoding. This may be slow for large responses. Add the `expo-blob` package to your app to avoid the performance overhead."
+        );
+      }
+      return createReactNativeBlobAsync(buffer, type);
+    }
+
+    return new Blob([buffer], { type });
   }
 
   async formData(): Promise<UniversalFormData> {

package/src/winter/fetch/__tests__/FetchResponse-blob-test.native.ts

@@ -0,0 +1,88 @@
+import { FetchResponse } from '../FetchResponse';
+
+jest.mock('../ExpoFetchModule', () => {
+  const helloWorld = new TextEncoder().encode('hello world');
+
+  class StubNativeResponse {
+    // Getters on the prototype, like the real native binding, so super.x works.
+    get _rawHeaders(): [string, string][] {
+      return [['content-type', 'text/plain']];
+    }
+
+    addListener() {}
+    removeListener() {}
+    removeAllListeners() {}
+
+    async arrayBuffer(): Promise<ArrayBuffer> {
+      return helloWorld.buffer.slice(
+        helloWorld.byteOffset,
+        helloWorld.byteOffset + helloWorld.byteLength
+      ) as ArrayBuffer;
+    }
+  }
+
+  return {
+    ExpoFetchModule: {
+      NativeResponse: StubNativeResponse,
+      unstable_createBlobData: jest.fn(async () => 'mock-blob-id'),
+    },
+  };
+});
+
+describe('FetchResponse blob() with react-native Blob', () => {
+  const originalBlob = globalThis.Blob;
+  const RNBlob = require('react-native/Libraries/Blob/Blob').default;
+  const { ExpoFetchModule } = require('../ExpoFetchModule');
+
+  beforeEach(() => {
+    globalThis.Blob = RNBlob;
+    ExpoFetchModule.unstable_createBlobData.mockClear();
+  });
+
+  afterEach(() => {
+    globalThis.Blob = originalBlob;
+  });
+
+  function makeResponse(): FetchResponse {
+    return new FetchResponse(() => {});
+  }
+
+  it('should warn about the performance overhead only once', async () => {
+    const warnSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});
+
+    try {
+      await makeResponse().blob();
+      await makeResponse().blob();
+
+      expect(warnSpy).toHaveBeenCalledTimes(1);
+      expect(warnSpy).toHaveBeenCalledWith(expect.stringContaining('expo-blob'));
+    } finally {
+      warnSpy.mockRestore();
+    }
+  });
+
+  it('should return a react-native blob backed by the native blob store', async () => {
+    const response = makeResponse();
+    const blob = await response.blob();
+
+    expect(blob).toBeInstanceOf(RNBlob);
+    expect((blob as any).data.blobId).toBe('mock-blob-id');
+    expect(blob.size).toBe(11);
+    expect(blob.type).toBe('text/plain');
+  });
+
+  it('should store the body bytes in the native blob store', async () => {
+    const response = makeResponse();
+    await response.blob();
+
+    expect(ExpoFetchModule.unstable_createBlobData).toHaveBeenCalledTimes(1);
+    const bytes = ExpoFetchModule.unstable_createBlobData.mock.calls[0][0] as Uint8Array;
+    expect(new TextDecoder().decode(bytes)).toBe('hello world');
+  });
+
+  it('should reject a second blob() call with TypeError', async () => {
+    const response = makeResponse();
+    await response.blob();
+    await expect(response.blob()).rejects.toThrow(TypeError);
+  });
+});

package/src/winter/fetch/__tests__/FetchResponse-test.ts

@@ -89,6 +89,7 @@ jest.mock('../ExpoFetchModule', () => {
     ExpoFetchModule: {
       NativeRequest: StubNativeRequest,
       NativeResponse: StubNativeResponse,
+      unstable_createBlobData: jest.fn(async () => 'mock-blob-id'),
     },
   };
 });
@@ -254,6 +255,15 @@ describe('FetchResponse', () => {
     });
   });
 
+  describe('blob()', () => {
+    it('should create a blob with type from the content-type header', async () => {
+      const response = makeResponse();
+      const blob = await response.blob();
+      expect(blob.size).toBe(11);
+      expect(blob.type).toBe('text/plain');
+    });
+  });
+
   describe('body methods', () => {
     it('rejects a second arrayBuffer() call with TypeError', async () => {
       const response = makeResponse();

package/src/winter/fetch/createBlob.ts

@@ -0,0 +1,26 @@
+import { ExpoFetchModule } from './ExpoFetchModule';
+
+export function isReactNativeBlobGlobal(): boolean {
+  try {
+    return globalThis.Blob === require('react-native/Libraries/Blob/Blob').default;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * react-native's `Blob` cannot be created from binary data in JS, so store the
+ * bytes in its native blob store and reference them, like XHR responses do.
+ * TODO(kudo,20260706): remove this when we install expo-blob as globalThis.Blob
+ */
+export async function createReactNativeBlobAsync(buffer: ArrayBuffer, type: string): Promise<Blob> {
+  const BlobManager = require('react-native/Libraries/Blob/BlobManager').default;
+  const blobId: string = await ExpoFetchModule.unstable_createBlobData(new Uint8Array(buffer));
+  return BlobManager.createFromOptions({
+    blobId,
+    offset: 0,
+    size: buffer.byteLength,
+    type,
+    lastModified: Date.now(),
+  });
+}