From 8ddc2af15b9223d736a3f80edc508fc3c995fd1a Mon Sep 17 00:00:00 2001
From: Stephanie Gredell <s.raide@gmail.com>
Date: Thu, 21 Aug 2025 12:14:14 -0700
Subject: [PATCH] canvas state

---
 static/difficulty-select.html       | 13 -------------
 static/index.html                   | 15 ---------------
 static/states/CanvasState.js        |  2 --
 static/states/CanvasStateMachine.js |  4 ----
 static/states/ConnectionState.js    |  6 ------
 static/success.html                 |  2 --
 6 files changed, 42 deletions(-)

diff --git a/static/difficulty-select.html b/static/difficulty-select.html
index 1e57e67..d8d1d3b 100644
--- a/static/difficulty-select.html
+++ b/static/difficulty-select.html
@@ -607,19 +607,6 @@
                 window.location.href = '/game-modes';
             }
         });
-
-        // Add hover sound effects (you'd need actual audio files)
-        document.querySelectorAll('.difficulty-card').forEach(card => {
-            card.addEventListener('mouseenter', () => {
-                // Play hover sound
-                console.log('🔊 Hover sound effect');
-            });
-            
-            card.addEventListener('click', () => {
-                // Play click sound
-                console.log('🔊 Click sound effect');
-            });
-        });
     </script>
 </body>
 </html>
diff --git a/static/index.html b/static/index.html
index 6c87e3d..9fda959 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1020,21 +1020,6 @@
         </footer>
 
         <script>
-        // Form handling
-        document.getElementById('betaForm').addEventListener('submit', function(e) {
-            e.preventDefault();
-            const email = this.querySelector('input[type="email"]').value;
-
-            // Simulate API call
-            setTimeout(() => {
-                document.getElementById('successMessage').style.display = 'block';
-                this.style.display = 'none';
-
-                // Track conversion (in real app, send to analytics)
-                console.log('Beta signup:', email);
-            }, 500);
-        });
-
         // Smooth scrolling
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {
diff --git a/static/states/CanvasState.js b/static/states/CanvasState.js
index 8ae403f..473e30e 100644
--- a/static/states/CanvasState.js
+++ b/static/states/CanvasState.js
@@ -12,7 +12,6 @@ export class CanvasState {
      */
     enter(app) {
         // Override in concrete states
-        console.log(`Entering ${this.constructor.name}`);
     }
 
     /**
@@ -21,7 +20,6 @@ export class CanvasState {
      */
     exit(app) {
         // Override in concrete states
-        console.log(`Exiting ${this.constructor.name}`);
     }
 
     /**
diff --git a/static/states/CanvasStateMachine.js b/static/states/CanvasStateMachine.js
index bbc0db6..46a7b8f 100644
--- a/static/states/CanvasStateMachine.js
+++ b/static/states/CanvasStateMachine.js
@@ -31,12 +31,10 @@ export class CanvasStateMachine {
         const newState = this.states[stateName];
         
         if (!newState) {
-            console.error(`Unknown state: ${stateName}`);
             return;
         }
         
         if (this.currentState === newState) {
-            console.log(`Already in ${stateName} state`);
             return;
         }
         
@@ -50,8 +48,6 @@ export class CanvasStateMachine {
         this.currentState = newState;
         this.currentState.enter(this.app);
         
-        console.log(`State transition: ${previousState?.getStateName() || 'none'} -> ${newState.getStateName()}`);
-        
         // Notify any listeners about state change
         this.onStateChanged(previousState, newState);
     }
diff --git a/static/states/ConnectionState.js b/static/states/ConnectionState.js
index 6c36429..cc27a4a 100644
--- a/static/states/ConnectionState.js
+++ b/static/states/ConnectionState.js
@@ -50,13 +50,11 @@ export class ConnectionState extends CanvasState {
             // First click - start connection
             app.connectionStart = node;
             node.group.classList.add('selected');
-            console.log('Connection started from:', node.type);
             
         } else if (app.connectionStart === node) {
             // Clicked same node - cancel connection
             app.connectionStart.group.classList.remove('selected');
             app.connectionStart = null;
-            console.log('Connection cancelled');
             
         } else {
             // Second click - complete connection
@@ -69,7 +67,6 @@ export class ConnectionState extends CanvasState {
     handleNodeDoubleClick(app, node) {
         // In connection mode, double-click does nothing
         // Properties panel is disabled in this state
-        console.log('Properties panel disabled in connection mode');
     }
 
     handleCanvasClick(app, event) {
@@ -77,7 +74,6 @@ export class ConnectionState extends CanvasState {
         if (app.connectionStart) {
             app.connectionStart.group.classList.remove('selected');
             app.connectionStart = null;
-            console.log('Connection cancelled by canvas click');
         }
         
         // Don't clear node selections in connection mode
@@ -101,8 +97,6 @@ export class ConnectionState extends CanvasState {
         Connection.tlsCheckbox.checked = false;
         Connection.capacityInput.value = '1000';
         Connection.modal.style.display = 'block';
-        
-        console.log(`Connection setup: ${startNode.type} -> ${endNode.type}`);
     }
 
     getCursor() {
diff --git a/static/success.html b/static/success.html
index c655b01..7ea1556 100644
--- a/static/success.html
+++ b/static/success.html
@@ -648,8 +648,6 @@ input[name="tab"] {
           window.location.href = '/game-modes';
         }
       });
-
-      console.log("✅ SYSTEM SUCCESS SCREEN DISPLAYED");
     </script>
   </div>
 </body>