realtime message feature added

Author: rootcode-creator

.github/workflows/preview.yaml

@@ -30,6 +30,14 @@ jobs:
           printf "%s" "$DOTENV" > .env
           printf "%s" "$DOTENV" > .env.production
           printf "%s" "$DOTENV" > .vercel/.env.production.local
+      - name: Verify required env vars present
+        run: |
+          if grep -qE '^NEXT_PUBLIC_PUSHER_APP_KEY=' .env 2>/dev/null; then
+            echo "Found NEXT_PUBLIC_PUSHER_APP_KEY in .env"
+            exit 0
+          fi
+          echo "Missing NEXT_PUBLIC_PUSHER_APP_KEY in dotenv. Add it to the GitHub Environment secret PRODUCTION."
+          exit 1
       - name: Install dependencies (legacy peer deps)
         run: npm ci --legacy-peer-deps
       - name: Build Project Artifacts

src/lib/pusher.ts

@@ -2,6 +2,7 @@ import PusherServer from "pusher";
 import PusherClient from "pusher-js";
 
 const CLUSTER = "ap1";
+const PUSHER_KEY = process.env.NEXT_PUBLIC_PUSHER_APP_KEY;
 
 declare global {
   var pusherServerInstance: PusherServer | undefined;
@@ -15,28 +16,29 @@ const globalForPusher = globalThis as typeof globalThis & {
 
 if (typeof window === "undefined") {
   if (!globalForPusher.pusherServerInstance) {
-    globalForPusher.pusherServerInstance = new PusherServer({
-      appId: process.env.PUSHER_APP_ID!,
-      key: process.env.NEXT_PUBLIC_PUSHER_APP_KEY!,
-      secret: process.env.PUSHER_APP_SECRET!,
-      cluster: CLUSTER,
-      useTLS: true,
-    });
+    if (process.env.PUSHER_APP_ID && PUSHER_KEY && process.env.PUSHER_APP_SECRET) {
+      globalForPusher.pusherServerInstance = new PusherServer({
+        appId: process.env.PUSHER_APP_ID,
+        key: PUSHER_KEY,
+        secret: process.env.PUSHER_APP_SECRET,
+        cluster: CLUSTER,
+        useTLS: true,
+      });
+    }
   }
 }
 
 if (typeof window !== "undefined") {
   if (!globalForPusher.pusherClientInstance) {
-    globalForPusher.pusherClientInstance = new PusherClient(
-      process.env.NEXT_PUBLIC_PUSHER_APP_KEY!,
-      {
+    if (PUSHER_KEY) {
+      globalForPusher.pusherClientInstance = new PusherClient(PUSHER_KEY, {
         cluster: CLUSTER,
         channelAuthorization: {
           endpoint: "/api/pusher-auth",
           transport: "ajax",
         },
-      }
-    );
+      });
+    }
   }
 }
 

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,17 +15,27 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }