☰

Greasy Fork is available in English.

Linux do Level Enhanced

Enhanced script to track progress towards next trust level on linux.do with added search functionality, adjusted posts read limit, and a breathing icon animation.

  1. // ==UserScript==
  2. // @name         Linux do Level Enhanced
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.8
  5. // @description  Enhanced script to track progress towards next trust level on linux.do with added search functionality, adjusted posts read limit, and a breathing icon animation.
  6. // @author       Reno, Hua, NullUser
  7. // @icon         https://www.google.com/s2/favicons?domain=linux.do
  8. // @match        https://linux.do/*
  9. // @connect      connect.linux.do
  10. // @grant       GM_xmlhttpRequest
  11. // @license      MIT
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.     const StyleManager = {
  18.         styles: `
  19.             @keyframes breathAnimation {
  20.                 0%, 100% { transform: scale(1); box-shadow: 0 0 10px rgba(0,0,0,0.15); }
  21.                 50% { transform: scale(1.1); box-shadow: 0 0 20px rgba(0,0,0,0.3); }
  22.             }
  23.             .breath-animation {
  24.                 animation: breathAnimation 3s ease-in-out infinite;
  25.             }
  26.             .minimized {
  27.                 border-radius: 50%;
  28.                 cursor: pointer;
  29.                 transition: transform 0.3s ease, box-shadow 0.3s ease;
  30.                 width: 50px;
  31.                 height: 50px;
  32.                 display: flex;
  33.                 justify-content: center;
  34.                 align-items: center;
  35.                 background: var(--minimized-bg);
  36.                 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  37.             }
  38.             .minimized:hover {
  39.                 transform: scale(1.1);
  40.                 box-shadow: 0 0 15px rgba(0,0,0,0.3);
  41.             }
  42.             .linuxDoLevelPopup {
  43.                 position: fixed;
  44.                 width: 250px;
  45.                 height: auto;
  46.                 background: var(--popup-bg);
  47.                 box-shadow: 0 8px 30px rgba(0,0,0,0.1);
  48.                 padding: 15px;
  49.                 z-index: 10000;
  50.                 font-size: 14px;
  51.                 border-radius: 15px;
  52.                 cursor: move;
  53.                 transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  54.             }
  55.             .linuxDoLevelPopup.hidden {
  56.                 opacity: 0;
  57.                 visibility: hidden;
  58.             }
  59.             .linuxDoLevelPopup:hover {
  60.                 box-shadow: 0 12px 40px rgba(0,0,0,0.2);
  61.             }
  62.             .linuxDoLevelPopup input,
  63.             .linuxDoLevelPopup button {
  64.                 width: 100%;
  65.                 background: transparent;
  66.                 margin-top: 8px;
  67.                 padding: 10px;
  68.                 border-radius: 6px;
  69.                 border: 1px solid var(--input-border);
  70.                 box-sizing: border-box;
  71.                 font-size: 14px;
  72.                 transition: border-color 0.3s ease, box-shadow 0.3s ease;
  73.             }
  74.             .linuxDoLevelPopup input:focus,
  75.             .linuxDoLevelPopup button:focus {
  76.                 outline: none;
  77.                 border-color: #007BFF;
  78.                 box-shadow: 0 0 5px rgba(0,123,255,0.5);
  79.             }
  80.             .linuxDoLevelPopup button {
  81.                 background-color: var(--button-bg);
  82.                 color: var(--button-color);
  83.                 border: none;
  84.                 cursor: pointer;
  85.                 transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  86.             }
  87.             .linuxDoLevelPopup button:hover {
  88.                 background-color: var(--button-hover-bg);
  89.                 transform: translateY(-2px);
  90.                 box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  91.             }
  92.             .minimizeButton {
  93.                 position: absolute;
  94.                 top: 5px;
  95.                 right: 5px;
  96.                 background: transparent;
  97.                 border: none;
  98.                 cursor: pointer;
  99.                 width: 25px;
  100.                 height: 25px;
  101.                 font-size: 16px;
  102.                 color: var(--minimize-btn-color);
  103.                 transition: color 0.3s ease;
  104.             }
  105.             .minimizeButton:hover {
  106.                 color: var(--minimize-btn-hover-color);
  107.             }
  108.             .summary-table {
  109.                 width: 100%;
  110.                 border-collapse: collapse;
  111.                 animation: fadeIn 0.5s ease-in-out;
  112.                 font-size: 14px;
  113.             }
  114.             .summary-table td {
  115.                 padding: 4px;
  116.                 text-align: left;
  117.                 border-bottom: none;
  118.                 white-space: nowrap;
  119.             }
  120.             .progress-bar {
  121.                 position: relative;
  122.                 height: 10px;
  123.                 background-color: var(--progress-bg);
  124.                 border-radius: 5px;
  125.                 overflow: hidden;
  126.                 width: 60%;
  127.                 display: inline-block;
  128.                 vertical-align: middle;
  129.                 margin-right: 10px;
  130.             }
  131.             .progress-bar-fill {
  132.                 height: 100%;
  133.                 background-color: #28a745;
  134.                 text-align: right;
  135.                 line-height: 10px;
  136.                 color: white;
  137.                 transition: width 0.4s ease-in-out;
  138.                 padding-right: 5px;
  139.                 border-radius: 5px 0 0 5px;
  140.             }
  141.             .progress-bar-fill::after {
  142.                 content: '';
  143.                 position: absolute;
  144.                 top: 0;
  145.                 left: 0;
  146.                 right: 0;
  147.                 bottom: 0;
  148.                 background-image: linear-gradient(90deg, transparent 10%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.2) 15%, transparent 15%);
  149.                 background-size: 30px 10px;
  150.                 z-index: 1;
  151.             }
  152.             .progress-text {
  153.                 display: inline-block;
  154.                 vertical-align: middle;
  155.                 font-size: 13px;
  156.                 visibility: hidden;
  157.                 position: absolute;
  158.                 top: -25px; /* Adjust position */
  159.                 left: 0;
  160.                 background-color: #f39c12;
  161.                 color: #fff;
  162.                 border: 1px solid #e67e22;
  163.                 padding: 2px 5px;
  164.                 border-radius: 4px;
  165.                 box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  166.                 z-index: 1000;
  167.             }
  168.             .summary-row {
  169.                 display: flex;
  170.                 align-items: center;
  171.                 justify-content: space-between;
  172.                 margin-bottom: 5px;
  173.                 position: relative;
  174.             }
  175.             .summary-row:hover .progress-text {
  176.                 visibility: visible;
  177.             }
  178.             .progress-percentage {
  179.                 position: absolute;
  180.                 top: 50%;
  181.                 left: 50%;
  182.                 transform: translate(-50%, -50%);
  183.                 font-size: 12px;
  184.                 font-weight: bold;
  185.             }
  186.             @media (prefers-color-scheme: dark) {
  187.                 :root {
  188.                     --minimized-bg: #2c2c2c;
  189.                     --popup-bg: #333;
  190.                     --input-border: #555;
  191.                     --button-bg: #444;
  192.                     --button-color: #f0f0f0;
  193.                     --button-hover-bg: #555;
  194.                     --minimize-btn-color: #888;
  195.                     --minimize-btn-hover-color: #fff;
  196.                     --progress-bg: #3d3d3d;
  197.                 }
  198.                 .progress-percentage {
  199.                     color: #fff;
  200.                 }
  201.             }
  202.             @media (prefers-color-scheme: light) {
  203.                 :root {
  204.                     --minimized-bg: #f0f0f0;
  205.                     --popup-bg: #fff;
  206.                     --input-border: #ddd;
  207.                     --button-bg: #e0e0e0;
  208.                     --button-color: #333;
  209.                     --button-hover-bg: #d5d5d5;
  210.                     --minimize-btn-color: #888;
  211.                     --minimize-btn-hover-color: #333;
  212.                     --progress-bg: #f3f3f3;
  213.                 }
  214.                 .progress-percentage {
  215.                     color: #000;
  216.                 }
  217.             }
  218.         `,
  219.  
  220.         injectStyles: function() {
  221.             const styleSheet = document.createElement('style');
  222.             styleSheet.type = 'text/css';
  223.             styleSheet.innerText = this.styles;
  224.             document.head.appendChild(styleSheet);
  225.         }
  226.     };
  227.  
  228.     const DataManager = {
  229.         Config: {
  230.             BASE_URL: 'https://linux.do',
  231.             PATHS: {
  232.                 ABOUT: '/about.json',
  233.                 USER_SUMMARY: '/u/{username}/summary.json',
  234.                 USER_DETAIL: '/u/{username}.json',
  235.             },
  236.         },
  237.  
  238.         levelRequirements: {
  239.             0: { 'topics_entered': 5, 'posts_read_count': 30, 'time_read': 600 },
  240.             1: { 'days_visited': 15, 'likes_given': 1, 'likes_received': 1, 'post_count': 3, 'topics_entered': 20, 'posts_read_count': 100, 'time_read': 3600 },
  241.             2: { 'days_visited': 50, 'likes_given': 30, 'likes_received': 20, 'post_count': 10 },
  242.         },
  243.  
  244.         levelDescriptions: {
  245.             0: "新用户 🌱",
  246.             1: "基本用户 ⭐ ",
  247.             2: "成员 ⭐⭐",
  248.             3: "活跃用户 ⭐⭐⭐",
  249.             4: "领导者 🏆"
  250.         },
  251.  
  252.         fetch: async function(url, options = {}) {
  253.             try {
  254.                 const response = await fetch(url, {
  255.                     ...options,
  256.                     headers: { "Accept": "application/json", "User-Agent": "Mozilla/5.0" },
  257.                     method: options.method || "GET",
  258.                 });
  259.                 if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
  260.                 return await response.json();
  261.             } catch (error) {
  262.                 console.error(`Error fetching data from ${url}:`, error);
  263.                 throw error;
  264.             }
  265.         },
  266.  
  267.         fetchAboutData: function() {
  268.             const url = this.buildUrl(this.Config.PATHS.ABOUT);
  269.             return this.fetch(url);
  270.         },
  271.  
  272.         fetchSummaryData: function(username) {
  273.             const url = this.buildUrl(this.Config.PATHS.USER_SUMMARY, { username });
  274.             return this.fetch(url);
  275.         },
  276.  
  277.         fetchUserData: function(username) {
  278.             const url = this.buildUrl(this.Config.PATHS.USER_DETAIL, { username });
  279.             return this.fetch(url);
  280.         },
  281.  
  282.         buildUrl: function(path, params = {}) {
  283.             let url = this.Config.BASE_URL + path;
  284.             Object.keys(params).forEach(key => {
  285.                 url = url.replace(`{${key}}`, encodeURIComponent(params[key]));
  286.             });
  287.             return url;
  288.         },
  289.     };
  290.  
  291.     const UIManager = {
  292.         initPopup: function() {
  293.             this.popup = this.createElement('div', { id: 'linuxDoLevelPopup', class: 'linuxDoLevelPopup' });
  294.             this.content = this.createElement('div', { id: 'linuxDoLevelPopupContent' }, '欢迎使用 Linux do 等级增强插件');
  295.             this.searchBox = this.createElement('input', { placeholder: '请输入用户名...', type: 'text', class: 'searchBox' });
  296.             this.searchButton = this.createElement('button', { class: 'searchButton' }, '搜索');
  297.             this.minimizeButton = this.createElement('button', { }, '隐藏');
  298.             this.popup.style.bottom = '20px'; // 示例：距离顶部20px
  299.             this.popup.style.right = '20px'; // 示例：距离左侧20px
  300.             this.popup.style.width = '250px'; // 初始化宽度
  301.             this.popup.style.height = 'auto'; // 高度自适应内容
  302.             this.searchButton.classList.add('btn', 'btn-icon-text', 'btn-default')
  303.             this.minimizeButton.classList.add('btn', 'btn-icon-text', 'btn-default')
  304.  
  305.             this.popup.append(this.content, this.searchBox, this.searchButton, this.minimizeButton);
  306.             document.body.appendChild(this.popup);
  307.  
  308.             this.minimizeButton.addEventListener('click', () => this.togglePopupSize());
  309.             this.searchButton.addEventListener('click', () => EventHandler.handleSearch());
  310.             // 添加输入框的回车键事件监听器
  311.             this.searchBox.addEventListener('keypress', (event) => {
  312.                 // 检查是否按下了回车键并且弹窗不处于最小化状态
  313.                 if (event.key === 'Enter' && !this.popup.classList.contains('minimized')) {
  314.                     EventHandler.handleSearch();
  315.                 }
  316.             });
  317.  
  318.             var checkInterval = setInterval(function() {
  319.                 // 查找id为current-user的li元素
  320.                 var currentUserLi = document.querySelector('#current-user');
  321.  
  322.                 // 如果找到了元素
  323.                 if(currentUserLi) {
  324.                     // 查找该元素下的button
  325.                     var button = currentUserLi.querySelector('button');
  326.  
  327.                     // 如果找到了button元素
  328.                     if(button) {
  329.                         // 获取button的href属性值
  330.                         var href = button.getAttribute('href');
  331.                         UIManager.searchBox.value = href.replace('/u/', '');
  332.                         clearInterval(checkInterval); // 停止检查
  333.                         // 这里你可以根据需要对href进行进一步操作
  334.                     }
  335.                 }
  336.             }, 1000); // 每隔1秒检查一次
  337.         },
  338.  
  339.         createElement: function(tag, attributes, text) {
  340.             const element = document.createElement(tag);
  341.             for (const attr in attributes) {
  342.                 if (attr === 'class') {
  343.                     element.classList.add(attributes[attr]);
  344.                 } else {
  345.                     element.setAttribute(attr, attributes[attr]);
  346.                 }
  347.             }
  348.             if (text) element.textContent = text;
  349.             return element;
  350.         },
  351.  
  352.         async updatePopupContent(userSummary, user, userDetail, status) {
  353.             if (!userSummary || !user || !userDetail) return;
  354.  
  355.             let content = `<strong>信任等级🏅：</strong>${DataManager.levelDescriptions[user.trust_level]}<br>`;
  356.  
  357.             if (userDetail.gamification_score) {
  358.                 content += `<strong>你的点数🪙：</strong><span style="color: green;">${userDetail.gamification_score}</span><br>`;
  359.             }
  360.  
  361.             content += `<strong>最近活跃🕒：</strong>${formatTimestamp(userDetail.last_seen_at)}<br>`;
  362.  
  363.             const currentUserElement = document.querySelector('#current-user button');
  364.             const currentPageUsername = currentUserElement ? currentUserElement.getAttribute('href').replace('/u/', '') : null;
  365.  
  366.             if (user.trust_level === 2 && currentPageUsername === user.username) {
  367.                 content += await fetchConnect();
  368.             } else if (user.trust_level > 2) {
  369.                 if (userSummary.top_categories) {
  370.                     content += analyzeAbility(userSummary.top_categories);
  371.                 }
  372.             } else {
  373.                 content += summaryRequired(DataManager.levelRequirements[user.trust_level] || {}, userSummary, UIManager.translateStat.bind(UIManager));
  374.             }
  375.  
  376.             this.content.innerHTML = content;
  377.         },
  378.  
  379.         togglePopupSize: function() {
  380.             if (this.popup.classList.contains('minimized')) {
  381.                 this.popup.classList.remove('minimized');
  382.                 this.popup.style.width = '250px';
  383.                 this.popup.style.height = 'auto';
  384.                 this.content.style.display = 'block';
  385.                 this.searchBox.style.display = 'block';
  386.                 this.searchButton.style.display = 'block';
  387.                 this.minimizeButton.textContent = '隐藏';
  388.                 this.minimizeButton.style.color = 'black';
  389.                 this.popup.classList.remove('breath-animation');
  390.             } else {
  391.                 this.popup.classList.add('minimized');
  392.                 this.popup.style.width = '50px';
  393.                 this.popup.style.height = '50px';
  394.                 this.content.style.display = 'none';
  395.                 this.searchBox.style.display = 'none';
  396.                 this.searchButton.style.display = 'none';
  397.                 this.minimizeButton.textContent = '显示';
  398.                 this.popup.classList.add('breath-animation');
  399.  
  400.             // 调用 updatePercentage 函数并更新按钮文本
  401.             updatePercentage().then(percentage => {
  402.                 if (this.popup.classList.contains('minimized')) {
  403.                     let color;
  404.                     // 根据百分比设置颜色
  405.                     if (percentage > 50) {
  406.                         color = 'purple';
  407.                     } else if (percentage > 30) {
  408.                         color = 'red';
  409.                     } else {
  410.                         color = 'green';
  411.                     }
  412.  
  413.                     // 更新按钮的文本和文本颜色
  414.                     this.minimizeButton.textContent = `${percentage.toFixed(2)}%`;
  415.                     this.minimizeButton.style.color = color; // 设置文本颜色
  416.                 }
  417.             }).catch(error => {
  418.                 console.error('Error calculating percentage:', error);
  419.                 // 出错时保持原有文本
  420.                 this.minimizeButton.textContent = '展开';
  421.                 this.minimizeButton.style.color = 'black';
  422.             });
  423.             }
  424.  
  425.             // 自动校正窗口位置
  426.             addDraggableFeature(this.popup);
  427.             const windowWidth = window.innerWidth;
  428.             const windowHeight = window.innerHeight;
  429.             const popupWidth = this.popup.offsetWidth;
  430.             const popupHeight = this.popup.offsetHeight;
  431.             const popupTop = parseInt(this.popup.style.top);
  432.             const popupLeft = parseInt(this.popup.style.left);
  433.  
  434.             // 初始化新的位置
  435.             let newTop = popupTop;
  436.             let newLeft = popupLeft;
  437.  
  438.             // 上下边界同时检查
  439.             newTop = Math.min(Math.max(70, popupTop), windowHeight - popupHeight);
  440.  
  441.             // 左右边界同时检查
  442.             newLeft = Math.min(Math.max(5, popupLeft), windowWidth - popupWidth - 20);
  443.  
  444.             this.popup.style.top = newTop + 'px';
  445.             this.popup.style.left = newLeft + 'px';
  446.         },
  447.  
  448.         displayError: function(message) {
  449.             this.content.innerHTML = `<strong>错误：</strong>用户隐藏信息或不存在`;
  450.         },
  451.  
  452.         translateStat: function(stat) {
  453.             const translations = {
  454.                 'days_visited': '访问天数',
  455.                 'likes_given': '给出的赞',
  456.                 'likes_received': '收到的赞',
  457.                 'post_count': '帖子数量',
  458.                 'posts_read_count': '已读帖子',
  459.                 'topics_entered': '已读主题',
  460.                 'time_read': '阅读时间(秒)'
  461.             };
  462.             return translations[stat] || stat;
  463.         }
  464.     };
  465.  
  466.     const EventHandler = {
  467.         handleSearch: async function() {
  468.             const username = UIManager.searchBox.value.trim();
  469.             if (!username) return;
  470.  
  471.             try {
  472.                 const [aboutData, summaryData, userData] = await Promise.all([
  473.                     DataManager.fetchAboutData(),
  474.                     DataManager.fetchSummaryData(username),
  475.                     DataManager.fetchUserData(username)
  476.                 ]);
  477.                 if (summaryData && userData && aboutData) {
  478.                     await UIManager.updatePopupContent(summaryData.user_summary, summaryData.users ? summaryData.users[0] : { 'trust_level': 0 }, userData.user, aboutData.about.stats);
  479.                 }
  480.             } catch (error) {
  481.                 console.error(error);
  482.                 UIManager.displayError('Failed to load data');
  483.             }
  484.         },
  485.         // 更新拖动状态
  486.         handleDragEnd: function() {
  487.             UIManager.updateDragStatus(true);
  488.         }
  489.     };
  490.  
  491.     // 2级以上添加技能分析
  492.     function analyzeAbility(topCategories) {
  493.         let resultStr = "<strong>技能分析🎯：</strong><br>";
  494.         const icons = {
  495.             "常规话题": "🌐",
  496.             "wiki": "📚",
  497.             "快问快答": "❓",
  498.             "人工智能": "🤖",
  499.             "周周热点": "🔥",
  500.             "精华神贴": "✨",
  501.             "高阶秘辛": "🔮",
  502.             "读书成诗": "📖",
  503.             "配置调优": "⚙️",
  504.             "网络安全": "🔒",
  505.             "软件分享": "💾",
  506.             "软件开发": "💻",
  507.             "嵌入式": "🔌",
  508.             "机器学习": "🧠",
  509.             "代码审查": "👀",
  510.             "new-api": "🆕",
  511.             "一机难求": "📱",
  512.             "速来拼车": "🚗",
  513.             "网络记忆": "💭",
  514.             "非我莫属": "🏆",
  515.             "赏金猎人": "💰",
  516.             "搞七捻三": "🎲",
  517.             "碎碎碎念": "🗨️",
  518.             "金融经济": "💹",
  519.             "新闻": "📰",
  520.             "旅行": "✈️",
  521.             "美食": "🍽️",
  522.             "健身": "🏋️",
  523.             "音乐": "🎵",
  524.             "游戏": "🎮",
  525.             "羊毛": "🐑",
  526.             "树洞": "🌳",
  527.             "病友": "🤒",
  528.             "职场": "💼",
  529.             "断舍离": "♻️",
  530.             "二次元": "🎎",
  531.             "运营反馈": "🔄",
  532.             "老干部疗养院": "🛌",
  533.             "活动": "🎉",
  534.         };
  535.         const totalScore = topCategories.reduce((sum, category) => sum + (category.topic_count * 2) + (category.post_count * 1), 0);
  536.         topCategories.sort((a, b) => a.name.length - b.name.length);
  537.         topCategories.forEach((category, index) => {
  538.             const score = (category.topic_count * 2) + (category.post_count * 1);
  539.             const percentage = ((score / totalScore) * 100).toFixed(1) + "%";
  540.             let numStars;
  541.             if (score >= 999) {
  542.                 numStars = 7; // 满分7颗红星
  543.             } else {
  544.                 numStars = Math.round((score / 999) * 7); // 其他按比例显示
  545.             }
  546.             const stars = "❤️".repeat(numStars) + "🤍".repeat(7 - numStars); // 显示红星和空星
  547.             let icon = icons[category.name] || "❓"; // 如果没有找到图标，显示默认图标
  548.             resultStr += `
  549.                 <div style='display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; opacity: 0; animation: fadeIn 0.5s forwards; animation-delay: ${index * 0.1}s; font-size: 13px;'>
  550.                     <div style='flex: 0 0 20px; text-align: center;'>${icon}</div>
  551.                     <div style='flex: 2; text-align: left;'>${category.name}</div>
  552.                     <div style='flex: 4; text-align: left;'>${stars}</div>
  553.                     <div style='flex: 1; text-align: right;'>${percentage}</div>
  554.                 </div>`;
  555.         });
  556.  
  557.         resultStr += `
  558.             <style>
  559.                 @keyframes fadeIn {
  560.                     to { opacity: 1; }
  561.                 }
  562.             </style>
  563.         `;
  564.  
  565.         return resultStr;
  566.     }
  567.  
  568.     // 2级添加Connect数据
  569.     async function fetchConnect() {
  570.         return new Promise((resolve, reject) => {
  571.             GM_xmlhttpRequest({
  572.                 method: 'GET',
  573.                 url: 'https://connect.linux.do',
  574.                 onload: (response) => {
  575.                     const bodyRegex = /<body[^>]*>([\s\S]+?)<\/body>/i;
  576.                     const match = bodyRegex.exec(response.responseText);
  577.  
  578.                     if (match) {
  579.                         const doc = new DOMParser().parseFromString(match[1], 'text/html');
  580.                         let summary = '<strong>升级进度🌟：</strong><br><div class="summary-table">';
  581.                         let violationExists = false;
  582.                         let violationStats = []; // 违规项名称
  583.  
  584.                         const rows = doc.querySelectorAll('tr');
  585.                         rows.forEach((row, index) => {
  586.                             if (row) {
  587.                                 const cells = Array.from(row.querySelectorAll('td'), cell => cell.innerText.trim());
  588.                                 if (cells.length >= 3) {
  589.                                     const stat = cells[0];
  590.                                     const curMatches = cells[1].match(/(\d+)/);
  591.                                     const reqMatches = cells[2].match(/(\d+)/);
  592.  
  593.                                     const curValue = curMatches ? parseInt(curMatches[0]) : 0;
  594.                                     const reqValue = reqMatches ? parseInt(reqMatches[0]) : 0;
  595.  
  596.                                     // 检查是否存在违规
  597.                                     if ([7, 8, 13, 14].includes(index) && curValue > reqValue) {
  598.                                         violationExists = true;
  599.                                         violationStats.push(stat); // 添加违规项名称
  600.                                     }
  601.  
  602.                                     // 选择性添加到摘要
  603.                                     if ([1, 2, 3, 5, 9, 10].includes(index)) {
  604.                                         const percentage = Math.min((curValue / reqValue) * 100, 100);
  605.                                         let color = curValue >= reqValue ? '#28a745' : '#dc3545';
  606.                                         summary += `
  607.                                             <div class="summary-row">
  608.                                                 <div>${stat}</div>
  609.                                                 <div class="progress-bar" title="${curValue}/${reqValue}">
  610.                                                     <div class="progress-bar-fill" style="width: ${percentage}%; background-color: ${color};"></div>
  611.                                                     <div class="progress-percentage">${Math.round(percentage)}%</div>
  612.                                                 </div>
  613.                                                 <div class="progress-text">${curValue}/${reqValue}</div>
  614.                                             </div>`;
  615.                                     }
  616.                                 }
  617.                             }
  618.                         });
  619.  
  620.                         if (violationExists) {
  621.                             summary += `<div style="color: red;">用户存在违规行为：${violationStats.join(', ')}</div>`;
  622.                         } else {
  623.                             summary += '<div style="color: green;">用户不存在违规行为</div>';
  624.                         }
  625.  
  626.                         summary += '</div>';
  627.                         resolve(summary);
  628.                     } else {
  629.                         reject(new Error("No content extracted from response."));
  630.                     }
  631.                 },
  632.                 onerror: (error) => {
  633.                   reject(error);
  634.                 }
  635.             });
  636.         });
  637.      }
  638.  
  639.     // 2级以下添加升级进度功能
  640.     function summaryRequired(required, current, translateStat) {
  641.         let summary = '<strong>升级进度🌟：</strong><br>';
  642.  
  643.         summary += '<div class="summary-table">';
  644.  
  645.         for (const stat in required) {
  646.             if (required.hasOwnProperty(stat) && current.hasOwnProperty(stat)) {
  647.                 const reqValue = required[stat];
  648.                 const curValue = current[stat] || 0; // 使用 || 0 确保未定义的情况下使用0
  649.                 const percentage = Math.min((curValue / reqValue) * 100, 100); // 计算百分比
  650.                 let color = curValue >= reqValue ? '#28a745' : '#dc3545'; // 使用绿色或红色
  651.  
  652.                 summary += `
  653.                     <div class="summary-row">
  654.                         <div>${translateStat(stat)}</div>
  655.                         <div class="progress-bar" title="${curValue}/${reqValue}">
  656.                             <div class="progress-bar-fill" style="width: ${percentage}%; background-color: ${color};"></div>
  657.                             <div class="progress-percentage">${Math.round(percentage)}%</div>
  658.                         </div>
  659.                         <div class="progress-text">${curValue}/${reqValue}</div>
  660.                     </div>`;
  661.             }
  662.         }
  663.  
  664.         summary += '</div>';
  665.         return summary;
  666.     }
  667.  
  668.     // 添加含水率
  669.     function updatePercentage() {
  670.         return new Promise((resolve, reject) => {
  671.             let badIds = [11, 16, 34, 17, 18, 19, 29, 36, 35, 22, 26, 25];
  672.             const badScore = [];
  673.             const goodScore = [];
  674.             const urls = [
  675.                 'https://linux.do/latest.json?order=created',
  676.                 'https://linux.do/new.json',
  677.                 'https://linux.do/top.json?period=daily'
  678.             ];
  679.  
  680.             Promise.all(urls.map(url => fetch(url).then(resp => resp.json())))
  681.                 .then(data => {
  682.                     data.forEach(({ topic_list: { topics } }) => {
  683.                         topics.forEach(topic => {
  684.                             const score = topic.posts_count + topic.like_count + topic.reply_count;
  685.                             (badIds.includes(topic.category_id) ? badScore : goodScore).push(score);
  686.                         });
  687.                     });
  688.  
  689.                     const badTotal = badScore.reduce((acc, curr) => acc + curr, 0);
  690.                     const goodTotal = goodScore.reduce((acc, curr) => acc + curr, 0);
  691.                     const percentage = (badTotal / (badTotal + goodTotal)) * 100;
  692.  
  693.                     resolve(percentage);
  694.                 })
  695.                 .catch(reject);
  696.         });
  697.     };
  698.  
  699.     // 添加时间格式化
  700.     function formatTimestamp(lastSeenAt) {
  701.         // 解析时间戳并去除毫秒
  702.         let timestamp = new Date(lastSeenAt);
  703.  
  704.         // 使用Intl.DateTimeFormat格式化时间为上海时区
  705.         let formatter = new Intl.DateTimeFormat('zh-CN', {
  706.             timeZone: 'Asia/Shanghai',
  707.             year: 'numeric',
  708.             month: 'numeric',
  709.             day: 'numeric',
  710.             hour: 'numeric',
  711.             minute: 'numeric',
  712.             second: 'numeric',
  713.         });
  714.  
  715.         // 获取格式化后的字符串
  716.         let formattedTimestamp = formatter.format(timestamp);
  717.  
  718.         return formattedTimestamp;
  719.     }
  720.  
  721.     // 添加拖动功能
  722.     function addDraggableFeature(element) {
  723.         let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  724.         let isDragging = false;
  725.  
  726.         const dragMouseDown = function(e) {
  727.             // 检查事件的目标是否是输入框，按钮或其他可以忽略拖动逻辑的元素
  728.             if (e.target.tagName.toUpperCase() === 'INPUT' || e.target.tagName.toUpperCase() === 'TEXTAREA' || e.target.tagName.toUpperCase() === 'BUTTON') {
  729.                 return; // 如果是，则不执行拖动逻辑
  730.             }
  731.  
  732.             e = e || window.event;
  733.             e.preventDefault();
  734.             pos3 = e.clientX;
  735.             pos4 = e.clientY;
  736.             document.onmouseup = closeDragElement;
  737.             document.onmousemove = elementDrag;
  738.             isDragging = true;
  739.         };
  740.  
  741.         const elementDrag = function(e) {
  742.             if (!isDragging) return;
  743.             e = e || window.event;
  744.             e.preventDefault();
  745.             pos1 = pos3 - e.clientX;
  746.             pos2 = pos4 - e.clientY;
  747.             pos3 = e.clientX;
  748.             pos4 = e.clientY;
  749.  
  750.             // 使用requestAnimationFrame优化拖动
  751.             requestAnimationFrame(() => {
  752.                 element.style.top = Math.max(0, Math.min(window.innerHeight - element.offsetHeight, element.offsetTop - pos2)) + "px";
  753.                 element.style.left = Math.max(0, Math.min(window.innerWidth - element.offsetWidth, element.offsetLeft - pos1)) + "px";
  754.                 // 为了避免与拖动冲突，在此移除bottom和right样式
  755.                 element.style.bottom = '';
  756.                 element.style.right = '';
  757.             });
  758.         };
  759.  
  760.         const closeDragElement = function() {
  761.             document.onmouseup = null;
  762.             document.onmousemove = null;
  763.             isDragging = false;
  764.             // 在拖动结束时更新拖动状态
  765.             EventHandler.handleDragEnd();
  766.         };
  767.  
  768.         element.onmousedown = dragMouseDown;
  769.     }
  770.  
  771.     const init = () => {
  772.         StyleManager.injectStyles();
  773.         UIManager.initPopup();
  774.         addDraggableFeature(document.getElementById('linuxDoLevelPopup')); // 确保已设置该ID
  775.         UIManager.togglePopupSize(); // 初始最小化
  776.     };
  777.  
  778.     init();
  779.  
  780. })();