@shippr/supersocket

Supersocket

Secure and stable websocket implementation

Features

• Drop in replacement of native Websocket implementation (same API)
• Works in Node js and Web
• Keep-alive
• Can manage heavy sized message
• Authentication and encryption
• Handle connection timeouts
• Offline mode
• Retries and message order consistency

Quick start

Using Yarn

yarn add @shippr/supersocket

Using NPM

npm install @shippr/supersocket

Quick start

import SuperSocket from "@shippr/supersocket";

//native WebSocket implementation
const ws = new WebSocket("wss://localhost:1234");

//new implementation
const ws = new SuperSocket("wss://localhost:1234");

Add query parameters

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  queryParams: { foo: 'bar },
});

/* ws.url = wss://localhost:1234/?foo=bar */

Authentication

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  //prevents socket opening if endpoint returns something other than 200
  authenticate: {
    endpoint: "/your-auth-endpoint-api",
    headers: {
      "whatever bearer": value,
    },
    data: {
      foo: bar,
    },
  },
});

Example with cookie base authentication

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  //prevents socket opening if endpoint returns something other than 200
  authenticate: {
    endpoint: "/your-auth-endpoint-api",
    headers: {
      "crsf cookie": value,
    },
  },
});

Example with credentials based authentication

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  //prevents socket opening if endpoint returns something other than 200
  authenticate: {
    endpoint: "/your-auth-endpoint-api",
    data: {
      "client id": value,
      "client pwd": value,
    },
  },
});

Encryption

Encrypt

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  encryptKey: "my secret key",
});

ws.send("this will be encrypted");

Decrypt

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  encryptKey: "my secret key",
});

ws.onmessage = (event) = {
  // event.data will be decrypted
  console.log(event.data)
}

Forwarding

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  forwardOptions: {
    onMessage: "/api/ws/message",
  },
});

Offline

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  //will queue messages and will process then when connection opens
  offline: true,
});

Chunk messages

import SuperSocket from "@shippr/supersocket";

const ws = new SuperSocket("wss://localhost:1234", [], {
  //will split the message into 10kb chunks
  chunkSize: 10,
});
ws.send({ ...myVeryBigJson });

Options

export type SuperSocketOptions = {
  reconnectDelay?: number,
  encryptKey?: string,
  connectionTimeout?: number,
  maxRetries?: number,
  debug?: boolean,
  disableReconnect?: boolean,
  chunkSize?: number,
  queryParams?: any,
  secureOnly?: boolean,
  forwardOptions?: {
    onMessage?: string,
    onError?: string,
    headers?: any,
  },
  authenticate?: SuperSocketAuth,
  offline?: boolean,
};