@mml-io/3d-web-user-networking 0.0.0-experimental-751c031-20230804

package/build/ReconnectingWebSocket.d.ts

@@ -0,0 +1,27 @@
+import { UserNetworkingClientUpdate } from "./UserNetworkingCodec";
+export type WebsocketFactory = (url: string) => WebSocket;
+export declare enum WebsocketStatus {
+    Connecting = 0,
+    Connected = 1,
+    Reconnecting = 2,
+    Disconnected = 3
+}
+export declare abstract class ReconnectingWebSocket {
+    private url;
+    private websocketFactory;
+    private statusUpdateCallback;
+    private websocket;
+    private status;
+    private receivedMessageSinceOpen;
+    private backoffTime;
+    private stopped;
+    constructor(url: string, websocketFactory: WebsocketFactory, statusUpdateCallback: (status: WebsocketStatus) => void);
+    private setStatus;
+    sendUpdate(update: UserNetworkingClientUpdate): void;
+    private startWebSocketConnectionAttempt;
+    private waitBackoffTime;
+    protected abstract handleIncomingWebsocketMessage(message: MessageEvent): void;
+    protected send(message: object | Uint8Array): void;
+    private createWebsocketWithTimeout;
+    stop(): void;
+}

package/build/UserNetworkingClient.d.ts

@@ -0,0 +1,9 @@
+import { ReconnectingWebSocket, WebsocketFactory, WebsocketStatus } from "./ReconnectingWebSocket";
+import { UserNetworkingClientUpdate } from "./UserNetworkingCodec";
+export declare class UserNetworkingClient extends ReconnectingWebSocket {
+    private setIdentityCallback;
+    private clientUpdate;
+    constructor(url: string, websocketFactory: WebsocketFactory, statusUpdateCallback: (status: WebsocketStatus) => void, setIdentityCallback: (id: number) => void, clientUpdate: (id: number, update: null | UserNetworkingClientUpdate) => void);
+    sendUpdate(update: UserNetworkingClientUpdate): void;
+    protected handleIncomingWebsocketMessage(message: MessageEvent): void;
+}

package/build/UserNetworkingCodec.d.ts

@@ -0,0 +1,17 @@
+export type UserNetworkingClientUpdate = {
+    id: number;
+    position: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    rotation: {
+        quaternionY: number;
+        quaternionW: number;
+    };
+    state: number;
+};
+export declare class UserNetworkingCodec {
+    static encodeUpdate(update: UserNetworkingClientUpdate): Uint8Array;
+    static decodeUpdate(buffer: ArrayBuffer): UserNetworkingClientUpdate;
+}

package/build/UserNetworkingServer.d.ts

@@ -0,0 +1,16 @@
+import WebSocket from "ws";
+import { UserNetworkingClientUpdate } from "./UserNetworkingCodec";
+export type Client = {
+    socket: WebSocket;
+    update: UserNetworkingClientUpdate;
+};
+export declare class UserNetworkingServer {
+    private clients;
+    private clientLastPong;
+    constructor();
+    heartBeat(): void;
+    pingClients(): void;
+    getId(): number;
+    connectClient(socket: WebSocket): void;
+    sendUpdates(): void;
+}

package/build/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./UserNetworkingCodec";
+export * from "./UserNetworkingServer";
+export * from "./UserNetworkingClient";
+export * from "./ReconnectingWebSocket";
+export * from "./messages";

package/build/index.js

