Make comments cache-safe

app/javascript/application.js

@@ -1,4 +1,5 @@
 // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
 import "@hotwired/turbo-rails"
 import "extensions"
+import "initializers"
 import "controllers"

app/javascript/controllers/thread_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static classes = [ "myComment" ]
+
+  connect() {
+    this.#myComments.forEach(comment => comment.classList.add(this.myCommentClass))
+  }
+
+  get #myComments() {
+    return this.element.querySelectorAll(`.comment[data-creator-id='${Current.user.id}']`)
+  }
+}

app/javascript/initializers/current.js

@@ -0,0 +1,15 @@
+class Current {
+  get user() {
+    const currentUserId = this.#extractContentFromMetaTag("current-user-id")
+
+    if (currentUserId) {
+      return { id: parseInt(currentUserId) }
+    }
+  }
+
+  #extractContentFromMetaTag(name) {
+    return document.head.querySelector(`meta[name="${name}"]`)?.getAttribute("content")
+  }
+}
+
+window.Current = new Current()

app/javascript/initializers/index.js

@@ -0,0 +1 @@
+import "initializers/current"