fix: update error catching to catch all produced errors

examples/hooks.html

@@ -58,7 +58,7 @@
           }
         )
         .catch(
-          (error) => console.error("post: ", err.message, err.cause)
+          (err) => console.error("post: ", err.message, err.cause)
         );
 
 
@@ -67,7 +67,7 @@
           (res) => console.log(res)
         )
         .catch(
-          (error) => console.error("page: ", err.message, err.cause)
+          (err) => console.error("page: ", err.message, err.cause)
         )
     });
   </script>

lib/useButter.js

@@ -119,9 +119,7 @@ export default function useButter(type, butterConfig) {
          */
         catch (errorPayload) {
             if (errorPayload.response) {
-                const {
-                    detail: errorDetail
-                } = await errorPayload.response.json();
+                const errors = await errorPayload.response.json();
 
                 const mappedParams = Object.fromEntries(
                     Object.entries(errorPayload.params)
@@ -134,7 +132,7 @@ export default function useButter(type, butterConfig) {
                 url.searchParams.delete('auth_token');
 
                 const cause = {
-                    data: errorDetail,
+                    data: errors,
                     headers: errorPayload.response.headers,
                     status: errorPayload.response.status,
                     statusText: errorPayload.response.statusText,
@@ -145,13 +143,30 @@ export default function useButter(type, butterConfig) {
                 };
 
                 useOnError(
-                    errorDetail,
+                    errors,
                     cause
                 );
 
+                /**
+                 * Formats error messages from an object of errors.
+                 * 
+                 * @param {Object} unformattedErrors - An object containing error messages.
+                 * @returns {string} A formatted error message string.
+                 */
+                function formatErrors (unformattedErrors) {
+                    const errorKeys = Object.keys(unformattedErrors);
+
+                    if (errorKeys.length > 1) {
+                        return `Errors caught in [${ errorKeys.join(", ") }]: see cause for details`;
+                    }
+                    else {
+                        return `[${ errorKeys[0]}]: ${ unformattedErrors[errorKeys[0]] }`;
+                    }
+                }
+
                 return Promise.reject(
                     new Error(
-                        `${ errorDetail } (${ errorPayload.response.status })`,
+                        `${ formatErrors(errors) } (${ errorPayload.response.status })`,
                         {
                             cause
                         }

tests/basic.html

@@ -47,7 +47,7 @@
           }
         );
 
-      // butter.content.cancelRequest()
+      butter.content.cancelRequest()
 
       butter.post.list({
         page: 1,
@@ -84,7 +84,7 @@
           }
         );
 
-        //butter.post.cancelRequest()
+        butter.post.cancelRequest()
     });
   </script>
 </body>

tests/hooks.html

@@ -58,7 +58,7 @@
           }
         )
         .catch(
-          (error) => console.error("post: ", err.message, err.cause)
+          (err) => console.error("post: ", err.message, err.cause)
         );
 
 
@@ -67,7 +67,7 @@
           (res) => console.log(res)
         )
         .catch(
-          (error) => console.error("page: ", err.message, err.cause)
+          (err) => console.error("page: ", err.message, err.cause)
         )
     });
   </script>