From 702531c24c25f30157aabd9da3b47e29894e9b1e Mon Sep 17 00:00:00 2001
From: Mudita <smudita900@gmail.com>
Date: Fri, 22 May 2026 14:08:20 +0530
Subject: [PATCH] fix(typing-speed-tester): resolve ReferenceError load crash
 and visibility collision

---
 web-app/js/projects.js                     | 105 ++++++++-------------
 web-app/js/projects/typing-speed-tester.js |   4 +-
 web-app/utilities.html                     |   2 +
 3 files changed, 44 insertions(+), 67 deletions(-)

diff --git a/web-app/js/projects.js b/web-app/js/projects.js
index b6192b5..3d7d98e 100644
--- a/web-app/js/projects.js
+++ b/web-app/js/projects.js
@@ -1,4 +1,4 @@
-// Project Registry
+// Project Registry
 // Each project's HTML and logic lives in its own file under js/projects/
 
 function getProjectHTML(projectName) {
@@ -49,34 +49,7 @@ function getProjectHTML(projectName) {
     }
 }
 
-function initializeProject(projectName) {
-    const initializers = {
-        'rock-paper-scissor': initRockPaperScissor,
-        'dice-rolling': initDiceRolling,
-        'coin-flip': initCoinFlip,
-        'blackjack-21' : initBlackjack,
-        'number-guessing': initNumberGuessing,
-        'hangman': initHangman,
-        'flames': initFlames,
-        'fibonacci': initFibonacci,
-        'progression-recognizer': initProgressionRecognizer,
-        'pascal-triangle': initPascalTriangle,
-        'armstrong': initArmstrong,
-        'calculator': initCalculator,
-        'collatz': initCollatz,
-        'prime-analyzer': initPrimeAnalyzer,
-        'projectile-motion': initProjectileMotion,
-        'coordinate-polar-transform': initCoordinatePolarTransform,
-        'derivative-calculator': initDerivativeCalculator,
-        'morse-code': initMorseCode,
-        'tower-of-hanoi': initTowerOfHanoi,
-        '2048-game': init2048Game // Added explicit mapped hook definition binding reference
-    };
-    
-    if (initializers[projectName]) {
-        initializers[projectName]();
-    }
-}
+
 
 // ============================================
 // ROCK PAPER SCISSORS
@@ -3739,44 +3712,46 @@ function getProductivePetHTML() {
 
 function initializeProject(projectName) {
     const initializers = {
-        'tic-tac-toe': initTicTacToe,
-        'rock-paper-scissor': initRockPaperScissor,
-        'dice-rolling': initDiceRolling,
-        'coin-flip': initCoinFlip,
-        'number-guessing': initNumberGuessing,
-        'hangman': initHangman,
-        'word-scramble': initWordScramble,
-        'flames': initFlames,
-        'dots-boxes': initDotsBoxes,
-        'emoji-memory': initEmojiMemoryGame,
-        'fibonacci': initFibonacci,
-        'progression-recognizer': initProgressionRecognizer,
-        'pascal-triangle': initPascalTriangle,
-        'armstrong': initArmstrong,
-        'calculator': initCalculator,
-        'collatz': initCollatz,
-        'prime-analyzer': initPrimeAnalyzer,
-        'projectile-motion': initProjectileMotion,
-        'coordinate-polar-transform': initCoordinatePolarTransform,
-        'derivative-calculator': initDerivativeCalculator,
-        'morse-code': initMorseCode,
-        'tower-of-hanoi': initTowerOfHanoi,
-        'number-converter': initNumberConverter,
-        'typing-speed-tester': initTypingSpeedTester,
-        'snake-game': initSnakeGame,
-        'password-forge': initPasswordForge, // Register Password Forge initializer
-        'spot-the-difference': initSpotTheDifference,
-        'whack-a-mole': initWhackaMole,
-        'flappy-game': initFlappyGame,
-        'productive-pet': initProductivePet,
-        'simon-says': initSimonSays,
-        '2048-game': init2048Game,
-        'color-palette': initColorPalette, 
-        'math-quiz': initMathQuiz,
+        'tic-tac-toe': 'initTicTacToe',
+        'rock-paper-scissor': 'initRockPaperScissor',
+        'dice-rolling': 'initDiceRolling',
+        'coin-flip': 'initCoinFlip',
+        'blackjack-21': 'initBlackjack',
+        'number-guessing': 'initNumberGuessing',
+        'hangman': 'initHangman',
+        'word-scramble': 'initWordScramble',
+        'flames': 'initFlames',
+        'dots-boxes': 'initDotsBoxes',
+        'emoji-memory': 'initEmojiMemoryGame',
+        'fibonacci': 'initFibonacci',
+        'progression-recognizer': 'initProgressionRecognizer',
+        'pascal-triangle': 'initPascalTriangle',
+        'armstrong': 'initArmstrong',
+        'calculator': 'initCalculator',
+        'collatz': 'initCollatz',
+        'prime-analyzer': 'initPrimeAnalyzer',
+        'projectile-motion': 'initProjectileMotion',
+        'coordinate-polar-transform': 'initCoordinatePolarTransform',
+        'derivative-calculator': 'initDerivativeCalculator',
+        'morse-code': 'initMorseCode',
+        'tower-of-hanoi': 'initTowerOfHanoi',
+        'number-converter': 'initNumberConverter',
+        'typing-speed-tester': 'initTypingSpeedTester',
+        'snake-game': 'initSnakeGame',
+        'password-forge': 'initPasswordForge',
+        'spot-the-difference': 'initSpotTheDifference',
+        'whack-a-mole': 'initWhackaMole',
+        'flappy-game': 'initFlappyGame',
+        'productive-pet': 'initProductivePet',
+        'simon-says': 'initSimonSays',
+        '2048-game': 'init2048Game',
+        'color-palette': 'initColorPalette',
+        'math-quiz': 'initMathQuiz'
     };
     
-    if (initializers[projectName]) {
-        initializers[projectName]();
+    const initializerName = initializers[projectName];
+    if (initializerName && typeof window[initializerName] === 'function') {
+        window[initializerName]();
     }
 }
 
diff --git a/web-app/js/projects/typing-speed-tester.js b/web-app/js/projects/typing-speed-tester.js
index 8cb161d..28e55de 100644
--- a/web-app/js/projects/typing-speed-tester.js
+++ b/web-app/js/projects/typing-speed-tester.js
@@ -27,7 +27,7 @@ function getTypingSpeedTesterHTML() {
 
             <button
                 id="startTypingBtn"
-                class="btn-play"
+                class="btn-tester-action"
                 style="
                     margin-bottom: 20px;
                     font-weight: 700;
@@ -45,7 +45,7 @@ function getTypingSpeedTesterHTML() {
 
             <button
                 id="newSentenceBtn"
-                class="btn-play"
+                class="btn-tester-action"
                 style="
                     margin-bottom: 20px;
                     margin-left: 10px;
diff --git a/web-app/utilities.html b/web-app/utilities.html
index 1b2ea6d..89e0a7e 100644
--- a/web-app/utilities.html
+++ b/web-app/utilities.html
@@ -223,6 +223,8 @@ <h2 id="modalDialogTitle" class="modal-dialog-title visually-hidden" tabindex="-
     <script src="js/projects/tower-of-hanoi.js"></script>
     <script src="js/projects/math-quiz.js"></script>
     <script src="js/projects/simon-says.js"></script>
+    <script src="js/projects/number-converter.js"></script>
+    <script src="js/projects/typing-speed-tester.js"></script>
     <script src="js/projects.js"></script>
     <script src="js/main.js"></script>