@lowerdeck/websocket-client 1.0.0

package/.turbo/turbo-build.log

@@ -0,0 +1,12 @@
+
+$ microbundle
+No name was provided for external module '@lowerdeck/emitter' in output.globals – guessing 'emitter'
+Build "@lowerdeck/websocket-client" to dist:
+        840 B: index.cjs.gz
+        735 B: index.cjs.br
+        518 B: index.modern.js.gz
+        453 B: index.modern.js.br
+        844 B: index.module.js.gz
+        737 B: index.module.js.br
+        913 B: index.umd.js.gz
+        802 B: index.umd.js.br

package/.turbo/turbo-test.log

@@ -0,0 +1,11 @@
+
+$ vitest run --passWithNoTests
+[?25l
+ RUN  v3.2.4 /Users/tobias/code/metorial/metorial-enterprise/oss/src/packages/shared/websocket
+
+No test files found, exiting with code 0
+
+include: **/*.{test,spec}.?(c|m)[jt]s?(x)
+exclude:  **/node_modules/**, **/dist/**, **/cypress/**, **/.{idea,git,cache,output,temp}/**, **/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build,eslint,prettier}.config.*
+
+[?25h

package/README.md

@@ -0,0 +1,74 @@
+# `@lowerdeck/websocket-client`
+
+Auto-reconnecting WebSocket client with exponential backoff. Handles connection failures and provides a familiar event-driven API.
+
+## Installation
+
+```bash
+npm install @lowerdeck/websocket-client
+yarn add @lowerdeck/websocket-client
+bun add @lowerdeck/websocket-client
+pnpm add @lowerdeck/websocket-client
+```
+
+## Usage
+
+```typescript
+import { ReconnectingWebSocketClient } from '@lowerdeck/websocket-client';
+
+// Create client with automatic reconnection
+const ws = new ReconnectingWebSocketClient('wss://example.com/socket', {
+  protocols: ['v1'],
+  maxAttempts: 5,
+  timeout: 5000,
+  onReconnect: (attempt) => {
+    console.log(`Reconnecting... Attempt ${attempt}`);
+  }
+});
+
+// Listen for events
+ws.addEventListener('open', () => {
+  console.log('Connected');
+});
+
+ws.addEventListener('message', (event) => {
+  console.log('Received:', event.data);
+});
+
+ws.addEventListener('close', () => {
+  console.log('Disconnected');
+});
+
+ws.addEventListener('error', (error) => {
+  console.error('Error:', error);
+});
+
+ws.addEventListener('maximum', () => {
+  console.error('Max reconnection attempts reached');
+});
+
+// Send messages
+ws.send('Hello server');
+ws.send(JSON.stringify({ type: 'ping' }));
+
+// Close connection
+ws.close();
+
+// Check connection state
+console.log(ws.readyState); // 0: CONNECTING, 1: OPEN, 2: CLOSING, 3: CLOSED
+```
+
+### Reconnection Behavior
+
+- Automatically reconnects on connection loss
+- Exponential backoff between attempts
+- Maximum retry attempts configurable
+- Manual close prevents reconnection
+
+## License
+
+This project is licensed under the Apache License 2.0.
+
+<div align="center">
+  <sub>Built with ❤️ by <a href="https://metorial.com">Metorial</a></sub>
+</div>

package/dist/index.cjs

@@ -0,0 +1,2 @@
+var t=require("@lowerdeck/emitter");function e(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}exports.ReconnectingWebSocketClient=/*#__PURE__*/function(){function i(e,i){var n;void 0===i&&(i={}),this.ws=void 0,this.attempts=0,this.timer=null,this.url=void 0,this.opts=void 0,this.maxAttempts=void 0,this.emitter=new t.Emitter,this.url=e,this.opts=i,this.maxAttempts=null!=(n=i.maxAttempts)?n:Infinity,this.open()}var n,r,o=i.prototype;return o.open=function(){var t,e=this;this.ws=new WebSocket(this.url,null!=(t=this.opts.protocols)?t:[]),this.ws.addEventListener("open",function(t){e.attempts=0,e.emitter.emit("open",t)}),this.ws.addEventListener("close",function(t){e.reconnect(t)}),this.ws.addEventListener("error",function(t){"ECONNREFUSED"===(null==t?void 0:t.code)?e.reconnect(t):e.emitter.emit("error",t)}),this.ws.addEventListener("message",function(t){e.emitter.emit("message",t)})},o.reconnect=function(t){var e,i=this;this.timer&&clearTimeout(this.timer),this.attempts++<this.maxAttempts?this.timer=setTimeout(function(){null==i.opts.onReconnect||i.opts.onReconnect(t),i.open()},null!=(e=this.opts.timeout)?e:1e3):(this.emitter.emit("maximum",t),this.emitter.emit("close",t),this.emitter.clear())},o.send=function(t){this.ws.send(t)},o.close=function(t,e){void 0===t&&(t=1e3),this.timer&&clearTimeout(this.timer),this.emitter.clear(),this.ws.close(t,e)},o.addEventListener=function(t,e){return this.emitter.on(t,e)},n=i,(r=[{key:"readyState",get:function(){return this.ws.readyState}}])&&function(t,i){for(var n=0;n<i.length;n++){var r=i[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n}();
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { Emitter } from '@lowerdeck/emitter';\n\n// Highly inspired by https://github.com/lukeed/sockette/blob/master/src/index.js\n\ninterface ReconnectingWebSocketOptions {\n  protocols?: string | string[];\n  maxAttempts?: number;\n  timeout?: number;\n\n  onReconnect?: (event: Event) => void;\n}\n\nexport class ReconnectingWebSocketClient {\n  private ws!: WebSocket;\n  private attempts = 0;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private readonly url: string;\n  private readonly opts: ReconnectingWebSocketOptions;\n  private readonly maxAttempts: number;\n  private emitter = new Emitter<any>();\n\n  constructor(url: string, opts: ReconnectingWebSocketOptions = {}) {\n    this.url = url;\n    this.opts = opts;\n    this.maxAttempts = opts.maxAttempts ?? Infinity;\n\n    this.open();\n  }\n\n  private open(): void {\n    this.ws = new WebSocket(this.url, this.opts.protocols ?? []);\n\n    this.ws.addEventListener('open', event => {\n      this.attempts = 0;\n      this.emitter.emit('open', event);\n    });\n\n    this.ws.addEventListener('close', event => {\n      // let shouldReconnect = ![1000, 1001, 1005].includes(event.code);\n      // if (shouldReconnect) {\n      this.reconnect(event);\n      // } else {\n      //   this.emitter.emit('close', event);\n      // }\n    });\n\n    this.ws.addEventListener('error', event => {\n      let error = event as any;\n      if (error?.code === 'ECONNREFUSED') {\n        this.reconnect(event);\n      } else {\n        this.emitter.emit('error', event);\n      }\n    });\n\n    this.ws.addEventListener('message', event => {\n      this.emitter.emit('message', event);\n    });\n  }\n\n  private reconnect(event: Event): void {\n    if (this.timer) clearTimeout(this.timer);\n\n    if (this.attempts++ < this.maxAttempts) {\n      this.timer = setTimeout(() => {\n        this.opts.onReconnect?.(event);\n        this.open();\n      }, this.opts.timeout ?? 1000);\n    } else {\n      this.emitter.emit('maximum', event);\n      this.emitter.emit('close', event);\n      this.emitter.clear();\n    }\n  }\n\n  send(data: string | ArrayBufferLike): void {\n    this.ws.send(data);\n  }\n\n  close(code: number = 1000, reason?: string): void {\n    if (this.timer) clearTimeout(this.timer);\n    this.emitter.clear();\n    this.ws.close(code, reason);\n  }\n\n  addEventListener(event: string, callback: (data: any) => void) {\n    return this.emitter.on(event, callback);\n  }\n\n  get readyState() {\n    return this.ws.readyState;\n  }\n}\n"],"names":["ReconnectingWebSocketClient","url","opts","_opts$maxAttempts","this","ws","attempts","timer","maxAttempts","emitter","Emitter","Infinity","open","_proto","prototype","_this$opts$protocols","_this","WebSocket","protocols","addEventListener","event","emit","reconnect","code","_this2","_this$opts$timeout","clearTimeout","setTimeout","onReconnect","timeout","clear","send","data","close","reason","callback","on","key","get","readyState"],"mappings":"oXAqBE,WAAA,SAAAA,EAAYC,EAAaC,GAAuCC,IAAAA,OAAvCD,IAAAA,IAAAA,EAAqC,CAAE,GAAAE,KARxDC,QAAE,EAAAD,KACFE,SAAW,EACXC,KAAAA,MAA8C,KACrCN,KAAAA,SACAC,EAAAA,KAAAA,UACAM,EAAAA,KAAAA,iBACTC,EAAAA,KAAAA,QAAU,IAAIC,EAAcA,QAGlCN,KAAKH,IAAMA,EACXG,KAAKF,KAAOA,EACZE,KAAKI,YAA8BL,OAAnBA,EAAGD,EAAKM,aAAWL,EAAIQ,SAEvCP,KAAKQ,MACP,CAAC,QAAAC,EAAAb,EAAAc,UA4DA,OA5DAD,EAEOD,KAAA,WAAIG,IAAAA,EAAAC,EACVZ,KAAAA,KAAKC,GAAK,IAAIY,UAAUb,KAAKH,IAAwBc,OAArBA,EAAEX,KAAKF,KAAKgB,WAASH,EAAI,IAEzDX,KAAKC,GAAGc,iBAAiB,OAAQ,SAAAC,GAC/BJ,EAAKV,SAAW,EAChBU,EAAKP,QAAQY,KAAK,OAAQD,EAC5B,GAEAhB,KAAKC,GAAGc,iBAAiB,QAAS,SAAAC,GAGhCJ,EAAKM,UAAUF,EAIjB,GAEAhB,KAAKC,GAAGc,iBAAiB,QAAS,SAAAC,GAEZ,kBAAX,MADGA,OACH,EADGA,EACDG,MACTP,EAAKM,UAAUF,GAEfJ,EAAKP,QAAQY,KAAK,QAASD,EAE/B,GAEAhB,KAAKC,GAAGc,iBAAiB,UAAW,SAAAC,GAClCJ,EAAKP,QAAQY,KAAK,UAAWD,EAC/B,EACF,EAACP,EAEOS,UAAA,SAAUF,GAAYI,IAGYC,EAHZD,EAC5BpB,KAAIA,KAAKG,OAAOmB,aAAatB,KAAKG,OAE9BH,KAAKE,WAAaF,KAAKI,YACzBJ,KAAKG,MAAQoB,WAAW,WACtBH,MAAAA,EAAKtB,KAAK0B,aAAVJ,EAAKtB,KAAK0B,YAAcR,GACxBI,EAAKZ,MACP,EAAoB,OAAnBa,EAAErB,KAAKF,KAAK2B,SAAOJ,EAAI,MAExBrB,KAAKK,QAAQY,KAAK,UAAWD,GAC7BhB,KAAKK,QAAQY,KAAK,QAASD,GAC3BhB,KAAKK,QAAQqB,QAEjB,EAACjB,EAEDkB,KAAA,SAAKC,GACH5B,KAAKC,GAAG0B,KAAKC,EACf,EAACnB,EAEDoB,MAAA,SAAMV,EAAqBW,QAArBX,IAAAA,IAAAA,EAAe,KACfnB,KAAKG,OAAOmB,aAAatB,KAAKG,OAClCH,KAAKK,QAAQqB,QACb1B,KAAKC,GAAG4B,MAAMV,EAAMW,EACtB,EAACrB,EAEDM,iBAAA,SAAiBC,EAAee,GAC9B,OAAO/B,KAAKK,QAAQ2B,GAAGhB,EAAOe,EAChC,IAACnC,KAAA,CAAA,CAAAqC,IAAA,aAAAC,IAED,WACE,OAAOlC,KAAKC,GAAGkC,UACjB,iPAAC,CAtED"}

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+interface ReconnectingWebSocketOptions {
+    protocols?: string | string[];
+    maxAttempts?: number;
+    timeout?: number;
+    onReconnect?: (event: Event) => void;
+}
+export declare class ReconnectingWebSocketClient {
+    private ws;
+    private attempts;
+    private timer;
+    private readonly url;
+    private readonly opts;
+    private readonly maxAttempts;
+    private emitter;
+    constructor(url: string, opts?: ReconnectingWebSocketOptions);
+    private open;
+    private reconnect;
+    send(data: string | ArrayBufferLike): void;
+    close(code?: number, reason?: string): void;
+    addEventListener(event: string, callback: (data: any) => void): () => void;
+    get readyState(): number;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,UAAU,4BAA4B;IACpC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAED,qBAAa,2BAA2B;IACtC,OAAO,CAAC,EAAE,CAAa;IACvB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,KAAK,CAA8C;IAC3D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAS;IAC7B,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA+B;IACpD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,OAAO,CAAsB;gBAEzB,GAAG,EAAE,MAAM,EAAE,IAAI,GAAE,4BAAiC;IAQhE,OAAO,CAAC,IAAI;IA+BZ,OAAO,CAAC,SAAS;IAejB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI;IAI1C,KAAK,CAAC,IAAI,GAAE,MAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAMjD,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;IAI7D,IAAI,UAAU,WAEb;CACF"}

package/dist/index.modern.js

@@ -0,0 +1,2 @@
+import{Emitter as t}from"@lowerdeck/emitter";class e{constructor(e,s={}){var i;this.ws=void 0,this.attempts=0,this.timer=null,this.url=void 0,this.opts=void 0,this.maxAttempts=void 0,this.emitter=new t,this.url=e,this.opts=s,this.maxAttempts=null!=(i=s.maxAttempts)?i:Infinity,this.open()}open(){var t;this.ws=new WebSocket(this.url,null!=(t=this.opts.protocols)?t:[]),this.ws.addEventListener("open",t=>{this.attempts=0,this.emitter.emit("open",t)}),this.ws.addEventListener("close",t=>{this.reconnect(t)}),this.ws.addEventListener("error",t=>{"ECONNREFUSED"===(null==t?void 0:t.code)?this.reconnect(t):this.emitter.emit("error",t)}),this.ws.addEventListener("message",t=>{this.emitter.emit("message",t)})}reconnect(t){var e;this.timer&&clearTimeout(this.timer),this.attempts++<this.maxAttempts?this.timer=setTimeout(()=>{var e,s;null==(e=(s=this.opts).onReconnect)||e.call(s,t),this.open()},null!=(e=this.opts.timeout)?e:1e3):(this.emitter.emit("maximum",t),this.emitter.emit("close",t),this.emitter.clear())}send(t){this.ws.send(t)}close(t=1e3,e){this.timer&&clearTimeout(this.timer),this.emitter.clear(),this.ws.close(t,e)}addEventListener(t,e){return this.emitter.on(t,e)}get readyState(){return this.ws.readyState}}export{e as ReconnectingWebSocketClient};
+//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.js","sources":["../src/index.ts"],"sourcesContent":["import { Emitter } from '@lowerdeck/emitter';\n\n// Highly inspired by https://github.com/lukeed/sockette/blob/master/src/index.js\n\ninterface ReconnectingWebSocketOptions {\n  protocols?: string | string[];\n  maxAttempts?: number;\n  timeout?: number;\n\n  onReconnect?: (event: Event) => void;\n}\n\nexport class ReconnectingWebSocketClient {\n  private ws!: WebSocket;\n  private attempts = 0;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private readonly url: string;\n  private readonly opts: ReconnectingWebSocketOptions;\n  private readonly maxAttempts: number;\n  private emitter = new Emitter<any>();\n\n  constructor(url: string, opts: ReconnectingWebSocketOptions = {}) {\n    this.url = url;\n    this.opts = opts;\n    this.maxAttempts = opts.maxAttempts ?? Infinity;\n\n    this.open();\n  }\n\n  private open(): void {\n    this.ws = new WebSocket(this.url, this.opts.protocols ?? []);\n\n    this.ws.addEventListener('open', event => {\n      this.attempts = 0;\n      this.emitter.emit('open', event);\n    });\n\n    this.ws.addEventListener('close', event => {\n      // let shouldReconnect = ![1000, 1001, 1005].includes(event.code);\n      // if (shouldReconnect) {\n      this.reconnect(event);\n      // } else {\n      //   this.emitter.emit('close', event);\n      // }\n    });\n\n    this.ws.addEventListener('error', event => {\n      let error = event as any;\n      if (error?.code === 'ECONNREFUSED') {\n        this.reconnect(event);\n      } else {\n        this.emitter.emit('error', event);\n      }\n    });\n\n    this.ws.addEventListener('message', event => {\n      this.emitter.emit('message', event);\n    });\n  }\n\n  private reconnect(event: Event): void {\n    if (this.timer) clearTimeout(this.timer);\n\n    if (this.attempts++ < this.maxAttempts) {\n      this.timer = setTimeout(() => {\n        this.opts.onReconnect?.(event);\n        this.open();\n      }, this.opts.timeout ?? 1000);\n    } else {\n      this.emitter.emit('maximum', event);\n      this.emitter.emit('close', event);\n      this.emitter.clear();\n    }\n  }\n\n  send(data: string | ArrayBufferLike): void {\n    this.ws.send(data);\n  }\n\n  close(code: number = 1000, reason?: string): void {\n    if (this.timer) clearTimeout(this.timer);\n    this.emitter.clear();\n    this.ws.close(code, reason);\n  }\n\n  addEventListener(event: string, callback: (data: any) => void) {\n    return this.emitter.on(event, callback);\n  }\n\n  get readyState() {\n    return this.ws.readyState;\n  }\n}\n"],"names":["ReconnectingWebSocketClient","constructor","url","opts","_opts$maxAttempts","this","ws","attempts","timer","maxAttempts","emitter","Emitter","Infinity","open","_this$opts$protocols","WebSocket","protocols","addEventListener","event","emit","reconnect","error","code","_this$opts$timeout","clearTimeout","setTimeout","_this$opts$onReconnec","_this$opts","onReconnect","call","timeout","clear","send","data","close","reason","callback","on","readyState"],"mappings":"6CAYa,MAAAA,EASXC,WAAAA,CAAYC,EAAaC,EAAqC,CAAE,OAAAC,EAAAC,KARxDC,QAAE,EAAAD,KACFE,SAAW,EACXC,KAAAA,MAA8C,KAAIH,KACzCH,SACAC,EAAAA,KAAAA,UACAM,EAAAA,KAAAA,iBACTC,EAAAA,KAAAA,QAAU,IAAIC,EAGpBN,KAAKH,IAAMA,EACXG,KAAKF,KAAOA,EACZE,KAAKI,YAA8B,OAAnBL,EAAGD,EAAKM,aAAWL,EAAIQ,SAEvCP,KAAKQ,MACP,CAEQA,IAAAA,GAAI,IAAAC,EACVT,KAAKC,GAAK,IAAIS,UAAUV,KAAKH,IAAwBY,OAArBA,EAAET,KAAKF,KAAKa,WAASF,EAAI,IAEzDT,KAAKC,GAAGW,iBAAiB,OAAQC,IAC/Bb,KAAKE,SAAW,EAChBF,KAAKK,QAAQS,KAAK,OAAQD,KAG5Bb,KAAKC,GAAGW,iBAAiB,QAASC,IAGhCb,KAAKe,UAAUF,KAMjBb,KAAKC,GAAGW,iBAAiB,QAASC,IAEZ,kBAAhBG,MADQH,OACRG,EADQH,EACDI,MACTjB,KAAKe,UAAUF,GAEfb,KAAKK,QAAQS,KAAK,QAASD,KAI/Bb,KAAKC,GAAGW,iBAAiB,UAAWC,IAClCb,KAAKK,QAAQS,KAAK,UAAWD,IAEjC,CAEQE,SAAAA,CAAUF,GAGwBK,IAAAA,EAFpClB,KAAKG,OAAOgB,aAAanB,KAAKG,OAE9BH,KAAKE,WAAaF,KAAKI,YACzBJ,KAAKG,MAAQiB,WAAW,KAAK,IAAAC,EAAAC,SAC3BD,GAAAC,EAAAtB,KAAKF,MAAKyB,cAAVF,EAAAG,KAAAF,EAAwBT,GACxBb,KAAKQ,QACa,OAAnBU,EAAElB,KAAKF,KAAK2B,SAAOP,EAAI,MAExBlB,KAAKK,QAAQS,KAAK,UAAWD,GAC7Bb,KAAKK,QAAQS,KAAK,QAASD,GAC3Bb,KAAKK,QAAQqB,QAEjB,CAEAC,IAAAA,CAAKC,GACH5B,KAAKC,GAAG0B,KAAKC,EACf,CAEAC,KAAAA,CAAMZ,EAAe,IAAMa,GACrB9B,KAAKG,OAAOgB,aAAanB,KAAKG,OAClCH,KAAKK,QAAQqB,QACb1B,KAAKC,GAAG4B,MAAMZ,EAAMa,EACtB,CAEAlB,gBAAAA,CAAiBC,EAAekB,GAC9B,OAAW/B,KAACK,QAAQ2B,GAAGnB,EAAOkB,EAChC,CAEA,cAAIE,GACF,YAAYhC,GAAGgC,UACjB"}

package/dist/index.module.js

@@ -0,0 +1,2 @@
+import{Emitter as t}from"@lowerdeck/emitter";function e(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}var i=/*#__PURE__*/function(){function i(e,i){var r;void 0===i&&(i={}),this.ws=void 0,this.attempts=0,this.timer=null,this.url=void 0,this.opts=void 0,this.maxAttempts=void 0,this.emitter=new t,this.url=e,this.opts=i,this.maxAttempts=null!=(r=i.maxAttempts)?r:Infinity,this.open()}var r,n,o=i.prototype;return o.open=function(){var t,e=this;this.ws=new WebSocket(this.url,null!=(t=this.opts.protocols)?t:[]),this.ws.addEventListener("open",function(t){e.attempts=0,e.emitter.emit("open",t)}),this.ws.addEventListener("close",function(t){e.reconnect(t)}),this.ws.addEventListener("error",function(t){"ECONNREFUSED"===(null==t?void 0:t.code)?e.reconnect(t):e.emitter.emit("error",t)}),this.ws.addEventListener("message",function(t){e.emitter.emit("message",t)})},o.reconnect=function(t){var e,i=this;this.timer&&clearTimeout(this.timer),this.attempts++<this.maxAttempts?this.timer=setTimeout(function(){null==i.opts.onReconnect||i.opts.onReconnect(t),i.open()},null!=(e=this.opts.timeout)?e:1e3):(this.emitter.emit("maximum",t),this.emitter.emit("close",t),this.emitter.clear())},o.send=function(t){this.ws.send(t)},o.close=function(t,e){void 0===t&&(t=1e3),this.timer&&clearTimeout(this.timer),this.emitter.clear(),this.ws.close(t,e)},o.addEventListener=function(t,e){return this.emitter.on(t,e)},r=i,(n=[{key:"readyState",get:function(){return this.ws.readyState}}])&&function(t,i){for(var r=0;r<i.length;r++){var n=i[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,e(n.key),n)}}(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r}();export{i as ReconnectingWebSocketClient};
+//# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.js","sources":["../src/index.ts"],"sourcesContent":["import { Emitter } from '@lowerdeck/emitter';\n\n// Highly inspired by https://github.com/lukeed/sockette/blob/master/src/index.js\n\ninterface ReconnectingWebSocketOptions {\n  protocols?: string | string[];\n  maxAttempts?: number;\n  timeout?: number;\n\n  onReconnect?: (event: Event) => void;\n}\n\nexport class ReconnectingWebSocketClient {\n  private ws!: WebSocket;\n  private attempts = 0;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private readonly url: string;\n  private readonly opts: ReconnectingWebSocketOptions;\n  private readonly maxAttempts: number;\n  private emitter = new Emitter<any>();\n\n  constructor(url: string, opts: ReconnectingWebSocketOptions = {}) {\n    this.url = url;\n    this.opts = opts;\n    this.maxAttempts = opts.maxAttempts ?? Infinity;\n\n    this.open();\n  }\n\n  private open(): void {\n    this.ws = new WebSocket(this.url, this.opts.protocols ?? []);\n\n    this.ws.addEventListener('open', event => {\n      this.attempts = 0;\n      this.emitter.emit('open', event);\n    });\n\n    this.ws.addEventListener('close', event => {\n      // let shouldReconnect = ![1000, 1001, 1005].includes(event.code);\n      // if (shouldReconnect) {\n      this.reconnect(event);\n      // } else {\n      //   this.emitter.emit('close', event);\n      // }\n    });\n\n    this.ws.addEventListener('error', event => {\n      let error = event as any;\n      if (error?.code === 'ECONNREFUSED') {\n        this.reconnect(event);\n      } else {\n        this.emitter.emit('error', event);\n      }\n    });\n\n    this.ws.addEventListener('message', event => {\n      this.emitter.emit('message', event);\n    });\n  }\n\n  private reconnect(event: Event): void {\n    if (this.timer) clearTimeout(this.timer);\n\n    if (this.attempts++ < this.maxAttempts) {\n      this.timer = setTimeout(() => {\n        this.opts.onReconnect?.(event);\n        this.open();\n      }, this.opts.timeout ?? 1000);\n    } else {\n      this.emitter.emit('maximum', event);\n      this.emitter.emit('close', event);\n      this.emitter.clear();\n    }\n  }\n\n  send(data: string | ArrayBufferLike): void {\n    this.ws.send(data);\n  }\n\n  close(code: number = 1000, reason?: string): void {\n    if (this.timer) clearTimeout(this.timer);\n    this.emitter.clear();\n    this.ws.close(code, reason);\n  }\n\n  addEventListener(event: string, callback: (data: any) => void) {\n    return this.emitter.on(event, callback);\n  }\n\n  get readyState() {\n    return this.ws.readyState;\n  }\n}\n"],"names":["ReconnectingWebSocketClient","url","opts","_opts$maxAttempts","this","ws","attempts","timer","maxAttempts","emitter","Emitter","Infinity","open","_proto","prototype","_this$opts$protocols","_this","WebSocket","protocols","addEventListener","event","emit","reconnect","code","_this2","_this$opts$timeout","clearTimeout","setTimeout","onReconnect","timeout","clear","send","data","close","reason","callback","on","key","get","readyState"],"mappings":"4UAYa,IAAAA,eASX,WAAA,SAAAA,EAAYC,EAAaC,GAAuCC,IAAAA,OAAvCD,IAAAA,IAAAA,EAAqC,CAAE,GAAAE,KARxDC,QAAE,EAAAD,KACFE,SAAW,EACXC,KAAAA,MAA8C,KACrCN,KAAAA,SACAC,EAAAA,KAAAA,UACAM,EAAAA,KAAAA,iBACTC,EAAAA,KAAAA,QAAU,IAAIC,EAGpBN,KAAKH,IAAMA,EACXG,KAAKF,KAAOA,EACZE,KAAKI,YAA8BL,OAAnBA,EAAGD,EAAKM,aAAWL,EAAIQ,SAEvCP,KAAKQ,MACP,CAAC,QAAAC,EAAAb,EAAAc,UA4DA,OA5DAD,EAEOD,KAAA,WAAIG,IAAAA,EAAAC,EACVZ,KAAAA,KAAKC,GAAK,IAAIY,UAAUb,KAAKH,IAAwBc,OAArBA,EAAEX,KAAKF,KAAKgB,WAASH,EAAI,IAEzDX,KAAKC,GAAGc,iBAAiB,OAAQ,SAAAC,GAC/BJ,EAAKV,SAAW,EAChBU,EAAKP,QAAQY,KAAK,OAAQD,EAC5B,GAEAhB,KAAKC,GAAGc,iBAAiB,QAAS,SAAAC,GAGhCJ,EAAKM,UAAUF,EAIjB,GAEAhB,KAAKC,GAAGc,iBAAiB,QAAS,SAAAC,GAEZ,kBAAX,MADGA,OACH,EADGA,EACDG,MACTP,EAAKM,UAAUF,GAEfJ,EAAKP,QAAQY,KAAK,QAASD,EAE/B,GAEAhB,KAAKC,GAAGc,iBAAiB,UAAW,SAAAC,GAClCJ,EAAKP,QAAQY,KAAK,UAAWD,EAC/B,EACF,EAACP,EAEOS,UAAA,SAAUF,GAAYI,IAGYC,EAHZD,EAC5BpB,KAAIA,KAAKG,OAAOmB,aAAatB,KAAKG,OAE9BH,KAAKE,WAAaF,KAAKI,YACzBJ,KAAKG,MAAQoB,WAAW,WACtBH,MAAAA,EAAKtB,KAAK0B,aAAVJ,EAAKtB,KAAK0B,YAAcR,GACxBI,EAAKZ,MACP,EAAoB,OAAnBa,EAAErB,KAAKF,KAAK2B,SAAOJ,EAAI,MAExBrB,KAAKK,QAAQY,KAAK,UAAWD,GAC7BhB,KAAKK,QAAQY,KAAK,QAASD,GAC3BhB,KAAKK,QAAQqB,QAEjB,EAACjB,EAEDkB,KAAA,SAAKC,GACH5B,KAAKC,GAAG0B,KAAKC,EACf,EAACnB,EAEDoB,MAAA,SAAMV,EAAqBW,QAArBX,IAAAA,IAAAA,EAAe,KACfnB,KAAKG,OAAOmB,aAAatB,KAAKG,OAClCH,KAAKK,QAAQqB,QACb1B,KAAKC,GAAG4B,MAAMV,EAAMW,EACtB,EAACrB,EAEDM,iBAAA,SAAiBC,EAAee,GAC9B,OAAO/B,KAAKK,QAAQ2B,GAAGhB,EAAOe,EAChC,IAACnC,KAAA,CAAA,CAAAqC,IAAA,aAAAC,IAED,WACE,OAAOlC,KAAKC,GAAGkC,UACjB,iPAAC,CAtED"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@lowerdeck/emitter")):"function"==typeof define&&define.amd?define(["exports","@lowerdeck/emitter"],e):e((t||self).websocketClient={},t.emitter)}(this,function(t,e){function i(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}t.ReconnectingWebSocketClient=/*#__PURE__*/function(){function t(t,i){var n;void 0===i&&(i={}),this.ws=void 0,this.attempts=0,this.timer=null,this.url=void 0,this.opts=void 0,this.maxAttempts=void 0,this.emitter=new e.Emitter,this.url=t,this.opts=i,this.maxAttempts=null!=(n=i.maxAttempts)?n:Infinity,this.open()}var n,o,r=t.prototype;return r.open=function(){var t,e=this;this.ws=new WebSocket(this.url,null!=(t=this.opts.protocols)?t:[]),this.ws.addEventListener("open",function(t){e.attempts=0,e.emitter.emit("open",t)}),this.ws.addEventListener("close",function(t){e.reconnect(t)}),this.ws.addEventListener("error",function(t){"ECONNREFUSED"===(null==t?void 0:t.code)?e.reconnect(t):e.emitter.emit("error",t)}),this.ws.addEventListener("message",function(t){e.emitter.emit("message",t)})},r.reconnect=function(t){var e,i=this;this.timer&&clearTimeout(this.timer),this.attempts++<this.maxAttempts?this.timer=setTimeout(function(){null==i.opts.onReconnect||i.opts.onReconnect(t),i.open()},null!=(e=this.opts.timeout)?e:1e3):(this.emitter.emit("maximum",t),this.emitter.emit("close",t),this.emitter.clear())},r.send=function(t){this.ws.send(t)},r.close=function(t,e){void 0===t&&(t=1e3),this.timer&&clearTimeout(this.timer),this.emitter.clear(),this.ws.close(t,e)},r.addEventListener=function(t,e){return this.emitter.on(t,e)},n=t,(o=[{key:"readyState",get:function(){return this.ws.readyState}}])&&function(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,i(o.key),o)}}(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n}()});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["import { Emitter } from '@lowerdeck/emitter';\n\n// Highly inspired by https://github.com/lukeed/sockette/blob/master/src/index.js\n\ninterface ReconnectingWebSocketOptions {\n  protocols?: string | string[];\n  maxAttempts?: number;\n  timeout?: number;\n\n  onReconnect?: (event: Event) => void;\n}\n\nexport class ReconnectingWebSocketClient {\n  private ws!: WebSocket;\n  private attempts = 0;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private readonly url: string;\n  private readonly opts: ReconnectingWebSocketOptions;\n  private readonly maxAttempts: number;\n  private emitter = new Emitter<any>();\n\n  constructor(url: string, opts: ReconnectingWebSocketOptions = {}) {\n    this.url = url;\n    this.opts = opts;\n    this.maxAttempts = opts.maxAttempts ?? Infinity;\n\n    this.open();\n  }\n\n  private open(): void {\n    this.ws = new WebSocket(this.url, this.opts.protocols ?? []);\n\n    this.ws.addEventListener('open', event => {\n      this.attempts = 0;\n      this.emitter.emit('open', event);\n    });\n\n    this.ws.addEventListener('close', event => {\n      // let shouldReconnect = ![1000, 1001, 1005].includes(event.code);\n      // if (shouldReconnect) {\n      this.reconnect(event);\n      // } else {\n      //   this.emitter.emit('close', event);\n      // }\n    });\n\n    this.ws.addEventListener('error', event => {\n      let error = event as any;\n      if (error?.code === 'ECONNREFUSED') {\n        this.reconnect(event);\n      } else {\n        this.emitter.emit('error', event);\n      }\n    });\n\n    this.ws.addEventListener('message', event => {\n      this.emitter.emit('message', event);\n    });\n  }\n\n  private reconnect(event: Event): void {\n    if (this.timer) clearTimeout(this.timer);\n\n    if (this.attempts++ < this.maxAttempts) {\n      this.timer = setTimeout(() => {\n        this.opts.onReconnect?.(event);\n        this.open();\n      }, this.opts.timeout ?? 1000);\n    } else {\n      this.emitter.emit('maximum', event);\n      this.emitter.emit('close', event);\n      this.emitter.clear();\n    }\n  }\n\n  send(data: string | ArrayBufferLike): void {\n    this.ws.send(data);\n  }\n\n  close(code: number = 1000, reason?: string): void {\n    if (this.timer) clearTimeout(this.timer);\n    this.emitter.clear();\n    this.ws.close(code, reason);\n  }\n\n  addEventListener(event: string, callback: (data: any) => void) {\n    return this.emitter.on(event, callback);\n  }\n\n  get readyState() {\n    return this.ws.readyState;\n  }\n}\n"],"names":["ReconnectingWebSocketClient","url","opts","_opts$maxAttempts","this","ws","attempts","timer","maxAttempts","emitter","Emitter","Infinity","open","_proto","prototype","_this$opts$protocols","_this","WebSocket","protocols","addEventListener","event","emit","reconnect","code","_this2","_this$opts$timeout","clearTimeout","setTimeout","onReconnect","timeout","clear","send","data","close","reason","callback","on","key","get","readyState"],"mappings":"knBAqBE,WAAA,SAAAA,EAAYC,EAAaC,GAAuCC,IAAAA,OAAvCD,IAAAA,IAAAA,EAAqC,CAAE,GAAAE,KARxDC,QAAE,EAAAD,KACFE,SAAW,EACXC,KAAAA,MAA8C,KACrCN,KAAAA,SACAC,EAAAA,KAAAA,UACAM,EAAAA,KAAAA,iBACTC,EAAAA,KAAAA,QAAU,IAAIC,EAAcA,QAGlCN,KAAKH,IAAMA,EACXG,KAAKF,KAAOA,EACZE,KAAKI,YAA8BL,OAAnBA,EAAGD,EAAKM,aAAWL,EAAIQ,SAEvCP,KAAKQ,MACP,CAAC,QAAAC,EAAAb,EAAAc,UA4DA,OA5DAD,EAEOD,KAAA,WAAIG,IAAAA,EAAAC,EACVZ,KAAAA,KAAKC,GAAK,IAAIY,UAAUb,KAAKH,IAAwBc,OAArBA,EAAEX,KAAKF,KAAKgB,WAASH,EAAI,IAEzDX,KAAKC,GAAGc,iBAAiB,OAAQ,SAAAC,GAC/BJ,EAAKV,SAAW,EAChBU,EAAKP,QAAQY,KAAK,OAAQD,EAC5B,GAEAhB,KAAKC,GAAGc,iBAAiB,QAAS,SAAAC,GAGhCJ,EAAKM,UAAUF,EAIjB,GAEAhB,KAAKC,GAAGc,iBAAiB,QAAS,SAAAC,GAEZ,kBAAX,MADGA,OACH,EADGA,EACDG,MACTP,EAAKM,UAAUF,GAEfJ,EAAKP,QAAQY,KAAK,QAASD,EAE/B,GAEAhB,KAAKC,GAAGc,iBAAiB,UAAW,SAAAC,GAClCJ,EAAKP,QAAQY,KAAK,UAAWD,EAC/B,EACF,EAACP,EAEOS,UAAA,SAAUF,GAAYI,IAGYC,EAHZD,EAC5BpB,KAAIA,KAAKG,OAAOmB,aAAatB,KAAKG,OAE9BH,KAAKE,WAAaF,KAAKI,YACzBJ,KAAKG,MAAQoB,WAAW,WACtBH,MAAAA,EAAKtB,KAAK0B,aAAVJ,EAAKtB,KAAK0B,YAAcR,GACxBI,EAAKZ,MACP,EAAoB,OAAnBa,EAAErB,KAAKF,KAAK2B,SAAOJ,EAAI,MAExBrB,KAAKK,QAAQY,KAAK,UAAWD,GAC7BhB,KAAKK,QAAQY,KAAK,QAASD,GAC3BhB,KAAKK,QAAQqB,QAEjB,EAACjB,EAEDkB,KAAA,SAAKC,GACH5B,KAAKC,GAAG0B,KAAKC,EACf,EAACnB,EAEDoB,MAAA,SAAMV,EAAqBW,QAArBX,IAAAA,IAAAA,EAAe,KACfnB,KAAKG,OAAOmB,aAAatB,KAAKG,OAClCH,KAAKK,QAAQqB,QACb1B,KAAKC,GAAG4B,MAAMV,EAAMW,EACtB,EAACrB,EAEDM,iBAAA,SAAiBC,EAAee,GAC9B,OAAO/B,KAAKK,QAAQ2B,GAAGhB,EAAOe,EAChC,IAACnC,KAAA,CAAA,CAAAqC,IAAA,aAAAC,IAED,WACE,OAAOlC,KAAKC,GAAGkC,UACjB,iPAAC,CAtED"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@lowerdeck/websocket-client",
+  "version": "1.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Tobias Herber",
+  "license": "Apache 2",
+  "type": "module",
+  "source": "src/index.ts",
+  "exports": {
+    "require": "./dist/index.cjs",
+    "default": "./dist/index.modern.js"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.module.js",
+  "types": "dist/index.d.ts",
+  "unpkg": "./dist/index.umd.js",
+  "scripts": {
+    "test": "vitest run --passWithNoTests",
+    "lint": "prettier src/**/*.ts --check",
+    "build": "microbundle"
+  },
+  "dependencies": {
+    "@lowerdeck/emitter": "^1.0.0"
+  },
+  "devDependencies": {
+    "microbundle": "^0.15.1",
+    "@lowerdeck/tsconfig": "^1.0.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.2"
+  }
+}

package/src/index.ts

@@ -0,0 +1,93 @@
+import { Emitter } from '@lowerdeck/emitter';
+
+// Highly inspired by https://github.com/lukeed/sockette/blob/master/src/index.js
+
+interface ReconnectingWebSocketOptions {
+  protocols?: string | string[];
+  maxAttempts?: number;
+  timeout?: number;
+
+  onReconnect?: (event: Event) => void;
+}
+
+export class ReconnectingWebSocketClient {
+  private ws!: WebSocket;
+  private attempts = 0;
+  private timer: ReturnType<typeof setTimeout> | null = null;
+  private readonly url: string;
+  private readonly opts: ReconnectingWebSocketOptions;
+  private readonly maxAttempts: number;
+  private emitter = new Emitter<any>();
+
+  constructor(url: string, opts: ReconnectingWebSocketOptions = {}) {
+    this.url = url;
+    this.opts = opts;
+    this.maxAttempts = opts.maxAttempts ?? Infinity;
+
+    this.open();
+  }
+
+  private open(): void {
+    this.ws = new WebSocket(this.url, this.opts.protocols ?? []);
+
+    this.ws.addEventListener('open', event => {
+      this.attempts = 0;
+      this.emitter.emit('open', event);
+    });
+
+    this.ws.addEventListener('close', event => {
+      // let shouldReconnect = ![1000, 1001, 1005].includes(event.code);
+      // if (shouldReconnect) {
+      this.reconnect(event);
+      // } else {
+      //   this.emitter.emit('close', event);
+      // }
+    });
+
+    this.ws.addEventListener('error', event => {
+      let error = event as any;
+      if (error?.code === 'ECONNREFUSED') {
+        this.reconnect(event);
+      } else {
+        this.emitter.emit('error', event);
+      }
+    });
+
+    this.ws.addEventListener('message', event => {
+      this.emitter.emit('message', event);
+    });
+  }
+
+  private reconnect(event: Event): void {
+    if (this.timer) clearTimeout(this.timer);
+
+    if (this.attempts++ < this.maxAttempts) {
+      this.timer = setTimeout(() => {
+        this.opts.onReconnect?.(event);
+        this.open();
+      }, this.opts.timeout ?? 1000);
+    } else {
+      this.emitter.emit('maximum', event);
+      this.emitter.emit('close', event);
+      this.emitter.clear();
+    }
+  }
+
+  send(data: string | ArrayBufferLike): void {
+    this.ws.send(data);
+  }
+
+  close(code: number = 1000, reason?: string): void {
+    if (this.timer) clearTimeout(this.timer);
+    this.emitter.clear();
+    this.ws.close(code, reason);
+  }
+
+  addEventListener(event: string, callback: (data: any) => void) {
+    return this.emitter.on(event, callback);
+  }
+
+  get readyState() {
+    return this.ws.readyState;
+  }
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@lowerdeck/tsconfig/base.json",
+  "exclude": [
+    "dist"
+  ],
+  "include": [
+    "src"
+  ],
+  "compilerOptions": {
+    "outDir": "dist"
+  }
+}