npm - brilliantsole - Versions diffs - 0.0.1 - Mend

brilliantsole 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/LICENSE +21 -0
package/README.md +21 -0
package/build/brilliantsole.cjs +5957 -0
package/build/brilliantsole.cjs.map +1 -0
package/build/brilliantsole.js +5448 -0
package/build/brilliantsole.js.map +1 -0
package/build/brilliantsole.ls.js +4872 -0
package/build/brilliantsole.ls.js.map +1 -0
package/build/brilliantsole.min.js +6 -0
package/build/brilliantsole.min.js.map +1 -0
package/build/brilliantsole.module.d.ts +908 -0
package/build/brilliantsole.module.js +5412 -0
package/build/brilliantsole.module.js.map +1 -0
package/build/brilliantsole.module.min.d.ts +908 -0
package/build/brilliantsole.module.min.js +6 -0
package/build/brilliantsole.module.min.js.map +1 -0
package/build/brilliantsole.node.module.d.ts +908 -0
package/build/brilliantsole.node.module.js +5906 -0
package/build/brilliantsole.node.module.js.map +1 -0
package/build/dts/BS.d.ts +25 -0
package/build/dts/Device.d.ts +136 -0
package/build/dts/DeviceInformationManager.d.ts +56 -0
package/build/dts/DeviceManager.d.ts +67 -0
package/build/dts/FileTransferManager.d.ts +84 -0
package/build/dts/FirmwareManager.d.ts +71 -0
package/build/dts/InformationManager.d.ts +66 -0
package/build/dts/TfliteManager.d.ts +92 -0
package/build/dts/connection/BaseConnectionManager.d.ts +59 -0
package/build/dts/connection/ClientConnectionManager.d.ts +23 -0
package/build/dts/connection/WebSocketClientConnectionManager.d.ts +23 -0
package/build/dts/connection/bluetooth/BluetoothConnectionManager.d.ts +10 -0
package/build/dts/connection/bluetooth/NobleConnectionManager.d.ts +42 -0
package/build/dts/connection/bluetooth/WebBluetoothConnectionManager.d.ts +20 -0
package/build/dts/connection/bluetooth/bluetoothUUIDs.d.ts +14 -0
package/build/dts/connection/webSocket/ClientConnectionManager.d.ts +23 -0
package/build/dts/connection/webSocket/WebSocketClientConnectionManager.d.ts +23 -0
package/build/dts/devicePair/DevicePair.d.ts +60 -0
package/build/dts/devicePair/DevicePairPressureSensorDataManager.d.ts +25 -0
package/build/dts/devicePair/DevicePairSensorDataManager.d.ts +33 -0
package/build/dts/scanner/BaseScanner.d.ts +66 -0
package/build/dts/scanner/NobleScanner.d.ts +17 -0
package/build/dts/scanner/Scanner.d.ts +3 -0
package/build/dts/sensor/BarometerSensorDataManager.d.ts +16 -0
package/build/dts/sensor/MotionSensorDataManager.d.ts +69 -0
package/build/dts/sensor/PressureSensorDataManager.d.ts +36 -0
package/build/dts/sensor/SensorConfigurationManager.d.ts +44 -0
package/build/dts/sensor/SensorDataManager.d.ts +40 -0
package/build/dts/server/BaseClient.d.ts +85 -0
package/build/dts/server/BaseServer.d.ts +48 -0
package/build/dts/server/ServerUtils.d.ts +23 -0
package/build/dts/server/udp/UDPServer.d.ts +11 -0
package/build/dts/server/udp/UDPUtils.d.ts +9 -0
package/build/dts/server/websocket/WebSocketClient.d.ts +17 -0
package/build/dts/server/websocket/WebSocketServer.d.ts +13 -0
package/build/dts/server/websocket/WebSocketUtils.d.ts +9 -0
package/build/dts/utils/ArrayBufferUtils.d.ts +7 -0
package/build/dts/utils/ArrayUtils.d.ts +2 -0
package/build/dts/utils/CenterOfPressureHelper.d.ts +15 -0
package/build/dts/utils/Console.d.ts +34 -0
package/build/dts/utils/EventDispatcher.d.ts +50 -0
package/build/dts/utils/EventUtils.d.ts +6 -0
package/build/dts/utils/MathUtils.d.ts +21 -0
package/build/dts/utils/ParseUtils.d.ts +5 -0
package/build/dts/utils/RangeHelper.d.ts +8 -0
package/build/dts/utils/Text.d.ts +6 -0
package/build/dts/utils/Timer.d.ts +14 -0
package/build/dts/utils/TypeScriptUtils.d.ts +19 -0
package/build/dts/utils/cbor.d.ts +6 -0
package/build/dts/utils/checksum.d.ts +3 -0
package/build/dts/utils/environment.d.ts +13 -0
package/build/dts/utils/mcumgr.d.ts +88 -0
package/build/dts/utils/stringUtils.d.ts +2 -0
package/build/dts/vibration/VibrationManager.d.ts +45 -0
package/build/dts/vibration/VibrationWaveformEffects.d.ts +2 -0
package/build/index.d.ts +908 -0
package/build/index.node.d.ts +908 -0
package/examples/3d/index.html +109 -0
package/examples/3d/scene.html +57 -0
package/examples/3d/script.js +419 -0
package/examples/balance/index.html +138 -0
package/examples/balance/script.js +243 -0
package/examples/basic/index.html +327 -0
package/examples/basic/script.js +1093 -0
package/examples/center-of-pressure/index.html +132 -0
package/examples/center-of-pressure/script.js +207 -0
package/examples/device-pair/index.html +72 -0
package/examples/device-pair/script.js +187 -0
package/examples/edge-impulse/index.html +94 -0
package/examples/edge-impulse/script.js +1033 -0
package/examples/graph/index.html +83 -0
package/examples/graph/script.js +469 -0
package/examples/machine-learning/index.html +366 -0
package/examples/machine-learning/script.js +1774 -0
package/examples/pressure/index.html +145 -0
package/examples/pressure/script.js +201 -0
package/examples/recording/index.html +187 -0
package/examples/recording/script.js +736 -0
package/examples/server/index.html +266 -0
package/examples/server/script.js +925 -0
package/examples/utils/aframe/fingertip-button-component.js +201 -0
package/examples/utils/aframe/fingertip-collider-target-component.js +102 -0
package/examples/utils/aframe/fingertip-colliders-component.js +147 -0
package/examples/utils/three/three.module.min.js +24846 -0
package/examples/webxr/index.html +221 -0
package/examples/webxr/script.js +1127 -0
package/package.json +83 -0
package/src/BS.ts +68 -0
package/src/Device.ts +734 -0
package/src/DeviceInformationManager.ts +146 -0
package/src/DeviceManager.ts +354 -0
package/src/FileTransferManager.ts +452 -0
package/src/FirmwareManager.ts +357 -0
package/src/InformationManager.ts +283 -0
package/src/TfliteManager.ts +450 -0
package/src/connection/BaseConnectionManager.ts +255 -0
package/src/connection/ClientConnectionManager.ts +120 -0
package/src/connection/bluetooth/BluetoothConnectionManager.ts +34 -0
package/src/connection/bluetooth/NobleConnectionManager.ts +302 -0
package/src/connection/bluetooth/WebBluetoothConnectionManager.ts +269 -0
package/src/connection/bluetooth/bluetoothUUIDs.ts +218 -0
package/src/devicePair/DevicePair.ts +253 -0
package/src/devicePair/DevicePairPressureSensorDataManager.ts +82 -0
package/src/devicePair/DevicePairSensorDataManager.ts +90 -0
package/src/scanner/BaseScanner.ts +189 -0
package/src/scanner/NobleScanner.ts +195 -0
package/src/scanner/Scanner.ts +16 -0
package/src/sensor/BarometerSensorDataManager.ts +41 -0
package/src/sensor/MotionSensorDataManager.ts +151 -0
package/src/sensor/PressureSensorDataManager.ts +112 -0
package/src/sensor/SensorConfigurationManager.ts +177 -0
package/src/sensor/SensorDataManager.ts +166 -0
package/src/server/BaseClient.ts +368 -0
package/src/server/BaseServer.ts +344 -0
package/src/server/ServerUtils.ts +93 -0
package/src/server/udp/UDPServer.ts +229 -0
package/src/server/udp/UDPUtils.ts +20 -0
package/src/server/websocket/WebSocketClient.ts +179 -0
package/src/server/websocket/WebSocketServer.ts +184 -0
package/src/server/websocket/WebSocketUtils.ts +20 -0
package/src/utils/ArrayBufferUtils.ts +88 -0
package/src/utils/ArrayUtils.ts +15 -0
package/src/utils/CenterOfPressureHelper.ts +39 -0
package/src/utils/Console.ts +156 -0
package/src/utils/EventDispatcher.ts +153 -0
package/src/utils/EventUtils.ts +41 -0
package/src/utils/MathUtils.ts +53 -0
package/src/utils/ParseUtils.ts +46 -0
package/src/utils/RangeHelper.ts +38 -0
package/src/utils/Text.ts +30 -0
package/src/utils/Timer.ts +72 -0
package/src/utils/TypeScriptUtils.ts +22 -0
package/src/utils/cbor.js +429 -0
package/src/utils/checksum.ts +41 -0
package/src/utils/environment.ts +46 -0
package/src/utils/mcumgr.js +444 -0
package/src/utils/stringUtils.ts +11 -0
package/src/vibration/VibrationManager.ts +308 -0
package/src/vibration/VibrationWaveformEffects.ts +128 -0

