WebSocket Events

socket.emit('leave_dashboard', (ack) => {
  console.log(ack); // { ok: true, room: "dashboard" }
});

socket.on('order:updated', (payload) => {
  console.log(payload.action); // "created" | "updated" | "deleted"
  console.log(payload.data);   // the order object
});

{
  "action": "created",
  "data": {
    "_id": "69a98ee25bb1d35efb8cc1ff",
    "...": "..."
  }
}

socket.on('station:check_in', (payload) => {
  console.log(payload.orderId);   // "69a98ee25bb1d35efb8cc1ff"
  console.log(payload.stationId); // "69b12cd35bb1d35efb8cc200"
  console.log(payload.action);    // "entered" | "exited"
});

{
  "orderId": "69a98ee25bb1d35efb8cc1ff",
  "stationId": "69b12cd35bb1d35efb8cc200",
  "action": "entered"
}

socket.on('station:pane_arrived', (payload) => {
  console.log(payload.paneNumber);  // "PNE-0001"
  console.log(payload.fromStation); // "cutting"
  console.log(payload.toStation);   // "edging"
  console.log(payload.orderId);     // "69a98ee25bb1d35efb8cc1ff"
});

{
  "paneNumber": "PNE-0001",
  "paneId": "69a98ee25bb1d35efb8cc1ff",
  "fromStation": "cutting",
  "toStation": "edging",
  "orderId": "69b12cd35bb1d35efb8cc200"
}

socket.on('notification', (payload) => {
  if (payload.type === 'pane_arrived') {
    console.log(payload.title);   // "มีกระจกเข้าสถานี"
    console.log(payload.message); // "กระจก PNE-0001 เข้าสถานีนี้แล้ว"
  }
});

{
  "type": "pane_arrived",
  "title": "มีกระจกเข้าสถานี",
  "message": "กระจก PNE-0001 เข้าสถานีนี้แล้ว"
}

socket.on('laminate:ready', (payload) => {
  console.log(payload.parentPaneNumber); // "PNE-0100"
  console.log(payload.sheetsPresent);    // 2
  console.log(payload.sheetsTotal);      // 2
});

socket.on('laminate:waiting', (payload) => {
  console.log(`${payload.sheetsPresent}/${payload.sheetsTotal} sheets arrived`);
});

socket.on('pane:laminated', (payload) => {
  console.log((payload.survivor || payload.parent).paneNumber); // survivor QR
  console.log(payload.sheets);            // ["PNE-0100-A", "PNE-0100-B"]
});

socket.on('pricing:updated', (settings) => {
  console.log(settings.glassPrices);
  console.log(settings.holePriceEach);
  console.log(settings.notchPrice);
});

socket.on('notification', (payload) => {
  if (payload.type === 'order_arrived') {
    console.log(payload.title);   // "มีออเดอร์ใหม่เข้า" or "มีออเดอร์เข้า"
    console.log(payload.message); // "ออเดอร์ ORD-0001 เข้าสถานีนี้แล้ว"
  }
});

{
  "type": "order_arrived",
  "title": "มีออเดอร์ใหม่เข้า",
  "message": "ออเดอร์ ORD-0001 เข้าสถานีนี้แล้ว",
  "referenceId": "69a98ee25bb1d35efb8cc1ff",
  "referenceType": "Order",
  "priority": "high",
  "readStatus": false
}

socket.on('notification', (notification) => {
  console.log(notification.title);
  console.log(notification.message);
});

// Sending (admin only)
socket.emit('system_alert', { message: 'Server maintenance in 10 minutes' });

// Receiving (all users)
socket.on('system_alert', (data) => {
  console.log(data.message);
});

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

const socket = io('http://localhost:3000', {
  path: '/api/socket-entry',
  auth: { token: 'your-jwt-token' },
});

socket.on('connect', () => {
  // Join the rooms you need
  socket.emit('join_me');
  socket.emit('join_dashboard');
  socket.emit('join_order');
});

// Listen for data changes
socket.on('order:updated', ({ action, data }) => {
  if (action === 'created') console.log('New order:', data);
  if (action === 'updated') console.log('Order changed:', data);
  if (action === 'deleted') console.log('Order removed:', data);
});

// Listen for personal notifications
socket.on('notification', (notif) => {
  console.log(`[${notif.priority}] ${notif.title}: ${notif.message}`);
});

// Listen for system alerts
socket.on('system_alert', (alert) => {
  console.log('ALERT:', alert.message);
});

// When navigating away from orders page
socket.emit('leave_order');