console.log('window.ethereum', window.ethereum)
const config = useRuntimeConfig()
const projectId = config.public.projectId || ''
const appkitNetworks = networks
const wagmiAdapter = getWagmiAdapter(projectId)


// 🔥 check Telegram  
const isTelegramBrowser = () => {
    if (import.meta.server) return false;

    const userAgent = navigator.userAgent.toLowerCase();
    const url = window.location.href;

    
    const checks = {
        // iOS Telegram
        hasWebApp: !!window.Telegram?.WebApp,
        hasPlatform: !!window.Telegram?.WebApp?.platform,
        hasInitData: !!window.Telegram?.WebApp?.initData,
        hasVersion: !!window.Telegram?.WebApp?.version,

        // Android Telegram
        hasWebviewProxy: !!window.TelegramWebviewProxy,
        hasWebview: !!window.TelegramWebview,
        hasTelegramGlobal: !!window.__telegram,

        // User Agent check（Android and iOS ） 
        userAgentTelegram: userAgent.includes('telegram'),
        userAgentTgBot: userAgent.includes('tgbot'),
        userAgentTelegramBot: userAgent.includes('telegrambot'),
        userAgentTgOwt: userAgent.includes('tg_owt'),
        userAgentAndroid: userAgent.includes('android') && userAgent.includes('telegram'),

        // URL 
        urlTgWebAppData: url.includes('tgWebAppData'),
        urlTgWebAppStartParam: url.includes('tgWebAppStartParam'),
        urlTelegram: url.includes('telegram'),
        urlTgParam: url.includes('tg_'),

        // Referrer 
        referrerTelegram: document.referrer?.toLowerCase().includes('telegram'),

        // Android Telegram 
        hasAndroidWebView: userAgent.includes('wv') && userAgent.includes('android'),
        hasSpecialHeaders: !!document.querySelector('meta[name="telegram-webapp"]'),

         
        hasInlineBot: !!document.querySelector('[data-telegram-inline-bot]'),

        
        inIframe: window.self !== window.top,

      
        hasTelegramTheme: getComputedStyle(document.documentElement).getPropertyValue('--tg-theme-bg-color') !== ''
    };

   
    const trueCount = Object.values(checks).filter(Boolean).length;
    console.log('🎯  count:', trueCount, '/ ', Object.keys(checks).length); 

     
    const isAndroid = userAgent.includes('android');
    const isIOS = userAgent.includes('iphone') || userAgent.includes('ipad') || userAgent.includes('ios');

    let isTelegram = false;

    if (isIOS) {
       
        isTelegram = checks.hasWebApp ||
            checks.hasPlatform ||
            checks.hasInitData ||
            checks.hasVersion ||
            checks.userAgentTelegram ||
            checks.urlTgWebAppData ||
            checks.urlTgWebAppStartParam ||
            checks.urlTelegram ||
            checks.referrerTelegram ||
            trueCount >= 1; 
        console.log('📱 iOS Telegram :', isTelegram);
        console.log('📱 iOS :', {
            hasWebApp: checks.hasWebApp,
            hasPlatform: checks.hasPlatform,
            hasInitData: checks.hasInitData,
            hasVersion: checks.hasVersion,
            userAgentTelegram: checks.userAgentTelegram,
            urlTgWebAppData: checks.urlTgWebAppData,
            urlTelegram: checks.urlTelegram,
            referrerTelegram: checks.referrerTelegram
        });
    } else if (isAndroid) {

        isTelegram = trueCount >= 1 ||
            checks.hasWebviewProxy ||
            checks.userAgentTelegram ||
            checks.urlTgWebAppData ||
            checks.hasAndroidWebView ||
            checks.inIframe;
        console.log('🤖 Android Telegram :', isTelegram);
    } else {
        // PC and other 
        isTelegram = trueCount >= 1; // 🔥 
        console.log('💻 Desktop Telegram :', isTelegram);
    }

    // 🔥 If automatic detection fails, check for manual enforcement mode
    if (!isTelegram) {
        const urlParams = new URLSearchParams(window.location.search);
        const forceMode = urlParams.get('telegram') === 'true' ||
            urlParams.get('tg') === 'true' ||
            localStorage.getItem('force_telegram_mode') === 'true';

        if (forceMode) {
            console.log('🔧 Telegram mode'); 
            isTelegram = true;
        }
    }

    return isTelegram;
};



const isInTelegram = isTelegramBrowser();
console.log('🔍 AppKit Telegram :', isInTelegram);


createAppKit({
    adapters: [wagmiAdapter, solanaWeb3JsAdapter],
    networks: appkitNetworks,
    projectId,
    metadata: {
        name: 'Dapp Game',
        description: 'A Dapp Game',
        url: 'http://localhost/',
        icons: ['https://avatars.githubusercontent.com/u/179229932?s=200&v=4']
    },
    features: {
        email: false,
        socials: false,
        emailShowWallets: false,
        swaps: false,
    },
    allowUnsupportedChain: true,
    termsConditionsUrl: "https://luckyx.gitbook.io/luckyx/feng-xian-yu-he-gui/fu-wu-tiao-kuan",

    // 🔥
    ...(isInTelegram && {
        enableMobile: true,
        enableDesktop: false,
        walletConnectOptions: {
            qrModalOptions: {
                mobileWallets: [
                    {
                        id: 'metamask',
                        name: 'MetaMask',
                        links: {
                            native: '',
                            universal: 'https://metamask.app.link/dapp/' + window.location.host
                        }
                    }
                ]
            },
            enableMobileWalletSelection: true,
            mobileWalletConnectUri: (uri: string) => {
                console.log('🔗 WalletConnect URI:', uri);
                return `https://metamask.app.link/wc?uri=${encodeURIComponent(uri)}`;
            }
        },
        connectorImages: {
            metamask: 'https://avatars.githubusercontent.com/u/11744586?s=200&v=4'
        }
    })
})