space-react-client 0.2.0 → 0.2.2

package/dist/index.d.ts

@@ -40,10 +40,11 @@ declare class SpaceClient$1 {
     readonly tokenService: TokenService$1;
     private userId;
     constructor(config: SpaceConfiguration);
+    disconnectWebSocket(): void;
     /**
      * Connects to the SPACE WebSocket and handles incoming events.
      */
-    private connectWebSocket;
+    connectWebSocket(): void;
     /**
      * Listen to SPACE and connection events.
      * @param event The event key to listen for.
@@ -58,6 +59,12 @@ declare class SpaceClient$1 {
      * @throws Will throw an error if the callback is not a function.
      */
     on(event: SpaceEvents, callback: (data: any) => void): void;
+    /**
+     * Removes event listeners.
+     * @param event (optional) The event to remove listeners for. If omitted, removes all listeners.
+     * @param callback (optional) The specific callback to remove.
+     */
+    off(event?: SpaceEvents, callback?: (data: any) => void): void;
     /**
      * Sets the user ID for the client and loads the pricing token for that user.
      * @param userId The user ID to set for the client.

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import React, { createContext, useMemo, useContext, useState, useEffect } from 'react';
+import React, { createContext, useMemo, useEffect, useContext, useState } from 'react';
 import { TinyEmitter } from 'tiny-emitter';
 import axios from 'axios';
 import { io } from 'socket.io-client';
@@ -105,6 +105,12 @@ class SpaceClient {
         });
         this.connectWebSocket();
     }
+    disconnectWebSocket() {
+        if (this.pricingSocketNamespace.connected) {
+            this.pricingSocketNamespace.disconnect();
+            this.emitter.off(); // Remove all listeners
+        }
+    }
     /**
      * Connects to the SPACE WebSocket and handles incoming events.
      */
@@ -113,11 +119,11 @@ class SpaceClient {
             console.log('Connected to SPACE');
             this.emitter.emit('synchronized', 'WebSocket connection established');
         });
-        this.pricingSocketNamespace.on('message', data => {
+        this.pricingSocketNamespace.on('message', (data) => {
             const event = data.code.toLowerCase();
             this.emitter.emit(event, data.details);
         });
-        this.pricingSocketNamespace.on('connect_error', error => {
+        this.pricingSocketNamespace.on('connect_error', (error) => {
             this.emitter.emit('error', error);
         });
     }
@@ -150,6 +156,22 @@ class SpaceClient {
         }
         this.emitter.on(event, callback);
     }
+    /**
+     * Removes event listeners.
+     * @param event (optional) The event to remove listeners for. If omitted, removes all listeners.
+     * @param callback (optional) The specific callback to remove.
+     */
+    off(event, callback) {
+        if (event && callback) {
+            this.emitter.off(event, callback);
+        }
+        else if (event) {
+            this.emitter.off(event);
+        }
+        else {
+            this.emitter.off();
+        }
+    }
     /**
      * Sets the user ID for the client and loads the pricing token for that user.
      * @param userId The user ID to set for the client.
@@ -198,7 +220,8 @@ const SpaceContext = createContext(undefined);
 const SpaceProvider = ({ config, children, }) => {
     // Memorize the client to avoid unnecessary re-instantiation
     const context = useMemo(() => {
-        const client = config.allowConnectionWithSpace ? new SpaceClient(config) : undefined;
+        const denyConnectionWithSpace = config.allowConnectionWithSpace === false;
+        const client = denyConnectionWithSpace ? undefined : new SpaceClient(config);
         let tokenService;
         if (!client) {
             tokenService = new TokenService();
@@ -211,6 +234,13 @@ const SpaceProvider = ({ config, children, }) => {
             tokenService: tokenService,
         };
     }, [config.url, config.apiKey]);
+    useEffect(() => {
+        return () => {
+            if (context.client && typeof context.client.disconnectWebSocket === 'function') {
+                context.client.disconnectWebSocket();
+            }
+        };
+    }, [context.client]);
     return jsx(SpaceContext.Provider, { value: context, children: children });
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "space-react-client",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",