Add better API logging

rapid-integration · Aug 8, 2024 · d1fe125 · d1fe125
1 parent 07f60e9
commit d1fe125
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontend/src/lib/api/middleware.ts b/frontend/src/lib/api/middleware.ts
@@ -1,4 +1,5 @@
 import { type Middleware } from "openapi-fetch";
+import colors from "picocolors";
 import { getSession, resetSession } from "~/lib/auth/session";
 
 export const AUTH_MIDDLEWARE: Middleware = {
@@ -19,6 +20,12 @@ export const AUTH_MIDDLEWARE: Middleware = {
 
 export const DEBUG_MIDDLEWARE: Middleware = {
   onResponse: (options) => {
-    console.debug(`${options.request.method} ${options.schemaPath} - ${options.response.status} ${options.response.statusText}`);
+    const timestamp = colors.dim(new Date().toLocaleTimeString());
+    const prefix = colors.cyan(colors.bold("[api]"));
+    const method = colors.green(options.request.method);
+    const route = colors.dim(options.request.url);
+    const status = colors.yellow(`${options.response.status} ${options.response.statusText}`);
+
+    console.debug(`${timestamp} ${prefix} ${method} ${route} ${status}`);
   },
 };