feat: add simple text power overlay (#291)

juaoose · web-flow · commit 6c335fc68cab · 2025-05-26T10:31:43.000-05:00
* feat: add simple text power overlay

The one we currently have doesnt use the power data but calculates it.
This uses the listener for power.

* chore: rename to units

* chore: reorganize

* chore: remove console log
diff --git a/public/cycling_power/w.html b/public/cycling_power/w.html
@@ -0,0 +1,25 @@
+<!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="power">0</span> watts</div>
+  <script>
+    const pullKey = new URLSearchParams(window.location.search).get("key");
+    RealtimeIRL.forPullKey(pullKey).addCyclingPowerListener(function (
+      data
+    ) {
+      if (!data) {
+        return;
+      }
+
+      document.getElementById("power").innerText = data > 0 ? data : 0;
+    });
+  </script>
+</body>
+
+</html>
