@stomp/stompjs 6.1.2 → 7.0.0-beta2

package/esm6/stomp-subscription.js

@@ -1,8 +1,2 @@
-/**
- * Call [Client#subscribe]{@link Client#subscribe} to create a StompSubscription.
- *
- * Part of `@stomp/stompjs`.
- */
-export class StompSubscription {
-}
+export {};
 //# sourceMappingURL=stomp-subscription.js.map

package/esm6/stomp-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"stomp-subscription.js","sourceRoot":"","sources":["../src/stomp-subscription.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,OAAO,iBAAiB;CAU7B"}
+{"version":3,"file":"stomp-subscription.js","sourceRoot":"","sources":["../src/stomp-subscription.ts"],"names":[],"mappings":""}

package/esm6/types.d.ts

@@ -1,6 +1,7 @@
-import { IFrame } from './i-frame';
-import { IMessage } from './i-message';
-import { StompHeaders } from './stomp-headers';
+import { IFrame } from './i-frame.js';
+import { IMessage } from './i-message.js';
+import { StompHeaders } from './stomp-headers.js';
+import { Versions } from './versions.js';
 /**
  * This callback will receive a `string` as parameter.
  *
@@ -82,9 +83,9 @@ export declare type RawHeaderType = [string, string];
  * @internal
  */
 export interface IRawFrameType {
-    command: string;
+    command: string | undefined;
     headers: RawHeaderType[];
-    binaryBody: Uint8Array;
+    binaryBody: Uint8Array | undefined;
 }
 /**
  * @internal
@@ -138,3 +139,28 @@ export declare enum ActivationState {
     DEACTIVATING = 1,
     INACTIVE = 2
 }
+/**
+ * @internal
+ */
+export interface IStomptHandlerConfig {
+    debug: debugFnType;
+    stompVersions: Versions;
+    connectHeaders: StompHeaders;
+    disconnectHeaders: StompHeaders;
+    heartbeatIncoming: number;
+    heartbeatOutgoing: number;
+    splitLargeFrames: boolean;
+    maxWebSocketChunkSize: number;
+    forceBinaryWSFrames: boolean;
+    logRawCommunication: boolean;
+    appendMissingNULLonIncoming: boolean;
+    discardWebsocketOnCommFailure: boolean;
+    onConnect: frameCallbackType;
+    onDisconnect: frameCallbackType;
+    onStompError: frameCallbackType;
+    onWebSocketClose: closeEventCallbackType;
+    onWebSocketError: wsErrorCallbackType;
+    onUnhandledMessage: messageCallbackType;
+    onUnhandledReceipt: frameCallbackType;
+    onUnhandledFrame: frameCallbackType;
+}

package/esm6/types.js

@@ -7,7 +7,7 @@ export var StompSocketState;
     StompSocketState[StompSocketState["OPEN"] = 1] = "OPEN";
     StompSocketState[StompSocketState["CLOSING"] = 2] = "CLOSING";
     StompSocketState[StompSocketState["CLOSED"] = 3] = "CLOSED";
-})(StompSocketState || (StompSocketState = {}));
+})(StompSocketState = StompSocketState || (StompSocketState = {}));
 /**
  * Possible activation state
  */
@@ -16,5 +16,5 @@ export var ActivationState;
     ActivationState[ActivationState["ACTIVE"] = 0] = "ACTIVE";
     ActivationState[ActivationState["DEACTIVATING"] = 1] = "DEACTIVATING";
     ActivationState[ActivationState["INACTIVE"] = 2] = "INACTIVE";
-})(ActivationState || (ActivationState = {}));
+})(ActivationState = ActivationState || (ActivationState = {}));
 //# sourceMappingURL=types.js.map

package/esm6/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AA0IA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,mEAAU,CAAA;IACV,uDAAI,CAAA;IACJ,6DAAO,CAAA;IACP,2DAAM,CAAA;AACR,CAAC,EALW,gBAAgB,KAAhB,gBAAgB,QAK3B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,yDAAM,CAAA;IACN,qEAAY,CAAA;IACZ,6DAAQ,CAAA;AACV,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AA2IA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,mEAAU,CAAA;IACV,uDAAI,CAAA;IACJ,6DAAO,CAAA;IACP,2DAAM,CAAA;AACR,CAAC,EALW,gBAAgB,GAAhB,gBAAgB,KAAhB,gBAAgB,QAK3B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,yDAAM,CAAA;IACN,qEAAY,CAAA;IACZ,6DAAQ,CAAA;AACV,CAAC,EAJW,eAAe,GAAf,eAAe,KAAf,eAAe,QAI1B"}

