From 0f7546a4dcf7419f0f5e7b603e5907b912fb1200 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 6 Dec 2023 18:10:49 +0100
Subject: [PATCH] add error message if realtime service is not  reachable

---
 resources/views/layouts/base.blade.php | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 5c1536164..043c5c6a8 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -63,6 +63,29 @@
                 enableLogging: true,
                 enabledTransports: ['ws', 'wss'],
             });
+
+            if ("{{ auth()->user()->id }}" == 0) {
+                let checkPusherInterval = null;
+                let checkNumber = 0;
+                let errorMessage = "Coolify could not connect to the new realtime service introduced in beta.154.<br>Please check the related <a href='https://coolify.io/docs/cloudflare-tunnels' target='_blank'>documentation</a> or get help on <a href='https://coollabs.io/discord' target='_blank'>Discord</a>.";
+                checkPusherInterval = setInterval(() => {
+                    if (window.Echo) {
+                        if (window.Echo.connector.pusher.connection.state !== 'connected') {
+                            checkNumber++;
+                            if (checkNumber > 5) {
+                                clearInterval(checkPusherInterval);
+                                Livewire.emit('error', errorMessage);
+                            }
+                        } else {
+                           console.log('Coolify is now connected to the new realtime service introduced in beta.154.');
+                            clearInterval(checkPusherInterval);
+                        }
+                    } else {
+                        clearInterval(checkPusherInterval);
+                        Livewire.emit('error', errorMessage);
+                    }
+                }, 2000);
+            }
             @endauth
             let checkHealthInterval = null;
             let checkIfIamDeadInterval = null;