Skip to content

Releases: socketio/socket.io-client

4.7.5

14 Mar 17:05
4f6030f
Compare
Choose a tag to compare

Bug Fixes

  • discard acknowledgements upon disconnection (34cbfbb)

Links

4.7.4

12 Jan 10:38
8cfea8c
Compare
Choose a tag to compare

There were some minor bug fixes on the server side, which mandate a client bump.

Links

4.7.3

03 Jan 20:39
ca5d50e
Compare
Choose a tag to compare

Bug Fixes

  • improve compatibility with node16 module resolution (#1595) (605de78)
  • typings: accept string | undefined as init argument (5a3eafe)
  • typings: fix the type of the socket#id attribute (f9c16f2)

Links

4.7.2

02 Aug 23:59
928d76d
Compare
Choose a tag to compare

Some bug fixes are included from the engine.io-client package:

  • webtransport: add proper framing (d55c39e)
  • webtransport: honor the binaryType attribute (8270e00)

Links

4.7.1

28 Jun 07:36
0536fcc
Compare
Choose a tag to compare

Some bug fixes are included from the engine.io-client package:

  • make closeOnBeforeunload default to false (a63066b)
  • webtransport: properly handle abruptly closed connections (cf6aa1f)

Links

4.7.0

22 Jun 12:09
9b235ec
Compare
Choose a tag to compare

Bug Fixes

  • properly report timeout error when connecting (5bc94b5)
  • use same scope for setTimeout and clearTimeout calls (#1568) (f2892ab)

Features

Support for WebTransport

The Engine.IO client can now use WebTransport as the underlying transport.

WebTransport is a web API that uses the HTTP/3 protocol as a bidirectional transport. It's intended for two-way communications between a web client and an HTTP/3 server.

References:

For Node.js clients: until WebTransport support lands in Node.js, you can use the @fails-components/webtransport package:

import { WebTransport } from "@fails-components/webtransport";

global.WebTransport = WebTransport;

Added in 7195c0f.

Cookie management for the Node.js client

When setting the withCredentials option to true, the Node.js client will now include the cookies in the HTTP requests, making it easier to use it with cookie-based sticky sessions.

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

const socket = io("https://example.com", {
  withCredentials: true
});

Added in 5fc88a6.

Conditional import of the ESM build with debug logs

By default, the ESM build does not include the debug package in the browser environments, because it increases the bundle size (see 16b6569).

Which means that, unfortunately, debug logs are not available in the devtools console, even when setting the localStorage.debug = ... attribute.

You can now import the build which includes the debug packages with a conditional import. Example with vite:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  server: {
    port: 4000
  },
  resolve: {
    conditions: ["development"]
  }
})

Reference: https://v2.vitejs.dev/config/#resolve-conditions

Added in 781d753.

Links

  • Diff: 4.6.2...4.7.0
  • Server release: 4.7.0
  • engine.io-client version: ~6.5.0 (diff)
  • ws version: ~8.11.0 (no change)

4.6.2

31 May 09:22
a04ae1b
Compare
Choose a tag to compare

Bug Fixes

  • exports: move types condition to the top (#1580) (7ead241)

Links

  • Diff: 4.6.1...4.6.2
  • Server release: 4.6.2
  • engine.io-client version: ~6.4.0 (no change)
  • ws version: ~8.11.0 (no change)

4.6.1

20 Feb 16:53
89175d0
Compare
Choose a tag to compare

Bug Fixes

  • do not drain the queue while the socket is offline (4996f9e)
  • prevent duplicate connections when multiplexing (46213a6)

Links

  • Diff: 4.6.0...4.6.1
  • Server release: 4.6.1
  • engine.io-client version: ~6.4.0 (no change)
  • ws version: ~8.11.0 (no change)

4.6.0

06 Feb 23:34
5980918
Compare
Choose a tag to compare

Bug Fixes

  • typings: do not expose browser-specific types (4d6d95e)
  • ensure manager.socket() returns an active socket (b7dd891)
  • typings: properly type emits with timeout (#1570) (33e4172)

Features

A new "addTrailingSlash" option

The trailing slash which was added by default can now be disabled:

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

const socket = io("https://example.com", {
  addTrailingSlash: false
});

In the example above, the request URL will be https://example.com/socket.io instead of https://example.com/socket.io/.

Added in 21a6e12.

Promise-based acknowledgements

This commit adds some syntactic sugar around acknowledgements:

// without timeout
const response = await socket.emitWithAck("hello", "world");

// with a specific timeout
try {
  const response = await socket.timeout(1000).emitWithAck("hello", "world");
} catch (err) {
  // the server did not acknowledge the event in the given delay
}

Note: environments that do not support Promises will need to add a polyfill in order to use this feature.

Added in 47b979d.

Connection state recovery

This feature allows a client to reconnect after a temporary disconnection and restore its ID and receive any packets that was missed during the disconnection gap. It must be enabled on the server side.

A new boolean attribute named recovered is added on the socket object:

socket.on("connect", () => {
  console.log(socket.recovered); // whether the recovery was successful
});

Added in 54d5ee0 (server) and b4e20c5 (client).

Retry mechanism

Two new options are available:

  • retries: the maximum number of retries. Above the limit, the packet will be discarded.
  • ackTimeout: the default timeout in milliseconds used when waiting for an acknowledgement (not to be mixed up with the already existing timeout option, which is used by the Manager during the connection)
const socket = io({
  retries: 3,
  ackTimeout: 10000
});

// implicit ack
socket.emit("my-event");

// explicit ack
socket.emit("my-event", (err, val) => { /* ... */ });

// custom timeout (in that case the ackTimeout is optional)
socket.timeout(5000).emit("my-event", (err, val) => { /* ... */ });

In all examples above, "my-event" will be sent up to 4 times (1 + 3), until the server sends an acknowledgement.

Assigning a unique ID to each packet is the duty of the user, in order to allow deduplication on the server side.

Added in 655dce9.

Links

Size of the bundles:

min min+gzip
socket.io.min.js 45.8 KB (+ 3.2 KB ⬆️) 14.5 KB (+ 0.9 KB ⬆️)
socket.io.msgpack.min.js 50.7 KB (+ 3.0 KB ⬆️) 15.5 KB (+ 0.9 KB ⬆️)
socket.io.esm.min.js 37.0 KB (+ 2.5 KB ⬆️) 12.3 KB (+ 0.8 KB ⬆️)

4.5.4

22 Nov 21:47
91ef839
Compare
Choose a tag to compare

This release contains a bump of the socket.io-parser dependency, in order to fix CVE-2022-2421.

Links:

  • Diff: 4.5.3...4.5.4
  • Server release: 4.5.4
  • engine.io-client version: ~6.2.3
  • ws version: ~8.2.3

Size of the bundles:

min min+gzip
socket.io.min.js 42.6 KB (-) 13.6 KB (-)
socket.io.msgpack.min.js 47.7 KB (-) 14.6 KB (-)
socket.io.esm.min.js 34.5 KB (-) 11.5 KB (-)