Add debug API endpoints for database connection and todos table validation

- Introduced a new debug endpoint to test database connectivity and check the existence of the 'todos' table.
- Enhanced the main page to display debug information regarding the retrieval of the DATABASE_URL.
- Improved error handling and logging in the todos API for better troubleshooting.

Author: claudfuen

apps/web/src/app/api/debug/db/route.ts

@@ -0,0 +1,24 @@
+import { db } from "@/db";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  try {
+    // Test basic database connection
+    const result = await db.execute("SELECT 1 as test");
+
+    return NextResponse.json({
+      status: "success",
+      message: "Database connection works",
+      result: result.rows,
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        status: "error",
+        error: error instanceof Error ? error.message : String(error),
+        stack: error instanceof Error ? error.stack : undefined,
+      },
+      { status: 500 }
+    );
+  }
+}

apps/web/src/app/api/debug/tables/route.ts

@@ -0,0 +1,44 @@
+import { db } from "@/db";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  try {
+    // Check if todos table exists
+    const tableExists = await db.execute(`
+      SELECT EXISTS (
+        SELECT FROM information_schema.tables 
+        WHERE table_schema = 'public' 
+        AND table_name = 'todos'
+      );
+    `);
+
+    // Try to count todos
+    let todoCount = null;
+    let todoCountError = null;
+
+    try {
+      const countResult = await db.execute(
+        "SELECT COUNT(*) as count FROM todos"
+      );
+      todoCount = countResult.rows[0];
+    } catch (error) {
+      todoCountError = error instanceof Error ? error.message : String(error);
+    }
+
+    return NextResponse.json({
+      status: "success",
+      tableExists: tableExists.rows[0],
+      todoCount,
+      todoCountError,
+    });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        status: "error",
+        error: error instanceof Error ? error.message : String(error),
+        stack: error instanceof Error ? error.stack : undefined,
+      },
+      { status: 500 }
+    );
+  }
+}

apps/web/src/app/api/todos/route.ts

@@ -5,15 +5,34 @@ import { NextResponse } from "next/server";
 // GET /api/todos - List all todos
 export async function GET() {
   try {
+    console.log("Starting todos fetch...");
+
+    // Test database connection first
+    console.log("Testing basic database connection...");
+    await db.execute("SELECT 1");
+    console.log("Database connection OK");
+
+    // Try the actual query
+    console.log("Executing todos query...");
     const allTodos = await db
       .select()
       .from(todos)
       .orderBy(desc(todos.createdAt));
+
+    console.log(`Found ${allTodos.length} todos`);
     return NextResponse.json(allTodos);
   } catch (error) {
-    console.error("Failed to fetch todos:", error);
+    console.error("Detailed error in todos fetch:", {
+      message: error instanceof Error ? error.message : String(error),
+      stack: error instanceof Error ? error.stack : undefined,
+      name: error instanceof Error ? error.name : undefined,
+    });
+
     return NextResponse.json(
-      { error: "Failed to fetch todos" },
+      {
+        error: "Failed to fetch todos",
+        details: error instanceof Error ? error.message : String(error),
+      },
       { status: 500 }
     );
   }

apps/web/src/app/page.tsx

@@ -4,12 +4,11 @@ import TodoApp from "./components/TodoApp";
 function redactDatabaseUrl(url: string): string {
   if (!url) return "No DATABASE_URL found";
 
-  // Parse the URL to extract components
   try {
     const parsed = new URL(url);
     const host = parsed.hostname;
     const port = parsed.port ? `:${parsed.port}` : "";
-    const database = parsed.pathname.slice(1); // Remove leading slash
+    const database = parsed.pathname.slice(1);
 
     return `postgresql://***:***@${host}${port}/${database}`;
   } catch {
@@ -18,7 +17,41 @@ function redactDatabaseUrl(url: string): string {
 }
 
 export default function Home() {
-  const redactedUrl = redactDatabaseUrl(env.DATABASE_URL);
+  let databaseUrl = "";
+  let debugInfo = "";
 
-  return <TodoApp databaseUrl={redactedUrl} />;
+  try {
+    databaseUrl = env.DATABASE_URL;
+    debugInfo = "✅ env.DATABASE_URL accessed successfully";
+  } catch (error) {
+    debugInfo = `❌ env.DATABASE_URL failed: ${error}`;
+    // Fallback to raw env
+    if (process.env.DATABASE_URL) {
+      databaseUrl = process.env.DATABASE_URL;
+      debugInfo += " | ✅ process.env.DATABASE_URL fallback worked";
+    } else {
+      debugInfo += " | ❌ process.env.DATABASE_URL also empty";
+    }
+  }
+
+  const redactedUrl = redactDatabaseUrl(databaseUrl);
+
+  return (
+    <div>
+      <TodoApp databaseUrl={redactedUrl} />
+      <div
+        style={{
+          position: "fixed",
+          bottom: "10px",
+          left: "10px",
+          background: "yellow",
+          padding: "5px",
+          fontSize: "12px",
+          maxWidth: "300px",
+        }}
+      >
+        DEBUG: {debugInfo}
+      </div>
+    </div>
+  );
 }