UX: Replay when clicking "Start!" or "debug mode" on the popup

This change is useful when the user wants to restart the game with different configuration because: - He/She presses the start button by mistake before modifying the configuration - He/She wants to slow down or speed up for the next game after game over
igrep · May 5, 2024 · 31f0c70 · 31f0c70
1 parent 8b68dbb
commit 31f0c70
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/content.ts b/src/content.ts
@@ -1,4 +1,5 @@
 import { dragAndMoveBall, visualizeBlocks } from "~game/debug"
+import { replay } from "~game/end/gameOver"
 import { main } from "~game/main"
 import { getBlocks } from "~game/object/blocks"
 import {
@@ -43,6 +44,7 @@ chrome.runtime.onMessage.addListener(function(message) {
 
   // Check and mark as started only when the message is "start" or "test".
   if (started) {
+    replay(message.options)
     return
   }
   started = true

diff --git a/src/game/end/gameOver.ts b/src/game/end/gameOver.ts
@@ -82,7 +82,7 @@ function gameOver(blocks: Block[], options: StartOptions) {
   gameOverMessage.appendChild(replayButton)
 }
 
-function replay(options: StartOptions) {
+export function replay(options: StartOptions) {
   chrome.runtime.onMessage.addListener((message) => {
     if (isMessageReplayIsConfirmedOnBackgroundMessage(message)) {
       location.reload()