package/examples/center-of-pressure/index.html ADDED Viewed

@@ -0,0 +1,132 @@
+<html>
+    <head>
+        <title>Center of Pressure | BrilliantSole JavaScript SDK</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+        <script type="module" src="./script.js"></script>
+    </head>
+    <style>
+        #centerOfPressureContainer {
+            width: calc(100% - 1rem);
+            height: 80%;
+            border: solid black;
+            margin: 1rem auto;
+            border-radius: 20px;
+            overflow: hidden;
+            display: flex;
+        }
+        #centerOfPressureRange {
+            width: calc(100% - 2rem);
+            height: calc(100% - 2rem);
+            margin: auto;
+            position: relative;
+        }
+        #centerOfPressure {
+            position: absolute;
+        }
+        #centerOfPressure .visual {
+            border-radius: 50%;
+            background-color: red;
+            width: 2rem;
+            height: 2rem;
+            left: -1rem;
+            top: -1rem;
+            position: relative;
+            z-index: 1;
+        }
+        #target {
+            position: absolute;
+            display: none;
+        }
+        #target .visual {
+            border-radius: 15px;
+            background-color: yellow;
+            width: 100%;
+            height: 100%;
+            display: flex;
+        }
+        #target .ring {
+            box-sizing: border-box;
+            border: solid blue thick;
+            border-radius: 15px;
+            width: 100%;
+            height: 100%;
+            margin: auto;
+        }
+        #target.hover .visual {
+            background-color: limegreen;
+        }
+        #target:not(.hover) .ring {
+            display: none;
+        }
+        @keyframes shrink {
+            from {
+                width: 100%;
+                height: 100%;
+            }
+            to {
+                width: 0%;
+                height: 0%;
+            }
+        }
+        #target.hover .ring {
+            animation-name: shrink;
+            animation-duration: 3s;
+            animation-timing-function: linear;
+        }
+    </style>
+    <body>
+        <nav>
+            <a href="../../">home</a>
+        </nav>
+        <h1>Center of Pressure | BrilliantSole JavaScript SDK</h1>
+        <div>
+            <h2>available devices</h2>
+            <div id="availableDevices">
+                <template id="availableDeviceTemplate">
+                    <div class="availableDevice">
+                        <ul>
+                            <li><b>name: </b> <span class="name"></span></li>
+                            <li><b>type: </b> <span class="type"></span></li>
+                            <li><button class="toggleConnection">connect</button></li>
+                        </ul>
+                    </div>
+                </template>
+            </div>
+        </div>
+        <br />
+        <div>
+            <button id="addDevice">add device</button>
+            <button id="togglePressureData" disabled>enable pressure data</button>
+            <button id="resetPressureRange" disabled>recalibrate</button>
+            <button id="toggleGame">start game</button>
+        </div>
+        <div id="centerOfPressureContainer">
+            <div id="centerOfPressureRange">
+                <div id="centerOfPressure">
+                    <div class="visual"></div>
+                </div>
+                <div id="target">
+                    <div class="visual">
+                        <div class="ring"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

