From e04936c6372fd7a65ced7314570b7130f82f1b6a Mon Sep 17 00:00:00 2001
From: josedario87 <71241187+josedario87@users.noreply.github.com>
Date: Tue, 10 Jun 2025 00:02:09 -0600
Subject: [PATCH] chore(debug): add logs for realtime feed

---
 ui/src/stores/useRealtime.js      | 4 ++++
 ui/src/views/RealtimeFeedView.vue | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui/src/stores/useRealtime.js b/ui/src/stores/useRealtime.js
index 55cb36d..d344046 100644
--- a/ui/src/stores/useRealtime.js
+++ b/ui/src/stores/useRealtime.js
@@ -41,11 +41,15 @@ export const useRealtimeStore = defineStore('realtime', {
               ...payload,
               receivedAt: new Date().toISOString(),
             };
+            console.log('🔄 Adding realtime event', event);
             this.events.unshift(event);
+            console.log('📊 Events in feed:', this.events.length);
           };
           if (document.startViewTransition) {
+            console.log('🎬 Using View Transition API for new event');
             document.startViewTransition(addEvent);
           } else {
+            console.log('⚠️ View Transition API not supported');
             addEvent();
           }
 
diff --git a/ui/src/views/RealtimeFeedView.vue b/ui/src/views/RealtimeFeedView.vue
index aca7a60..e822db2 100644
--- a/ui/src/views/RealtimeFeedView.vue
+++ b/ui/src/views/RealtimeFeedView.vue
@@ -1,10 +1,17 @@
 <script setup>
-import { onMounted } from 'vue'
+import { onMounted, watch } from 'vue'
 import { useRealtimeStore } from '@/stores/useRealtime'
 import RealtimeEventCard from '@/components/realtime/RealtimeEventCard.vue'
 
 const realtime = useRealtimeStore()
 
+watch(
+  () => realtime.events.length,
+  (newLen, oldLen) => {
+    console.log(`📈 Feed length changed: ${oldLen} -> ${newLen}`)
+  }
+)
+
 onMounted(() => {
   realtime.init()
 })