Typescript events per namespace

[Jarco-dev]

How can i provide the events per namespace, because i have events that have the same name but different values depending on the namespace

[darrachequesne]

Hi! You can provide the event types when creating the namespace:

import { Server, Namespace } from "socket.io";

// types for the main namespace
const io = new Server<ClientToServerEvents, ServerToClientEvents, InterServerEvents, SocketData>();

// types for the namespace named "/my-namespace"
interface NamespaceSpecificClientToServerEvents {
  foo: (arg: string) => void
}

interface NamespaceSpecificServerToClientEvents {
  bar: (arg: string) => void;
}

interface NamespaceSpecificInterServerEvents {
  // ...
}

interface NamespaceSpecificSocketData {
  // ...
}

const myNamespace: Namespace<
  NamespaceSpecificClientToServerEvents,
  NamespaceSpecificServerToClientEvents,
  NamespaceSpecificInterServerEvents,
  NamespaceSpecificSocketData
  > = io.of("/my-namespace");

myNamespace.on("connection", (socket) => {
  socket.on("foo", () => {
    // ...
  });

  socket.emit("bar", "123");
});

And on the client side:

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

const socket: Socket<
  NamespaceSpecificServerToClientEvents,
  NamespaceSpecificClientToServerEvents
  > = io("/my-namespace");

socket.on("bar", (arg) => {
  console.log(arg); // "123"
});

Added in the documentation here: https://socket.io/docs/v4/typescript/#custom-types-for-each-namespace

[Jarco-dev]

I already knew you could do it this way but i figured there might have been a way to do it to where .of("/example") would beable to seperate types automaticly and just have 1 giant type for the server but seems not so then, thanks for the reply anyway!