// ==UserScript==
// @name         숲 멀티뷰 시청자 제거기
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  숲 생방송 시청자 목록을 가져오고 멀티뷰를 제거합니다.
// @author       asdi
// @match        https://play.sooplive.co.kr/*
// @grant        none
// @downloadURL none
// ==/UserScript==

(function () {
    'use strict';

    // 팝업창 생성
    const popup = document.createElement('div');
    popup.style.position = 'fixed';
    popup.style.top = '50%'; // 세로 중앙에 위치하도록
    popup.style.left = '0'; // 가로 왼쪽에 위치하도록
    popup.style.transform = 'translateY(-50%)'; // 세로 중앙 정렬
    popup.style.zIndex = '1000';
    popup.style.width = '350px';
    popup.style.padding = '15px';
    popup.style.backgroundColor = '#f8f9fa';
    popup.style.border = '1px solid #ccc';
    popup.style.borderRadius = '8px';
    popup.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.1)';
    popup.style.fontSize = '14px';
    popup.style.fontFamily = 'Arial, sans-serif';
    popup.style.color = '#333';

    popup.innerHTML = `
<div id="buttonContainer" style="display: flex; justify-content: space-between; margin-bottom: 10px;">
    <button id="getNickName" style="padding: 8px 12px; background-color: #007BFF; color: white; border: none; border-radius: 4px; cursor: pointer; flex: 1; margin-right: 5px;">시청자 목록 가져오기</button>
    <button id="totalViewerCount" style="padding: 8px 12px; background-color: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; flex: 1; margin-right: 5px;">멀티뷰 중복 제거</button>
    <button id="resetButton" style="padding: 8px 12px; background-color: #ffc107; color: #212529; border: none; border-radius: 4px; cursor: pointer; flex: 1; margin-right: 5px;">초기화</button>
    <button id="closePopup" style="padding: 8px 12px; background-color: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 12px;">닫기</button>
</div>
<div id="nicknameSection">
    <div id="nicknameDisplay" style="margin-top: 10px; padding: 10px; background-color: #e9ecef; border-radius: 4px; text-align: center; font-weight: bold;">닉네임이 여기에 표시됩니다.</div>
    <div id="nicknameResults" style="margin-top: 10px; padding: 10px; background-color: #d1e7dd; border-radius: 4px; font-size: 12px; white-space: pre-wrap;">결과가 여기에 표시됩니다.</div>
</div>
<hr style="margin: 15px 0; border-top: 1px solid #ddd;">
<div id="totalViewerSection">
    <div id="totalViewerResults" style="margin-top: 10px; padding: 10px; background-color: #d1e7dd; border-radius: 4px; font-size: 12px; white-space: pre-wrap;">결과가 여기에 표시됩니다.</div>
</div>
`;

    document.body.appendChild(popup);

    // 닫기 버튼 핸들러
    document.getElementById('closePopup').addEventListener('click', () => {
        document.body.removeChild(popup); // 팝업창 삭제
    });

    // userIdList에서 괄호 부분을 무시하고 중복 없는 아이디 리스트를 구하는 함수
    const getUniqueUserIdList = (userIdList) => {
        const uniqueUserIds = new Set();
        userIdList.forEach(userId => {
            const baseUserId = userId.replace(/\(\d+\)$/, '');
            uniqueUserIds.add(baseUserId);
        });
        return [...uniqueUserIds];
    };

    // 닉네임 가져오기 버튼 핸들러
    document.getElementById('getNickName').addEventListener('click', async () => {
        const nicknameElement = document.querySelector('a#infoNickName');
        const nicknameDisplay = document.getElementById('nicknameDisplay');
        const nicknameResults = document.getElementById('nicknameResults');

        if (nicknameElement) {
            const nickname = nicknameElement.textContent.trim();
            nicknameDisplay.textContent = `닉네임: ${nickname}`;

            try {
                liveView.Chat.chatUserListLayer.reconnect();
                liveView.playerController.sendChUser();

                const viewerText = document.getElementById('nAllViewer').textContent;
                const viewerNumber = parseInt(viewerText.replace(/,/g, ''));
                console.log('Viewer Number:', viewerNumber);

                // 3초 대기
                await new Promise(resolve => setTimeout(resolve, 3000));

                const userList = liveView.Chat.chatUserListLayer;
                const userIdList = [
                    ...Object.keys(userList.userListSeparatedByGrade.fan),
                    ...Object.keys(userList.userListSeparatedByGrade.manager),
                    ...Object.keys(userList.userListSeparatedByGrade.normal),
                    ...Object.keys(userList.userListSeparatedByGrade.subscription),
                    ...Object.keys(userList.userListSeparatedByGrade.vip)
                ];

                const uniqueUserIdList = getUniqueUserIdList(userIdList);
                console.log('Unique User ID List:', uniqueUserIdList);

                const loginRatio = (uniqueUserIdList.length / viewerNumber * 100).toFixed(2);
                const resultMessage = `${nickname} - 현재 시청자 수 : ${viewerNumber}, 중복 제거한 로그인 시청자 : ${uniqueUserIdList.length} (로그인 비율 : ${loginRatio}%)`;

                const nicknameResultsContent = document.getElementById('nicknameResults');
                const previousResults = nicknameResultsContent.textContent.trim();
                const updatedResults = previousResults ? previousResults + `\n\n${resultMessage}` : resultMessage;

                nicknameResultsContent.textContent = updatedResults;

                // localStorage에 저장
                const savedResults = localStorage.getItem('allResults') || '';
                localStorage.setItem('allResults', savedResults + `\n${resultMessage}`);
                localStorage.setItem(`uniqueUserIdList_${nickname}`, JSON.stringify(uniqueUserIdList));

            } catch (error) {
                console.error('Error:', error);
                nicknameResults.textContent = `Error: ${error.message}`;
            }
        } else {
            nicknameDisplay.textContent = '닉네임을 찾을 수 없습니다.';
        }
    });

    // 총 시청자 수 구하기 버튼 핸들러
    document.getElementById('totalViewerCount').addEventListener('click', () => {
        const totalViewerResults = document.getElementById('totalViewerResults');

        const nicknameKeys = Object.keys(localStorage).filter(key => key.startsWith('uniqueUserIdList_'));

        if (nicknameKeys.length > 0) {
            const uniqueViewerLists = [];
            const nicknames = [];
            let totalViewerNumber = 0;

            nicknameKeys.forEach(key => {
                const nickname = key.replace('uniqueUserIdList_', '');
                const uniqueUserIdList = JSON.parse(localStorage.getItem(key));

                uniqueViewerLists.push(new Set(uniqueUserIdList));
                nicknames.push(nickname);
                totalViewerNumber += uniqueUserIdList.length;
            });

            const unionSet = new Set();
            uniqueViewerLists.forEach(set => set.forEach(viewer => unionSet.add(viewer)));

            const multiViewExcludedCount = unionSet.size;
            const nicknameList = nicknames.join(', ');

            const idCounts = {};
            uniqueViewerLists.forEach(set => {
                set.forEach(viewer => {
                    idCounts[viewer] = (idCounts[viewer] || 0) + 1;
                });
            });

            const multiSetUsers = Object.keys(idCounts).filter(viewer => idCounts[viewer] > 1);
            const multiSetCount = multiSetUsers.length;

            const now = new Date();
            const formattedDate = `${now.getFullYear()}년 ${now.getMonth() + 1}월 ${now.getDate()}일 ${['일', '월', '화', '수', '목', '금', '토'][now.getDay()]} ${now.getHours()}:${now.getMinutes().toString().padStart(2, '0')}`;

            totalViewerResults.textContent = `집계 시각 : ${formattedDate}
${nicknameList} 의 멀티뷰 제외 로그인 시청자 수 : ${multiViewExcludedCount}명
( 멀티뷰 포함 : ${totalViewerNumber}, 멀티뷰 중인 시청자 수 : ${multiSetCount} )`;
        } else {
            totalViewerResults.textContent = '저장된 결과가 없습니다.';
        }
    });

    // 리셋 버튼 핸들러
    document.getElementById('resetButton').addEventListener('click', () => {
        localStorage.removeItem('allResults');
        Object.keys(localStorage).forEach(key => {
            if (key.startsWith('uniqueUserIdList_')) {
                localStorage.removeItem(key);
            }
        });

        document.getElementById('nicknameResults').textContent = '결과가 여기에 표시됩니다.';
        document.getElementById('totalViewerResults').textContent = '결과가 여기에 표시됩니다.';

        alert('모든 결과가 리셋되었습니다.');
    });

    // localStorage에서 저장된 모든 결과 가져오기
    const savedResults = localStorage.getItem('allResults');
    if (savedResults) {
        document.getElementById('nicknameResults').textContent = savedResults;
    }
})();