more logs

Author: georgiy.rusanov

.github/workflows/ci.yml

@@ -139,6 +139,9 @@ jobs:
           echo "Testing realtime health check with auth"
           curl -v -H "apikey: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0" http://127.0.0.1:54321/realtime/v1/api/ping || echo "Realtime ping with auth failed"
 
+          echo "Testing realtime subscription endpoint"
+          curl -v -X POST -H "Content-Type: application/json" -H "apikey: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0" -d '{"channel":"test-channel","type":"broadcast"}' http://127.0.0.1:54321/realtime/v1/api/broadcast || echo "Realtime broadcast failed"
+
           docker ps --format '{{.Names}}'
 
           echo "docker logs"
@@ -147,17 +150,23 @@ jobs:
             docker logs --tail 20 $name || echo "No logs for $name"
           done
 
-          echo "Checking realtime container specifically..."
+          echo "Checking realtime container specifically"
           docker logs supabase_realtime_supabase-js --tail 50 || echo "No realtime logs"
 
-          echo "Checking Kong logs for WebSocket requests..."
+          echo "Checking Kong logs for WebSocket requests"
           docker logs supabase_kong_supabase-js --tail 20 || echo "No Kong logs"
 
+          echo "Checking if realtime service is properly configured"
+          docker exec supabase_realtime_supabase-js env | grep -E "(REALTIME|POSTGRES|JWT)" || echo "No realtime env vars found"
+
       - name: Build and test expo
         env:
           SUPABASE_URL: http://127.0.0.1:54321
           SUPABASE_ANON_KEY: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0
         run: |
+          echo "Waiting for Supabase services to be fully ready"
+          sleep 10
+
           npm clean-install
           npm run build
           PKG=$(npm pack)

examples/expo-app/__tests__/Index.test.tsx

@@ -17,11 +17,26 @@ describe('Index', () => {
     // Initially, the text should be empty
     expect(getByTestId('realtime_status')).toHaveTextContent('')
 
+    // Add some initial debugging
+    console.log('Component rendered, waiting for realtime status')
+
     // Wait for the subscription status to be updated
     await waitFor(
       () => {
         const status = getByTestId('realtime_status').props.children
         console.log('Current realtime status:', status)
+
+        // Add more debugging for CI
+        if (status === 'TIMED_OUT') {
+          console.log('Status is TIMED_OUT - this indicates a connection issue')
+        } else if (status === 'CHANNEL_ERROR') {
+          console.log('Status is CHANNEL_ERROR - this indicates a channel subscription issue')
+        } else if (status === 'CLOSED') {
+          console.log('Status is CLOSED')
+        } else if (!status) {
+          console.log('Status is empty')
+        }
+
         expect(status).toBe('SUBSCRIBED')
       },
       {
@@ -36,6 +51,7 @@ describe('Index', () => {
             '- SUPABASE_ANON_KEY:',
             process.env.SUPABASE_ANON_KEY ? 'present' : 'missing'
           )
+          console.error('the realtime connection failed')
           throw new Error(
             `Timeout waiting for SUBSCRIBED status. Current status: ${currentStatus}. ${error.message}`
           )

examples/expo-app/app/index.tsx

@@ -25,17 +25,55 @@ export default function Index() {
   useEffect(() => {
     console.log('Setting up realtime connection...')
     console.log('Realtime URL:', supabase.realtime.endPoint)
+    console.log('Realtime client:', supabase.realtime)
 
-    const channel = supabase.channel('realtime:public:todos')
+    // Check if we can access the WebSocket connection
+    try {
+      console.log('Realtime client properties:', Object.keys(supabase.realtime))
+      console.log(
+        'Realtime client methods:',
+        Object.getOwnPropertyNames(Object.getPrototypeOf(supabase.realtime))
+      )
+    } catch (error) {
+      console.log('Error accessing realtime client properties:', error)
+    }
+
+    // Use a simpler channel name for testing
+    const channel = supabase.channel('test-channel')
+
+    console.log('Created channel:', channel)
+    console.log('Channel state:', channel.state)
+
+    const subscription = channel.subscribe((status) => {
+      console.log('Realtime status callback received:', status)
+      console.log('Channel state after status:', channel.state)
+      console.log('Channel topic:', channel.topic)
 
-    channel.subscribe((status) => {
-      console.log('Realtime status:', status)
       // Show all statuses, not just SUBSCRIBED
       setRealtimeStatus(status)
     })
 
+    console.log('Subscription result:', subscription)
+
+    // Add a timeout to check if we're stuck
+    const timeoutId = setTimeout(() => {
+      console.log('Timeout check - Current realtime status:', realtimeStatus)
+      console.log('Timeout check - Channel state:', channel.state)
+      console.log('Timeout check - Channel topic:', channel.topic)
+
+      // Try to manually check the connection
+      try {
+        console.log('Attempting to check realtime connection manually...')
+        // This might help us understand what's happening
+        console.log('All channels:', supabase.getChannels())
+      } catch (error) {
+        console.log('Error checking channels:', error)
+      }
+    }, 5000)
+
     return () => {
       console.log('Cleaning up realtime connection...')
+      clearTimeout(timeoutId)
       channel.unsubscribe()
       supabase.realtime.disconnect()
     }