package/examples/center-of-pressure/script.js ADDED Viewed

@@ -0,0 +1,207 @@
+import * as BS from "../../build/brilliantsole.module.js";
+window.BS = BS;
+console.log({ BS });
+//BS.setAllConsoleLevelFlags({ log: true });
+// GET DEVICES
+/** @type {HTMLTemplateElement} */
+const availableDeviceTemplate = document.getElementById("availableDeviceTemplate");
+const availableDevicesContainer = document.getElementById("availableDevices");
+/** @param {BS.Device[]} availableDevices */
+function onAvailableDevices(availableDevices) {
+  availableDevicesContainer.innerHTML = "";
+  if (availableDevices.length == 0) {
+    availableDevicesContainer.innerText = "no devices available";
+  } else {
+    availableDevices.forEach((availableDevice) => {
+      let availableDeviceContainer = availableDeviceTemplate.content.cloneNode(true).querySelector(".availableDevice");
+      availableDeviceContainer.querySelector(".name").innerText = availableDevice.name;
+      availableDeviceContainer.querySelector(".type").innerText = availableDevice.type;
+      /** @type {HTMLButtonElement} */
+      const toggleConnectionButton = availableDeviceContainer.querySelector(".toggleConnection");
+      toggleConnectionButton.addEventListener("click", () => {
+        availableDevice.toggleConnection();
+      });
+      const onConnectionStatusUpdate = () => {
+        switch (availableDevice.connectionStatus) {
+          case "connected":
+          case "notConnected":
+            toggleConnectionButton.disabled = false;
+            toggleConnectionButton.innerText = availableDevice.isConnected ? "disconnect" : "connect";
+            break;
+          case "connecting":
+          case "disconnecting":
+            toggleConnectionButton.disabled = true;
+            toggleConnectionButton.innerText = availableDevice.connectionStatus;
+            break;
+        }
+      };
+      availableDevice.addEventListener("connectionStatus", () => onConnectionStatusUpdate());
+      onConnectionStatusUpdate();
+      availableDevicesContainer.appendChild(availableDeviceContainer);
+    });
+  }
+}
+async function getDevices() {
+  const availableDevices = await BS.DeviceManager.GetDevices();
+  if (!availableDevices) {
+    return;
+  }
+  onAvailableDevices(availableDevices);
+}
+BS.DeviceManager.AddEventListener("availableDevices", (event) => {
+  const devices = event.message.availableDevices;
+  onAvailableDevices(devices);
+});
+getDevices();
+// CONNECTION
+const devicePair = BS.DevicePair.shared;
+/** @type {HTMLButtonElement} */
+const addDeviceButton = document.getElementById("addDevice");
+devicePair.addEventListener("isConnected", () => {
+  addDeviceButton.disabled = devicePair.isConnected;
+});
+addDeviceButton.addEventListener("click", () => {
+  BS.Device.Connect();
+});
+// PRESSURE VISUALIZATION
+let isPressureDataEnabled = false;
+/** @type {HTMLButtonElement} */
+const togglePressureDataButton = document.getElementById("togglePressureData");
+devicePair.addEventListener("isConnected", () => {
+  togglePressureDataButton.disabled = !devicePair.isConnected;
+});
+togglePressureDataButton.addEventListener("click", () => {
+  isPressureDataEnabled = !isPressureDataEnabled;
+  console.log({ isPressureDataEnabled });
+  togglePressureDataButton.innerText = isPressureDataEnabled ? "disable pressure data" : "enable pressure data";
+  devicePair.setSensorConfiguration({ pressure: isPressureDataEnabled ? 20 : 0 });
+});
+/** @type {HTMLButtonElement} */
+const resetPressureRangeButton = document.getElementById("resetPressureRange");
+devicePair.addEventListener("isConnected", () => {
+  resetPressureRangeButton.disabled = !devicePair.isConnected;
+});
+resetPressureRangeButton.addEventListener("click", () => {
+  devicePair.resetPressureRange();
+});
+const centerOfPressureElement = document.getElementById("centerOfPressure");
+/** @param {BS.CenterOfPressure} center  */
+function updateCenterOfPressureElement(center) {
+  centerOfPressureElement.style.left = `${center.x * 100}%`;
+  centerOfPressureElement.style.top = `${(1 - center.y) * 100}%`;
+}
+window.updateCenterOfPressureElement = updateCenterOfPressureElement;
+let isPlayingGame = false;
+/** @type {HTMLButtonElement} */
+const toggleGameButton = document.getElementById("toggleGame");
+devicePair.addEventListener("isConnected", () => {
+  //toggleGameButton.disabled = !devicePair.isConnected;
+});
+toggleGameButton.addEventListener("click", () => {
+  isPlayingGame = !isPlayingGame;
+  toggleGameButton.innerText = isPlayingGame ? "stop game" : "start game";
+  if (isPlayingGame) {
+    target.reset();
+    target.element.style.display = "block";
+  } else {
+    target.element.style.display = "none";
+  }
+});
+/**
+ * @param {number} min
+ * @param {number} max
+ */
+function randomValueBetween(min, max) {
+  const range = max - min;
+  return min + Math.random() * range;
+}
+const target = {
+  width: 0,
+  height: 0,
+  left: 0,
+  top: 0,
+  bottom: 0,
+  element: document.getElementById("target"),
+  /** @param {BS.CenterOfPressure} center  */
+  isInside(center) {
+    return (
+      center.x >= this.left &&
+      center.x <= this.left + this.width &&
+      center.y <= this.bottom &&
+      center.y >= this.bottom - this.height
+    );
+  },
+  reset() {
+    this.element.classList.remove("hover");
+    this.width = randomValueBetween(0.1, 0.3);
+    this.height = randomValueBetween(0.1, 0.3);
+    this.left = randomValueBetween(0, 1 - this.width);
+    this.top = randomValueBetween(0, 1 - this.height);
+    this.bottom = 1 - this.top;
+    console.log("target", { ...target });
+    this.element.style.width = `${this.width * 100}%`;
+    this.element.style.height = `${this.height * 100}%`;
+    this.element.style.left = `${this.left * 100}%`;
+    this.element.style.top = `${this.top * 100}%`;
+  },
+};
+let isCenterOfPressureInsideTarget = false;
+let insideTargetTimeoutId;
+devicePair.addEventListener("pressure", (event) => {
+  /** @type {BS.DevicePairPressureData} */
+  const pressure = event.message.pressure;
+  console.log({ pressure });
+  if (pressure.normalizedCenter) {
+    //console.log(pressure.normalizedCenter);
+    onCenterOfPressure(pressure.normalizedCenter);
+  }
+});
+/** @param {BS.CenterOfPressure} center */
+function onCenterOfPressure(center) {
+  updateCenterOfPressureElement(center);
+  if (isPlayingGame) {
+    isCenterOfPressureInsideTarget = target.isInside(center);
+    console.log({ isCenterOfPressureInsideTarget });
+    if (isCenterOfPressureInsideTarget) {
+      if (insideTargetTimeoutId == undefined) {
+        target.element.classList.add("hover");
+        insideTargetTimeoutId = setTimeout(() => {
+          target.reset();
+        }, 3000);
+      }
+    } else {
+      if (insideTargetTimeoutId != undefined) {
+        target.element.classList.remove("hover");
+        clearTimeout(insideTargetTimeoutId);
+        insideTargetTimeoutId = undefined;
+      }
+    }
+  }
+}
+window.onCenterOfPressure = onCenterOfPressure; // for manual testing