@@ -0,0 +1,358 @@
+// src/UserNetworkingCodec.ts
+var UserNetworkingCodec = class {
+  static encodeUpdate(update) {
+    const buffer = new ArrayBuffer(19);
+    const dataView = new DataView(buffer);
+    dataView.setUint16(0, update.id);
+    dataView.setFloat32(2, update.position.x);
+    dataView.setFloat32(6, update.position.y);
+    dataView.setFloat32(10, update.position.z);
+    dataView.setInt16(14, update.rotation.quaternionY * 32767);
+    dataView.setInt16(16, update.rotation.quaternionW * 32767);
+    dataView.setUint8(18, update.state);
+    return new Uint8Array(buffer);
+  }
+  static decodeUpdate(buffer) {
+    const dataView = new DataView(buffer);
+    const id = dataView.getUint16(0);
+    const x = dataView.getFloat32(2);
+    const y = dataView.getFloat32(6);
+    const z = dataView.getFloat32(10);
+    const quaternionY = dataView.getInt16(14) / 32767;
+    const quaternionW = dataView.getInt16(16) / 32767;
+    const state = dataView.getUint8(18);
+    const position = { x, y, z };
+    const rotation = { quaternionY, quaternionW };
+    return { id, position, rotation, state };
+  }
+};
+
+// src/messages.ts
+var CONNECTED_MESSAGE_TYPE = "connected";
+var DISCONNECTED_MESSAGE_TYPE = "disconnected";
+var IDENTITY_MESSAGE_TYPE = "identity";
+var PING_MESSAGE_TYPE = "ping";
+var PONG_MESSAGE_TYPE = "pong";
+
+// src/user-networking-settings.ts
+var pingPongRate = 1500;
+var heartBeatRate = 3500;
+var packetsUpdateRate = 1 / 30 * 1e3;
+
+// src/UserNetworkingServer.ts
+var WebSocketOpenStatus = 1;
+var UserNetworkingServer = class {
+  constructor() {
+    this.clients = /* @__PURE__ */ new Map();
+    this.clientLastPong = /* @__PURE__ */ new Map();
+    setInterval(this.sendUpdates.bind(this), packetsUpdateRate);
+    setInterval(this.pingClients.bind(this), pingPongRate);
+    setInterval(this.heartBeat.bind(this), heartBeatRate);
+  }
+  heartBeat() {
+    const now = Date.now();
+    this.clientLastPong.forEach((clientLastPong, id) => {
+      if (now - clientLastPong > heartBeatRate) {
+        this.clients.delete(id);
+        this.clientLastPong.delete(id);
+        const disconnectMessage = JSON.stringify({
+          id,
+          type: DISCONNECTED_MESSAGE_TYPE
+        });
+        for (const { socket: otherSocket } of this.clients.values()) {
+          if (otherSocket.readyState === WebSocketOpenStatus) {
+            otherSocket.send(disconnectMessage);
+          }
+        }
+      }
+    });
+  }
+  pingClients() {
+    this.clients.forEach((client) => {
+      if (client.socket.readyState === WebSocketOpenStatus) {
+        client.socket.send(JSON.stringify({ type: "ping" }));
+      }
+    });
+  }
+  getId() {
+    let id = 1;
+    while (this.clients.has(id))
+      id++;
+    return id;
+  }
+  connectClient(socket) {
+    const id = this.getId();
+    console.log(`Client ID: ${id} joined`);
+    const connectMessage = JSON.stringify({
+      id,
+      type: CONNECTED_MESSAGE_TYPE
+    });
+    for (const { socket: otherSocket } of this.clients.values()) {
+      if (otherSocket.readyState === WebSocketOpenStatus) {
+        otherSocket.send(connectMessage);
+      }
+    }
+    const identityMessage = JSON.stringify({
+      id,
+      type: IDENTITY_MESSAGE_TYPE
+    });
+    socket.send(identityMessage);
+    for (const { update } of this.clients.values()) {
+      socket.send(UserNetworkingCodec.encodeUpdate(update));
+    }
+    this.clients.set(id, {
+      socket,
+      update: {
+        id,
+        position: { x: 0, y: 0, z: 0 },
+        rotation: { quaternionY: 0, quaternionW: 0 },
+        state: 0
+      }
+    });
+    socket.on("message", (message, _isBinary) => {
+      if (message instanceof Buffer) {
+        const arrayBuffer = new Uint8Array(message).buffer;
+        const update = UserNetworkingCodec.decodeUpdate(arrayBuffer);
+        update.id = id;
+        if (this.clients.get(id) !== void 0) {
+          this.clients.get(id).update = update;
+        }
+      } else {
+        try {
+          const data = JSON.parse(message);
+          if (data.type === "pong") {
+            this.clientLastPong.set(id, Date.now());
+          }
+        } catch (e) {
+          console.error("Error parsing JSON message", message, e);
+        }
+      }
+    });
+    socket.on("close", () => {
+      console.log("Client disconnected", id);
+      this.clients.delete(id);
+      const disconnectMessage = JSON.stringify({
+        id,
+        type: DISCONNECTED_MESSAGE_TYPE
+      });
+      for (const [clientId, { socket: otherSocket }] of this.clients) {
+        if (otherSocket.readyState === WebSocketOpenStatus) {
+          otherSocket.send(disconnectMessage);
+        }
+      }
+    });
+  }
+  sendUpdates() {
+    for (const [clientId, client] of this.clients) {
+      const update = client.update;
+      const encodedUpdate = UserNetworkingCodec.encodeUpdate(update);
+      for (const [otherClientId, otherClient] of this.clients) {
+        if (otherClientId !== clientId && otherClient.socket.readyState === WebSocketOpenStatus) {
+          otherClient.socket.send(encodedUpdate);
+        }
+      }
+    }
+  }
+};
+
+// src/ReconnectingWebSocket.ts
+var WebsocketStatus = /* @__PURE__ */ ((WebsocketStatus3) => {
+  WebsocketStatus3[WebsocketStatus3["Connecting"] = 0] = "Connecting";
+  WebsocketStatus3[WebsocketStatus3["Connected"] = 1] = "Connected";
+  WebsocketStatus3[WebsocketStatus3["Reconnecting"] = 2] = "Reconnecting";
+  WebsocketStatus3[WebsocketStatus3["Disconnected"] = 3] = "Disconnected";
+  return WebsocketStatus3;
+})(WebsocketStatus || {});
+var startingBackoffTimeMilliseconds = 100;
+var maximumBackoffTimeMilliseconds = 1e4;
+var maximumWebsocketConnectionTimeout = 5e3;
+var ReconnectingWebSocket = class {
+  constructor(url, websocketFactory, statusUpdateCallback) {
+    this.url = url;
+    this.websocketFactory = websocketFactory;
+    this.statusUpdateCallback = statusUpdateCallback;
+    this.websocket = null;
+    this.status = null;
+    this.receivedMessageSinceOpen = false;
+    this.backoffTime = startingBackoffTimeMilliseconds;
+    this.stopped = false;
+    this.setStatus(0 /* Connecting */);
+    this.startWebSocketConnectionAttempt();
+  }
+  setStatus(status) {
+    if (this.status !== status) {
+      this.status = status;
+      this.statusUpdateCallback(status);
+    }
+  }
+  sendUpdate(update) {
+    if (!this.websocket) {
+      console.error("Not connected to the server");
+      return;
+    }
+    const encodedUpdate = UserNetworkingCodec.encodeUpdate(update);
+    this.send(encodedUpdate);
+  }
+  async startWebSocketConnectionAttempt() {
+    if (this.stopped) {
+      return;
+    }
+    while (true) {
+      if (this.stopped) {
+        return;
+      }
+      try {
+        await this.createWebsocketWithTimeout(maximumWebsocketConnectionTimeout);
+        break;
+      } catch (e) {
+        this.setStatus(2 /* Reconnecting */);
+        await this.waitBackoffTime();
+      }
+    }
+  }
+  async waitBackoffTime() {
+    console.warn(`Websocket connection to '${this.url}' failed: retrying in ${this.backoffTime}ms`);
+    await new Promise((resolve) => setTimeout(resolve, this.backoffTime));
+    this.backoffTime = Math.min(
+      // Introduce a small amount of randomness to prevent clients from retrying in lockstep
+      this.backoffTime * (1.5 + Math.random() * 0.5),
+      maximumBackoffTimeMilliseconds
+    );
+  }
+  send(message) {
+    if (!this.websocket) {
+      console.error("Not connected to the server");
+      return;
+    }
+    if (message instanceof Uint8Array) {
+      this.websocket.send(message);
+    } else {
+      this.websocket.send(JSON.stringify(message));
+    }
+  }
+  createWebsocketWithTimeout(timeout) {
+    return new Promise((resolve, reject) => {
+      const timeoutId = setTimeout(() => {
+        reject(new Error("websocket connection timed out"));
+      }, timeout);
+      const websocket = this.websocketFactory(this.url);
+      websocket.binaryType = "arraybuffer";
+      websocket.addEventListener("open", () => {
+        clearTimeout(timeoutId);
+        this.receivedMessageSinceOpen = false;
+        this.websocket = websocket;
+        this.setStatus(1 /* Connected */);
+        websocket.addEventListener("message", (event) => {
+          if (websocket !== this.websocket) {
+            console.log("Ignoring websocket message event because it is no longer current");
+            websocket.close();
+            return;
+          }
+          if (!this.receivedMessageSinceOpen) {
+            this.receivedMessageSinceOpen = true;
+          }
+          this.handleIncomingWebsocketMessage(event);
+        });
+        const onWebsocketClose = async () => {
+          if (websocket !== this.websocket) {
+            console.log("Ignoring websocket close event because it is no longer current");
+            return;
+          }
+          this.websocket = null;
+          if (this.stopped) {
+            this.setStatus(3 /* Disconnected */);
+            return;
+          }
+          if (!this.receivedMessageSinceOpen) {
+            await this.waitBackoffTime();
+          }
+          this.setStatus(2 /* Reconnecting */);
+          this.startWebSocketConnectionAttempt();
+        };
+        websocket.addEventListener("close", (e) => {
+          if (websocket !== this.websocket) {
+            console.warn("Ignoring websocket close event because it is no longer current");
+            return;
+          }
+          console.log("NetworkedDOMWebsocket close", e);
+          onWebsocketClose();
+        });
+        websocket.addEventListener("error", (e) => {
+          if (websocket !== this.websocket) {
+            console.log("Ignoring websocket error event because it is no longer current");
+            return;
+          }
+          console.error("NetworkedDOMWebsocket error", e);
+          onWebsocketClose();
+        });
+        resolve(websocket);
+      });
+      websocket.addEventListener("error", (e) => {
+        clearTimeout(timeoutId);
+        reject(e);
+      });
+    });
+  }
+  stop() {
+    this.stopped = true;
+    if (this.websocket !== null) {
+      this.websocket.close();
+      this.websocket = null;
+    }
+  }
+};
+
+// src/UserNetworkingClient.ts
+var UserNetworkingClient = class extends ReconnectingWebSocket {
+  constructor(url, websocketFactory, statusUpdateCallback, setIdentityCallback, clientUpdate) {
+    super(url, websocketFactory, statusUpdateCallback);
+    this.setIdentityCallback = setIdentityCallback;
+    this.clientUpdate = clientUpdate;
+  }
+  sendUpdate(update) {
+    const encodedUpdate = UserNetworkingCodec.encodeUpdate(update);
+    this.send(encodedUpdate);
+  }
+  handleIncomingWebsocketMessage(message) {
+    if (typeof message.data === "string") {
+      const parsed = JSON.parse(message.data);
+      switch (parsed.type) {
+        case IDENTITY_MESSAGE_TYPE:
+          console.log(`Assigned ID: ${parsed.id}`);
+          this.setIdentityCallback(parsed.id);
+          break;
+        case CONNECTED_MESSAGE_TYPE:
+          console.log(`Client ID: ${parsed.id} joined`);
+          break;
+        case DISCONNECTED_MESSAGE_TYPE:
+          console.log(`Client ID: ${parsed.id} left`);
+          this.clientUpdate(parsed.id, null);
+          break;
+        case PING_MESSAGE_TYPE: {
+          this.send({ type: "pong" });
+          break;
+        }
+        default:
+          console.warn("unknown message type received", parsed);
+      }
+    } else if (message.data instanceof ArrayBuffer) {
+      const userNetworkingClientUpdate = UserNetworkingCodec.decodeUpdate(message.data);
+      this.clientUpdate(userNetworkingClientUpdate.id, userNetworkingClientUpdate);
+    } else {
+      console.error("Unhandled message type", message.data);
+    }
+  }
+};
+export {
+  CONNECTED_MESSAGE_TYPE,
+  DISCONNECTED_MESSAGE_TYPE,
+  IDENTITY_MESSAGE_TYPE,
+  PING_MESSAGE_TYPE,
+  PONG_MESSAGE_TYPE,
+  ReconnectingWebSocket,
+  UserNetworkingClient,
+  UserNetworkingCodec,
+  UserNetworkingServer,
+  WebsocketStatus
+};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/UserNetworkingCodec.ts", "../src/messages.ts", "../src/user-networking-settings.ts", "../src/UserNetworkingServer.ts", "../src/ReconnectingWebSocket.ts", "../src/UserNetworkingClient.ts"],
+  "sourcesContent": ["export type UserNetworkingClientUpdate = {\n  id: number;\n  position: { x: number; y: number; z: number };\n  rotation: { quaternionY: number; quaternionW: number };\n  state: number;\n};\n\nexport class UserNetworkingCodec {\n  static encodeUpdate(update: UserNetworkingClientUpdate): Uint8Array {\n    const buffer = new ArrayBuffer(19);\n    const dataView = new DataView(buffer);\n    dataView.setUint16(0, update.id); // id\n    dataView.setFloat32(2, update.position.x); // position.x\n    dataView.setFloat32(6, update.position.y); // position.y\n    dataView.setFloat32(10, update.position.z); // position.z\n    dataView.setInt16(14, update.rotation.quaternionY * 32767); // quaternion.y\n    dataView.setInt16(16, update.rotation.quaternionW * 32767); // quaternion.w\n    dataView.setUint8(18, update.state); // animationState\n    return new Uint8Array(buffer);\n  }\n\n  static decodeUpdate(buffer: ArrayBuffer): UserNetworkingClientUpdate {\n    const dataView = new DataView(buffer);\n    const id = dataView.getUint16(0); // id\n    const x = dataView.getFloat32(2); // position.x\n    const y = dataView.getFloat32(6); // position.y\n    const z = dataView.getFloat32(10); // position.z\n    const quaternionY = dataView.getInt16(14) / 32767; // quaternion.y\n    const quaternionW = dataView.getInt16(16) / 32767; // quaternion.w\n    const state = dataView.getUint8(18); // animationState\n    const position = { x, y, z };\n    const rotation = { quaternionY, quaternionW };\n    return { id, position, rotation, state };\n  }\n}\n", "export const CONNECTED_MESSAGE_TYPE = \"connected\";\nexport const DISCONNECTED_MESSAGE_TYPE = \"disconnected\";\nexport const IDENTITY_MESSAGE_TYPE = \"identity\";\nexport const PING_MESSAGE_TYPE = \"ping\";\nexport const PONG_MESSAGE_TYPE = \"pong\";\n\nexport type ConnectedMessage = {\n  type: typeof CONNECTED_MESSAGE_TYPE;\n  id: number;\n};\n\nexport type IdentityMessage = {\n  type: typeof IDENTITY_MESSAGE_TYPE;\n  id: number;\n};\n\nexport type DisconnectedMessage = {\n  type: typeof DISCONNECTED_MESSAGE_TYPE;\n  id: number;\n};\n\nexport type FromServerPingMessage = {\n  type: typeof PING_MESSAGE_TYPE;\n};\n\nexport type FromServerMessage =\n  | ConnectedMessage\n  | IdentityMessage\n  | DisconnectedMessage\n  | FromServerPingMessage;\n\nexport type FromClientPongMessage = {\n  type: typeof PONG_MESSAGE_TYPE;\n};\n\nexport type FromClientMessage = FromClientPongMessage;\n", "export const pingPongRate: number = 1500;\nexport const heartBeatRate: number = 3500;\nexport const packetsUpdateRate: number = (1 / 30) * 1000;\n", "import WebSocket from \"ws\";\n\nimport {\n  CONNECTED_MESSAGE_TYPE,\n  DISCONNECTED_MESSAGE_TYPE,\n  FromClientMessage,\n  FromServerMessage,\n  IDENTITY_MESSAGE_TYPE,\n} from \"./messages\";\nimport { heartBeatRate, packetsUpdateRate, pingPongRate } from \"./user-networking-settings\";\nimport { UserNetworkingClientUpdate, UserNetworkingCodec } from \"./UserNetworkingCodec\";\n\nexport type Client = {\n  socket: WebSocket;\n  update: UserNetworkingClientUpdate;\n};\n\nconst WebSocketOpenStatus = 1;\n\nexport class UserNetworkingServer {\n  private clients: Map<number, Client> = new Map();\n  private clientLastPong: Map<number, number> = new Map();\n\n  constructor() {\n    setInterval(this.sendUpdates.bind(this), packetsUpdateRate);\n    setInterval(this.pingClients.bind(this), pingPongRate);\n    setInterval(this.heartBeat.bind(this), heartBeatRate);\n  }\n\n  heartBeat() {\n    const now = Date.now();\n    this.clientLastPong.forEach((clientLastPong, id) => {\n      if (now - clientLastPong > heartBeatRate) {\n        this.clients.delete(id);\n        this.clientLastPong.delete(id);\n        const disconnectMessage = JSON.stringify({\n          id,\n          type: DISCONNECTED_MESSAGE_TYPE,\n        } as FromServerMessage);\n        for (const { socket: otherSocket } of this.clients.values()) {\n          if (otherSocket.readyState === WebSocketOpenStatus) {\n            otherSocket.send(disconnectMessage);\n          }\n        }\n      }\n    });\n  }\n\n  pingClients() {\n    this.clients.forEach((client) => {\n      if (client.socket.readyState === WebSocketOpenStatus) {\n        client.socket.send(JSON.stringify({ type: \"ping\" } as FromServerMessage));\n      }\n    });\n  }\n\n  getId(): number {\n    let id = 1;\n    while (this.clients.has(id)) id++;\n    return id;\n  }\n\n  connectClient(socket: WebSocket) {\n    const id = this.getId();\n    console.log(`Client ID: ${id} joined`);\n\n    const connectMessage = JSON.stringify({\n      id,\n      type: CONNECTED_MESSAGE_TYPE,\n    } as FromServerMessage);\n    for (const { socket: otherSocket } of this.clients.values()) {\n      if (otherSocket.readyState === WebSocketOpenStatus) {\n        otherSocket.send(connectMessage);\n      }\n    }\n\n    const identityMessage = JSON.stringify({\n      id,\n      type: IDENTITY_MESSAGE_TYPE,\n    } as FromServerMessage);\n    socket.send(identityMessage);\n\n    for (const { update } of this.clients.values()) {\n      socket.send(UserNetworkingCodec.encodeUpdate(update));\n    }\n\n    this.clients.set(id, {\n      socket: socket as WebSocket,\n      update: {\n        id,\n        position: { x: 0, y: 0, z: 0 },\n        rotation: { quaternionY: 0, quaternionW: 0 },\n        state: 0,\n      },\n    });\n\n    socket.on(\"message\", (message: WebSocket.Data, _isBinary: boolean) => {\n      if (message instanceof Buffer) {\n        const arrayBuffer = new Uint8Array(message).buffer;\n        const update = UserNetworkingCodec.decodeUpdate(arrayBuffer);\n        update.id = id;\n        if (this.clients.get(id) !== undefined) {\n          this.clients.get(id)!.update = update;\n        }\n      } else {\n        try {\n          const data = JSON.parse(message as string) as FromClientMessage;\n          if (data.type === \"pong\") {\n            this.clientLastPong.set(id, Date.now());\n          }\n        } catch (e) {\n          console.error(\"Error parsing JSON message\", message, e);\n        }\n      }\n    });\n\n    socket.on(\"close\", () => {\n      console.log(\"Client disconnected\", id);\n      this.clients.delete(id);\n      const disconnectMessage = JSON.stringify({\n        id,\n        type: DISCONNECTED_MESSAGE_TYPE,\n      } as FromServerMessage);\n      for (const [clientId, { socket: otherSocket }] of this.clients) {\n        if (otherSocket.readyState === WebSocketOpenStatus) {\n          otherSocket.send(disconnectMessage);\n        }\n      }\n    });\n  }\n\n  sendUpdates(): void {\n    for (const [clientId, client] of this.clients) {\n      const update = client.update;\n      const encodedUpdate = UserNetworkingCodec.encodeUpdate(update);\n\n      for (const [otherClientId, otherClient] of this.clients) {\n        if (otherClientId !== clientId && otherClient.socket.readyState === WebSocketOpenStatus) {\n          otherClient.socket.send(encodedUpdate);\n        }\n      }\n    }\n  }\n}\n", "import { UserNetworkingClientUpdate, UserNetworkingCodec } from \"./UserNetworkingCodec\";\n\nexport type WebsocketFactory = (url: string) => WebSocket;\n\nexport enum WebsocketStatus {\n  Connecting,\n  Connected,\n  Reconnecting,\n  Disconnected,\n}\n\nconst startingBackoffTimeMilliseconds = 100;\nconst maximumBackoffTimeMilliseconds = 10000;\nconst maximumWebsocketConnectionTimeout = 5000;\n\nexport abstract class ReconnectingWebSocket {\n  private websocket: WebSocket | null = null;\n  private status: WebsocketStatus | null = null;\n  private receivedMessageSinceOpen = false;\n  private backoffTime = startingBackoffTimeMilliseconds;\n  private stopped = false;\n\n  constructor(\n    private url: string,\n    private websocketFactory: WebsocketFactory,\n    private statusUpdateCallback: (status: WebsocketStatus) => void,\n  ) {\n    this.setStatus(WebsocketStatus.Connecting);\n    this.startWebSocketConnectionAttempt();\n  }\n\n  private setStatus(status: WebsocketStatus) {\n    if (this.status !== status) {\n      this.status = status;\n      this.statusUpdateCallback(status);\n    }\n  }\n\n  public sendUpdate(update: UserNetworkingClientUpdate): void {\n    if (!this.websocket) {\n      console.error(\"Not connected to the server\");\n      return;\n    }\n    const encodedUpdate = UserNetworkingCodec.encodeUpdate(update);\n    this.send(encodedUpdate);\n  }\n\n  private async startWebSocketConnectionAttempt() {\n    if (this.stopped) {\n      return;\n    }\n    // eslint-disable-next-line no-constant-condition\n    while (true) {\n      if (this.stopped) {\n        return;\n      }\n      try {\n        await this.createWebsocketWithTimeout(maximumWebsocketConnectionTimeout);\n        break;\n      } catch (e) {\n        // Connection failed, retry with backoff\n        this.setStatus(WebsocketStatus.Reconnecting);\n        await this.waitBackoffTime();\n      }\n    }\n  }\n\n  private async waitBackoffTime(): Promise<void> {\n    console.warn(`Websocket connection to '${this.url}' failed: retrying in ${this.backoffTime}ms`);\n    await new Promise((resolve) => setTimeout(resolve, this.backoffTime));\n    this.backoffTime = Math.min(\n      // Introduce a small amount of randomness to prevent clients from retrying in lockstep\n      this.backoffTime * (1.5 + Math.random() * 0.5),\n      maximumBackoffTimeMilliseconds,\n    );\n  }\n\n  protected abstract handleIncomingWebsocketMessage(message: MessageEvent): void;\n\n  protected send(message: object | Uint8Array): void {\n    if (!this.websocket) {\n      console.error(\"Not connected to the server\");\n      return;\n    }\n    if (message instanceof Uint8Array) {\n      this.websocket.send(message);\n    } else {\n      this.websocket.send(JSON.stringify(message));\n    }\n  }\n\n  private createWebsocketWithTimeout(timeout: number): Promise<WebSocket> {\n    return new Promise((resolve, reject) => {\n      const timeoutId = setTimeout(() => {\n        reject(new Error(\"websocket connection timed out\"));\n      }, timeout);\n      const websocket = this.websocketFactory(this.url);\n      websocket.binaryType = \"arraybuffer\";\n      websocket.addEventListener(\"open\", () => {\n        clearTimeout(timeoutId);\n        this.receivedMessageSinceOpen = false;\n        this.websocket = websocket;\n        this.setStatus(WebsocketStatus.Connected);\n\n        websocket.addEventListener(\"message\", (event) => {\n          if (websocket !== this.websocket) {\n            console.log(\"Ignoring websocket message event because it is no longer current\");\n            websocket.close();\n            return;\n          }\n          if (!this.receivedMessageSinceOpen) {\n            this.receivedMessageSinceOpen = true;\n          }\n          this.handleIncomingWebsocketMessage(event);\n        });\n\n        const onWebsocketClose = async () => {\n          if (websocket !== this.websocket) {\n            console.log(\"Ignoring websocket close event because it is no longer current\");\n            return;\n          }\n          this.websocket = null;\n          if (this.stopped) {\n            // This closing is expected. The client closed the websocket.\n            this.setStatus(WebsocketStatus.Disconnected);\n            return;\n          }\n          if (!this.receivedMessageSinceOpen) {\n            // The websocket did not deliver any contents. It may have been successfully opened, but immediately closed. This client should back off to prevent this happening in a rapid loop.\n            await this.waitBackoffTime();\n          }\n          // The websocket closed unexpectedly. Try to reconnect.\n          this.setStatus(WebsocketStatus.Reconnecting);\n          this.startWebSocketConnectionAttempt();\n        };\n\n        websocket.addEventListener(\"close\", (e) => {\n          if (websocket !== this.websocket) {\n            console.warn(\"Ignoring websocket close event because it is no longer current\");\n            return;\n          }\n          console.log(\"NetworkedDOMWebsocket close\", e);\n          onWebsocketClose();\n        });\n        websocket.addEventListener(\"error\", (e) => {\n          if (websocket !== this.websocket) {\n            console.log(\"Ignoring websocket error event because it is no longer current\");\n            return;\n          }\n          console.error(\"NetworkedDOMWebsocket error\", e);\n          onWebsocketClose();\n        });\n\n        resolve(websocket);\n      });\n      websocket.addEventListener(\"error\", (e) => {\n        clearTimeout(timeoutId);\n        reject(e);\n      });\n    });\n  }\n\n  public stop() {\n    this.stopped = true;\n    if (this.websocket !== null) {\n      this.websocket.close();\n      this.websocket = null;\n    }\n  }\n}\n", "import {\n  CONNECTED_MESSAGE_TYPE,\n  DISCONNECTED_MESSAGE_TYPE,\n  FromClientMessage,\n  FromServerMessage,\n  IDENTITY_MESSAGE_TYPE,\n  PING_MESSAGE_TYPE,\n} from \"./messages\";\nimport { ReconnectingWebSocket, WebsocketFactory, WebsocketStatus } from \"./ReconnectingWebSocket\";\nimport { UserNetworkingClientUpdate, UserNetworkingCodec } from \"./UserNetworkingCodec\";\n\nexport class UserNetworkingClient extends ReconnectingWebSocket {\n  constructor(\n    url: string,\n    websocketFactory: WebsocketFactory,\n    statusUpdateCallback: (status: WebsocketStatus) => void,\n    private setIdentityCallback: (id: number) => void,\n    private clientUpdate: (id: number, update: null | UserNetworkingClientUpdate) => void,\n  ) {\n    super(url, websocketFactory, statusUpdateCallback);\n  }\n\n  public sendUpdate(update: UserNetworkingClientUpdate): void {\n    const encodedUpdate = UserNetworkingCodec.encodeUpdate(update);\n    this.send(encodedUpdate);\n  }\n\n  protected handleIncomingWebsocketMessage(message: MessageEvent) {\n    if (typeof message.data === \"string\") {\n      const parsed = JSON.parse(message.data) as FromServerMessage;\n      switch (parsed.type) {\n        case IDENTITY_MESSAGE_TYPE:\n          console.log(`Assigned ID: ${parsed.id}`);\n          this.setIdentityCallback(parsed.id);\n          break;\n        case CONNECTED_MESSAGE_TYPE:\n          console.log(`Client ID: ${parsed.id} joined`);\n          break;\n        case DISCONNECTED_MESSAGE_TYPE:\n          console.log(`Client ID: ${parsed.id} left`);\n          this.clientUpdate(parsed.id, null);\n          break;\n        case PING_MESSAGE_TYPE: {\n          this.send({ type: \"pong\" } as FromClientMessage);\n          break;\n        }\n        default:\n          console.warn(\"unknown message type received\", parsed);\n      }\n    } else if (message.data instanceof ArrayBuffer) {\n      const userNetworkingClientUpdate = UserNetworkingCodec.decodeUpdate(message.data);\n      this.clientUpdate(userNetworkingClientUpdate.id, userNetworkingClientUpdate);\n    } else {\n      console.error(\"Unhandled message type\", message.data);\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["WebsocketStatus"]
+}

