// ==UserScript==
// @name         查看关注的正在直播的主播
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  原介绍：“默认显示9个太少了，每次看也很麻烦”
// @author       芙蓉谷
// @match        https://*.bilibili.com/*
// @grant        GM_addStyle
// @connect      api.live.bilibili.com
// @grant        GM_xmlhttpRequest
// @grant        GM_getValue
// @grant        GM_setValue
// @run-at       document-start
// ==/UserScript==

(function() {
  const API_URL = "https://api.live.bilibili.com/xlive/web-ucenter/user/following";

  const settings = {
    maxLiveUsers: GM_getValue("setting.maxLiveUsers"),
    cooldownTime: GM_getValue("setting.cooldownTime"),
    maxPages: GM_getValue("setting.maxPages")
  };

  const fetchFollowingList = (page) => {
    return new Promise((resolve, reject) => {
      GM_xmlhttpRequest({
        url: `${API_URL}?page=${page}&page_size=29`,
        method: "GET",
        headers: { "cookie": document.cookie },
        onload: (xhr) => {
          const response = JSON.parse(xhr.responseText);
          resolve(response.data.list);
        },
        onerror: reject
      });
    });
  };

  const createLiveListDiv = () => {
    const div = document.createElement("div");
    div.className = 'upList';
    div.innerHTML = `
      <div class="upListHeader">
        <span class="upListTitle">正在直播</span>
        <button class="toggleButton">折叠</button>
      </div>
      <ol class="upListOl"></ol>
    `;
    document.body.append(div);

    const toggleButton = document.querySelector('.toggleButton');
    const upListOl = document.querySelector('.upListOl');

    toggleButton.addEventListener('click', () => {
      if (upListOl.style.display === 'none') {
        upListOl.style.display = 'block';
        div.style.height = '400px';
        toggleButton.textContent = '折叠';
      } else {
        upListOl.style.display = 'none';
        div.style.height = 'auto';
        toggleButton.textContent = '展开';
      }
    });
  };

  let currentIndex = 0; // 记录当前列表中的序号
  const addLiveUserToList = (user) => {
    const ol = document.querySelector(".upListOl");
    currentIndex++; // 每次添加时递增序号
    const li = document.createElement("li");
    li.innerHTML = `<span class="index">${currentIndex}.</span> <a href="${user.liveUrl}" target="_blank" class="uname">${user.username}</a>`;
    ol.appendChild(li);
  };

  const populateLiveList = async () => {
    let page = 1;
    let liveUsersCount = 0;
    while (page <= settings.maxPages && liveUsersCount < settings.maxLiveUsers) {
      const list = await fetchFollowingList(page);
      if (list.length === 0) break;

      list.forEach((item) => {
        if (item.live_status === 1 && liveUsersCount < settings.maxLiveUsers) {
          const liveUrl = `https://live.bilibili.com/${item.roomid}`;
          const username = item.uname;
          addLiveUserToList({ username, liveUrl });
          liveUsersCount++;
        }
      });

      page++;

      // 添加冷却时间
      await new Promise((resolve) => setTimeout(resolve, settings.cooldownTime));
    }
  };

  setTimeout(() => {
    createLiveListDiv();
    populateLiveList();
  }, 2000);

  GM_addStyle(`
    .upList {
      position: fixed;
      background: rgba(255, 255, 255, 0.95);
      top: 80px;
      right: 5px;
      width: 220px;
      height: 400px;
      overflow-y: auto;
      z-index: 999;
      border-radius: 15px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #333;
      padding: 10px;
      transition: height 0.3s ease-in-out;
    }
    .upListHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .upListTitle {
      font-size: 18px;
      font-weight: bold;
      color: #007aff;
    }
    .toggleButton {
      background: #007aff;
      color: white;
      border: none;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer;
      pointer-events: auto;
    }
    .toggleButton:hover {
      background: #005bb5;
    }
    .upListOl {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
    .upListOl li {
      display: flex;
      justify-content: space-between;
      padding: 10px 5px;
      border-bottom: 1px solid #eee;
    }
    .upListOl li:last-child {
      border-bottom: none;
    }
    .index {
      color: #999;
    }
    .uname {
      flex-grow: 1;
      margin-left: 5px;
      text-decoration: none;
      color: #007aff !important;
    }
    .uname:hover {
      text-decoration: underline;
    }
  `);

})();

/* ==UserConfig==
setting:
  maxLiveUsers:
    title: 最大正在直播主播数量
    description: 设置同时显示的正在直播主播数量
    type: number
    default: 10
    min: 1
    max: 100
  cooldownTime:
    title: 请求冷却时间（毫秒）
    description: 设置每次请求的冷却时间，防止频繁请求
    type: number
    default: 5000
    min: 100
    max: 10000
  maxPages:
    title: 最大请求页数
    description: 设置最大连续请求的页数，避免过多请求
    type: number
    default: 5
    min: 1
    max: 50
 ==/UserConfig== */