package/examples/device-pair/index.html ADDED Viewed

@@ -0,0 +1,72 @@
+<html>
+    <head>
+        <title>Device Pair | BrilliantSole JavaScript SDK</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+        <script type="module" src="./script.js"></script>
+    </head>
+    <style>
+        #devices {
+            display: flex;
+            flex-direction: row;
+            gap: 1rem;
+        }
+        .pressure {
+            height: 6rem;
+        }
+    </style>
+    <body>
+        <nav>
+            <a href="../../">home</a>
+        </nav>
+        <h1>Device Pair | BrilliantSole JavaScript SDK</h1>
+        <div>
+            <h2>available devices</h2>
+            <div id="availableDevices">
+                <template id="availableDeviceTemplate">
+                    <div class="availableDevice">
+                        <ul>
+                            <li><b>name: </b> <span class="name"></span></li>
+                            <li><b>type: </b> <span class="type"></span></li>
+                            <li><button class="toggleConnection">connect</button></li>
+                        </ul>
+                    </div>
+                </template>
+            </div>
+        </div>
+        <br />
+        <div>
+            <button id="addDevice">add device</button>
+            <button id="togglePressureData" disabled>enable pressure data</button>
+            <button id="resetPressureRange" disabled>recalibrate</button>
+        </div>
+        <div id="devicePair">
+            <h2>Device Pair</h2>
+            <h3>pressure</h3>
+            <pre class="pressure"></pre>
+        </div>
+        <div id="devices"></div>
+        <template id="deviceTemplate">
+            <div class="device">
+                <h2><span class="side"></span> side</h2>
+                <p>
+                    <button class="toggleConnection" disabled>disconnect</button>
+                </p>
+                <h3>pressure</h3>
+                <pre class="pressure"></pre>
+            </div>
+        </template>
+    </body>
+</html>

