fix: update speed overlay references (#288)

juaoose · web-flow · commit b050ac32204d · 2025-05-22T08:09:03.000-07:00
* fix: update reference to kph

I didn't just update the overlay's filename as that would break peoples
setups.

* fix: update fix

* remove comment

* fix: add kmh copy
diff --git a/public/speed/kmh.html b/public/speed/kmh.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="https://cdn.jsdelivr.net/npm/@rtirl/api@latest/lib/index.min.js"></script>
+    <script defer src="../css.js"></script>
+  </head>
+  <body>
+    <div id="text"><span id="speed">0</span> km/h</div>
+    <script>
+      const pullKey = new URLSearchParams(window.location.search).get("key");
+      var timer;
+      RealtimeIRL.forPullKey(pullKey).addSpeedListener(function (speed) {
+
+        clearTimeout(timer); //don't reset to 0 if moving
+
+        const speedInKmh = (speed * 3.6) | 0;
+        document.getElementById("speed").innerText = speedInKmh > 0 ? speedInKmh : 0;
+
+        timer = setTimeout(() => { //reset to 0 if not moving for 30 sec
+          document.getElementById("speed").innerText = 0;
+        }, 30000);
+
+      });
+    </script>
+  </body>
+</html>
diff --git a/web-editor/src/screen/SpeedEditor.jsx b/web-editor/src/screen/SpeedEditor.jsx
@@ -20,6 +20,7 @@ function SpeedEditor({
   onTextStyleChange,
 }) {
   const [units, setUnits] = useState("mph");
+
   const url = `https://overlays.rtirl.com/speed/${units}.html?key=${pullKey.value}`;
 
   return (
