finish up turbo and add stimulus.

Overlord-Server/public/assets/stimulus/application.js

@@ -0,0 +1,10 @@
+import { Application } from "/vendor/hotwired/stimulus.js";
+import SessionsController from "./controllers/sessions-controller.js";
+
+const application = Application.start();
+application.debug = false;
+application.register("sessions", SessionsController);
+
+window.OverlordStimulus = application;
+
+export { application };

Overlord-Server/public/assets/stimulus/controllers/sessions-controller.js

@@ -0,0 +1,45 @@
+import { Controller } from "/vendor/hotwired/stimulus.js";
+
+export default class extends Controller {
+  static targets = ["time"];
+
+  connect() {
+    this.updateTimes();
+    this.clock = window.setInterval(() => this.updateTimes(), 30_000);
+  }
+
+  disconnect() {
+    window.clearInterval(this.clock);
+  }
+
+  confirm(event) {
+    const message = event.currentTarget.dataset.confirmMessage;
+    if (message && !window.confirm(message)) {
+      event.preventDefault();
+    }
+  }
+
+  updateTimes() {
+    const now = Math.floor(Date.now() / 1000);
+    for (const element of this.timeTargets) {
+      const timestamp = Number(element.dataset.timestamp);
+      if (!Number.isFinite(timestamp) || timestamp <= 0) {
+        element.textContent = "—";
+        continue;
+      }
+
+      if (element.dataset.format === "relative") {
+        const difference = Math.max(0, now - timestamp);
+        element.textContent = difference < 60
+          ? "Just now"
+          : difference < 3_600
+            ? `${Math.floor(difference / 60)}m ago`
+            : difference < 86_400
+              ? `${Math.floor(difference / 3_600)}h ago`
+              : `${Math.floor(difference / 86_400)}d ago`;
+      } else {
+        element.textContent = new Date(timestamp * 1_000).toLocaleString();
+      }
+    }
+  }
+}