package/examples/device-pair/script.js ADDED Viewed

@@ -0,0 +1,187 @@
+import * as BS from "../../build/brilliantsole.module.js";
+window.BS = BS;
+console.log({ BS });
+//BS.setAllConsoleLevelFlags({ log: true });
+// GET DEVICES
+/** @type {HTMLTemplateElement} */
+const availableDeviceTemplate = document.getElementById("availableDeviceTemplate");
+const availableDevicesContainer = document.getElementById("availableDevices");
+/** @param {BS.Device[]} availableDevices */
+function onAvailableDevices(availableDevices) {
+  availableDevicesContainer.innerHTML = "";
+  if (availableDevices.length == 0) {
+    availableDevicesContainer.innerText = "no devices available";
+  } else {
+    availableDevices.forEach((availableDevice) => {
+      let availableDeviceContainer = availableDeviceTemplate.content.cloneNode(true).querySelector(".availableDevice");
+      availableDeviceContainer.querySelector(".name").innerText = availableDevice.name;
+      availableDeviceContainer.querySelector(".type").innerText = availableDevice.type;
+      /** @type {HTMLButtonElement} */
+      const toggleConnectionButton = availableDeviceContainer.querySelector(".toggleConnection");
+      toggleConnectionButton.addEventListener("click", () => {
+        availableDevice.toggleConnection();
+      });
+      const onConnectionStatusUpdate = () => {
+        switch (availableDevice.connectionStatus) {
+          case "connected":
+          case "notConnected":
+            toggleConnectionButton.disabled = false;
+            toggleConnectionButton.innerText = availableDevice.isConnected ? "disconnect" : "connect";
+            break;
+          case "connecting":
+          case "disconnecting":
+            toggleConnectionButton.disabled = true;
+            toggleConnectionButton.innerText = availableDevice.connectionStatus;
+            break;
+        }
+      };
+      availableDevice.addEventListener("connectionStatus", () => onConnectionStatusUpdate());
+      onConnectionStatusUpdate();
+      availableDevicesContainer.appendChild(availableDeviceContainer);
+    });
+  }
+}
+async function getDevices() {
+  const availableDevices = await BS.DeviceManager.GetDevices();
+  if (!availableDevices) {
+    return;
+  }
+  onAvailableDevices(availableDevices);
+}
+BS.DeviceManager.AddEventListener("availableDevices", (event) => {
+  const { availableDevices } = event.message;
+  onAvailableDevices(availableDevices);
+});
+getDevices();
+// CONNECTION
+const devicePair = BS.DevicePair.shared;
+/** @type {HTMLButtonElement} */
+const addDeviceButton = document.getElementById("addDevice");
+devicePair.addEventListener("isConnected", () => {
+  addDeviceButton.disabled = devicePair.isConnected;
+});
+addDeviceButton.addEventListener("click", () => {
+  BS.Device.Connect();
+});
+// PRESSURE
+let isPressureDataEnabled = false;
+/** @type {HTMLButtonElement} */
+const togglePressureDataButton = document.getElementById("togglePressureData");
+devicePair.addEventListener("isConnected", () => {
+  togglePressureDataButton.disabled = !devicePair.isConnected;
+});
+togglePressureDataButton.addEventListener("click", () => {
+  isPressureDataEnabled = !isPressureDataEnabled;
+  togglePressureDataButton.innerText = isPressureDataEnabled ? "disable pressure data" : "enable pressure data";
+  devicePair.setSensorConfiguration({ pressure: isPressureDataEnabled ? 20 : 0 });
+});
+/** @type {HTMLButtonElement} */
+const resetPressureRangeButton = document.getElementById("resetPressureRange");
+devicePair.addEventListener("isConnected", () => {
+  resetPressureRangeButton.disabled = !devicePair.isConnected;
+});
+resetPressureRangeButton.addEventListener("click", () => {
+  devicePair.resetPressureRange();
+});
+// DEVICES
+const devicesContainer = document.getElementById("devices");
+/** @type {HTMLTemplateElement} */
+const deviceTemplate = document.getElementById("deviceTemplate");
+devicePair.sides.forEach((side) => {
+  /** @type {HTMLElement} */
+  const deviceContainer = deviceTemplate.content.cloneNode(true).querySelector(".device");
+  deviceContainer.classList.add(side);
+  devicesContainer.appendChild(deviceContainer);
+  deviceContainer.querySelector(".side").innerText = side;
+  /** @type {HTMLButtonElement} */
+  const toggleConnectionButton = deviceContainer.querySelector(".toggleConnection");
+  toggleConnectionButton.addEventListener("click", () => {
+    devicePair[side].toggleConnection();
+  });
+  devicePair.addEventListener("deviceIsConnected", (event) => {
+    const { device } = event.message;
+    if (device.insoleSide != side) {
+      return;
+    }
+    if (device.isConnected) {
+      toggleConnectionButton.disabled = false;
+    }
+    toggleConnectionButton.innerText = device.isConnected ? "disconnect" : "reconnect";
+  });
+  devicePair.addEventListener("deviceConnectionStatus", (event) => {
+    const { device } = event.message;
+    if (device.insoleSide != side) {
+      return;
+    }
+    switch (device.connectionStatus) {
+      case "connected":
+      case "notConnected":
+        toggleConnectionButton.disabled = false;
+        toggleConnectionButton.innerText = device.isConnected ? "disconnect" : "reconnect";
+        break;
+      case "connecting":
+      case "disconnecting":
+        toggleConnectionButton.disabled = true;
+        toggleConnectionButton.innerText = device.connectionStatus;
+        break;
+    }
+  });
+  /** @type {HTMLPreElement} */
+  const pressurePre = deviceContainer.querySelector(".pressure");
+  devicePair.addEventListener("devicePressure", (event) => {
+    const { device } = event.message;
+    if (device.insoleSide != side) {
+      return;
+    }
+    const { pressure } = event.message;
+    pressurePre.textContent = JSON.stringify(
+      {
+        center: pressure.normalizedCenter,
+        sum: pressure.normalizedSum,
+      },
+      (key, value) => value?.toFixed?.(3) || value,
+      2
+    );
+  });
+});
+// DEVICE PAIR
+const devicePairContainer = document.getElementById("devicePair");
+/** @type {HTMLPreElement} */
+const devicePairPressurePre = devicePairContainer.querySelector(".pressure");
+devicePair.addEventListener("pressure", (event) => {
+  const { pressure } = event.message;
+  devicePairPressurePre.textContent = JSON.stringify(
+    {
+      center: pressure.normalizedCenter,
+      sum: pressure.normalizedSum,
+    },
+    (key, value) => value?.toFixed?.(3) || value,
+    2
+  );
+});

