task: Report status text

Author: dcalhoun

android/app/src/main/java/com/example/gutenbergkit/EditorActivity.kt

@@ -228,7 +228,7 @@ fun EditorScreen(
                     setNetworkRequestListener(object : GutenbergView.NetworkRequestListener {
                         override fun onNetworkRequest(request: org.wordpress.gutenberg.RecordedNetworkRequest) {
                             android.util.Log.d("EditorActivity", "🌐 Network Request: ${request.method} ${request.url}")
-                            android.util.Log.d("EditorActivity", "   Status: ${request.status}, Duration: ${request.duration}ms")
+                            android.util.Log.d("EditorActivity", "   Status: ${request.status} ${request.statusText}, Duration: ${request.duration}ms")
 
                             // Log request headers
                             if (request.requestHeaders.isNotEmpty()) {

ios/Demo-iOS/Sources/Views/EditorView.swift

@@ -185,7 +185,7 @@ private struct _EditorView: UIViewControllerRepresentable {
 
         func editor(_ viewController: EditorViewController, didLogNetworkRequest request: RecordedNetworkRequest) {
             print("🌐 Network Request: \(request.method) \(request.url)")
-            print("   Status: \(request.status), Duration: \(request.duration)ms")
+            print("   Status: \(request.status) \(request.statusText), Duration: \(request.duration)ms")
 
             // Log request headers
             if !request.requestHeaders.isEmpty {

ios/Sources/GutenbergKit/Sources/EditorViewControllerDelegate.swift

@@ -176,6 +176,8 @@ public struct RecordedNetworkRequest {
     public let requestBody: String?
     /// The HTTP response status code
     public let status: Int
+    /// The HTTP response status text (e.g., "OK", "Not Found")
+    public let statusText: String
     /// The response headers
     public let responseHeaders: [String: String]
     /// The response body
@@ -199,6 +201,7 @@ public struct RecordedNetworkRequest {
         self.requestHeaders = requestHeaders
         self.requestBody = dict["requestBody"] as? String
         self.status = status
+        self.statusText = dict["statusText"] as? String ?? ""
         self.responseHeaders = responseHeaders
         self.responseBody = dict["responseBody"] as? String
         self.duration = duration

src/utils/bridge.js

@@ -181,6 +181,7 @@ export function onModalDialogClosed( dialogType ) {
  * @param {Object|null} requestData.requestHeaders  The request headers object.
  * @param {string|null} requestData.requestBody     The request body.
  * @param {number}      requestData.status          The HTTP response status code.
+ * @param {string}      requestData.statusText      The HTTP response status text (e.g., "OK", "Not Found").
  * @param {Object|null} requestData.responseHeaders The response headers object.
  * @param {string|null} requestData.responseBody    The response body.
  * @param {number}      requestData.duration        The request duration in milliseconds.

src/utils/fetch-interceptor.js

@@ -64,6 +64,8 @@ export function initializeFetchInterceptor() {
 			// Capture response metadata immediately
 			const responseClone = response.clone();
 			responseStatus = response.status;
+			const responseStatusText =
+				response.statusText || getStatusText( response.status );
 			responseHeaders = serializeHeaders( response.headers );
 			const duration = Math.round( performance.now() - startTime );
 
@@ -79,6 +81,7 @@ export function initializeFetchInterceptor() {
 						),
 						requestBody,
 						status: responseStatus,
+						statusText: responseStatusText,
 						responseHeaders,
 						responseBody: body,
 						duration,
@@ -94,6 +97,7 @@ export function initializeFetchInterceptor() {
 						),
 						requestBody,
 						status: responseStatus,
+						statusText: responseStatusText,
 						responseHeaders,
 						responseBody: `[Error reading body: ${ error.message }]`,
 						duration,
@@ -112,6 +116,7 @@ export function initializeFetchInterceptor() {
 				requestHeaders: serializeHeaders( requestDetails.headers ),
 				requestBody,
 				status: 0,
+				statusText: '',
 				responseHeaders: {},
 				responseBody: `[Network error: ${ error.message }]`,
 				duration,
@@ -311,3 +316,58 @@ function serializeHeaders( headers ) {
 
 	return result;
 }
+
+/**
+ * Maps HTTP status codes to their standard status text.
+ * Used as fallback when response.statusText is empty (common with HTTP/2).
+ *
+ * @param {number} status The HTTP status code.
+ *
+ * @return {string} The corresponding status text, or empty string if unknown.
+ */
+function getStatusText( status ) {
+	const statusTexts = {
+		// 1xx Informational
+		100: 'Continue',
+		101: 'Switching Protocols',
+		// 2xx Success
+		200: 'OK',
+		201: 'Created',
+		202: 'Accepted',
+		203: 'Non-Authoritative Information',
+		204: 'No Content',
+		205: 'Reset Content',
+		206: 'Partial Content',
+		// 3xx Redirection
+		300: 'Multiple Choices',
+		301: 'Moved Permanently',
+		302: 'Found',
+		303: 'See Other',
+		304: 'Not Modified',
+		307: 'Temporary Redirect',
+		308: 'Permanent Redirect',
+		// 4xx Client Error
+		400: 'Bad Request',
+		401: 'Unauthorized',
+		403: 'Forbidden',
+		404: 'Not Found',
+		405: 'Method Not Allowed',
+		406: 'Not Acceptable',
+		408: 'Request Timeout',
+		409: 'Conflict',
+		410: 'Gone',
+		413: 'Payload Too Large',
+		414: 'URI Too Long',
+		415: 'Unsupported Media Type',
+		422: 'Unprocessable Entity',
+		429: 'Too Many Requests',
+		// 5xx Server Error
+		500: 'Internal Server Error',
+		501: 'Not Implemented',
+		502: 'Bad Gateway',
+		503: 'Service Unavailable',
+		504: 'Gateway Timeout',
+	};
+
+	return statusTexts[ status ] || '';
+}

src/utils/fetch-interceptor.test.js

@@ -31,6 +31,7 @@ describe( 'initializeFetchInterceptor', () => {
 			Promise.resolve( {
 				ok: true,
 				status: 200,
+				statusText: 'OK',
 				headers: new Headers( {
 					'content-type': 'application/json',
 				} ),
@@ -76,6 +77,45 @@ describe( 'initializeFetchInterceptor', () => {
 		expect( window.fetch ).toBe( currentFetch );
 	} );
 
+	it( 'should derive statusText from status code when empty (HTTP/2)', async () => {
+		// Mock fetch with empty statusText (common with HTTP/2)
+		global.fetch = vi.fn( () =>
+			Promise.resolve( {
+				ok: true,
+				status: 201,
+				statusText: '', // Empty, as with HTTP/2
+				headers: new Headers( {
+					'content-type': 'application/json',
+				} ),
+				clone() {
+					return {
+						headers: this.headers,
+						text: () => Promise.resolve( '{}' ),
+						blob: () =>
+							Promise.resolve(
+								new Blob( [ '{}' ], {
+									type: 'application/json',
+								} )
+							),
+					};
+				},
+			} )
+		);
+
+		initializeFetchInterceptor();
+
+		await window.fetch( 'https://example.com/api', { method: 'POST' } );
+
+		await waitForAsyncLogging();
+
+		expect( bridge.onNetworkRequest ).toHaveBeenCalledWith(
+			expect.objectContaining( {
+				status: 201,
+				statusText: 'Created', // Derived from status code
+			} )
+		);
+	} );
+
 	describe( 'request header capture', () => {
 		it( 'should capture headers from plain object with string URL', async () => {
 			initializeFetchInterceptor();
@@ -98,6 +138,7 @@ describe( 'initializeFetchInterceptor', () => {
 						Authorization: 'Bearer test-token',
 						'X-Custom-Header': 'custom-value',
 					} ),
+					statusText: 'OK',
 				} )
 			);
 		} );