feat: Add MongoDB connection utilities, connector/form persistence, and a data viewer UI.

Author: Sourodip-1

apps/web/app/viewer/page.tsx

@@ -3,7 +3,9 @@
 import { useState, useEffect } from 'react';
 import { useSearchParams } from 'next/navigation';
 
-export default function ViewerPage() {
+import { Suspense } from 'react';
+
+function ViewerContent() {
     const searchParams = useSearchParams();
 
     const [url, setUrl] = useState('');
@@ -135,3 +137,11 @@ export default function ViewerPage() {
         </div>
     );
 }
+
+export default function ViewerPage() {
+    return (
+        <Suspense fallback={<div>Loading...</div>}>
+            <ViewerContent />
+        </Suspense>
+    );
+}

apps/web/lib/mongoose.ts

@@ -2,9 +2,7 @@ import mongoose from 'mongoose';
 
 const MONGODB_URI = process.env.MONGODB_URI;
 
-if (!MONGODB_URI) {
-  throw new Error('Please define the MONGODB_URI environment variable inside .env');
-}
+// Removed top-level throw to allow build without env vars. Checks happen in connectToDatabase.
 
 interface MongooseCache {
   conn: typeof mongoose | null;
@@ -30,6 +28,10 @@ async function connectToDatabase() {
   }
 
   if (!cached.promise) {
+    if (!MONGODB_URI) {
+      throw new Error('Please define the MONGODB_URI environment variable inside .env');
+    }
+
     const opts = {
       bufferCommands: false,
     };

apps/web/lib/server-db.ts

@@ -23,9 +23,8 @@ export interface Form {
 }
 
 // --- Persistence ---
-if (!process.env.MONGODB_URI) {
-  throw new Error('Invalid/Missing environment variable: "MONGODB_URI"');
-}
+// --- Persistence ---
+// NOTE: We check this lazily or let it fail at runtime in functions to allow build-time execution without env vars.
 
 const uri = process.env.MONGODB_URI;
 const dbName = process.env.MONGODB_DB_NAME || 'postpipe_core';
@@ -34,25 +33,34 @@ const options = {};
 let client;
 let clientPromise: Promise<MongoClient>;
 
-if (process.env.NODE_ENV === 'development') {
-  // In development mode, use a global variable so that the value
-  // is preserved across module reloads caused by HMR (Hot Module Replacement).
-  // @ts-ignore
-  if (!global._mongoClientPromise) {
-    client = new MongoClient(uri, options);
+function getClientPromise(): Promise<MongoClient> {
+  if (clientPromise) return clientPromise;
+
+  if (!uri) {
+    throw new Error('Invalid/Missing environment variable: "MONGODB_URI"');
+  }
+
+  if (process.env.NODE_ENV === 'development') {
+    // In development mode, use a global variable so that the value
+    // is preserved across module reloads caused by HMR.
     // @ts-ignore
-    global._mongoClientPromise = client.connect();
+    if (!global._mongoClientPromise) {
+      client = new MongoClient(uri, options);
+      // @ts-ignore
+      global._mongoClientPromise = client.connect();
+    }
+    // @ts-ignore
+    clientPromise = global._mongoClientPromise;
+  } else {
+    // In production mode, it's best to not use a global variable.
+    client = new MongoClient(uri, options);
+    clientPromise = client.connect();
   }
-  // @ts-ignore
-  clientPromise = global._mongoClientPromise;
-} else {
-  // In production mode, it's best to not use a global variable.
-  client = new MongoClient(uri, options);
-  clientPromise = client.connect();
+  return clientPromise;
 }
 
 async function getDB() {
-    const c = await clientPromise;
+    const c = await getClientPromise();
     return c.db(dbName);
 }