package/examples/edge-impulse/index.html ADDED Viewed

@@ -0,0 +1,94 @@
+<html>
+    <head>
+        <title>Edge Impulse | BrilliantSole JavaScript SDK</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+        <script type="module" src="./script.js"></script>
+    </head>
+    <style>
+        .column {
+            display: flex;
+            flex-direction: column;
+        }
+    </style>
+    <body>
+        <nav>
+            <a href="../../">home</a>
+        </nav>
+        <h1>Edge Impulse | BrilliantSole JavaScript SDK</h1>
+        <h3>Available Devices</h3>
+        <div id="availableDevices">
+            <template id="availableDeviceTemplate">
+                <div class="availableDevice">
+                    <ul>
+                        <li><b>name: </b> <span class="name"></span></li>
+                        <li><b>type: </b> <span class="type"></span></li>
+                        <li><button class="toggleConnection">connect</button></li>
+                    </ul>
+                </div>
+            </template>
+        </div>
+        <h3>Device Connection</h3>
+        <button id="toggleConnection">connect</button>
+        <button id="reconnect" disabled>reconnect</button>
+        <label>reconnect on disconnection? <input id="reconnectOnDisconnection" type="checkbox" /></label>
+        <h3>Device Information</h3>
+        <pre id="deviceInformationPre"></pre>
+        <div class="column">
+            <label>name: <span id="name"></span></label>
+            <label>battery level: <span id="batteryLevel">_</span>%</label>
+            <label>type: <span id="type"></span></label>
+        </div>
+        <label>
+            sensor configuration:
+            <pre id="sensorConfigurationPre"></pre>
+        </label>
+        <h3>Keys</h3>
+        <div class="column">
+            <label>api key <input type="string" id="apiKey" size="70" /></label>
+            <label>project id <input type="string" id="projectId" size="8" /></label>
+        </div>
+        <h3>Remote Management</h3>
+        <button id="toggleRemoteManagementConnection" disabled>connect</button>
+        <label>
+            reconnect on disconnection? <input id="reconnectRemoteManagementOnDisconnection" type="checkbox" />
+        </label>
+        <h3>Sensor Types</h3>
+        <div id="sensorTypes" class="column">
+            <template id="sensorTypeTemplate">
+                <label class="sensorType">
+                    <b class="name"></b>
+                    <input class="enabled" type="checkbox" />
+                </label>
+            </template>
+        </div>
+        <h3>Sampling</h3>
+        <div class="column">
+            <label>path <input id="path" type="text" readonly /></label>
+            <label>label <input id="label" type="text" /></label>
+            <label>
+                interval (ms) <input id="samplingInterval" type="number" min="10" value="20" step="5" max="1000" />
+            </label>
+            <label>number of samples <input id="numberOfSamples" type="number" min="1" value="1" step="1" /></label>
+            <label>
+                length (ms)
+                <input id="samplingLength" readonly type="number" min="10" value="20" step="5" max="60000" />
+            </label>
+        </div>
+        <button id="getHmacKey" disabled>get hmacKey</button>
+        <button id="toggleSampling" disabled>start sampling</button>
+    </body>
+</html>