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/3d/index.html ADDED Viewed

@@ -0,0 +1,109 @@
+<html>
+  <head>
+    <title>3D | 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 src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> -->
+    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <!-- required to get aframe-orbit-controls-component to work -->
+    <script>
+      THREE.Quaternion.prototype.inverse = THREE.Quaternion.prototype.invert;
+      THREE.Math = THREE.MathUtils;
+    </script>
+    <!-- https://github.com/tizzle/aframe-orbit-controls-component -->
+    <script src="https://cdn.rawgit.com/tizzle/aframe-orbit-controls-component/v0.1.14/dist/aframe-orbit-controls-component.min.js"></script>
+    <script type="module" src="./script.js"></script>
+  </head>
+  <style>
+    #insoles {
+      display: flex;
+      flex-direction: row;
+      height: 100%;
+      gap: 2rem;
+    }
+    .insole {
+      position: relative;
+      height: 100%;
+      min-width: 700px;
+    }
+    .scene {
+      width: 100%;
+      height: 100%;
+      margin: auto;
+      border-radius: 2rem;
+      overflow: hidden;
+      border: solid black;
+      box-sizing: border-box;
+    }
+    .scene iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
+  </style>
+  <body>
+    <nav>
+      <a href="../../">home</a>
+    </nav>
+    <h1>3D | BrilliantSole JavaScript SDK</h1>
+    <button id="toggleServerConnection">connect to server</button>
+    <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>
+    <p>
+      <button id="addDevice">add device</button>
+    </p>
+    <div id="insoles"></div>
+    <template id="insoleTemplate">
+      <div class="insole">
+        <p>
+          <button class="toggleConnection" disabled>disconnect</button>
+          <br />
+          <select class="orientation" disabled>
+            <optgroup label="orientation">
+              <option value="none">no orientation</option>
+              <option>gameRotation</option>
+              <option>rotation</option>
+              <option>orientation</option>
+              <option>gyroscope</option>
+            </optgroup>
+          </select>
+          <button disabled class="resetOrientation">reset orientation</button>
+          <br />
+          <select class="position" disabled>
+            <optgroup label="position">
+              <option value="none">no position</option>
+              <option>acceleration</option>
+              <option>gravity</option>
+              <option>linearAcceleration</option>
+            </optgroup>
+          </select>
+        </p>
+        <div class="scene">
+          <iframe src="./scene.html"></iframe>
+        </div>
+      </div>
+    </template>
+  </body>
+</html>

package/examples/3d/scene.html ADDED Viewed

@@ -0,0 +1,57 @@
+<html>
+  <head>
+    <title>3D iframe | 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 src="https://aframe.io/releases/1.5.0/aframe.min.js"></script> -->
+    <script src="https://aframe.io/releases/1.6.0/aframe.min.js"></script>
+    <!-- required to get aframe-orbit-controls-component to work -->
+    <script>
+      THREE.Quaternion.prototype.inverse = THREE.Quaternion.prototype.invert;
+      THREE.Math = THREE.MathUtils;
+    </script>
+    <!-- https://github.com/tizzle/aframe-orbit-controls-component -->
+    <script src="https://cdn.rawgit.com/tizzle/aframe-orbit-controls-component/v0.1.14/dist/aframe-orbit-controls-component.min.js"></script>
+  </head>
+  <body>
+    <a-scene
+      embedded
+      xr-mode-ui="enabled: false;"
+      device-orientation-permission-ui="enabled: false"
+      renderer="colorManagement: true;"
+    >
+      <a-assets>
+        <a-asset-item id="leftInsole" src="../../assets/3d/leftInsole.glb"></a-asset-item>
+        <a-asset-item id="rightInsole" src="../../assets/3d/rightInsole.glb"></a-asset-item>
+      </a-assets>
+      <a-light type="directional" position="2 2 -2" target=".target"></a-light>
+      <a-light type="directional" position="-2 2 2" target=".target"></a-light>
+      <a-light type="directional" position="2 -2 2" target=".target"></a-light>
+      <a-camera
+        class="camera"
+        camera="fov: 50; zoom: 3.2;"
+        position="0 1 0"
+        orbit-controls="
+          enableZoom: true;
+          autoRotate: false;
+          target: .target;
+          enableDamping: true;
+          dampingFactor: 0.125;
+          rotateSpeed:0.25;
+          minDistance:0.75;
+          maxDistance:2;
+        "
+      ></a-camera>
+      <a-entity class="target">
+        <a-entity class="rotation">
+          <a-entity class="position" position="0 0 0.005">
+            <a-entity class="insole" gltf-model="#rightInsole" visible="true"></a-entity>
+          </a-entity>
+        </a-entity>
+      </a-entity>
+    </a-scene>
+  </body>
+</html>

