Updated client.ts

Updated response error handling to attempt to extract error message from body.

Author: darylcecile

packages/blob/src/client.ts

@@ -4,7 +4,7 @@ import type { IncomingMessage } from 'node:http';
 // When bundled via a bundler supporting the `browser` field, then
 // the `undici` module will be replaced with https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
 // for browser contexts. See ./undici-browser.js and ./package.json
-import { fetch } from 'undici';
+import { fetch, type Response } from 'undici';
 import type { BlobCommandOptions } from './helpers';
 import { BlobError, getTokenFromOptionsOrEnv } from './helpers';
 import { createPutMethod } from './put';
@@ -329,9 +329,12 @@ async function retrieveClientToken(options: {
     method: 'POST',
     body: JSON.stringify(event),
   });
+
   if (!res.ok) {
-    throw new BlobError('Failed to  retrieve the client token');
+    const errorMessage = await tryGetErrorMessageFromResponse(res);
+    throw new BlobError(errorMessage ?? 'Failed to retrieve the client token');
   }
+
   try {
     const { clientToken } = (await res.json()) as { clientToken: string };
     return clientToken;
@@ -340,6 +343,15 @@ async function retrieveClientToken(options: {
   }
 }
 
+async function tryGetErrorMessageFromResponse(res: Response) {
+  const jsonBody = await res.json().catch(() => null);
+  if (!jsonBody) return;
+  if (typeof jsonBody !== 'object') return;
+  if ('error' in jsonBody && typeof jsonBody.error === 'string') {
+    return jsonBody.error;
+  }
+}
+
 function toAbsoluteUrl(url: string): string {
   return new URL(url, window.location.href).href;
 }