[WIP] Fake games for real reasons

app/controllers/game_landing_controller.rb

@@ -0,0 +1,21 @@
+class GameLandingController < ApplicationController
+  include StudentAuthentication
+
+  layout "embed", only: :embed
+
+  def show
+    @game = Game.find(params[:id])
+    @game_attempt_token = GameAttempt.generate_token(student_id: current_student.id, game_id: @game.id)
+
+    logger.info("game attempt token: #{{ game_attempt_token: @game_attempt_token, student_id: current_student.id, game_id: @game.id }}")
+  end
+
+  def embed
+    @game = Game.find(params[:id])
+  end
+
+  private
+
+  def current_student = Current.student
+  helper_method :current_student
+end

app/javascript/controllers/quiz_controller.js

@@ -0,0 +1,73 @@
+import { Controller } from "@hotwired/stimulus"
+
+const QUESTIONS = [
+  { text: "The sky is blue.", answer: true },
+  { text: "Fish can breathe air out of water.", answer: false },
+  { text: "The earth orbits the sun.", answer: true }
+]
+
+export default class extends Controller {
+  static targets = ["root"]
+  static values = { startUrl: String, finishUrl: String }
+
+  connect() {
+    this.token = new URLSearchParams(window.location.search).get("token")
+    this.questionIndex = 0
+    this.correctCount = 0
+    this.started = false
+    this.renderQuestion()
+  }
+
+  renderQuestion() {
+    const question = QUESTIONS[this.questionIndex]
+    this.rootTarget.innerHTML = `
+      <p class="text-2xl p-8 border-2">${question.text}</p>
+      <div class="mt-4 space-x-4">
+        <button type="button" data-answer="true" class="bg-green-800 text-white px-4 py-2 rounded">True</button>
+        <button type="button" data-answer="false" class="bg-red-800 text-white px-4 py-2 rounded">False</button>
+      </div>
+    `
+    this.rootTarget.querySelectorAll("button").forEach((button) => {
+      button.addEventListener("click", () => this.answer(button.dataset.answer === "true"))
+    })
+  }
+
+  async answer(value) {
+    if (!this.started) {
+      this.started = true
+      await this.post(this.startUrlValue)
+    }
+
+    if (value === QUESTIONS[this.questionIndex].answer) this.correctCount += 1
+
+    this.questionIndex += 1
+    if (this.questionIndex < QUESTIONS.length) {
+      this.renderQuestion()
+    } else {
+      await this.finish()
+    }
+  }
+
+  async finish() {
+    const outcome = this.correctCount === QUESTIONS.length ? "pass" : "fail"
+
+    await this.post(this.finishUrlValue, {
+      game_attempt: { outcome, score: this.correctCount }
+    })
+
+    this.rootTarget.innerHTML = `<p>You scored ${this.correctCount} out of ${QUESTIONS.length}.</p>`
+  }
+
+  async post(url, extraParams = {}) {
+    const csrfToken = document.querySelector("meta[name='csrf-token']")?.content
+
+    await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-CSRF-Token": csrfToken
+      },
+      body: JSON.stringify({ token: this.token, ...extraParams })
+    })
+  }
+}

app/views/game_landing/embed.html.erb

@@ -0,0 +1,7 @@
+<%= tag.div data: {
+      controller: "quiz",
+      quiz_start_url_value: start_game_attempts_path,
+      quiz_finish_url_value: finish_game_attempts_path
+    } do %>
+  <div data-quiz-target="root"></div>
+<% end %>

app/views/game_landing/show.html.erb

@@ -0,0 +1,7 @@
+<% content_for(:title, @game.title) %>
+
+<h1 class="text-xl font-bold mb-4"><%= @game.title %></h1>
+
+<%= tag.iframe src: embed_game_path(@game, token: @game_attempt_token),
+                class: "w-full h-[600px] border-0",
+                title: @game.title %>

app/views/layouts/embed.html.erb

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title><%= content_for(:title) || "Endsideout" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

config/routes.rb

@@ -26,6 +26,12 @@
 
   resource :student_session, only: %i[new create destroy]
   resources :student_homes, only: %i[index]
+  resources :games, only: [] do
+    member do
+      get :play, to: "game_landing#show"
+      get :embed, to: "game_landing#embed"
+    end
+  end
   resources :classroom_rosters, only: %i[show], param: :uuid
   resources :game_attempts, only: [] do
     collection do

test/controllers/game_landing_controller_test.rb

@@ -0,0 +1,33 @@
+require "test_helper"
+
+class GameLandingControllerTest < ActionDispatch::IntegrationTest
+  setup do
+    @student = students(:one)
+    @game = games(:one)
+    student_sign_in_as @student
+  end
+
+  test "unauthenticated request redirects to student login" do
+    student_sign_out
+    get play_game_url(@game)
+    assert_redirected_to new_student_session_url
+  end
+
+  test "show generates a game attempt token and embeds the game" do
+    get play_game_url(@game)
+    assert_response :success
+
+    iframe_src = assert_select("iframe").first["src"]
+    token = Rack::Utils.parse_nested_query(URI(iframe_src).query)["token"]
+    assert_equal(
+      { "student_id" => @student.id, "game_id" => @game.id },
+      GameAttempt.verify_token(token)
+    )
+  end
+
+  test "embed renders the quiz mount point" do
+    get embed_game_url(@game, token: "some-token")
+    assert_response :success
+    assert_select "[data-controller='quiz']"
+  end
+end

test/fixtures/game_attempts.yml

@@ -1,7 +1,6 @@
 # Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
 
 one:
-  score: 1
   outcome: completed
   started_at: 2026-08-29 11:53:38
   finished_at: 2026-08-29 11:53:38
@@ -10,7 +9,6 @@ one:
   token: onetoken
 
 two:
-  score: 1
   outcome: expired
   started_at: 2026-08-29 11:53:38
   finished_at: 2026-08-29 11:53:38