@robdobsn/raftjs 1.7.1 → 1.7.3

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

@@ -1,119 +0,0 @@
-import { RaftSystemType } from "../../../../src/RaftSystemType";
-import { RaftLog, RaftSystemUtils, RaftOKFail, RaftConnEventFn, RaftEventFn, RaftPublishEvent, RaftPublishEventNames } from "../../../../src/main";
-import RICAddOnManager from "./RICAddOnManager";
-import RICCommsStats from "./RICCommsStats";
-import RICLEDPatternChecker from "./RICLEDPatternChecker";
-import RICServoFaultDetector from "./RICServoFaultDetector";
-import { RICStateInfo } from "./RICStateInfo";
-
-export default class SystemTypeMarty implements RaftSystemType {
-  nameForDialogs = "Robotical Marty";
-  defaultWiFiHostname = "Marty";
-  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();
-  getLEDPatternChecker(): RICLEDPatternChecker {
-    return this._ledPatternChecker;
-  }
-
-  // Latest data from servos, IMU, etc
-  private _ricStateInfo: RICStateInfo = new RICStateInfo();
-  getStateInfo(): RICStateInfo {
-    return this._ricStateInfo;
-  }
-
-  // Add-on Manager
-  private _addOnManager = new RICAddOnManager();
-  getAddOnManager(): RICAddOnManager {
-    return this._addOnManager;
-  }
-
-  // Properties for Marty
-  private _ricServoFaultDetector: RICServoFaultDetector | null = null;
-  getRICServoFaultDetector(): RICServoFaultDetector {
-    return this._ricServoFaultDetector!;
-  }
-
-  // RIC comms stats
-  private _commsStats = new RICCommsStats();
-  getCommsStats(): RICCommsStats {
-    return this._commsStats;
-  }
-
-  // Event handler
-  private _onEvent: RaftEventFn | null = null;
-
-  // Raft system utils
-  private _systemUtils: RaftSystemUtils | null = null;
-
-  // Setup
-  setup(systemUtils: RaftSystemUtils, onEvent: RaftEventFn | null): void {
-    this._systemUtils = systemUtils;
-    this._onEvent = onEvent;
-    this._ricServoFaultDetector = new RICServoFaultDetector(this._systemUtils!.getMsgHandler(), this._ricStateInfo);
-  }
-
-  // Subscribe for updates
-  async subscribeForUpdates(systemUtils: RaftSystemUtils, enable: boolean): Promise<void> {
-    // Subscription rate
-    const subscribeRateHz = 10;
-    try {
-      const subscribeDisable = '{"cmdName":"subscription","action":"update",' +
-        '"pubRecs":[' +
-        `{"name":"MultiStatus","rateHz":0,}` +
-        '{"name":"PowerStatus","rateHz":0},' +
-        `{"name":"AddOnStatus","rateHz":0}` +
-        ']}';
-      const subscribeEnable = '{"cmdName":"subscription","action":"update",' +
-        '"pubRecs":[' +
-        `{"name":"MultiStatus","rateHz":${subscribeRateHz.toString()}}` +
-        `{"name":"PowerStatus","rateHz":1.0},` +
-        `{"name":"AddOnStatus","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 {
-    if (this._systemUtils) {
-      this._systemUtils.invalidate();
-    }
-  }
-
-  // Other message type
-  rxOtherMsgType(payload: Uint8Array, frameTimeMs: number) {
-    // RICLog.debug(`onRxROSSerialMsg payload ${RaftUtils.bufferToHex(payload)}`);
-    RaftLog.verbose(`onRxROSSerialMsg payloadLen ${payload.length}`);
-    const topicIDs = this._ricStateInfo.updateFromROSSerialMsg(payload, this._commsStats, this._addOnManager, frameTimeMs);
-
-    // 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
-        });
-    }
-  }
-
-  // Device manager interface
-  deviceMgrIF = this._ricStateInfo;
-}
-

package/examples/dashboard/src/index.html

@@ -1,15 +0,0 @@
-<!-- index.html -->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <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>
-  <div id="root"></div>
-  <script type="module" src="./index.tsx"></script>
-</body>
-</html>

package/examples/dashboard/src/index.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import Main from './Main';
-import './styles.css';
-
-// Find the root element
-const rootElement = document.getElementById('root');
-
-// Create a root
-const root = createRoot(rootElement!);
-
-// Render the Main component into the root
-root.render(<Main />);

package/examples/dashboard/src/styles.css

@@ -1,408 +0,0 @@
-/* Main.css */
-
-/* General styling for the dark theme */
-body,
-.device-panel,
-.device-block-heading,
-.device-attrs-and-actions,
-.device-attrs-form,
-.device-actions-form,
-.device-line-chart {
-    /* Dark background for all components */
-    color: #fff;
-    /* Light text for better readability */
-    font-family: 'Segoe UI', 'Roboto', 'Oxygen',
-        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-        sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    background-color: #282c34;
-    color: #ffffff;
-}
-
-code {
-    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-        monospace;
-}
-
-.header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 10px 20px;
-    border: 1px solid #666;
-    /* Adjusting border color for dark theme */
-    border-radius: 8px;
-    margin-bottom: 10px;
-}
-
-h1 {
-    margin: 0;
-}
-
-.always-enabled {
-    pointer-events: auto !important;
-    /* Ensures interactions are always enabled */
-}
-
-.content-body {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-.content-row {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    flex-direction: col;
-}
-
-.conn-indication {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 10px;
-    border-radius: 8px;
-    margin-bottom: 10px;
-}
-
-.action-button {
-    color: #fff;
-    cursor: pointer;
-    background-color: #007bff;
-    border: none;
-    border-radius: 4px;
-    padding: 10px 20px;
-    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;
-    margin-bottom: 10px;
-    gap: 10px;
-}
-
-.connected-panel {
-    display: flex;
-    justify-content: flex-start;
-    gap: 20px;
-    align-items: stretch;
-    flex-direction: row;
-    width: 100%;
-    /* Space between the Connected panel and StatusPanel */
-}
-
-.info-box {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 10px;
-    padding: 10px 20px;
-    border: 1px solid #666;
-}
-
-.ip-addr-input {
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    margin-bottom: 10px;
-    padding: 10px;
-    width: 100%;
-}
-
-.serial-no-input {
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    margin-bottom: 10px;
-    padding: 10px;
-    width: 100%;
-}
-
-.command-input {
-    padding: 10px;
-    margin-bottom: 10px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-}
-
-.send-command-button {
-    padding: 10px 20px;
-    border: none;
-    border-radius: 4px;
-    background-color: #007bff;
-    color: white;
-    cursor: pointer;
-    font-size: 1rem;
-}
-
-.send-command-button:hover {
-    background-color: #0056b3;
-}
-
-.info {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-}
-
-.info-line {
-    display: flex;
-    justify-content: space-between;
-}
-
-.info-label {
-    font-weight: bold;
-    margin-right: 10px;
-}
-
-.info-value {
-    font-weight: normal;
-}
-
-.info-columns {
-    display: flex;
-    gap: 20px;
-}
-
-.info-column {
-    display: flex;
-    flex-direction: column;
-}
-
-.collapsible-section {
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 10px;
-}
-
-.collapsible-header {
-    background-color: #444;
-    color: #fff;
-    border: none;
-    padding: 10px;
-    cursor: pointer;
-    text-align: left;
-    width: 100%;
-    font-size: 16px;
-    outline: none;
-    border-radius: 4px;
-}
-
-.collapsible-content {
-    padding: 10px;
-    background-color: #333;
-    border: 1px solid #666;
-    border-radius: 4px;
-}
-
-.command-input-column {
-    display: flex;
-    flex-direction: column;
-}
-
-.example-commands-column {
-    display: flex;
-    flex-direction: column;
-}
-
-.example-command {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 5px;
-}
-
-.example-load-button {
-    padding: 5px 10px;
-    background-color: #007bff;
-    border: none;
-    border-radius: 4px;
-    color: #fff;
-    cursor: pointer;
-    margin-left: 10px;
-    font-size: 1rem;
-}
-
-.example-load-button:hover {
-    background-color: #0056b3;
-}
-
-/* Style for the overall container that holds all devices */
-.devices-container {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    /* Adds space between each DeviceScreen */
-}
-
-/* Style for each individual device screen */
-.device-panel {
-    display: flex;
-    flex-direction: column;
-    /* Stack heading and data blocks vertically */
-    gap: 10px;
-    /* Adds space between the heading and the data block */
-    padding: 10px;
-    border: 1px solid #666;
-    /* Adjusting border color for dark theme */
-    border-radius: 8px;
-}
-
-.device-panel.offline {
-    opacity: 0.5;
-    /* Reduces the opacity to 50% */
-    background-color: rgba(50, 50, 50, 0.8);
-    /* Optional: Adds a grey tint */
-    pointer-events: none;
-    /* Disables interactions with all child elements */
-}
-
-/* Style for the device heading */
-.device-block-heading {
-    display: flex;
-    padding: 5px 10px;
-    /* Padding inside the heading block */
-    background: #444;
-    /* Slightly lighter dark background for distinction */
-    border-radius: 4px;
-    /* Slight rounding of corners */
-}
-
-/* Style for the text inside the heading */
-.device-block-heading-text {
-    font-weight: bold;
-    /* Keep heading text bold */
-}
-
-/* Style for the data block containing the form and chart */
-.device-block-data {
-    display: flex;
-    gap: 20px;
-    /* Space between the form and the chart */
-    align-items: flex-start;
-    /* Align items at their top edge */
-    min-height: 10rem;
-    /* Minimum height to ensure sufficient visibility */
-}
-
-.device-attrs-and-actions {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    /* Space between the form and the actions */
-}
-
-
-/* Styles for the form and chart to adjust space */
-.device-attrs-form {
-    flex: 0 1 auto;
-    /* Don't grow, but allow shrinking */
-    width: auto;
-    /* Adjust based on content or set a max-width */
-    min-width: 200px;
-    /* Ensure it doesn't shrink too much */
-    padding: 10px;
-    border: 1px solid #666;
-    /* Adjusting border color for dark theme */
-    border-radius: 4px;
-    background: #444;
-    /* Slightly lighter dark background for distinction */
-}
-
-.device-actions-form {
-    flex: 0 1 auto;
-    /* Don't grow, but allow shrinking */
-    width: auto;
-    /* Adjust based on content or set a max-width */
-    min-width: 200px;
-    /* Ensure it doesn't shrink too much */
-    padding: 10px;
-    border: 1px solid #666;
-    /* Adjusting border color for dark theme */
-    border-radius: 4px;
-    background: #444;
-    /* Slightly lighter dark background for distinction */
-}
-
-.device-line-chart {
-    flex: 1 1 auto;
-    min-width: 50%;
-    padding: 10px;
-    border: 1px solid #666;
-    /* Adjusting border color for dark theme */
-    border-radius: 4px;
-    min-height: 15rem;
-    /* Setting a minimum height to ensure the chart is clearly visible */
-    height: 25vh;
-    /* Chart is approximately 1/4 of the viewport height in landscape */
-}
-
-.menu-icon,
-.header-menu-icon {
-    cursor: pointer;
-    font-size: 1.5rem;
-    margin-left: auto;
-    margin-right: 10px;
-    color: #fff;
-}
-
-.dropdown-menu {
-    position: absolute;
-    right: 70px;
-    background-color: #444;
-    border: 1px solid #666;
-    border-radius: 4px;
-    padding: 5px;
-    z-index: 10;
-}
-
-.header .dropdown-menu {
-    margin-top: 30px;
-}
-
-.menu-item {
-    padding: 10px;
-    cursor: pointer;
-    color: #fff;
-}
-
-.menu-item:hover {
-    background-color: #555;
-}
-
-/* Adjust height for portrait orientation */
-@media (orientation: portrait) {
-    .device-line-chart {
-        height: 16.67vh;
-        /* Chart is approximately 1/6 of the viewport height in portrait */
-    }
-}
-
-/* Responsive adjustments for smaller screens */
-@media (max-width: 600px) {
-
-    .device-line-chart,
-    .device-attrs-form {
-        height: 25vh;
-        /* Adjust height to a suitable value on small screens */
-    }
-}
-
-/* Considerations for very large screens or high aspect ratios */
-@media (min-width: 1200px) {
-    .device-line-chart {
-        height: 20vh;
-        /* Slightly reduce the height for very wide screens */
-    }
-}

package/examples/dashboard/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react",
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "module": "esnext",
-    "target": "es2017",
-    "strict": true,
-    "moduleResolution": "node",
-    "lib": [
-      "ES2017",
-      "DOM"
-    ]
-  },
-  "include": [
-    "src"
-  ]
-}

package/jest.config.js

@@ -1,11 +0,0 @@
-module.exports = {
-    roots: ['<rootDir>'],
-    testMatch: [
-      "**/__tests__/**/*.+(ts|tsx|js)",
-      "**/?(*.)+(spec|test).+(ts|tsx|js)"
-    ],
-    transform: {
-      "^.+\\.(ts|tsx)$": "ts-jest"
-    },
-  }
-