Hello world

First open source release of Campfire 🎉

app/javascript/controllers/rooms_list_controller.js

@@ -0,0 +1,65 @@
+import { Controller } from "@hotwired/stimulus"
+import { cable } from "@hotwired/turbo-rails"
+import { ignoringBriefDisconnects } from "helpers/dom_helpers"
+
+export default class extends Controller {
+  static targets = [ "room" ]
+  static classes = [ "unread" ]
+
+  #disconnected = true
+
+  async connect() {
+    this.channel ??= await cable.subscribeTo({ channel: "UnreadRoomsChannel" }, {
+      connected: this.#channelConnected.bind(this),
+      disconnected: this.#channelDisconnected.bind(this),
+      received: this.#unread.bind(this)
+    })
+  }
+
+  disconnect() {
+    ignoringBriefDisconnects(this.element, () => {
+      this.channel?.unsubscribe()
+      this.channel = null
+    })
+  }
+
+  loaded() {
+    this.read({ detail: { roomId: Current.room.id } })
+  }
+
+  read({ detail: { roomId } }) {
+    const room = this.#findRoomTarget(roomId)
+
+    if (room) {
+      room.classList.remove(this.unreadClass)
+      this.dispatch("read", { detail: { targetId: roomId } })
+    }
+  }
+
+  #channelConnected() {
+    if (this.#disconnected) {
+      this.#disconnected = false
+      this.element.reload()
+    }
+  }
+
+  #channelDisconnected() {
+    this.#disconnected = true
+  }
+
+  #unread({ roomId }) {
+    const unreadRoom = this.#findRoomTarget(roomId)
+
+    if (unreadRoom) {
+      if (Current.room.id != roomId) {
+        unreadRoom.classList.add(this.unreadClass)
+      }
+
+      this.dispatch("unread", { detail: { targetId: unreadRoom.id } })
+    }
+  }
+
+  #findRoomTarget(roomId) {
+    return this.roomTargets.find(roomTarget => roomTarget.dataset.roomId == roomId)
+  }
+}