package/esm6/versions.js

@@ -42,8 +42,8 @@ Versions.V1_2 = '1.2';
  * @internal
  */
 Versions.default = new Versions([
-    Versions.V1_0,
-    Versions.V1_1,
     Versions.V1_2,
+    Versions.V1_1,
+    Versions.V1_0,
 ]);
 //# sourceMappingURL=versions.js.map

package/index.d.ts

@@ -1 +1 @@
-export * from './esm6/';
+export * from './esm6/index.js';

package/package.json

@@ -1,20 +1,21 @@
 {
   "name": "@stomp/stompjs",
-  "version": "6.1.2",
+  "version": "7.0.0-beta2",
   "description": "STOMP client for Javascript and Typescript",
   "scripts": {
     "clean": "rm -rf bundles esm6",
-    "build-webpack": "webpack && webpack --mode=production --output-filename=stomp.umd.min.js",
-    "build": "npm run clean && npx tsc && npm run build-webpack",
-    "test": "jasmine",
-    "karma": "karma start --single-run",
+    "rollup": "rollup -c && rm -rf bundles/*.d.ts bundles/compatibility/",
+    "build": "npm run clean && npx tsc && npm run rollup",
+    "test": "cp bundles/stomp.umd.js spec/dist && jasmine",
+    "karma": "karma start spec/karma.conf.js --single-run",
     "lint": "tslint 'src/**/*.ts'",
     "prettier": "prettier --write .",
+    "test-helpers": "tsc -p spec/helpers-src/tsconfig.json",
     "prepublishOnly": "npm run lint && npm run build && npm run karma && npm run test"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/stomp-js/stompjs.git"
+    "url": "https://github.com/stomp-js/stompjs.git"
   },
   "keywords": [
     "STOMP",
@@ -32,27 +33,29 @@
   },
   "homepage": "https://github.com/stomp-js/stompjs#readme",
   "devDependencies": {
-    "@chiragrupani/karma-chromium-edge-launcher": "^2.0.0",
-    "awesome-typescript-loader": "^5.2.0",
-    "jasmine": "^3.1.0",
-    "karma": "^5.0.3",
-    "karma-chrome-launcher": "^3.0.0",
-    "karma-firefox-launcher": "^2.0.0",
-    "karma-jasmine": "^4.0.0",
-    "karma-safari-launcher": "git://github.com/RLovelett/karma-safari-launcher.git#safari-webdriver",
-    "karma-summary-reporter": "^2.0.2",
-    "prettier": "^2.1.2",
+    "@chiragrupani/karma-chromium-edge-launcher": "^2.2.2",
+    "@rollup/plugin-terser": "^0.2.1",
+    "@rollup/plugin-typescript": "^10.0.1",
+    "jasmine": "^4.3.0",
+    "karma": "^6.4.0",
+    "karma-chrome-launcher": "^3.1.1",
+    "karma-firefox-launcher": "^2.1.2",
+    "karma-jasmine": "^5.1.0",
+    "karma-safari-launcher": "https://github.com/RLovelett/karma-safari-launcher.git#safari-webdriver",
+    "karma-summary-reporter": "^3.1.1",
+    "onchange": "^7.1.0",
+    "prettier": "^2.7.1",
+    "rollup": "^3.9.1",
     "text-encoding": "^0.7.0",
-    "tslint": "^6.0.0",
+    "ts-loader": "^9.3.1",
+    "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "=3.6.4",
-    "webpack": "^4.33.0",
-    "webpack-cli": "^3.3.2",
-    "ws": "^8.2.0"
+    "typescript": "^4.8.2",
+    "ws": "^8.8.1"
   },
-  "module": "./esm6/index.js",
-  "main": "bundles/stomp.umd.js",
+  "type": "module",
+  "exports": "./esm6/index.js",
+  "browser": "./bundles/stomp.umd.js",
   "typings": "index.d.ts",
-  "sideEffects": false,
-  "dependencies": {}
+  "sideEffects": false
 }

