fix: refresh mini app login state

src/GmRelay.Web/Components/App.razor

@@ -24,12 +24,30 @@
     <ReconnectModal />
     <script src="@Assets["_framework/blazor.web.js"]"></script>
     <script>
-        (function () {
-            if (window.Telegram && window.Telegram.WebApp && window.Telegram.WebApp.initData) {
-                var webApp = window.Telegram.WebApp;
-                document.body.classList.add('telegram-mini-app');
-                webApp.ready();
+        window.waitForTelegramMiniAppInitData = async function (timeoutMs) {
+            var deadline = Date.now() + (timeoutMs || 3000);
+
+            while (Date.now() <= deadline) {
+                if (window.Telegram && window.Telegram.WebApp && window.Telegram.WebApp.initData) {
+                    return window.Telegram.WebApp;
+                }
+
+                await new Promise(function (resolve) {
+                    setTimeout(resolve, 100);
+                });
             }
+
+            return null;
+        };
+
+        (async function () {
+            var webApp = await window.waitForTelegramMiniAppInitData(1000);
+            if (!webApp) {
+                return;
+            }
+
+            document.body.classList.add('telegram-mini-app');
+            webApp.ready();
         })();
 
         window.loadTelegramWidget = function (botUsername, authUrl) {
@@ -46,12 +64,58 @@
             container.appendChild(script);
         };
 
+        window.watchTelegramMiniAppLogin = function (statusUrl, redirectUrl) {
+            if (window.gmRelayMiniAppLoginWatcher) {
+                return;
+            }
+
+            var stopWatching = function () {
+                if (window.gmRelayMiniAppLoginWatcher) {
+                    window.clearInterval(window.gmRelayMiniAppLoginWatcher);
+                    window.gmRelayMiniAppLoginWatcher = null;
+                }
+            };
+
+            var checkLogin = async function () {
+                try {
+                    var response = await fetch(statusUrl, {
+                        credentials: 'same-origin',
+                        cache: 'no-store'
+                    });
+
+                    if (!response.ok) {
+                        return;
+                    }
+
+                    var payload = await response.json();
+                    if (payload.authenticated) {
+                        stopWatching();
+                        window.location.href = redirectUrl || '/';
+                    }
+                } catch (error) {
+                    return;
+                }
+            };
+
+            window.gmRelayMiniAppLoginWatcher = window.setInterval(checkLogin, 1000);
+            window.addEventListener('focus', function () {
+                void checkLogin();
+            });
+            document.addEventListener('visibilitychange', function () {
+                if (!document.hidden) {
+                    void checkLogin();
+                }
+            });
+
+            void checkLogin();
+        };
+
         window.authenticateTelegramMiniApp = async function (authUrl, redirectUrl) {
-            if (!window.Telegram || !window.Telegram.WebApp || !window.Telegram.WebApp.initData) {
+            var webApp = await window.waitForTelegramMiniAppInitData(3000);
+            if (!webApp) {
                 return false;
             }
 
-            var webApp = window.Telegram.WebApp;
             document.body.classList.add('telegram-mini-app');
             webApp.ready();
             webApp.expand();