formatting

sdk/commands/inputs.ts

@@ -7,7 +7,7 @@ export type EachSensor<T> = {
   left: T;
 };
 
-export type PanelName = keyof EachPanel<any>;
+export type PanelName = keyof EachPanel<unknown>;
 
 export type EachPanel<T> = {
   up_left: T;

sdk/commands/sensor_test.ts

@@ -135,7 +135,7 @@ export class SMXPanelTestData {
     /**
      * These are 16-bit signed integers for the sensor values.
      * These are signed as they can be negative, but I imagine them going
-     * negative is just kind of noise from the hardware. 
+     * negative is just kind of noise from the hardware.
      */
     this.sensor_level = {
       left: data.sensors[0],

ui/stage/fsr-panel.tsx

@@ -15,26 +15,10 @@ export function FsrPanel(props: EnabledProps) {
         active: props.active,
       })}
     >
-      <Fsr
-        className="top horiz"
-        badInput={bad_sensor_input.up}
-        value={sensor_level.up}
-      />
-      <Fsr
-        className="right vert"
-        badInput={bad_sensor_input.right}
-        value={sensor_level.right}
-      />
-      <Fsr
-        className="bottom horiz"
-        badInput={bad_sensor_input.down}
-        value={sensor_level.down}
-      />
-      <Fsr
-        className="left vert"
-        badInput={bad_sensor_input.left}
-        value={sensor_level.left}
-      />
+      <Fsr className="top horiz" badInput={bad_sensor_input.up} value={sensor_level.up} />
+      <Fsr className="right vert" badInput={bad_sensor_input.right} value={sensor_level.right} />
+      <Fsr className="bottom horiz" badInput={bad_sensor_input.down} value={sensor_level.down} />
+      <Fsr className="left vert" badInput={bad_sensor_input.left} value={sensor_level.left} />
     </div>
   );
 }

ui/stage/simple-pad.tsx

@@ -27,7 +27,7 @@ export function SimplePad({ dev }: Props) {
             panelStates.down_right,
           ]);
         }),
-    [dev]
+    [dev],
   );
 
   return (

ui/stage/stage-test.tsx

@@ -1,23 +1,14 @@
 import { useAtomValue, type Atom } from "jotai";
 import { useEffect, useState } from "react";
-import type {
-  SMXPanelTestData,
-  SMXSensorTestData,
-} from "../../sdk/commands/sensor_test";
+import type { SMXPanelTestData, SMXSensorTestData } from "../../sdk/commands/sensor_test";
 import { requestTestData } from "../pad-coms";
 import { FsrPanel } from "./fsr-panel";
 import { SmxStage } from "../../sdk";
-import {
-  StageInputs,
-  type EachPanel,
-  type PanelName,
-} from "../../sdk/commands/inputs";
+import { StageInputs, type EachPanel, type PanelName } from "../../sdk/commands/inputs";
 import { HID_REPORT_INPUT_STATE } from "../../sdk/packet";
 
 function useInputState(dev: HIDDevice | undefined) {
-  const [panelStates, setPanelStates] = useState<
-    EachPanel<boolean> | undefined
-  >();
+  const [panelStates, setPanelStates] = useState<EachPanel<boolean> | undefined>();
   useEffect(() => {
     if (!dev) return;
     function handleInputReport(e: HIDInputReportEvent) {
@@ -67,10 +58,7 @@ export function StageTest({
     return null;
   }
 
-  const entries = Object.entries(testData.panels) as [
-    PanelName,
-    SMXPanelTestData
-  ][];
+  const entries = Object.entries(testData.panels) as [PanelName, SMXPanelTestData][];
 
   return (
     <div className="pad">

ui/state.ts

@@ -31,4 +31,4 @@ export const statusText$ = atom(
 );
 
 /** write-only atom. write to this to append a line to statusText */
-export const nextStatusTextLine$ = atom(null, (_, set, line: string) => set(statusText$, (prev) => prev + "\n" + line));
+export const nextStatusTextLine$ = atom(null, (_, set, line: string) => set(statusText$, (prev) => `${prev}\n${line}`));

ui/ui.tsx

@@ -14,7 +14,7 @@ export function UI() {
         devices.map((device) => {
           console.log(`Found device: ${device.productName}`);
           open_smx_device(device);
-        })
+        }),
       );
     }
   }, []);
@@ -32,11 +32,7 @@ export function UI() {
 
 function PickDeviceButton() {
   return (
-    <button
-      type="button"
-      disabled={!browserSupported}
-      onClick={promptSelectDevice}
-    >
+    <button type="button" disabled={!browserSupported} onClick={promptSelectDevice}>
       Pick device...
     </button>
   );