package/build/messages.d.ts

@@ -0,0 +1,25 @@
+export declare const CONNECTED_MESSAGE_TYPE = "connected";
+export declare const DISCONNECTED_MESSAGE_TYPE = "disconnected";
+export declare const IDENTITY_MESSAGE_TYPE = "identity";
+export declare const PING_MESSAGE_TYPE = "ping";
+export declare const PONG_MESSAGE_TYPE = "pong";
+export type ConnectedMessage = {
+    type: typeof CONNECTED_MESSAGE_TYPE;
+    id: number;
+};
+export type IdentityMessage = {
+    type: typeof IDENTITY_MESSAGE_TYPE;
+    id: number;
+};
+export type DisconnectedMessage = {
+    type: typeof DISCONNECTED_MESSAGE_TYPE;
+    id: number;
+};
+export type FromServerPingMessage = {
+    type: typeof PING_MESSAGE_TYPE;
+};
+export type FromServerMessage = ConnectedMessage | IdentityMessage | DisconnectedMessage | FromServerPingMessage;
+export type FromClientPongMessage = {
+    type: typeof PONG_MESSAGE_TYPE;
+};
+export type FromClientMessage = FromClientPongMessage;

package/build/user-networking-settings.d.ts

@@ -0,0 +1,3 @@
+export declare const pingPongRate: number;
+export declare const heartBeatRate: number;
+export declare const packetsUpdateRate: number;

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@mml-io/3d-web-user-networking",
+  "version": "0.0.0-experimental-751c031-20230804",
+  "main": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "type": "module",
+  "files": [
+    "/build"
+  ],
+  "scripts": {
+    "build": "rimraf ./build && node ./build.js --build",
+    "iterate": "node ./build.js --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint \"./src/**/*.{ts,}\" --max-warnings 0",
+    "lint:fix": "eslint \"./src/**/*.{ts,}\" --fix",
+    "test": "jest"
+  },
+  "dependencies": {
+    "ws": "^8.13.0"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.17",
+    "@types/express-ws": "^3.0.1",
+    "@types/node": "^20.1.7",
+    "@types/ws": "^8.5.4",
+    "express": "4.18.2",
+    "express-ws": "5.0.2"
+  }
+}