From 826a82aa1cddbd9a5b225632186ad98d7d71434d Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 31 Mar 2026 14:10:22 +0300
Subject: [PATCH] fix: unblock page rendering when Telegram CDN is unavailable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Google Fonts: non-render-blocking via media="print" onload trick
- telegram-web-app.js: load only inside Telegram environment
- Telegram SDK init: skip entirely outside Telegram
- Script load timeout: 8000ms → 2000ms for faster deep link fallback
- Email login form: expanded by default (80% of registrations)
---
 index.html                             | 23 ++++++++++++++++++++++-
 src/components/TelegramLoginButton.tsx |  2 +-
 src/main.tsx                           | 12 ++++++++++--
 src/pages/Login.tsx                    |  2 +-
 4 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 48ae829..6c22bd0 100644
--- a/index.html
+++ b/index.html
@@ -18,8 +18,29 @@
     <link
       href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap"
       rel="stylesheet"
+      media="print"
+      onload="this.media='all'"
     />
-    <script src="https://telegram.org/js/telegram-web-app.js" async></script>
+    <noscript>
+      <link
+        href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap"
+        rel="stylesheet"
+      />
+    </noscript>
+    <script>
+      // Load Telegram Web App script only inside Telegram environment
+      (function() {
+        var isTelegram = window.TelegramWebviewProxy ||
+          location.hash.indexOf('tgWebApp') !== -1 ||
+          location.search.indexOf('tgWebApp') !== -1;
+        if (isTelegram) {
+          var s = document.createElement('script');
+          s.src = 'https://telegram.org/js/telegram-web-app.js';
+          s.async = true;
+          document.head.appendChild(s);
+        }
+      })();
+    </script>
     <style>
       body {
         background-color: #0a0f1a;
diff --git a/src/components/TelegramLoginButton.tsx b/src/components/TelegramLoginButton.tsx
index 0bf5b1a..9ef5c49 100644
--- a/src/components/TelegramLoginButton.tsx
+++ b/src/components/TelegramLoginButton.tsx
@@ -14,7 +14,7 @@ interface TelegramLoginButtonProps {
   referralCode?: string;
 }
 
-const SCRIPT_LOAD_TIMEOUT_MS = 8000;
+const SCRIPT_LOAD_TIMEOUT_MS = 2000;
 const DEEPLINK_POLL_INTERVAL_MS = 2500;
 
 export default function TelegramLoginButton({ referralCode }: TelegramLoginButtonProps) {
diff --git a/src/main.tsx b/src/main.tsx
index 788e9e4..1619030 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -27,11 +27,16 @@ import { getCachedFullscreenEnabled, isTelegramMobile } from './hooks/useTelegra
 import './i18n';
 import './styles/globals.css';
 
-// HMR guard — prevent double init when Vite hot-reloads the module
+// Only initialize Telegram SDK when running inside Telegram
+const isTelegramEnv =
+  !!(window as unknown as Record<string, unknown>).TelegramWebviewProxy ||
+  location.hash.includes('tgWebApp') ||
+  location.search.includes('tgWebApp');
+
 const HMR_KEY = '__tg_sdk_initialized';
 const alreadyInitialized = (window as unknown as Record<string, unknown>)[HMR_KEY] === true;
 
-if (!alreadyInitialized) {
+if (isTelegramEnv && !alreadyInitialized) {
   (window as unknown as Record<string, unknown>)[HMR_KEY] = true;
 
   try {
@@ -77,6 +82,9 @@ if (!alreadyInitialized) {
 
     miniAppReady();
   } catch {}
+} else if (!isTelegramEnv) {
+  // Outside Telegram — still clear stale session tokens if any
+  clearStaleSessionIfNeeded(null);
 }
 
 if ('requestIdleCallback' in window) {
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index adf0f8b..e437ca3 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -64,7 +64,7 @@ export default function Login() {
   const [forgotPasswordSent, setForgotPasswordSent] = useState(false);
   const [forgotPasswordLoading, setForgotPasswordLoading] = useState(false);
   const [forgotPasswordError, setForgotPasswordError] = useState('');
-  const [showEmailForm, setShowEmailForm] = useState(() => !!referralCode);
+  const [showEmailForm, setShowEmailForm] = useState(true);
 
   // Telegram safe area insets
   const { safeAreaInset, contentSafeAreaInset } = useTelegramSDK();