fix for handling messages

src/js/app.js

@@ -80,6 +80,14 @@ async function initialize() {
         [config.FLIC_ACTIONS.DOUBLE_CLICK]: playerManager.previousPlayer,
         [config.FLIC_ACTIONS.HOLD]: gameActions.togglePauseResume,
     };
+    
+    // Log the registered handlers for debugging
+    console.log("Registering Flic action handlers:", {
+        "SingleClick": config.FLIC_ACTIONS.SINGLE_CLICK,
+        "DoubleClick": config.FLIC_ACTIONS.DOUBLE_CLICK,
+        "Hold": config.FLIC_ACTIONS.HOLD
+    });
+    
     serviceWorkerManager.setFlicActionHandlers(flicActionHandlers);
 
     // 8. Setup Service Worker (which also initializes Flic)

src/js/services/pushFlicIntegration.js

@@ -250,7 +250,7 @@ export function handleFlicAction(action, buttonId, timestamp, batteryLevel) {
     console.log(`[PushFlic] Received Action: ${action} from Button: ${buttonId} battery: ${batteryLevel}% at ${timestamp}`);
     
     // Check if battery is below threshold and show warning if needed
-    if (batteryLevel < FLIC_BATTERY_THRESHOLD) {
+    if (batteryLevel !== undefined && batteryLevel < FLIC_BATTERY_THRESHOLD) {
         showBatteryWarning(batteryLevel);
     }
 
@@ -262,12 +262,19 @@ export function handleFlicAction(action, buttonId, timestamp, batteryLevel) {
 
     // Find the registered handler for this action
     const handler = actionHandlers[action];
+    
     if (handler && typeof handler === 'function') {
         console.log(`[PushFlic] Executing handler for ${action}`);
-        // Execute the handler registered in app.js
-        handler(); // Use the handler function directly instead of hardcoded function calls
+        try {
+            // Execute the handler registered in app.js
+            handler();
+            // Log success
+            console.log(`[PushFlic] Successfully executed handler for ${action}`);
+        } catch (error) {
+            console.error(`[PushFlic] Error executing handler for ${action}:`, error);
+        }
     } else {
-        console.warn(`[PushFlic] No handler registered for action: ${action}`);
+        console.warn(`[PushFlic] No handler registered for action: ${action}. Available handlers:`, Object.keys(actionHandlers));
     }
 }
 

src/js/services/serviceWorkerManager.js

@@ -55,18 +55,18 @@ export function setupServiceWorker(messageHandler) {
         // Set up global message event listener on window object
         window.addEventListener('message', handleServiceWorkerMessage);
         
+        // Listen for messages FROM the Service Worker
+        // This is the main way messages from the service worker are received
+        navigator.serviceWorker.addEventListener('message', messageHandler);
+        
         window.addEventListener('load', () => {
             navigator.serviceWorker.register('/sw.js')
                 .then(registration => {
                     console.log('ServiceWorker registered successfully.');
-
-                    // Listen for messages FROM the Service Worker
-                    navigator.serviceWorker.addEventListener('message', messageHandler);
                     
                     // Add an event listener that will work with service worker controlled clients
                     if (navigator.serviceWorker.controller) {
                         console.log('Service worker already controlling the page, setting up message listener');
-                        navigator.serviceWorker.controller.addEventListener('message', messageHandler);
                     }
 
                     // Initialize Flic integration
@@ -80,10 +80,6 @@ export function setupServiceWorker(messageHandler) {
         // Listen for SW controller changes
         navigator.serviceWorker.addEventListener('controllerchange', () => {
             console.log('Service Worker controller changed, potentially updated.');
-            // Re-attach event listener to the new controller
-            if (navigator.serviceWorker.controller) {
-                navigator.serviceWorker.controller.addEventListener('message', messageHandler);
-            }
         });
 
     } else {