From 467e3bf6cab1383d49b6295872413514db370892 Mon Sep 17 00:00:00 2001
From: Amal Thiru <adthiru@amazon.com>
Date: Thu, 11 Jun 2026 06:10:59 +0000
Subject: [PATCH 1/2] chore: snapshot for release readiness review

---
 tetris.html | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 91 insertions(+)
 create mode 100644 tetris.html
diff --git a/tetris.html b/tetris.html
new file mode 100644
index 0000000..eb96c91
--- /dev/null
+++ b/tetris.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Tetris</title>
+    <style>
+        canvas { border: 2px solid #333; display: block; margin: 20px auto; }
+        body { background: #111; text-align: center; color: #fff; font-family: monospace; }
+    </style>
+</head>
+<body>
+    <h1>Tetris</h1>
+    <canvas id="board" width="200" height="400"></canvas>
+    <p>Arrow keys to move, Up to rotate</p>
+    <script>
+        const canvas = document.getElementById('board');
+        const ctx = canvas.getContext('2d');
+        const COLS = 10, ROWS = 20, SZ = 20;
+        const COLORS = ['#0ff','#00f','#f90','#ff0','#0f0','#90f','#f00'];
+
+        const PIECES = [
+            [[1,1,1,1]],
+            [[1,0,0],[1,1,1]],
+            [[0,0,1],[1,1,1]],
+            [[1,1],[1,1]],
+            [[0,1,1],[1,1,0]],
+            [[0,1,0],[1,1,1]],
+            [[1,1,0],[0,1,1]]
+        ];
+
+        let board = Array.from({length: ROWS}, () => Array(COLS).fill(0));
+        let piece, px, py, color;
+
+        function spawn() {
+            const i = Math.floor(Math.random() * PIECES.length);
+            piece = PIECES[i];
+            color = COLORS[i];
+            px = Math.floor((COLS - piece[0].length) / 2);
+            py = 0;
+        }
+
+        function valid(p, x, y) {
+            return p.every((row, dy) => row.every((v, dx) =>
+                !v || (x+dx >= 0 && x+dx < COLS && y+dy < ROWS && !board[y+dy]?.[x+dx])
+            ));
+        }
+
+        function merge() {
+            piece.forEach((row, dy) => row.forEach((v, dx) => {
+                if (v) board[py+dy][px+dx] = color;
+            }));
+        }
+
+        function clear() {
+            board = board.filter(row => row.some(c => !c));
+            while (board.length < ROWS) board.unshift(Array(COLS).fill(0));
+        }
+
+        function draw() {
+            ctx.fillStyle = '#000';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            board.forEach((row, y) => row.forEach((c, x) => {
+                if (c) { ctx.fillStyle = c; ctx.fillRect(x*SZ, y*SZ, SZ-1, SZ-1); }
+            }));
+            piece.forEach((row, dy) => row.forEach((v, dx) => {
+                if (v) { ctx.fillStyle = color; ctx.fillRect((px+dx)*SZ, (py+dy)*SZ, SZ-1, SZ-1); }
+            }));
+        }
+
+        function drop() {
+            if (valid(piece, px, py+1)) { py++; }
+            else { merge(); clear(); spawn(); if (!valid(piece, px, py)) { board = Array.from({length: ROWS}, () => Array(COLS).fill(0)); } }
+            draw();
+        }
+
+        document.addEventListener('keydown', e => {
+            if (e.key === 'ArrowLeft' && valid(piece, px-1, py)) px--;
+            if (e.key === 'ArrowRight' && valid(piece, px+1, py)) px++;
+            if (e.key === 'ArrowDown') drop();
+            if (e.key === 'ArrowUp') {
+                const rotated = piece[0].map((_, i) => piece.map(r => r[i]).reverse());
+                if (valid(rotated, px, py)) piece = rotated;
+            }
+            draw();
+        });
+
+        spawn();
+        draw();
+        setInterval(drop, 500);
+    </script>
+</body>
+</html>

From bf47b6d5dc7bf9fcb377ce2c2d5b8208fe24b8e0 Mon Sep 17 00:00:00 2001
From: Amal Thiru <adthiru@amazon.com>
Date: Thu, 11 Jun 2026 06:25:26 +0000
Subject: [PATCH 2/2] fix: Address issues identified by release readiness
 review

- Add preventDefault() to keyboard handler to prevent page scrolling
- Scope event listener to canvas element instead of document
- Make canvas focusable with tabindex and auto-focus on load
---
 tetris.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/tetris.html b/tetris.html
index eb96c91..cfda37d 100644
--- a/tetris.html
+++ b/tetris.html
@@ -9,7 +9,7 @@
 </head>
 <body>
     <h1>Tetris</h1>
-    <canvas id="board" width="200" height="400"></canvas>
+    <canvas id="board" width="200" height="400" tabindex="0"></canvas>
     <p>Arrow keys to move, Up to rotate</p>
     <script>
         const canvas = document.getElementById('board');
@@ -72,7 +72,8 @@ <h1>Tetris</h1>
             draw();
         }
 
-        document.addEventListener('keydown', e => {
+        canvas.addEventListener('keydown', e => {
+            e.preventDefault();
             if (e.key === 'ArrowLeft' && valid(piece, px-1, py)) px--;
             if (e.key === 'ArrowRight' && valid(piece, px+1, py)) px++;
             if (e.key === 'ArrowDown') drop();
@@ -84,6 +85,7 @@ <h1>Tetris</h1>
         });
 
         spawn();
+        canvas.focus();
         draw();
         setInterval(drop, 500);
     </script>
