{ console.log("Connected to the server"); }); socket.on("user_joined", (data) => { console.log(`${data.username} joined the project`); }); socket.on("card_selected", (data) => { console.log(`User ${data.userId} selected a card`); }); socket.on("card_revealed", (cardDetails) => { console.log("Card details revealed:", cardDetails); }); socket.on("card_reset", () => { console.log("All cards have been reset"); }); function selectCard(cardId) { socket.emit("select_card", { projectId: 1, userId: 2, cardId: cardId, }); } function revealCards() { socket.emit("reveal_card", { projectId: 1, }); } function resetCards() { "> { console.log("Connected to the server"); }); socket.on("user_joined", (data) => { console.log(`${data.username} joined the project`); }); socket.on("card_selected", (data) => { console.log(`User ${data.userId} selected a card`); }); socket.on("card_revealed", (cardDetails) => { console.log("Card details revealed:", cardDetails); }); socket.on("card_reset", () => { console.log("All cards have been reset"); }); function selectCard(cardId) { socket.emit("select_card", { projectId: 1, userId: 2, cardId: cardId, }); } function revealCards() { socket.emit("reveal_card", { projectId: 1, }); } function resetCards() { "> { console.log("Connected to the server"); }); socket.on("user_joined", (data) => { console.log(`${data.username} joined the project`); }); socket.on("card_selected", (data) => { console.log(`User ${data.userId} selected a card`); }); socket.on("card_revealed", (cardDetails) => { console.log("Card details revealed:", cardDetails); }); socket.on("card_reset", () => { console.log("All cards have been reset"); }); function selectCard(cardId) { socket.emit("select_card", { projectId: 1, userId: 2, cardId: cardId, }); } function revealCards() { socket.emit("reveal_card", { projectId: 1, }); } function resetCards() { ">

Socket Spec

import { io } from "socket.io-client";

const socket = io("<http://localhost:3000>", {
  auth: {
    token:
      "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MiwidXNlcm5hbWUiOiJ1c2VybmFtZTIiLCJpYXQiOjE3MzI0MjE3NzQsImV4cCI6MTczMjQyNTM3NH0.gI6ICq5WM5RjUUoK--QONRKgWx9c37tMWzw8zOmCQFQ",
    projectId: 1,
   }
});

socket.on("connect", () => {
  console.log("Connected to the server");
});

socket.on("user_joined", (data) => {
  console.log(`${data.username} joined the project`);
});

socket.on("card_selected", (data) => {
  console.log(`User ${data.userId} selected a card`);
});

socket.on("card_revealed", (cardDetails) => {
  console.log("Card details revealed:", cardDetails);
});

socket.on("card_reset", () => {
  console.log("All cards have been reset");
});

function selectCard(cardId) {
  socket.emit("select_card", {
    projectId: 1,
    userId: 2,
    cardId: cardId,
  });
}

function revealCards() {
  socket.emit("reveal_card", {
    projectId: 1,
  });
}

function resetCards() {
  socket.emit("reset_card", {
    projectId: 1,
  });
}

function leaveRoom() {
  socket.emit("leave_room", {
    projectId: 1,
    userId: 2,
  });
}