feat(front): enhance api error handling

front/src/app/api/tags/route.ts

@@ -1,11 +1,18 @@
+import { getErrorMessage } from "@/app/helpers/getErrorMessage";
 import { TagsData } from "@/services/prisma/TagsData";
 import { NextResponse } from "next/server";
 
 export const GET = async (): Promise<NextResponse> => {
     try {
         const tags = await TagsData.getTags();
-        return NextResponse.json({ tags });
-    } catch (err) {
-        return NextResponse.json({ error: "failed to fetch tags from prisma" });
+        return NextResponse.json({ tags }, { status: 200 });
+    } catch (err: unknown) {
+        const message = getErrorMessage(err);
+        return NextResponse.json(
+            {
+                error: `failed to fetch tags from prisma: ${message}`,
+            },
+            { status: 500 },
+        );
     }
 };

front/src/app/helpers/getErrorMessage.ts

@@ -0,0 +1,26 @@
+type ErrorWithMessage = {
+    message: string;
+};
+
+const isErrorWithMessage = (error: unknown): error is ErrorWithMessage => {
+    return (
+        typeof error === "object" &&
+        error !== null &&
+        "message" in error &&
+        typeof (error as Record<string, unknown>).message === "string"
+    );
+};
+
+const toErrorWithMessage = (maybeError: unknown): ErrorWithMessage => {
+    if (isErrorWithMessage(maybeError)) return maybeError;
+
+    try {
+        return new Error(JSON.stringify(maybeError));
+    } catch {
+        return new Error(String(maybeError));
+    }
+};
+
+export const getErrorMessage = (error: unknown): string => {
+    return toErrorWithMessage(error).message;
+};