package/examples/3d/script.js ADDED Viewed

@@ -0,0 +1,419 @@
+import * as BS from "../../build/brilliantsole.module.js";
+window.BS = BS;
+console.log({ BS });
+//BS.setAllConsoleLevelFlags({ log: false });
+/** @typedef {import("../utils/three/three.module.min").Vector3} TVector3 */
+/** @typedef {import("../utils/three/three.module.min").Quaternion} TQuaternion */
+/** @typedef {import("../utils/three/three.module.min").Euler} TEuler */
+// 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();
+// ADD DEVICE
+/** @type {HTMLButtonElement} */
+const addDeviceButton = document.getElementById("addDevice");
+addDeviceButton.addEventListener("click", () => {
+  BS.Device.Connect();
+});
+const devicePair = BS.DevicePair.shared;
+devicePair.addEventListener("isConnected", () => {
+  addDeviceButton.disabled = devicePair.isConnected;
+});
+// 3D VISUALIZATION
+const insolesContainer = document.getElementById("insoles");
+/** @type {HTMLTemplateElement} */
+const insoleTemplate = document.getElementById("insoleTemplate");
+window.sensorRate = 20;
+window.interpolationSmoothing = 0.4;
+window.positionScalar = 0.4;
+devicePair.sides.forEach((side) => {
+  /** @type {HTMLElement} */
+  const insoleContainer = insoleTemplate.content.cloneNode(true).querySelector(".insole");
+  insoleContainer.classList.add(side);
+  insoleContainer.dataset.side = side;
+  /** @type {HTMLIFrameElement} */
+  const iframe = insoleContainer.querySelector("iframe");
+  iframe.addEventListener("load", () => {
+    onIFrameLoaded(insoleContainer);
+  });
+  insolesContainer.appendChild(insoleContainer);
+});
+/** @param {HTMLElement} insoleContainer */
+function onIFrameLoaded(insoleContainer) {
+  const side = insoleContainer.dataset.side;
+  /** @type {HTMLIFrameElement} */
+  const iframe = insoleContainer.querySelector("iframe");
+  const scene = iframe.contentDocument.querySelector("a-scene");
+  const targetEntity = scene.querySelector(".target");
+  const targetPositionEntity = targetEntity.querySelector(".position");
+  const targetRotationEntity = targetEntity.querySelector(".rotation");
+  const insoleEntity = targetEntity.querySelector(".insole");
+  insoleEntity.setAttribute("gltf-model", `#${side}Insole`);
+  scene.addEventListener("loaded", () => {
+    if (side == "right") {
+      //insoleEntity.object3D.scale.x = -1;
+    }
+  });
+  /** @type {HTMLButtonElement} */
+  const toggleConnectionButton = insoleContainer.querySelector(".toggleConnection");
+  toggleConnectionButton.addEventListener("click", () => {
+    devicePair[side].toggleConnection();
+  });
+  devicePair.addEventListener("deviceIsConnected", (event) => {
+    /** @type {BS.Device} */
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    if (device.isConnected) {
+      toggleConnectionButton.disabled = false;
+    }
+    toggleConnectionButton.innerText = device.isConnected ? "disconnect" : "reconnect";
+  });
+  devicePair.addEventListener("deviceConnectionStatus", (event) => {
+    /** @type {BS.Device} */
+    const device = event.message.device;
+    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 {HTMLSelectElement} */
+  const orientationSelect = insoleContainer.querySelector(".orientation");
+  orientationSelect.addEventListener("input", () => {
+    /** @type {BS.SensorConfiguration} */
+    const configuration = { gameRotation: 0, rotation: 0, gyroscope: 0, orientation: 0 };
+    switch (orientationSelect.value) {
+      case "none":
+        break;
+      case "gameRotation":
+        configuration.gameRotation = sensorRate;
+        break;
+      case "rotation":
+        configuration.rotation = sensorRate;
+        break;
+      case "orientation":
+        configuration.orientation = sensorRate;
+        break;
+      case "gyroscope":
+        configuration.gyroscope = sensorRate;
+        break;
+      default:
+        console.error(`uncaught orientationSelect value "${orientationSelect.value}"`);
+        break;
+    }
+    devicePair[side].setSensorConfiguration(configuration);
+  });
+  /** @type {HTMLButtonElement} */
+  const resetOrientationButton = insoleContainer.querySelector(".resetOrientation");
+  resetOrientationButton.addEventListener("click", () => {
+    resetOrientation();
+  });
+  devicePair.addEventListener("deviceIsConnected", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    resetOrientationButton.disabled = !device.isConnected;
+  });
+  /** @type {HTMLSelectElement} */
+  const positionSelect = insoleContainer.querySelector(".position");
+  positionSelect.addEventListener("input", () => {
+    /** @type {BS.SensorConfiguration} */
+    const configuration = { acceleration: 0, gravity: 0, linearAcceleration: 0 };
+    switch (positionSelect.value) {
+      case "none":
+        break;
+      case "acceleration":
+        configuration.acceleration = sensorRate;
+        break;
+      case "gravity":
+        configuration.gravity = sensorRate;
+        break;
+      case "linearAcceleration":
+        configuration.linearAcceleration = sensorRate;
+        break;
+      default:
+        console.error(`uncaught positionSelect value "${positionSelect.value}"`);
+        break;
+    }
+    console.log({ configuration });
+    devicePair[side].setSensorConfiguration(configuration);
+  });
+  devicePair.addEventListener("deviceIsConnected", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    orientationSelect.disabled = !device.isConnected;
+    positionSelect.disabled = !device.isConnected;
+  });
+  devicePair.addEventListener("deviceGetSensorConfiguration", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    let newOrientationSelectValue = "none";
+    let newPositionSelectValue = "none";
+    for (const key in device.sensorConfiguration) {
+      /** @type {BS.SensorType} */
+      const sensorType = key;
+      if (device.sensorConfiguration[sensorType] > 0) {
+        switch (sensorType) {
+          case "gameRotation":
+          case "rotation":
+          case "orientation":
+          case "gyroscope":
+            newOrientationSelectValue = sensorType;
+            break;
+          case "acceleration":
+          case "gravity":
+          case "linearAcceleration":
+            newPositionSelectValue = sensorType;
+            break;
+        }
+      }
+    }
+    orientationSelect.value = newOrientationSelectValue;
+    positionSelect.value = newPositionSelectValue;
+  });
+  /** @type {TVector3} */
+  const _position = new THREE.Vector3();
+  /** @param {BS.Vector3} position */
+  const updatePosition = (position) => {
+    _position.copy(position).multiplyScalar(window.positionScalar);
+    targetPositionEntity.object3D.position.lerp(_position, window.interpolationSmoothing);
+  };
+  devicePair.addEventListener("deviceAcceleration", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Vector3} */
+    const acceleration = event.message.acceleration;
+    updatePosition(acceleration);
+  });
+  devicePair.addEventListener("deviceGravity", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Vector3} */
+    const gravity = event.message.gravity;
+    updatePosition(gravity);
+  });
+  devicePair.addEventListener("deviceLinearAcceleration", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Vector3} */
+    const linearAcceleration = event.message.linearAcceleration;
+    updatePosition(linearAcceleration);
+  });
+  /** @type {TQuaternion} */
+  const offsetQuaternion = new THREE.Quaternion();
+  const resetOrientation = () => {
+    offsetQuaternion.copy(_quaternion).invert();
+  };
+  /** @type {TQuaternion} */
+  const _quaternion = new THREE.Quaternion();
+  /** @type {TQuaternion} */
+  const targetQuaternion = new THREE.Quaternion();
+  /**
+   * @param {BS.Quaternion} quaternion
+   * @param {boolean} applyOffset
+   */
+  const updateQuaternion = (quaternion, applyOffset = false) => {
+    _quaternion.copy(quaternion);
+    targetQuaternion.copy(_quaternion);
+    if (applyOffset) {
+      targetQuaternion.premultiply(offsetQuaternion);
+    }
+    targetRotationEntity.object3D.quaternion.slerp(targetQuaternion, window.interpolationSmoothing);
+  };
+  devicePair.addEventListener("deviceGameRotation", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Quaternion} */
+    const gameRotation = event.message.gameRotation;
+    //permuteQuaternion(gameRotation);
+    updateQuaternion(gameRotation, true);
+  });
+  devicePair.addEventListener("deviceRotation", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Quaternion} */
+    const rotation = event.message.rotation;
+    //permuteQuaternion(rotation);
+    updateQuaternion(rotation, true);
+  });
+  /** @type {TVector3} */
+  const orientationVector3 = new THREE.Vector3();
+  /** @type {TEuler} */
+  const orientationEuler = new THREE.Euler(0, 0, 0, "YXZ");
+  /** @type {TQuaternion} */
+  const orientationQuaternion = new THREE.Quaternion();
+  devicePair.addEventListener("deviceOrientation", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Euler} */
+    const orientation = event.message.orientation;
+    orientationVector3.set(orientation.pitch, orientation.heading, orientation.roll).multiplyScalar(Math.PI / 180);
+    orientationEuler.setFromVector3(orientationVector3);
+    orientationQuaternion.setFromEuler(orientationEuler);
+    updateQuaternion(orientationQuaternion);
+  });
+  /** @type {TVector3} */
+  const gyroscopeVector3 = new THREE.Vector3();
+  /** @type {TEuler} */
+  const gyroscopeEuler = new THREE.Euler();
+  /** @type {TQuaternion} */
+  const gyroscopeQuaternion = new THREE.Quaternion();
+  devicePair.addEventListener("deviceGyroscope", (event) => {
+    const device = event.message.device;
+    if (device.insoleSide != side) {
+      return;
+    }
+    /** @type {BS.Vector3} */
+    const gyroscope = event.message.gyroscope;
+    gyroscopeVector3.copy(gyroscope).multiplyScalar(Math.PI / 180);
+    gyroscopeEuler.setFromVector3(gyroscopeVector3);
+    gyroscopeQuaternion.setFromEuler(gyroscopeEuler);
+    updateQuaternion(gyroscopeQuaternion);
+  });
+}
+// SERVER
+const websocketClient = new BS.WebSocketClient();
+/** @type {HTMLButtonElement} */
+const toggleServerConnectionButton = document.getElementById("toggleServerConnection");
+toggleServerConnectionButton.addEventListener("click", () => {
+  websocketClient.toggleConnection();
+});
+websocketClient.addEventListener("isConnected", () => {
+  toggleServerConnectionButton.innerText = websocketClient.isConnected ? "disconnect from server" : "connect to server";
+});
+websocketClient.addEventListener("connectionStatus", () => {
+  let disabled;
+  switch (websocketClient.connectionStatus) {
+    case "notConnected":
+    case "connected":
+      disabled = false;
+      break;
+    case "connecting":
+    case "disconnecting":
+      disabled = true;
+      break;
+  }
+  toggleServerConnectionButton.disabled = disabled;
+});