Mathi

backend/package.json

@@ -20,21 +20,24 @@
     "test:e2e": "jest --config ./test/jest-e2e.json"
   },
   "dependencies": {
-    "@nestjs/common": "^11.0.1",
+    "@nestjs/common": "^11.1.6",
     "@nestjs/config": "^4.0.2",
-    "@nestjs/core": "^11.0.1",
+    "@nestjs/core": "^11.1.6",
     "@nestjs/jwt": "^11.0.0",
     "@nestjs/mongoose": "^11.0.3",
     "@nestjs/passport": "^11.0.5",
     "@nestjs/platform-express": "^11.0.1",
+    "@nestjs/platform-socket.io": "^11.1.6",
+    "@nestjs/websockets": "^11.1.6",
     "bcryptjs": "^3.0.2",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.14.2",
-    "mongoose": "^8.17.0",
+    "mongoose": "^8.17.1",
     "passport": "^0.7.0",
     "passport-jwt": "^4.0.1",
     "reflect-metadata": "^0.2.2",
-    "rxjs": "^7.8.1"
+    "rxjs": "^7.8.2",
+    "socket.io": "^4.8.1"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.2.0",

backend/src/app.module.ts

@@ -5,6 +5,9 @@ import { AuthModule } from './auth/auth.module';
 import { UsersModule } from './users/users.module';
 import { NotificationsModule } from './notifications/notifications.module'; // ✅ FIXED NAME
 import { ProjectModule } from './project/project.module';
+import { WhiteboardModule } from './whiteboard/whiteboard.module';
+import { WhiteboardGateway } from './whiteboard/whiteboard.gateway';
+//import { WhiteboardGateway } from './whiteboard/whiteboard.gateway';
 
 @Module({
   imports: [
@@ -14,6 +17,8 @@ import { ProjectModule } from './project/project.module';
     UsersModule,
     NotificationsModule, // ✅ FIXED NAME
     ProjectModule,
+    WhiteboardModule ,
   ],
+  providers:[WhiteboardGateway],
 })
 export class AppModule {}

backend/src/whiteboard/whiteboard.gateway.ts

@@ -0,0 +1,30 @@
+import {
+  WebSocketGateway,
+  WebSocketServer,
+  SubscribeMessage,
+  MessageBody,
+} from '@nestjs/websockets';
+import { Server, Socket } from 'socket.io';
+
+@WebSocketGateway({
+  cors: {
+    origin: 'http://localhost:5173',
+    credentials: true,
+  },
+})
+export class WhiteboardGateway {
+  @WebSocketServer()
+  server: Server;
+
+  // Existing: Broadcast full canvas updates
+  @SubscribeMessage('canvas-data')
+  handleCanvasUpdate(@MessageBody() data: any) {
+    this.server.emit('canvas-data', data);
+  }
+
+  // NEW: Broadcast when a new object (shape, line, text, etc.) is added
+  @SubscribeMessage('object-added')
+  handleAddObject(client: Socket, @MessageBody() payload: any) {
+    this.server.emit('object-added', { ...payload, senderId: client.id });
+  }
+}

backend/src/whiteboard/whiteboard.module.ts

@@ -0,0 +1,7 @@
+import { Module } from '@nestjs/common';
+import { WhiteboardGateway } from './whiteboard.gateway';
+
+@Module({
+  providers: [WhiteboardGateway],
+})
+export class WhiteboardModule {}