First

app/javascript/application.js

@@ -0,0 +1,3 @@
+// Entry point for the build script in your package.json
+import "@hotwired/turbo-rails"
+import "./controllers"

app/javascript/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }

app/javascript/controllers/hello_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.element.textContent = "Hello World!"
+  }
+}

app/javascript/controllers/index.js

@@ -0,0 +1,11 @@
+// This file is auto-generated by ./bin/rails stimulus:manifest:update
+// Run that command whenever you add a new controller or create them with
+// ./bin/rails generate stimulus controllerName
+
+import { application } from "./application"
+
+import HelloController from "./hello_controller"
+application.register("hello", HelloController)
+
+import ListingPuzzleController from "./listing_puzzle_controller"
+application.register("listing-puzzle", ListingPuzzleController)

app/javascript/controllers/listing_puzzle_controller.js

@@ -0,0 +1,33 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["hintPanel", "progress"]
+
+  connect() {
+    this.clickCount = 0
+
+    console.info("[Forecourt QA] Local review tools remain mounted at /admin.")
+    console.debug("[Forecourt QA] One payload on this page is encoded for transport, not encrypted.")
+  }
+
+  tapLogo() {
+    this.clickCount += 1
+
+    if (this.hasProgressTarget) {
+      this.progressTarget.textContent = `${Math.min(this.clickCount, 5)}/5`
+    }
+
+    if (this.clickCount >= 5) {
+      this.hintPanelTarget.classList.remove("hidden")
+    }
+  }
+
+  dismissHint() {
+    this.clickCount = 0
+    this.hintPanelTarget.classList.add("hidden")
+
+    if (this.hasProgressTarget) {
+      this.progressTarget.textContent = "0/5"
+    }
+  }
+}