// ==UserScript==

// @name         소프트콘 실청자 계산기 (비정상 표시 추가)

// @description  숲 시청자에 피모비율 적용, 정렬 및 PC 비율 과다 시 비정상 표시

// @namespace    https://tampermonkey.net/

// @version      1.2.0

// @license      MIT

// @match        *://viewership.softc.one/*

// @grant        none

// ==/UserScript==

(function () {

    'use strict';

    // 설정 값

    const OFFICIAL_PC = 30;

    const OFFICIAL_MOBILE = 70;

    const ABNORMAL_THRESHOLD = 30; // PC 비율이 몇 %를 넘으면 '비정상'으로 띄울지 설정

    };

    const AFREECA_SELECTOR = 'a[href^="/channel/afreeca/"]';

    let obs = null;

    let cooldown = false;

    const parseIntStrict = (txt) => (txt || '').replace(/[^0-9]/g, '') * 1 || 0;

    const extractTwoPercents = (txt) => {

        const m = txt.match(/(\d+)\s*%/g);

        return m?.length >= 2 ? m.map(v => parseInt(v)).slice(0, 2) : null;

    };

    const calcRealTotal = (total, pcPct, mobilePct, targetPc, targetMobile) => {

        const realMobile = total * (mobilePct / 100);

        const estPC = realMobile * (targetPc / targetMobile);

        return Math.round(realMobile + estPC);

    };

    // "비정상" 배지 엘리먼트 생성 함수

    const createAbnormalBadge = () => {

        const badge = document.createElement('span');

        badge.textContent = '비정상';

        badge.style.backgroundColor = '#ef4444'; // 빨간색 (Tailwind red-500)

        badge.style.color = 'white';

        badge.style.fontSize = '11px';

        badge.style.padding = '1px 4px';

        badge.style.borderRadius = '4px';

        badge.style.marginRight = '5px';

        badge.style.fontWeight = 'bold';

        badge.style.verticalAlign = 'middle';

        return badge;

    };

    const findLiveRankingContainer = () => {

        const headers = Array.from(document.querySelectorAll('h2, h3, h4'));

        for (const h of headers) {

            if (/실시간\s*방송/i.test(h.textContent)) {

                const next = h.nextElementSibling;

                if (next && next.querySelector('a[href^="/channel/"]')) return next;

            }

        }

        return document.querySelector('div.text-sm.font-medium.flex.flex-col.gap-2.justify-center');

    };

    const processCard = (a) => {

        if (!a) return;

        const wrap = a.querySelector('.flex.flex-col.pr-2.leading-none.gap-1');

        if (!wrap) return;

        const viewerDiv = wrap.querySelector('div.font-bold, div.text-right');

        if (!viewerDiv) return;

        let text = viewerDiv.textContent.replace(/\(\s*\d[\d,]*\s*명?\s*\)/g, '').replace(/[^\d,]/g, '').trim();

        const total = parseIntStrict(text);

        if (!total) return;

        let score = total;

        if (a.matches(AFREECA_SELECTOR)) {

            const href = a.getAttribute('href') || '';

            const streamerId = href.split('/').pop();

            let targetPc = OFFICIAL_PC;

            let targetMobile = OFFICIAL_MOBILE;

            if (CUSTOM_RATIOS[streamerId]) {

                targetPc = CUSTOM_RATIOS[streamerId].pc;

                targetMobile = CUSTOM_RATIOS[streamerId].mobile;

            }

            const divs = wrap.querySelectorAll('div');

            let ratioDiv = null;

            for (const d of divs) {

                if (d.querySelectorAll('svg').length >= 2 && d.textContent.includes('%')) {

                    ratioDiv = d;

                    break;

                }

            }

            if (ratioDiv) {

                const perc = extractTwoPercents(ratioDiv.textContent);

                if (perc) {

                    if (viewerDiv.textContent.includes('→')) return;

                    const [pc, mobile] = perc;

                    const real = calcRealTotal(total, pc, mobile, targetPc, targetMobile);

                    score = real;

                    if (!viewerDiv.hasAttribute('data-realviewer-added')) {

                        const spanNode = viewerDiv.querySelector('span');

                        if (!spanNode) return;

                        const origText = viewerDiv.childNodes[0]?.textContent.trim() || '';

                        viewerDiv.textContent = '';

                        // 1. PC 비율이 임계값을 넘으면 비정상 배지 추가

                        if (pc > ABNORMAL_THRESHOLD) {

                            viewerDiv.appendChild(createAbnormalBadge());

                        }

                        // 2. 기존 시청자수 (흐리게)

                        const oldSpan = document.createElement('span');

                        oldSpan.className = 'text-xs opacity-70';

                        oldSpan.textContent = `${origText} →`;

                        viewerDiv.appendChild(oldSpan);

                        // 3. 계산된 실청자수

                        const realText = document.createTextNode(` ${real.toLocaleString()}`);

                        viewerDiv.appendChild(realText);

                        // 4. '명' 단위

                        const newSpan = spanNode.cloneNode(true);

                        viewerDiv.appendChild(newSpan);

                        viewerDiv.setAttribute('data-realviewer-added', '1');

                    }

                }

            }

        }

        a.dataset.realScore = score;

    };

    const restartObserver = () => {

        if (cooldown) return;

        cooldown = true;

        setTimeout(() => {

            if (obs) obs.observe(document.body, { childList: true, subtree: true });

            cooldown = false;

        }, 1000);

    };

    const scanAndSort = () => {

        const container = findLiveRankingContainer();

        if (!container) return;

        if (obs) obs.disconnect();

        const cards = Array.from(container.querySelectorAll('a[href^="/channel/"]'));

        if (!cards.length) {

            restartObserver();

            return;

        }

        cards.forEach(processCard);

        const sorted = cards.sort((a, b) => {

            const va = parseInt(a.dataset.realScore || 0);

            const vb = parseInt(b.dataset.realScore || 0);

            return vb - va;

        });

        const moreBtn = container.querySelector('button.font-bold.flex.justify-center');

        if (moreBtn) moreBtn.remove();

        sorted.forEach((el, i) => {

            const rankDiv = el.querySelector('div.w-3.text-center');

            if (rankDiv) rankDiv.textContent = (i + 1).toString();

            container.appendChild(el);

        });

        if (moreBtn) container.appendChild(moreBtn);

        restartObserver();

    };

    obs = new MutationObserver((mutations) => {

        const added = mutations.flatMap(m => Array.from(m.addedNodes)).filter(n => n.nodeType === 1);

        if (added.length) {

            if (scanAndSort._raf) cancelAnimationFrame(scanAndSort._raf);

            scanAndSort._raf = requestAnimationFrame(scanAndSort);

        }

    });

    obs.observe(document.body, { childList: true, subtree: true });

    setTimeout(scanAndSort, 1500);

})();