dualsense-ts 6.2.0 → 6.3.0

package/webhid_example/src/App.tsx

@@ -9,6 +9,7 @@ import {
   BatteryIndicator,
   MuteLedControls,
 } from "./hud";
+import { AudioIndicator } from "./hud/AudioIndicator";
 import { Debugger } from "./hud/Debugger";
 import { RightStick } from "./hud/RightStick";
 import { LeftShoulder, RightShoulder } from "./hud/ShoulderVisualization";
@@ -505,6 +506,7 @@ export const App = () => {
             <ControllerConnection />
             <BatteryIndicator />
             <MuteLedControls />
+            <AudioIndicator />
             <LightbarFadeButtons />
             {connected && (
               <>

package/webhid_example/src/hud/AudioIndicator.tsx

@@ -0,0 +1,114 @@
+import { useContext, useEffect, useState } from "react";
+import { Tag } from "@blueprintjs/core";
+
+import { ControllerContext } from "../Controller";
+
+export const AudioIndicator = () => {
+  const controller = useContext(ControllerContext);
+  const [mic, setMic] = useState(controller.microphone.state);
+  const [headphone, setHeadphone] = useState(controller.headphone.state);
+  const [connected, setConnected] = useState(controller.connection.state);
+
+  useEffect(() => {
+    controller.microphone.on("change", ({ state }) => setMic(state));
+    controller.headphone.on("change", ({ state }) => setHeadphone(state));
+    controller.connection.on("change", ({ state }) => setConnected(state));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  if (!connected) return null;
+  if (!mic && !headphone) return null;
+
+  let label: string;
+  if (mic && headphone) {
+    label = "Headset";
+  } else if (headphone) {
+    label = "Headphones";
+  } else {
+    label = "Mic";
+  }
+
+  const icon = (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="currentColor"
+      style={{ display: "block" }}
+    >
+      {headphone ? (
+        <>
+          {/* Headphone band */}
+          <path
+            d="M2 8 Q2 2 7 2 Q12 2 12 8"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="1.2"
+            strokeLinecap="round"
+          />
+          {/* Left ear cup */}
+          <rect x="1" y="7.5" width="2.5" height="4" rx="1" />
+          {/* Right ear cup */}
+          <rect x="10.5" y="7.5" width="2.5" height="4" rx="1" />
+          {/* Mic boom (only when mic is also connected) */}
+          {mic && (
+            <>
+              <line
+                x1="3"
+                y1="11"
+                x2="5"
+                y2="13"
+                stroke="currentColor"
+                strokeWidth="1.2"
+                strokeLinecap="round"
+              />
+              <circle cx="5.5" cy="13" r="1" />
+            </>
+          )}
+        </>
+      ) : (
+        <>
+          {/* Standalone microphone */}
+          <rect x="4.5" y="1" width="5" height="7" rx="2.5" />
+          <path
+            d="M2.5 6.5 Q2.5 11 7 11 Q11.5 11 11.5 6.5"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="1.2"
+            strokeLinecap="round"
+          />
+          <line
+            x1="7"
+            y1="11"
+            x2="7"
+            y2="13"
+            stroke="currentColor"
+            strokeWidth="1.2"
+            strokeLinecap="round"
+          />
+          <line
+            x1="5"
+            y1="13"
+            x2="9"
+            y2="13"
+            stroke="currentColor"
+            strokeWidth="1.2"
+            strokeLinecap="round"
+          />
+        </>
+      )}
+    </svg>
+  );
+
+  return (
+    <Tag minimal={true} intent="none" icon={icon} title={
+      mic && headphone
+        ? "Headset with microphone connected"
+        : headphone
+          ? "Headphones connected (no microphone)"
+          : "Microphone connected (no headphones)"
+    }>
+      {label}
+    </Tag>
+  );
+};

package/webhid_example/src/hud/index.tsx

@@ -2,6 +2,7 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from "./AudioIndicator";
 export * from "./BatteryIndicator";
 export * from "./BumperVisualization";
 export * from "./ControllerConnection";