@robotical/raftjs 1.3.3 → 1.4.0

package/examples/dashboard/src/SettingsScreen.tsx

@@ -0,0 +1,174 @@
+// src/SettingsScreen.tsx
+import React, { useState, useEffect } from 'react';
+import SettingsManager from './SettingsManager';
+import ConnManager from './ConnManager';
+
+const connManager = ConnManager.getInstance();
+
+const SettingsScreen = ({ onBack }: { onBack: () => void }) => {
+  const settingsManager = SettingsManager.getInstance();
+
+  const [latencyTest, setLatencyTest] = useState<boolean>(
+    settingsManager.getSetting('latencyTest')
+  );
+  const [showCharts, setShowCharts] = useState<boolean>(
+    settingsManager.getSetting('showCharts')
+  );
+  const [maxChartDataPoints, setMaxChartDataPoints] = useState<number>(
+    settingsManager.getSetting('maxChartDataPoints')
+  );
+  const [maxDatapointsToStore, setMaxDatapointsToStore] = useState<number>(
+    settingsManager.getSetting('maxDatapointsToStore')
+  );
+  const [latencyAttributeName, setLatencyAttributeName] = useState<string>(
+    settingsManager.getSetting('latencyAttributeName') || 'amb0'
+  );
+  const [latencyChangeThreshold, setLatencyChangeThreshold] = useState<number>(
+    settingsManager.getSetting('latencyChangeThreshold') || 100
+  );
+
+  const handleSaveAndReturn = () => {
+    // Save settings to SettingsManager
+    settingsManager.setSetting('latencyTest', latencyTest);
+    settingsManager.setSetting('showCharts', showCharts);
+    settingsManager.setSetting('maxChartDataPoints', maxChartDataPoints);
+    settingsManager.setSetting('maxDatapointsToStore', maxDatapointsToStore);
+
+    // Log and update maxDatapointsToStore in DeviceManager
+    console.log(
+      `Set maxDatapointsToStore to ${maxDatapointsToStore} ` +
+      `${connManager.getConnector().getSystemType()} ` +
+      `${connManager.getConnector().getSystemType()?.deviceMgrIF}` +
+      `${connManager.getConnector().getSystemType()?.deviceMgrIF?.setMaxDataPointsToStore}`
+    );
+
+    connManager.getConnector().getSystemType()?.deviceMgrIF?.setMaxDataPointsToStore(maxDatapointsToStore);
+    
+    
+    if (latencyTest) {
+      settingsManager.setSetting('latencyAttributeName', latencyAttributeName);
+      settingsManager.setSetting('latencyChangeThreshold', latencyChangeThreshold);
+    }
+
+    onBack();
+  };
+
+  return (
+    <div className="content-outer">
+      <div className="header">
+        <h1>RaftJS Dashboard Settings</h1>
+      </div>
+      <div className="content-body">
+        <div className="info-boxes">
+          <div className="info-box">
+
+            <div className="settings-item">
+              <label>
+                <input
+                  type="checkbox"
+                  checked={showCharts}
+                  onChange={(e) => setShowCharts(e.target.checked)}
+                />
+                Show Charts
+              </label>
+            </div>
+
+            <div className="settings-item">
+              <label>
+                Max Chart Points
+                <input
+                  type="number"
+                  min="1"
+                  max="500"
+                  value={maxChartDataPoints}
+                  onChange={(e) =>
+                    setMaxChartDataPoints(
+                      Math.min(parseInt(e.target.value, 10) || 1, 500)
+                    )
+                  }
+                  style={{ width: '50px', marginLeft: '10px' }}
+                />
+              </label>
+            </div>
+
+            <div className="settings-item">
+              <label>
+                Max Stored Points
+                <input
+                  type="number"
+                  min="1"
+                  max="100000"
+                  value={maxDatapointsToStore}
+                  onChange={(e) =>
+                    setMaxDatapointsToStore(
+                      Math.min(parseInt(e.target.value, 10) || 1, 100000)
+                    )
+                  }
+                  style={{ width: '50px', marginLeft: '10px' }}
+                />
+              </label>
+            </div>
+
+            <div className="settings-item">
+              <label>
+                <input
+                  type="checkbox"
+                  checked={latencyTest}
+                  onChange={(e) => setLatencyTest(e.target.checked)}
+                />
+                Latency Test
+              </label>
+            </div>
+
+            {latencyTest && (
+              <>
+                <div className="settings-item">
+                  <label>
+                    Attribute Name
+                    <input
+                      type="text"
+                      value={latencyAttributeName}
+                      onChange={(e) => setLatencyAttributeName(e.target.value)}
+                      style={{ marginLeft: '10px' }}
+                    />
+                  </label>
+                </div>
+                <div className="settings-item">
+                  <label>
+                    Change Threshold
+                    <input
+                      type="number"
+                      min="1"
+                      value={latencyChangeThreshold}
+                      onChange={(e) =>
+                        setLatencyChangeThreshold(parseInt(e.target.value, 10) || 1)
+                      }
+                      style={{ width: '60px', marginLeft: '10px' }}
+                    />
+                  </label>
+                </div>
+              </>
+            )}
+            
+            <button className="action-button" onClick={handleSaveAndReturn}>
+              Save and Return
+            </button>
+
+            <button
+              className="action-button"
+              style={{ marginTop: '10px' }}
+              onClick={() => {
+                settingsManager.resetSettings();
+                window.location.reload();
+              }}
+            >
+              Reset to Defaults
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SettingsScreen;

package/examples/dashboard/src/SystemTypeCog/CogStateInfo.ts

@@ -1,6 +1,8 @@
 import { time } from "console";
 import RaftLog from "../../../../src/RaftLog";
 import { DeviceManager } from "../../../../src/RaftDeviceManager";
+import RaftUtils from "../../../../src/RaftUtils";
+import { TextDecoder } from 'text-encoding';
 
 // export interface IMUStateInfo {
 //     gx: number;
@@ -45,18 +47,22 @@ export class CogStateInfo {
         return this._deviceManager; 
     }
 
-    updateFromMsg(rxMsg: Uint8Array, frameTimeMs: number): Array<string> {
+    updateFromMsg(rxMsg: Uint8Array, frameTimeMs: number, isBinary: boolean): Array<string> {
 
         // Debug 
         // RaftLog.info(`CogStateInfo: updateFromMsg: rxMsg: ${rxMsg} frameTimeMs: ${frameTimeMs}`);
 
-        // Convert Uint8Array to string
-        const decoder = new TextDecoder('utf-8');
-        const jsonString = decoder.decode(rxMsg.slice(2));
-
-        // Handle using device manager
-        this._deviceManager.handleClientMsgJson(jsonString);
-
+        if (isBinary) {
+            // console.log(`CogStateInfo: updateFromMsg: ${RaftUtils.bufferToHex(rxMsg)}`);
+            this._deviceManager.handleClientMsgBinary(rxMsg);
+        } else {
+            // Convert Uint8Array to string
+            const decoder = new TextDecoder('utf-8');
+            const jsonString = decoder.decode(rxMsg.slice(2));
+
+            // Handle using device manager
+            this._deviceManager.handleClientMsgJson(jsonString);
+        }
 
     //     // Debug
     //     // RaftLog.info(`CogStateInfo: updateFromMsg: jsonString: ${jsonString}`);

package/examples/dashboard/src/SystemTypeCog/SystemTypeCog.ts

@@ -3,12 +3,17 @@ import { RaftEventFn, RaftLog, RaftOKFail, RaftPublishEvent, RaftPublishEventNam
 import { CogStateInfo } from "./CogStateInfo";
 import { DeviceManager } from "../../../../src/RaftDeviceManager";
 
+const SUBSCRIBE_BINARY_MSGS = true;
+
 export default class SystemTypeCog implements RaftSystemType {
     nameForDialogs = "Robotical Cog";
     defaultWiFiHostname = "Cog";
     firmwareDestName = "ricfw";
     normalFileDestName = "fs";
     connectorOptions = {wsSuffix: "wsjson", bleConnItvlMs: 50};
+    BLEServiceUUIDs = ["da903f65-d5c2-4f4d-a065-d1aade7af874"];
+    BLECmdUUID = "aa76677e-9cfd-4626-a510-0d305be57c8e";
+    BLERespUUID = "aa76677e-9cfd-4626-a510-0d305be57c8f";
 
     // Event handler
     private _onEvent: RaftEventFn | null = null;
@@ -35,15 +40,16 @@ export default class SystemTypeCog implements RaftSystemType {
     // Subscribe for updates
     subscribeForUpdates: RaftSubscribeForUpdatesCBType | null = async (systemUtils: RaftSystemUtils, enable: boolean) => {
       // Subscription rate
+      const topic = SUBSCRIBE_BINARY_MSGS ? "devbin" : "devjson";
       const subscribeRateHz = 0.1;
       try {
         const subscribeDisable = '{"cmdName":"subscription","action":"update",' +
           '"pubRecs":[' +
-          `{"name":"devjson","rateHz":0,}` +
+          `{"name":"${topic}","rateHz":0,}` +
           ']}';
         const subscribeEnable = '{"cmdName":"subscription","action":"update",' +
           '"pubRecs":[' +
-          `{"name":"devjson","trigger":"timeorchange","rateHz":${subscribeRateHz.toString()}}` +
+          `{"name":"${topic}","trigger":"timeorchange","rateHz":${subscribeRateHz.toString()}}` +
           ']}';
 
         const msgHandler = systemUtils.getMsgHandler();
@@ -64,9 +70,9 @@ export default class SystemTypeCog implements RaftSystemType {
     // Other message type
     rxOtherMsgType(payload: Uint8Array, frameTimeMs: number) {
 
-      // RICLog.debug(`rxOtherMsgType payload ${RICUtils.bufferToHex(payload)}`);
+      // RICLog.debug(`rxOtherMsgType payload ${RaftUtils.bufferToHex(payload)}`);
       RaftLog.verbose(`rxOtherMsgType payloadLen ${payload.length}`);
-      const topicIDs = this._stateInfo.updateFromMsg(payload, frameTimeMs);
+      const topicIDs = this._stateInfo.updateFromMsg(payload, frameTimeMs, SUBSCRIBE_BINARY_MSGS);
 
       // Call event handler if registered
       if (this._onEvent) {
@@ -74,7 +80,8 @@ export default class SystemTypeCog implements RaftSystemType {
           {
             topicIDs: topicIDs,
             payload: payload,
-            frameTimeMs: frameTimeMs
+            frameTimeMs: frameTimeMs,
+            isBinary: SUBSCRIBE_BINARY_MSGS
           });
       }
     };

package/examples/dashboard/src/SystemTypeGeneric/StateInfoGeneric.ts

@@ -0,0 +1,30 @@
+import { time } from "console";
+import RaftLog from "../../../../src/RaftLog";
+import { DeviceManager } from "../../../../src/RaftDeviceManager";
+
+export class StateInfoGeneric {
+
+    public constructor(private _deviceManager: DeviceManager) {
+    }
+
+    updateFromMsg(rxMsg: Uint8Array, frameTimeMs: number, isBinary: boolean): Array<string> {
+
+        // Debug 
+        // RaftLog.info(`StateInfoGeneric: updateFromMsg: rxMsg: ${rxMsg} frameTimeMs: ${frameTimeMs}`);
+
+        // Handle binary or JSON
+        if (isBinary) {
+            // Handle using device manager
+            this._deviceManager.handleClientMsgBinary(rxMsg);            
+        } else {
+            // Convert Uint8Array to string
+            const decoder = new TextDecoder('utf-8');
+            const jsonString = decoder.decode(rxMsg.slice(2));
+
+            // Handle using device manager
+            this._deviceManager.handleClientMsgJson(jsonString);
+        }
+        return [];
+
+    }
+}

package/examples/dashboard/src/SystemTypeGeneric/SystemTypeGeneric.ts

@@ -0,0 +1,91 @@
+import { RaftSubscribeForUpdatesCBType, RaftSystemType } from "../../../../src/RaftSystemType";
+import { RaftEventFn, RaftLog, RaftOKFail, RaftPublishEvent, RaftPublishEventNames, RaftSystemUtils } from "../../../../src/main";
+import { StateInfoGeneric } from "./StateInfoGeneric";
+import { DeviceManager } from "../../../../src/RaftDeviceManager";
+
+const SUBSCRIBE_BINARY_MSGS = false;
+
+export default class SystemTypeGeneric implements RaftSystemType {
+    nameForDialogs = "Generic System";
+    defaultWiFiHostname = "Generic";
+    firmwareDestName = "ricfw";
+    normalFileDestName = "fs";
+    connectorOptions = {wsSuffix: "wsjson", bleConnItvlMs: 50};
+    BLEServiceUUIDs = ["aa76677e-9cfd-4626-a510-0d305be57c8d", "da903f65-d5c2-4f4d-a065-d1aade7af874"];
+    BLECmdUUID = "aa76677e-9cfd-4626-a510-0d305be57c8e";
+    BLERespUUID = "aa76677e-9cfd-4626-a510-0d305be57c8f";
+
+    // Event handler
+    private _onEvent: RaftEventFn | null = null;
+
+    // Raft system utils
+    private _systemUtils: RaftSystemUtils | null = null;
+
+    // Device manager
+    private _deviceManager: DeviceManager = new DeviceManager();
+    
+    // Setup
+    setup(systemUtils: RaftSystemUtils, onEvent: RaftEventFn | null): void {
+      this._systemUtils = systemUtils;
+      this._onEvent = onEvent;
+      this._deviceManager.setup(systemUtils);
+    }
+
+    // Latest data from servos, IMU, etc
+    private _stateInfo: StateInfoGeneric = new StateInfoGeneric(this._deviceManager);
+    getStateInfo(): StateInfoGeneric {
+      return this._stateInfo;
+    }
+
+    // Subscribe for updates
+    subscribeForUpdates: RaftSubscribeForUpdatesCBType | null = async (systemUtils: RaftSystemUtils, enable: boolean) => {
+      // Subscription rate
+      const subscribeRateHz = 0.1;
+      try {
+        const topic = SUBSCRIBE_BINARY_MSGS ? "devbin" : "devjson";
+        const subscribeDisable = '{"cmdName":"subscription","action":"update",' +
+          '"pubRecs":[' +
+          `{"name":"${topic}","rateHz":0,}` +
+          ']}';
+        const subscribeEnable = '{"cmdName":"subscription","action":"update",' +
+          '"pubRecs":[' +
+          `{"name":"${topic}","trigger":"timeorchange","rateHz":${subscribeRateHz.toString()}}` +
+          ']}';
+
+        const msgHandler = systemUtils.getMsgHandler();
+        const ricResp = await msgHandler.sendRICRESTCmdFrame<RaftOKFail>(
+          enable ? subscribeEnable : subscribeDisable
+        );
+
+        // Debug
+        RaftLog.debug(`subscribe enable/disable returned ${JSON.stringify(ricResp)}`);
+      } catch (error: unknown) {
+        RaftLog.warn(`getRICCalibInfo Failed subscribe for updates ${error}`);
+      }
+    };
+
+    // Invalidate state
+    stateIsInvalid(): void {};
+
+    // Other message type
+    rxOtherMsgType(payload: Uint8Array, frameTimeMs: number) {
+
+      // RICLog.debug(`rxOtherMsgType payload ${RaftUtils.bufferToHex(payload)}`);
+      RaftLog.verbose(`rxOtherMsgType payloadLen ${payload.length}`);
+      const topicIDs = this._stateInfo.updateFromMsg(payload, frameTimeMs, SUBSCRIBE_BINARY_MSGS);
+
+      // Call event handler if registered
+      if (this._onEvent) {
+        this._onEvent("pub", RaftPublishEvent.PUBLISH_EVENT_DATA, RaftPublishEventNames[RaftPublishEvent.PUBLISH_EVENT_DATA],
+          {
+            topicIDs: topicIDs,
+            payload: payload,
+            frameTimeMs: frameTimeMs,
+            isBinary: SUBSCRIBE_BINARY_MSGS
+          });
+      }
+    };
+
+    // Get device manager
+    deviceMgrIF = this._deviceManager;
+  }

package/examples/dashboard/src/SystemTypeMarty/RICStateInfo.ts

@@ -50,19 +50,38 @@ export class RICStateInfo implements RaftDeviceMgrIF {
             deviceAttributes: {},
             deviceIsNew: false,
             stateChanged: false,
-            isOnline: false
+            isOnline: false,
+            deviceAddress: "",
+            deviceType: "",
+            busName: ""
         };
     }
 
-    onNewDevice(callback: (deviceKey: string, state: DeviceState) => void): void {
+    setMaxDataPointsToStore(maxDataPointsToStore: number): void {
         // TODO - implement if RICStateInfo is to be used as a DeviceMgr
     }
 
-    onNewDeviceAttribute(callback: (deviceKey: string, attrState: DeviceAttributeState) => void): void {
+    addNewDeviceCallback(callback: (deviceKey: string, state: DeviceState) => void): void {
         // TODO - implement if RICStateInfo is to be used as a DeviceMgr
     }
 
-    onNewAttributeData(callback: (deviceKey: string, attrState: DeviceAttributeState) => void): void {
+    removeNewDeviceCallback(callback: (deviceKey: string, state: DeviceState) => void): void {
+        // TODO - implement if RICStateInfo is to be used as a DeviceMgr
+    }
+
+    addNewAttributeCallback(callback: (deviceKey: string, attrState: DeviceAttributeState) => void): void {
+        // TODO - implement if RICStateInfo is to be used as a DeviceMgr
+    }
+
+    removeNewAttributeCallback(callback: (deviceKey: string, attrState: DeviceAttributeState) => void): void {
+        // TODO - implement if RICStateInfo is to be used as a DeviceMgr
+    }
+
+    addAttributeDataCallback(callback: (deviceKey: string, attrState: DeviceAttributeState) => void): void {
+        // TODO - implement if RICStateInfo is to be used as a DeviceMgr
+    }
+
+    removeAttributeDataCallback(callback: (deviceKey: string, attrState: DeviceAttributeState) => void): void {
         // TODO - implement if RICStateInfo is to be used as a DeviceMgr
     }
 

package/examples/dashboard/src/SystemTypeMarty/RICSystemUtils.ts

@@ -152,7 +152,7 @@ export default class RICSystemUtils {
       // Result
       console.log("Set calibration flag to true");
       const rslt = new RaftOKFail();
-      rslt.set(overallResult);
+      rslt.rslt = overallResult ? "ok" : "fail";
       return rslt;
     }
     return false;

package/examples/dashboard/src/SystemTypeMarty/SystemTypeMarty.ts

@@ -12,6 +12,9 @@ export default class SystemTypeMarty implements RaftSystemType {
   firmwareDestName = "ricfw";
   normalFileDestName = "fs";
   connectorOptions = {wsSuffix: "ws", bleConnItvlMs: 7.5};
+  BLEServiceUUIDs = ["aa76677e-9cfd-4626-a510-0d305be57c8d"];
+  BLECmdUUID = "aa76677e-9cfd-4626-a510-0d305be57c8e";
+  BLERespUUID = "aa76677e-9cfd-4626-a510-0d305be57c8f";
 
   // LED Pattern checker
   private _ledPatternChecker: RICLEDPatternChecker = new RICLEDPatternChecker();
@@ -21,7 +24,7 @@ export default class SystemTypeMarty implements RaftSystemType {
 
   // Latest data from servos, IMU, etc
   private _ricStateInfo: RICStateInfo = new RICStateInfo();
-  getRICStateInfo(): RICStateInfo {
+  getStateInfo(): RICStateInfo {
     return this._ricStateInfo;
   }
 
@@ -95,7 +98,7 @@ export default class SystemTypeMarty implements RaftSystemType {
 
   // Other message type
   rxOtherMsgType(payload: Uint8Array, frameTimeMs: number) {
-    // RICLog.debug(`onRxROSSerialMsg payload ${RICUtils.bufferToHex(payload)}`);
+    // RICLog.debug(`onRxROSSerialMsg payload ${RaftUtils.bufferToHex(payload)}`);
     RaftLog.verbose(`onRxROSSerialMsg payloadLen ${payload.length}`);
     const topicIDs = this._ricStateInfo.updateFromROSSerialMsg(payload, this._commsStats, this._addOnManager, frameTimeMs);
 

package/examples/dashboard/src/index.html

@@ -4,8 +4,8 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="description" content="BusI2CWebTest">
-  <title>BusI2CWebTest</title>
+  <meta name="description" content="RaftJS Dashboard">
+  <title>RaftJS Dashboard</title>
   <link rel="icon" href="data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNTExIgogICBoZWlnaHQ9IjUxMSIKICAgdmlld0JveD0iMCAwIDEzNS4yMDIwOSAxMzUuMjAyMDkiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzE3OCIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zLjIgKDA5MWUyMGUsIDIwMjMtMTEtMjUsIGN1c3RvbSkiCiAgIHNvZGlwb2RpOmRvY25hbWU9IlNjYWRlclVpTG9nby5zdmciCiAgIGlua3NjYXBlOmV4cG9ydC1maWxlbmFtZT0ibG9nbzUxMi5wbmciCiAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSI5Ni4xODc4NjYiCiAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSI5Ni4xODc4NjYiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MTgwIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBzaG93Z3VpZGVzPSJ0cnVlIgogICAgIGlua3NjYXBlOnpvb209IjEiCiAgICAgaW5rc2NhcGU6Y3g9IjU3OCIKICAgICBpbmtzY2FwZTpjeT0iNTM2LjUiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIzODQwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjE1MjkiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjI1NTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIj4KICAgIDxzb2RpcG9kaTpndWlkZQogICAgICAgcG9zaXRpb249IjM4Ljc1MTcwNSw1NS4yMDIwODIiCiAgICAgICBvcmllbnRhdGlvbj0iMCwxIgogICAgICAgaWQ9Imd1aWRlMzg4IgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMTM0LDIyOSkiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSI2Ny43NTAwMDMsMTQzLjQwNDE3IgogICAgICAgb3JpZW50YXRpb249Ii0xLDAiCiAgICAgICBpZD0iZ3VpZGUzOTAiCiAgICAgICBpbmtzY2FwZTpsb2NrZWQ9ImZhbHNlIgogICAgICAgaW5rc2NhcGU6bGFiZWw9IiIKICAgICAgIGlua3NjYXBlOmNvbG9yPSJyZ2IoMCwxMzQsMjI5KSIgLz4KICAgIDxzb2RpcG9kaTpndWlkZQogICAgICAgcG9zaXRpb249IjEzNSw2Ni4wODUyNDUiCiAgICAgICBvcmllbnRhdGlvbj0iLTEsMCIKICAgICAgIGlkPSJndWlkZTM5MiIKICAgICAgIGlua3NjYXBlOmxvY2tlZD0iZmFsc2UiCiAgICAgICBpbmtzY2FwZTpsYWJlbD0iIgogICAgICAgaW5rc2NhcGU6Y29sb3I9InJnYigwLDEzNCwyMjkpIiAvPgogICAgPHNvZGlwb2RpOmd1aWRlCiAgICAgICBwb3NpdGlvbj0iMzUuMDAwMDAyLDkyLjY5MDg5MyIKICAgICAgIG9yaWVudGF0aW9uPSItMSwwIgogICAgICAgaWQ9Imd1aWRlMzk0IgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMTM0LDIyOSkiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSIxNDkuMjc3MzQsLTE0Ljc5NzkyIgogICAgICAgb3JpZW50YXRpb249IjAsMSIKICAgICAgIGlkPSJndWlkZTM5NiIKICAgICAgIGlua3NjYXBlOmxvY2tlZD0iZmFsc2UiCiAgICAgICBpbmtzY2FwZTpsYWJlbD0iIgogICAgICAgaW5rc2NhcGU6Y29sb3I9InJnYigwLDEzNCwyMjkpIiAvPgogICAgPHNvZGlwb2RpOmd1aWRlCiAgICAgICBwb3NpdGlvbj0iNDUuMDAwMDAzLDk4LjQxMzY5MyIKICAgICAgIG9yaWVudGF0aW9uPSItMSwwIgogICAgICAgaWQ9Imd1aWRlNDMxIgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMTM0LDIyOSkiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSItNDEuMTAyMzkyLC00Ljc5NzkyMTEiCiAgICAgICBvcmllbnRhdGlvbj0iMCwxIgogICAgICAgaWQ9Imd1aWRlNDMzIgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMTM0LDIyOSkiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSIxMjUsODQuMDc5NzE3IgogICAgICAgb3JpZW50YXRpb249Ii0xLDAiCiAgICAgICBpZD0iZ3VpZGU0MzUiCiAgICAgICBpbmtzY2FwZTpsb2NrZWQ9ImZhbHNlIgogICAgICAgaW5rc2NhcGU6bGFiZWw9IiIKICAgICAgIGlua3NjYXBlOmNvbG9yPSJyZ2IoMCwxMzQsMjI5KSIgLz4KICAgIDxzb2RpcG9kaTpndWlkZQogICAgICAgcG9zaXRpb249IjE0LjMxNDI2Niw1MS4yMDIwODUiCiAgICAgICBvcmllbnRhdGlvbj0iMCwxIgogICAgICAgaWQ9Imd1aWRlNDM3IgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMTM0LDIyOSkiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSI1NS4wMDAwMDMsNzMuODg3ODUzIgogICAgICAgb3JpZW50YXRpb249Ii0xLDAiCiAgICAgICBpZD0iZ3VpZGU0MzkiCiAgICAgICBpbmtzY2FwZTpsb2NrZWQ9ImZhbHNlIgogICAgICAgaW5rc2NhcGU6bGFiZWw9IiIKICAgICAgIGlua3NjYXBlOmNvbG9yPSJyZ2IoMCwxMzQsMjI5KSIgLz4KICAgIDxzb2RpcG9kaTpndWlkZQogICAgICAgcG9zaXRpb249Ijk3Ljc1MDAwNSwxNTUuODM5NTkiCiAgICAgICBvcmllbnRhdGlvbj0iLTEsMCIKICAgICAgIGlkPSJndWlkZTQ0MSIKICAgICAgIGlua3NjYXBlOmxvY2tlZD0iZmFsc2UiCiAgICAgICBpbmtzY2FwZTpsYWJlbD0iIgogICAgICAgaW5rc2NhcGU6Y29sb3I9InJnYigwLDEzNCwyMjkpIiAvPgogICAgPHNvZGlwb2RpOmd1aWRlCiAgICAgICBwb3NpdGlvbj0iLTM2LjYwMzYyMSw1LjIwMjA3OTQiCiAgICAgICBvcmllbnRhdGlvbj0iMCwxIgogICAgICAgaWQ9Imd1aWRlNDQzIgogICAgICAgaW5rc2NhcGU6bG9ja2VkPSJmYWxzZSIKICAgICAgIGlua3NjYXBlOmxhYmVsPSIiCiAgICAgICBpbmtzY2FwZTpjb2xvcj0icmdiKDAsMTM0LDIyOSkiIC8+CiAgICA8c29kaXBvZGk6Z3VpZGUKICAgICAgIHBvc2l0aW9uPSItMjAuNjUzNDQsNDcuMjAyMDg1IgogICAgICAgb3JpZW50YXRpb249IjAsMSIKICAgICAgIGlkPSJndWlkZTQ0NSIKICAgICAgIGlua3NjYXBlOmxvY2tlZD0iZmFsc2UiCiAgICAgICBpbmtzY2FwZTpsYWJlbD0iIgogICAgICAgaW5rc2NhcGU6Y29sb3I9InJnYigwLDEzNCwyMjkpIiAvPgogIDwvc29kaXBvZGk6bmFtZWR2aWV3PgogIDxkZWZzCiAgICAgaWQ9ImRlZnMxNzUiPgogICAgPGxpbmVhckdyYWRpZW50CiAgICAgICBpZD0ibGluZWFyR3JhZGllbnQ0ODEzIgogICAgICAgaW5rc2NhcGU6c3dhdGNoPSJzb2xpZCI+CiAgICAgIDxzdG9wCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDA7c3RvcC1vcGFjaXR5OjE7IgogICAgICAgICBvZmZzZXQ9IjAiCiAgICAgICAgIGlkPSJzdG9wNDgxMSIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQKICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgIHhsaW5rOmhyZWY9IiNsaW5lYXJHcmFkaWVudDQ4MTMiCiAgICAgICBpZD0ibGluZWFyR3JhZGllbnQ0ODE1IgogICAgICAgeDE9IjY0LjY0NDQzNyIKICAgICAgIHkxPSI2NS44Njc1ODUiCiAgICAgICB4Mj0iOTcuNDU5NTYxIgogICAgICAgeTI9IjY1Ljg2NzU4NSIKICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAvPgogICAgPGZpbHRlcgogICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgc3R5bGU9ImNvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpzUkdCIgogICAgICAgaWQ9ImZpbHRlcjEwIgogICAgICAgeD0iLTAuMDMyNzgxOTciCiAgICAgICB5PSItMC4wMjQ3MTkxNSIKICAgICAgIHdpZHRoPSIxLjA2NTU2MzkiCiAgICAgICBoZWlnaHQ9IjEuMDUzNzIxMyI+CiAgICAgIDxmZUdhdXNzaWFuQmx1cgogICAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICAgIHN0ZERldmlhdGlvbj0iMC41MzI1ODIwNCIKICAgICAgICAgaWQ9ImZlR2F1c3NpYW5CbHVyMTAiIC8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIKICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgIHN0eWxlPSJjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6c1JHQiIKICAgICAgIGlkPSJmaWx0ZXIxMSIKICAgICAgIHg9Ii0wLjAzNzc2MjYyMiIKICAgICAgIHk9Ii0wLjAyODE4ODY5OCIKICAgICAgIHdpZHRoPSIxLjA3NTUyNTIiCiAgICAgICBoZWlnaHQ9IjEuMDYxNjkyOCI+CiAgICAgIDxmZUdhdXNzaWFuQmx1cgogICAgICAgICBpbmtzY2FwZTpjb2xsZWN0PSJhbHdheXMiCiAgICAgICAgIHN0ZERldmlhdGlvbj0iMC40MjU0MjA3MSIKICAgICAgICAgaWQ9ImZlR2F1c3NpYW5CbHVyMTEiIC8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIKICAgICAgIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIKICAgICAgIHN0eWxlPSJjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6c1JHQiIKICAgICAgIGlkPSJmaWx0ZXIxMiIKICAgICAgIHg9Ii0wLjAyOTI5NjUwOSIKICAgICAgIHk9Ii0wLjAxNzUwNzUyNCIKICAgICAgIHdpZHRoPSIxLjA1ODU5MyIKICAgICAgIGhlaWdodD0iMS4wMzUwMTUiPgogICAgICA8ZmVHYXVzc2lhbkJsdXIKICAgICAgICAgaW5rc2NhcGU6Y29sbGVjdD0iYWx3YXlzIgogICAgICAgICBzdGREZXZpYXRpb249IjAuMzU1NDU5NiIKICAgICAgICAgaWQ9ImZlR2F1c3NpYW5CbHVyMTIiIC8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTpub3JtYWw7ZmlsbDojZTY3MTFlO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDo0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO2ZpbHRlcjp1cmwoI2ZpbHRlcjEwKSIKICAgICAgIGQ9Ik0gMTcuODAyMDgzLDEyMy4wMTI1IFYgNTMuMDEyNTAxIGwgNTAsLTQzLjAzMjgyMSA0OS45OTk5OTcsNDMuMDMyODIxIFYgMTIzLjAxMjUgWiIKICAgICAgIGlkPSJwYXRoNDA3IgogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJjY2NjY2MiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjE2NzE5ODQsMCwwLDEuMTE0OTM2MiwtMTAuOTM5NTI4LC04LjE5OTc5MjkpIiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiNlNjcxMWU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46YmV2ZWw7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjE7ZmlsdGVyOnVybCgjZmlsdGVyMTEpIgogICAgICAgZD0iTSAyNy44MDIwODMsMTEzLjAxMjUgViA1Ny4wMTI1MDEgbCA0MCwtMzQuMTY4Mjg3IDM5Ljk5OTk5NywzNC4xNjgyODcgViAxMTMuMDEyNSBaIgogICAgICAgaWQ9InBhdGg0MDctOSIKICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2NjIgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4xMDQ3NjAzLDAsMCwxLjA5MzkzODYsLTUuNTE1NDYxNywtNS44NzQ0NDU0KSIgLz4KICAgIDxyZWN0CiAgICAgICBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDowLjI2NDU4MztzdHJva2UtbGluZWpvaW46YmV2ZWw7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgICBpZD0icmVjdDI3NzciCiAgICAgICB3aWR0aD0iMTM1LjIwMjA5IgogICAgICAgaGVpZ2h0PSIxMzUuMjAyMDkiCiAgICAgICB4PSIwIgogICAgICAgeT0iMCIgLz4KICAgIDx0ZXh0CiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIgogICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOjk3LjEwNDhweDtsaW5lLWhlaWdodDoxLjI1O2ZvbnQtZmFtaWx5OkNhbGlicmk7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonQ2FsaWJyaSwgTm9ybWFsJztmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1lYXN0LWFzaWFuOm5vcm1hbDttaXgtYmxlbmQtbW9kZTpub3JtYWw7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDowLjUwNTIwNjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTtmaWx0ZXI6dXJsKCNmaWx0ZXIxMikiCiAgICAgICB4PSIzOS4zOTM2NjEiCiAgICAgICB5PSIxMTYuMTE2OCIKICAgICAgIGlkPSJ0ZXh0Mjg1NCIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMjIwMTU3OCwwLDAsMC45NDYxNTE3NSwtNS43NTQ3Mzk5LC0yLjU0ODUyODQpIj48dHNwYW4KICAgICAgICAgc29kaXBvZGk6cm9sZT0ibGluZSIKICAgICAgICAgaWQ9InRzcGFuMjg1MiIKICAgICAgICAgeD0iMzkuMzkzNjYxIgogICAgICAgICB5PSIxMTYuMTE2OCIKICAgICAgICAgc3R5bGU9ImZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOjk3LjEwNDhweDtmb250LWZhbWlseTpDYWxpYnJpOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246J0NhbGlicmksIE5vcm1hbCc7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtZWFzdC1hc2lhbjpub3JtYWw7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDowLjUwNTIwNjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSI+UzwvdHNwYW4+PC90ZXh0PgogIDwvZz4KPC9zdmc+Cg==" type="image/svg+xml" />
 </head>
 <body>

package/examples/dashboard/src/index.tsx

@@ -2,8 +2,6 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import Main from './Main';
 import './styles.css';
-import 'process';
-import 'buffer';
 
 // Find the root element
 const rootElement = document.getElementById('root');

package/examples/dashboard/src/styles.css

@@ -77,6 +77,16 @@ h1 {
     font-size: 1rem;
 }
 
+.settings-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px;
+    border: 1px solid #666;
+    border-radius: 4px;
+    margin-bottom: 10px;
+}
+
 .info-boxes {
     display: flex;
     justify-content: flex-start;
@@ -349,6 +359,10 @@ h1 {
     z-index: 10;
 }
 
+.header .dropdown-menu {
+    margin-top: 30px;
+}
+
 .menu-item {
     padding: 10px;
     cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robotical/raftjs",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "description": "Javascript/TS library for Raft library",
   "main": "dist/web/main.js",
   "types": "dist/web/main.d.ts",
@@ -25,32 +25,24 @@
     "build": "tsc -p tsconfig.json",
     "build:phone": "tsc -p tsconfig.react-native.json",
     "build-all": "npm run clean && npm run build && npm run build:phone",
-    "test": "jest",
     "lint": "eslint ./src",
-    "clean": "rm -rf dist build package",
+    "clean": "rimraf dist build package",
     "docs": "typedoc --entryPoints src/main.ts",
     "watch-all": "tsc -p tsconfig.json --watch & tsc -p tsconfig.react-native.json --watch"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.12",
     "@types/node": "^20.14.0",
-    "@types/python-struct": "^1.0.4",
-    "@types/semver": "^7.5.8",
     "@types/web-bluetooth": "^0.0.20",
     "@typescript-eslint/eslint-plugin": "^8.6.0",
     "eslint": "^9.4.0",
-    "jest": "^29.7.0",
-    "react-native-ble-plx": "^3.2.1",
-    "ts-jest": "^29.1.4",
-    "typescript": "^5.4.5"
+    "react-native-ble-plx": "^3.2.0",
+    "typescript": "^5.4.5",
+    "text-encoding": "^0.7.0",
+    "rimraf": "^6.0.1"
   },
   "dependencies": {
     "@types/text-encoding": "^0.0.39",
-    "axios": "^1.7.2",
     "isomorphic-ws": "^5.0.0",
-    "python-struct": "^1.1.3",
-    "semver": "^7.6.2",
-    "text-encoding": "^0.7.0",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {