chore: improved error ts

Author: 35C4n0r

chat/src/components/chat-provider.tsx

@@ -10,6 +10,7 @@ import {
   useContext,
 } from "react";
 import { toast } from "sonner";
+import {getErrorMessage} from "@/lib/error-utils";
 
 interface Message {
   id: number;
@@ -34,6 +35,22 @@ interface StatusChangeEvent {
   status: string;
 }
 
+interface APIErrorDetail {
+  location: string;
+  message: string;
+  value: null | string | number | boolean | object;
+}
+
+interface APIErrorModel {
+  $schema: string;
+  detail: string;
+  errors: APIErrorDetail[];
+  instance: string;
+  status: number;
+  title: string;
+  type: string;
+}
+
 function isDraftMessage(message: Message | DraftMessage): boolean {
   return message.id === undefined;
 }
@@ -235,34 +252,27 @@ export function ChatProvider({ children }: PropsWithChildren) {
       });
 
       if (!response.ok) {
-        const errorData = await response.json();
+        const errorData = await response.json() as APIErrorModel;
         console.error("Failed to send message:", errorData);
         const detail = errorData.detail;
         const messages =
           "errors" in errorData
-            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              errorData.errors.map((e: any) => e.message).join(", ")
+            ?
+              errorData.errors.map((e: APIErrorDetail) => e.message).join(", ")
             : "";
 
         const fullDetail = `${detail}: ${messages}`;
         toast.error(`Failed to send message`, {
           description: fullDetail,
         });
       }
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    } catch (error: any) {
-      console.error("Error sending message:", error);
-      const detail = error.detail;
-      const messages =
-        "errors" in error
-          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            error.errors.map((e: any) => e.message).join("\n")
-          : "";
 
-      const fullDetail = `${detail}: ${messages}`;
+    } catch (error) {
+      console.error("Error sending message:", error);
+      const message = getErrorMessage(error)
 
       toast.error(`Error sending message`, {
-        description: fullDetail,
+        description: message,
       });
     } finally {
       if (type === "user") {
@@ -285,13 +295,13 @@ export function ChatProvider({ children }: PropsWithChildren) {
 
       if (!response.ok) {
         result.ok = false;
-        const errorData = await response.json();
+        const errorData = await response.json() as APIErrorModel;
         console.error("Failed to send message:", errorData);
         const detail = errorData.detail;
         const messages =
           "errors" in errorData
-            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            errorData.errors.map((e: any) => e.message).join(", ")
+            ?
+            errorData.errors.map((e: APIErrorDetail) => e.message).join(", ")
             : "";
 
         const fullDetail = `${detail}: ${messages}`;
@@ -301,21 +311,14 @@ export function ChatProvider({ children }: PropsWithChildren) {
       } else {
         result = (await response.json()) as FileUploadResponse;
       }
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    } catch (error: any) {
+       
+    } catch (error) {
       result.ok = false;
       console.error("Error uploading files:", error);
-      const detail = error.detail;
-      const messages =
-        "errors" in error
-          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          error.errors.map((e: any) => e.message).join("\n")
-          : "";
-
-      const fullDetail = `${detail}: ${messages}`;
+      const message = getErrorMessage(error)
 
       toast.error(`Error uploading files`, {
-        description: fullDetail,
+        description: message,
       });
     }
     return result;

chat/src/components/message-input.tsx

@@ -19,6 +19,7 @@ import TextareaAutosize from "react-textarea-autosize";
 import {useChat} from "./chat-provider";
 import {DragDrop} from "./drag-drop";
 import {toast} from "sonner";
+import {getErrorMessage} from "@/lib/error-utils";
 
 interface MessageInputProps {
   onSendMessage: (message: string, type: "user" | "raw") => void;
@@ -80,10 +81,9 @@ export default function MessageInput({
         if (response.ok) {
           setMessage(oldMessage => oldMessage + ' @"' + response.filePath + '"');
         }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      } catch (error: any) {
+      } catch (error) {
         toast.error("Failed to and upload file:", {
-          description: error.message,
+          description: getErrorMessage(error),
         });
       }
     }