Initial implementation of Bluetooth toy control app

Next.js app with a browser-side buttplug/buttplug-wasm control layer (server never touches real-time device commands), SQLite storage via Drizzle, single-secret auth, recordings/replay with device remapping, a usage stats dashboard, Docker deployment, and Gitea CI. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01W8WkFF5ppURBAB918593Eb
2026-08-25 07:51:38 +02:00
commit 1119c8eea0
112 changed files with 15522 additions and 0 deletions
@@ -0,0 +1,48 @@
+"use client";
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { ActuatorSlider } from "./ActuatorSlider";
+import type { ConnectedDeviceInfo } from "@/lib/buttplug/types";
+
+interface DeviceCardProps {
+  device: ConnectedDeviceInfo;
+  actuatorValues: Record<number, number>;
+  transmittingFeatureIndex: number | null;
+  onActuatorChange: (featureIndex: number, value: number) => void;
+  onStop: () => void;
+}
+
+export function DeviceCard({
+  device,
+  actuatorValues,
+  transmittingFeatureIndex,
+  onActuatorChange,
+  onStop,
+}: DeviceCardProps) {
+  return (
+    <Card className="bp-glass">
+      <CardHeader className="flex flex-row items-center justify-between">
+        <CardTitle>{device.displayName ?? device.name}</CardTitle>
+        <Button variant="outline" size="sm" onClick={onStop}>
+          Stop
+        </Button>
+      </CardHeader>
+      <CardContent className="flex flex-col gap-4">
+        {device.actuators.length === 0 ? (
+          <p className="text-sm text-muted-foreground">No controllable actuators reported.</p>
+        ) : (
+          device.actuators.map((actuator) => (
+            <ActuatorSlider
+              key={actuator.featureIndex}
+              actuator={actuator}
+              value={actuatorValues[actuator.featureIndex] ?? 0}
+              transmitting={transmittingFeatureIndex === actuator.featureIndex}
+              onChange={(value) => onActuatorChange(actuator.featureIndex, value)}
+            />
+          ))
+        )}
+      </CardContent>
+    </Card>
+  );
+}