✨ Improve code readability and formatting in API client utility

code/websites/pokedex.online/src/utilities/api-client.js

@@ -66,10 +66,7 @@ export function createApiClient(config = {}) {
    * Make the actual HTTP request with retries
    */
   async function makeRequest(url, options) {
-    const {
+    const { retries = maxRetries, ...fetchOptions } = options;
-      retries = maxRetries,
-      ...fetchOptions
-    } = options;
 
     // Merge headers
     const headers = {
@@ -88,9 +85,14 @@ export function createApiClient(config = {}) {
     while (attempt <= retries) {
       try {
         // Call request interceptor
-        let requestOptions = { ...fetchOptions, headers, signal: controller.signal };
+        let requestOptions = {
+          ...fetchOptions,
+          headers,
+          signal: controller.signal
+        };
         if (onRequest) {
-          requestOptions = await onRequest(url, requestOptions) || requestOptions;
+          requestOptions =
+            (await onRequest(url, requestOptions)) || requestOptions;
         }
 
         const response = await fetch(url, requestOptions);
@@ -99,12 +101,14 @@ export function createApiClient(config = {}) {
         // Call response interceptor
         let processedResponse = response;
         if (onResponse) {
-          processedResponse = await onResponse(response.clone()) || response;
+          processedResponse = (await onResponse(response.clone())) || response;
         }
 
         // Handle HTTP errors
         if (!processedResponse.ok) {
-          const error = new Error(`HTTP ${processedResponse.status}: ${processedResponse.statusText}`);
+          const error = new Error(
+            `HTTP ${processedResponse.status}: ${processedResponse.statusText}`
+          );
           error.status = processedResponse.status;
           error.response = processedResponse;
 
@@ -129,7 +133,6 @@ export function createApiClient(config = {}) {
           return await processedResponse.json();
         }
         return await processedResponse.text();
-
       } catch (error) {
         clearTimeout(timeoutId);
         lastError = error;
@@ -150,7 +153,9 @@ export function createApiClient(config = {}) {
 
         // If more retries remaining, wait before retrying
         if (attempt <= retries) {
-          await new Promise(resolve => setTimeout(resolve, retryDelay * attempt));
+          await new Promise(resolve =>
+            setTimeout(resolve, retryDelay * attempt)
+          );
         }
       }
     }
@@ -167,22 +172,26 @@ export function createApiClient(config = {}) {
   return {
     request,
     get: (url, options = {}) => request(url, { ...options, method: 'GET' }),
-    post: (url, data, options = {}) => request(url, { 
+    post: (url, data, options = {}) =>
-      ...options, 
+      request(url, {
-      method: 'POST',
+        ...options,
-      body: JSON.stringify(data)
+        method: 'POST',
-    }),
+        body: JSON.stringify(data)
-    put: (url, data, options = {}) => request(url, { 
+      }),
-      ...options, 
+    put: (url, data, options = {}) =>
-      method: 'PUT',
+      request(url, {
-      body: JSON.stringify(data)
+        ...options,
-    }),
+        method: 'PUT',
-    patch: (url, data, options = {}) => request(url, { 
+        body: JSON.stringify(data)
-      ...options, 
+      }),
-      method: 'PATCH',
+    patch: (url, data, options = {}) =>
-      body: JSON.stringify(data)
+      request(url, {
-    }),
+        ...options,
-    delete: (url, options = {}) => request(url, { ...options, method: 'DELETE' })
+        method: 'PATCH',
+        body: JSON.stringify(data)
+      }),
+    delete: (url, options = {}) =>
+      request(url, { ...options, method: 'DELETE' })
   };
 }