fix potentioal floating point errors before send, and snap in sliders

Author: LucHeart

src/lib/components/ControlModules/impl/CircleSlider.svelte

@@ -50,8 +50,12 @@
   let lastFraction: number | null = null;
 
   // --- helpers ---
+  const stepDecimals = $derived((step.toString().split('.')[1] ?? '').length);
+
   function snapValue(raw: number): number {
-    return clamp(Math.round((raw - min) / step) * step + min, min, max);
+    const steps = Math.round((raw - min) / step);
+    const snapped = +(steps * step + min).toFixed(stepDecimals);
+    return clamp(snapped, min, max);
   }
 
   function fractionFromEvent(event: PointerEvent) {

src/lib/signalr/serializers/Control.ts

@@ -6,7 +6,8 @@ export async function serializeControlMessages(connection: HubConnection, contro
     'ControlV2',
     controls.map((control) => ({
       ...control,
-      duration: control.duration * 1000,
+      intensity: Math.round(control.intensity),
+      duration: Math.round(control.duration * 1000),
     })),
     null
   );

src/routes/shares/public/[shareId=guid]/ControlView.svelte

@@ -48,7 +48,12 @@
   }
 
   function publicCtrl(id: string, type: ControlType, intensity: number, duration: number) {
-    control({ id, type, intensity, duration: duration * 1000 });
+    control({
+      id,
+      type,
+      intensity: Math.round(intensity),
+      duration: Math.round(duration * 1000),
+    });
   }
 
   const shareId = $derived(page.params.shareId);