From 4b9da2d285f2dcaaf70db780412fb4d2ce1ae254 Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Sun, 19 Oct 2025 22:31:56 +1300
Subject: [PATCH] debug(demos): add console logging to diagnose initialization
 issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SUMMARY:
Added detailed console logging to pressure chart and activity timeline
components to help diagnose why demos aren't working on production.

CHANGES:

1. pressure-chart.js:
   - Log when script loads and document.readyState
   - Log whether waiting for DOMContentLoaded or initializing immediately
   - Log when container is found or not found
   - Log when instance is created

2. activity-timeline.js:
   - Same logging pattern as pressure-chart.js

DEBUGGING:
User reports demos not working. Logs will show:
- If scripts are loading
- If DOM is ready when scripts execute
- If containers are being found
- If instances are being created

Console output will help identify the failure point.

🤖 Generated with Claude Code (https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/js/components/activity-timeline.js | 7 +++++++
 public/js/components/pressure-chart.js    | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/public/js/components/activity-timeline.js b/public/js/components/activity-timeline.js
index 665f05a3..cea95db4 100644
--- a/public/js/components/activity-timeline.js
+++ b/public/js/components/activity-timeline.js
@@ -123,16 +123,23 @@ class ActivityTimeline {
 // Auto-initialize if container exists
 if (typeof window !== 'undefined') {
   function initActivityTimeline() {
+    console.log('[ActivityTimeline] Attempting to initialize, readyState:', document.readyState);
     const container = document.getElementById('activity-timeline');
     if (container) {
+      console.log('[ActivityTimeline] Container found, creating instance');
       window.activityTimeline = new ActivityTimeline('activity-timeline');
+    } else {
+      console.error('[ActivityTimeline] Container #activity-timeline not found in DOM');
     }
   }
 
   // Initialize immediately if DOM is already loaded, otherwise wait for DOMContentLoaded
+  console.log('[ActivityTimeline] Script loaded, readyState:', document.readyState);
   if (document.readyState === 'loading') {
+    console.log('[ActivityTimeline] Waiting for DOMContentLoaded');
     document.addEventListener('DOMContentLoaded', initActivityTimeline);
   } else {
+    console.log('[ActivityTimeline] DOM already loaded, initializing immediately');
     initActivityTimeline();
   }
 }
diff --git a/public/js/components/pressure-chart.js b/public/js/components/pressure-chart.js
index 32e1a123..1303a7fe 100644
--- a/public/js/components/pressure-chart.js
+++ b/public/js/components/pressure-chart.js
@@ -212,16 +212,23 @@ class PressureChart {
 // Auto-initialize if container exists
 if (typeof window !== 'undefined') {
   function initPressureChart() {
+    console.log('[PressureChart] Attempting to initialize, readyState:', document.readyState);
     const container = document.getElementById('pressure-chart');
     if (container) {
+      console.log('[PressureChart] Container found, creating instance');
       window.pressureChart = new PressureChart('pressure-chart');
+    } else {
+      console.error('[PressureChart] Container #pressure-chart not found in DOM');
     }
   }
 
   // Initialize immediately if DOM is already loaded, otherwise wait for DOMContentLoaded
+  console.log('[PressureChart] Script loaded, readyState:', document.readyState);
   if (document.readyState === 'loading') {
+    console.log('[PressureChart] Waiting for DOMContentLoaded');
     document.addEventListener('DOMContentLoaded', initPressureChart);
   } else {
+    console.log('[PressureChart] DOM already loaded, initializing immediately');
     initPressureChart();
   }
 }