package/src/augment-websocket.ts

@@ -1,4 +1,4 @@
-import { IStompSocket } from './types';
+import { IStompSocket } from './types.js';
 
 /**
  * @internal
@@ -16,6 +16,7 @@ export function augmentWebsocket(
     this.onopen = noOp;
 
     const ts = new Date();
+    const id = Math.random().toString().substring(2, 8); // A simulated id
 
     const origOnClose = this.onclose;
 
@@ -23,15 +24,15 @@ export function augmentWebsocket(
     this.onclose = closeEvent => {
       const delay = new Date().getTime() - ts.getTime();
       debug(
-        `Discarded socket closed after ${delay}ms, with code/reason: ${closeEvent.code}/${closeEvent.reason}`
+        `Discarded socket (#${id})  closed after ${delay}ms, with code/reason: ${closeEvent.code}/${closeEvent.reason}`
       );
     };
 
     this.close();
 
-    origOnClose.call(this, {
+    origOnClose?.call(webSocket, {
       code: 4001,
-      reason: 'Heartbeat failure, discarding the socket',
+      reason: `Quick discarding socket (#${id}) without waiting for the shutdown sequence.`,
       wasClean: false,
     });
   };

package/src/client.ts

@@ -1,8 +1,8 @@
-import { ITransaction } from './i-transaction';
-import { StompConfig } from './stomp-config';
-import { StompHandler } from './stomp-handler';
-import { StompHeaders } from './stomp-headers';
-import { StompSubscription } from './stomp-subscription';
+import { ITransaction } from './i-transaction.js';
+import { StompConfig } from './stomp-config.js';
+import { StompHandler } from './stomp-handler.js';
+import { StompHeaders } from './stomp-headers.js';
+import { StompSubscription } from './stomp-subscription.js';
 import {
   ActivationState,
   closeEventCallbackType,
@@ -13,8 +13,8 @@ import {
   messageCallbackType,
   StompSocketState,
   wsErrorCallbackType,
-} from './types';
-import { Versions } from './versions';
+} from './types.js';
+import { Versions } from './versions.js';
 
 /**
  * @internal
@@ -40,7 +40,7 @@ export class Client {
    * If your environment does not support WebSockets natively, please refer to
    * [Polyfills]{@link https://stomp-js.github.io/guide/stompjs/rx-stomp/ng2-stompjs/pollyfils-for-stompjs-v5.html}.
    */
-  public brokerURL: string;
+  public brokerURL: string | undefined;
 
   /**
    * STOMP versions to attempt during STOMP handshake. By default versions `1.0`, `1.1`, and `1.2` are attempted.
@@ -74,7 +74,7 @@ export class Client {
    *        };
    * ```
    */
-  public webSocketFactory: () => IStompSocket;
+  public webSocketFactory: (() => IStompSocket) | undefined;
 
   /**
    * Will retry if Stomp connection is not established in specified milliseconds.
@@ -82,7 +82,8 @@ export class Client {
    */
   public connectionTimeout: number = 0;
 
-  private _connectionWatcher: number; // Timer
+  // As per https://stackoverflow.com/questions/45802988/typescript-use-correct-version-of-settimeout-node-vs-window/56239226#56239226
+  private _connectionWatcher: ReturnType<typeof setTimeout> | undefined; // Timer
 
   /**
    *  automatically reconnect with delay in milliseconds, set to 0 to disable.
@@ -145,8 +146,8 @@ export class Client {
   /**
    * Underlying WebSocket instance, READONLY.
    */
