fixing cors routes for netlify

Author: andrenormanlang

apps/api/src/chat/chat.gateway.ts

@@ -16,7 +16,21 @@ import { ChatService } from './chat.service';
 import { JwtPayload } from '@/auth/interfaces/jwt-payload.interface';
 import { RoomsService } from './rooms.service';
 
-@WebSocketGateway({ cors: { origin: '*' } })
+@WebSocketGateway({
+  cors: {
+    origin: [
+      'https://mindsmesh.vercel.app',
+      'https://mindsmesh-docker-api.onrender.com',
+      'https://mindsmesh-freelance-platform.netlify.app',
+      'https://mindsmesh-freelance-platform.netlify.app/',
+      'http://localhost:5173',
+    ],
+    methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'],
+    credentials: true,
+  },
+  allowEIO3: true,
+  transports: ['websocket', 'polling'],
+})
 export class ChatGateway implements OnGatewayConnection, OnGatewayDisconnect {
   @WebSocketServer()
   server: Server;
@@ -113,10 +127,10 @@ export class ChatGateway implements OnGatewayConnection, OnGatewayDisconnect {
   @SubscribeMessage('sendMessage')
   async handleSendMessage(
     @MessageBody()
-    message: { 
-      id: string; 
-      senderId: string; 
-      receiverId: string; 
+    message: {
+      id: string;
+      senderId: string;
+      receiverId: string;
       text: string;
       fileUrl?: string;
       fileName?: string;
@@ -166,7 +180,7 @@ export class ChatGateway implements OnGatewayConnection, OnGatewayDisconnect {
             isRead: savedMessage.isRead,
             fileUrl: savedMessage.fileUrl,
             fileName: savedMessage.fileName,
-            fileType: savedMessage.fileType
+            fileType: savedMessage.fileType,
           });
 
         this.server.to(message.senderId).emit('messageDelivered', {

apps/api/src/main.ts

@@ -6,7 +6,7 @@ import { DocumentBuilder, SwaggerModule } from '@nestjs/swagger';
 
 async function bootstrap() {
   const logger = new Logger('Bootstrap');
-  
+
   const app = await NestFactory.create(AppModule);
 
   // Set a global prefix for all routes
@@ -19,17 +19,22 @@ async function bootstrap() {
   app.use(bodyParser.json({ limit: '150mb' }));
   app.use(bodyParser.urlencoded({ limit: '150mb', extended: true }));
 
-  // Enable CORS
+  // Enable CORS with updated configuration
   app.enableCors({
     origin: [
-      'https://mindsmesh.vercel.app', 
-      'https://mindsmesh-freelance-platform.netlify.app/', 
-      'http://localhost:5173' 
+      'https://mindsmesh.vercel.app',
+      'https://mindsmesh-docker-api.onrender.com',
+      'https://mindsmesh-freelance-platform.netlify.app',
+      'https://mindsmesh-freelance-platform.netlify.app/',
+      'http://localhost:5173',
     ],
-    methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
-    allowedHeaders: 'Content-Type, Authorization',
-    credentials: true, 
+    methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'OPTIONS'],
+    allowedHeaders: ['Content-Type', 'Authorization', 'X-Requested-With'],
+    credentials: true,
+    preflightContinue: false,
+    optionsSuccessStatus: 204,
   });
+
   // Swagger configuration
   const config = new DocumentBuilder()
     .setTitle('API Documentation')