-  get webSocket(): IStompSocket {
-    return this._stompHandler ? this._stompHandler._webSocket : undefined;
+  get webSocket(): IStompSocket | undefined {
+    return this._stompHandler?._webSocket;
   }
 
   /**
@@ -298,16 +299,16 @@ export class Client {
    * In case of incoming heartbeat failure, this experimental flag instructs the library
    * to discard the socket immediately (even before it is actually closed).
    */
-  public discardWebsocketOnCommFailure: boolean;
+  public discardWebsocketOnCommFailure: boolean = false;
 
   /**
    * version of STOMP protocol negotiated with the server, READONLY
    */
-  get connectedVersion(): string {
+  get connectedVersion(): string | undefined {
     return this._stompHandler ? this._stompHandler.connectedVersion : undefined;
   }
 
-  private _stompHandler: StompHandler;
+  private _stompHandler: StompHandler | undefined;
 
   /**
    * if the client is active (connected or going to reconnect)
@@ -328,9 +329,6 @@ export class Client {
     this.onChangeState(state);
   }
 
-  // This will mark deactivate to complete, to be called after Websocket is closed
-  private _resolveSocketClose: (value?: PromiseLike<void> | void) => void;
-
   /**
    * Activation state.
    *
@@ -481,14 +479,13 @@ export class Client {
 
         if (this.state === ActivationState.DEACTIVATING) {
           // Mark deactivation complete
-          this._resolveSocketClose();
-          this._resolveSocketClose = undefined;
           this._changeState(ActivationState.INACTIVE);
         }
 
-        this.onWebSocketClose(evt);
         // The callback is called before attempting to reconnect, this would allow the client
         // to be `deactivated` in the callback.
+        this.onWebSocketClose(evt);
+
         if (this.active) {
           this._schedule_reconnect();
         }
@@ -515,11 +512,13 @@ export class Client {
 
     if (this.webSocketFactory) {
       webSocket = this.webSocketFactory();
-    } else {
+    } else if (this.brokerURL) {
       webSocket = new WebSocket(
         this.brokerURL,
         this.stompVersions.protocolVersions()
       );
+    } else {
+      throw new Error('Either brokerURL or webSocketFactory must be provided');
     }
     webSocket.binaryType = 'arraybuffer';
     return webSocket;
@@ -537,20 +536,33 @@ export class Client {
 
   /**
    * Disconnect if connected and stop auto reconnect loop.
-   * Appropriate callbacks will be invoked if underlying STOMP connection was connected.
+   * Appropriate callbacks will be invoked if there is an underlying STOMP connection.
+   *
+   * This call is async. It will resolve immediately if there is no underlying active websocket,
+   * otherwise, it will resolve after the underlying websocket is properly disposed of.
+   *
+   * It is not an error to invoke this method more than once.
+   * Each of those would resolve on completion of deactivation.
    *
-   * This call is async, it will resolve immediately if there is no underlying active websocket,
-   * otherwise, it will resolve after underlying websocket is properly disposed.
+   * To reactivate, you can call [Client#activate]{@link Client#activate}.
    *
-   * To reactivate you can call [Client#activate]{@link Client#activate}.
+   * Experimental: pass `force: true` to immediately discard the underlying connection.
+   * This mode will skip both the STOMP and the Websocket shutdown sequences.
+   * In some cases, browsers take a long time in the Websocket shutdown if the underlying connection had gone stale.
+   * Using this mode can speed up.
+   * When this mode is used, the actual Websocket may linger for a while
+   * and the broker may not realize that the connection is no longer in use.
+   *
+   * It is possible to invoke this method initially without the `force` option
+   * and subsequently, say after a wait, with the `force` option.
    */
-  public async deactivate(): Promise<void> {
+  public async deactivate(options: { force?: boolean } = {}): Promise<void> {
+    const force: boolean = options.force || false;
+    const needToDispose = this.active;
     let retPromise: Promise<void>;
 
-    if (this.state !== ActivationState.ACTIVE) {
-      this.debug(
-        `Already ${ActivationState[this.state]}, ignoring call to deactivate`
-      );
+    if (this.state === ActivationState.INACTIVE) {
+      this.debug(`Already INACTIVE, nothing more to do`);
       return Promise.resolve();
     }
 
@@ -559,15 +571,22 @@ export class Client {
     // Clear if a reconnection was scheduled
     if (this._reconnector) {
       clearTimeout(this._reconnector);
+      this._reconnector = undefined;
     }
 
     if (
       this._stompHandler &&
+      // @ts-ignore - if there is a _stompHandler, there is the webSocket
       this.webSocket.readyState !== StompSocketState.CLOSED
     ) {
-      // we need to wait for underlying websocket to close
+      const origOnWebSocketClose = this._stompHandler.onWebSocketClose;
+      // we need to wait for the underlying websocket to close
       retPromise = new Promise<void>((resolve, reject) => {
-        this._resolveSocketClose = resolve;
+        // @ts-ignore - there is a _stompHandler
+        this._stompHandler.onWebSocketClose = evt => {
+          origOnWebSocketClose(evt);
+          resolve();
+        };
       });
     } else {
       // indicate that auto reconnect loop should terminate
@@ -575,7 +594,11 @@ export class Client {
       return Promise.resolve();
     }
 
-    this._disposeStompHandler();
+    if (force) {
+      this._stompHandler?.discardWebsocket();
+    } else if (needToDispose) {
+      this._disposeStompHandler();
+    }
 
     return retPromise;
   }
@@ -596,7 +619,6 @@ export class Client {
     // Dispose STOMP Handler
     if (this._stompHandler) {
       this._stompHandler.dispose();
-      this._stompHandler = null;
     }
   }
 
@@ -637,9 +659,17 @@ export class Client {
    * ```
    */
   public publish(params: IPublishParams) {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.publish(params);
   }
 
+  private _checkConnection() {
+    if (!this.connected) {
+      throw new TypeError('There is no underlying STOMP connection');
+    }
+  }
+
   /**
    * STOMP brokers may carry out operation asynchronously and allow requesting for acknowledgement.
    * To request an acknowledgement, a `receipt` header needs to be sent with the actual request.
@@ -676,6 +706,8 @@ export class Client {
    * ```
    */
   public watchForReceipt(receiptId: string, callback: frameCallbackType): void {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.watchForReceipt(receiptId, callback);
   }
 
@@ -708,6 +740,8 @@ export class Client {
     callback: messageCallbackType,
     headers: StompHeaders = {}
   ): StompSubscription {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     return this._stompHandler.subscribe(destination, callback, headers);
   }
 
@@ -724,6 +758,8 @@ export class Client {
    * See: http://stomp.github.com/stomp-specification-1.2.html#UNSUBSCRIBE UNSUBSCRIBE Frame
    */
   public unsubscribe(id: string, headers: StompHeaders = {}): void {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.unsubscribe(id, headers);
   }
 
@@ -734,6 +770,8 @@ export class Client {
    * `transactionId` is optional, if not passed the library will generate it internally.
    */
   public begin(transactionId?: string): ITransaction {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     return this._stompHandler.begin(transactionId);
   }
 
@@ -750,6 +788,8 @@ export class Client {
    * ```
    */
   public commit(transactionId: string): void {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.commit(transactionId);
   }
 
@@ -765,6 +805,8 @@ export class Client {
    * ```
    */
   public abort(transactionId: string): void {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.abort(transactionId);
   }
 
@@ -786,6 +828,8 @@ export class Client {
     subscriptionId: string,
     headers: StompHeaders = {}
   ): void {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.ack(messageId, subscriptionId, headers);
   }
 
@@ -807,6 +851,8 @@ export class Client {
     subscriptionId: string,
     headers: StompHeaders = {}
   ): void {
+    this._checkConnection();
+    // @ts-ignore - we already checked that there is a _stompHandler, and it is connected
     this._stompHandler.nack(messageId, subscriptionId, headers);
   }
 }

package/src/compatibility/compat-client.ts

@@ -1,7 +1,7 @@
-import { Client } from '../client';
-import { StompHeaders } from '../stomp-headers';
-import { frameCallbackType, messageCallbackType } from '../types';
-import { HeartbeatInfo } from './heartbeat-info';
+import { Client } from '../client.js';
+import { StompHeaders } from '../stomp-headers.js';
+import { frameCallbackType, messageCallbackType } from '../types.js';
+import { HeartbeatInfo } from './heartbeat-info.js';
 
 /**
  * Available for backward compatibility, please shift to using {@link Client}.

package/src/compatibility/heartbeat-info.ts

@@ -1,4 +1,4 @@
-import { CompatClient } from './compat-client';
+import { CompatClient } from './compat-client.js';
 
 /**
  * Part of `@stomp/stompjs`.

package/src/compatibility/stomp.ts

@@ -1,6 +1,6 @@
-import { Versions } from '../versions';
-import { CompatClient } from './compat-client';
-import { IStompSocket } from '../types';
+import { Versions } from '../versions.js';
+import { CompatClient } from './compat-client.js';
+import { IStompSocket } from '../types.js';
 
 /**
  * @internal

package/src/frame-impl.ts

@@ -1,7 +1,7 @@
-import { BYTE } from './byte';
-import { IFrame } from './i-frame';
-import { StompHeaders } from './stomp-headers';
-import { IRawFrameType } from './types';
+import { BYTE } from './byte.js';
+import { IFrame } from './i-frame.js';
+import { StompHeaders } from './stomp-headers.js';
+import { IRawFrameType } from './types.js';
 
 /**
  * Frame class represents a STOMP frame.
@@ -31,9 +31,9 @@ export class FrameImpl implements IFrame {
     if (!this._body && this.isBinaryBody) {
       this._body = new TextDecoder().decode(this._binaryBody);
     }
-    return this._body;
+    return this._body || '';
   }
-  private _body: string;
+  private _body: string | undefined;
 
   /**
    * body as Uint8Array
@@ -42,9 +42,10 @@ export class FrameImpl implements IFrame {
     if (!this._binaryBody && !this.isBinaryBody) {
       this._binaryBody = new TextEncoder().encode(this._body);
     }
-    return this._binaryBody;
+    // At this stage it will definitely have a valid value
+    return this._binaryBody as Uint8Array;
   }
-  private _binaryBody: Uint8Array;
+  private _binaryBody: Uint8Array | undefined;
 
   private escapeHeaderValues: boolean;
   private skipContentLengthHeader: boolean;
@@ -115,7 +116,7 @@ export class FrameImpl implements IFrame {
     }
 
     return new FrameImpl({
-      command: rawFrame.command,
+      command: rawFrame.command as string,
       headers,
       binaryBody: rawFrame.binaryBody,
       escapeHeaderValues,
@@ -140,7 +141,10 @@ export class FrameImpl implements IFrame {
     const cmdAndHeaders = this.serializeCmdAndHeaders();
 
     if (this.isBinaryBody) {
-      return FrameImpl.toUnit8Array(cmdAndHeaders, this._binaryBody).buffer;
+      return FrameImpl.toUnit8Array(
+        cmdAndHeaders,
+        this._binaryBody as Uint8Array
+      ).buffer;
     } else {
       return cmdAndHeaders + this._body + BYTE.NULL;
     }

package/src/i-frame.ts

@@ -1,4 +1,4 @@
-import { StompHeaders } from './stomp-headers';
+import { StompHeaders } from './stomp-headers.js';
 
 /**
  * It represents a STOMP frame. Many of the callbacks pass an IFrame received from

package/src/i-message.ts

@@ -1,5 +1,5 @@
-import { IFrame } from './i-frame';
-import { StompHeaders } from './stomp-headers';
+import { IFrame } from './i-frame.js';
+import { StompHeaders } from './stomp-headers.js';
 
 /**
  * Instance of Message will be passed to [subscription callback]{@link Client#subscribe}

package/src/index.ts

@@ -1,15 +1,15 @@
-export * from './client';
-export * from './frame-impl';
-export * from './i-frame';
-export * from './i-message';
-export * from './parser';
-export * from './stomp-config';
-export * from './stomp-headers';
-export * from './stomp-subscription';
-export * from './i-transaction';
-export * from './types';
-export * from './versions';
+export * from './client.js';
+export * from './frame-impl.js';
+export * from './i-frame.js';
+export * from './i-message.js';
+export * from './parser.js';
+export * from './stomp-config.js';
+export * from './stomp-headers.js';
+export * from './stomp-subscription.js';
+export * from './i-transaction.js';
+export * from './types.js';
+export * from './versions.js';
 
 // Compatibility code
-export * from './compatibility/compat-client';
-export * from './compatibility/stomp';
+export * from './compatibility/compat-client.js';
+export * from './compatibility/stomp.js';