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.
目前為 2024-04-01 提交的版本，檢視最新版本。
安裝腳本 ?
發表問題、評論、或檢舉該腳本。
換行
// ==UserScript==
// @name         Linux do Level Enhanced
// @namespace    http://tampermonkey.net/
// @version      1.0.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.
// @author       Hua, Reno, NullUser
// @match        https://linux.do/*
// @icon         https://www.google.com/s2/favicons?domain=linux.do
// @grant        none
// @license      MIT
// ==/UserScript==
 
(function() {
    'use strict';
 
    const StyleManager = {
        styles: `
            @keyframes breathAnimation {
                0%, 100% { transform: scale(1); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
                50% { transform: scale(1.1); box-shadow: 0 0 10px rgba(0,0,0,0.7); }
            }
            .breath-animation { animation: breathAnimation 4s ease-in-out infinite; }
            .minimized { border-radius: 50%; cursor: pointer; }
            .linuxDoLevelPopup { position: fixed; width: 250px; height: 150px; background: var(--d-sidebar-background); box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 15px; z-index: 10000; font-size: 14px; border-radius: 5px; cursor: move; }
            .linuxDoLevelPopup input, .linuxDoLevelPopup button { width: 100%; margin-top: 10px; }
            .linuxDoLevelPopup button { cursor: pointer; }
            .minimizeButton { position: absolute; top: 5px; right: 5px; background: transparent; border: none; cursor: pointer; width: 30px; height: 30px; font-size: 16px; }
            .searchButton { width: 100%; marginTop: 10px }
            .searchBox { width: 100%; marginTop: 10px }
        `,
 
        injectStyles: function() {
            const styleSheet = document.createElement('style');
            styleSheet.type = 'text/css';
            styleSheet.innerText = this.styles;
            document.head.appendChild(styleSheet);
        }
    };
 
    const DataManager = {
        Config: {
            BASE_URL: 'https://linux.do',
            PATHS: {
                ABOUT: '/about.json',
                USER_SUMMARY: '/u/{username}/summary.json',
                USER_DETAIL: '/u/{username}.json',
            },
        },
 
        levelRequirements: {
            0: { 'topics_entered': 5, 'posts_read_count': 30, 'time_read': 600 },
            1: { 'days_visited': 15, 'likes_given': 1, 'likes_received': 1, 'post_count': 3, 'topics_entered': 20, 'posts_read_count': 100, 'time_read': 3600 },
            2: { 'days_visited': 50, 'likes_given': 30, 'likes_received': 20, 'post_count': 10 },
        },
 
        levelDescriptions: {
            0: "新用户 🌱",
            1: "基本用户 ⭐ ",
            2: "成员 ⭐⭐",
            3: "活跃用户 ⭐⭐⭐",
            4: "领导者 🏆"
        },
 
        fetch: async function(url, options = {}) {
            try {
                const response = await fetch(url, {
                    ...options,
                    headers: { "Accept": "application/json", "User-Agent": "Mozilla/5.0" },
                    method: options.method || "GET",
                });
                if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
                return await response.json();
            } catch (error) {
                console.error(`Error fetching data from ${url}:`, error);
                throw error;
            }
        },
 
        fetchAboutData: function() {
            const url = this.buildUrl(this.Config.PATHS.ABOUT);
            return this.fetch(url);
        },
 
        fetchSummaryData: function(username) {
            const url = this.buildUrl(this.Config.PATHS.USER_SUMMARY, { username });
            return this.fetch(url);
        },
 
        fetchUserData: function(username) {
            const url = this.buildUrl(this.Config.PATHS.USER_DETAIL, { username });
            return this.fetch(url);
        },
 
        buildUrl: function(path, params = {}) {
            let url = this.Config.BASE_URL + path;
            Object.keys(params).forEach(key => {
                url = url.replace(`{${key}}`, encodeURIComponent(params[key]));
            });
            return url;
        },
    };
 
    const UIManager = {
        initPopup: function() {
            this.popup = this.createElement('div', { id: 'linuxDoLevelPopup', class: 'linuxDoLevelPopup' });
            this.content = this.createElement('div', { id: 'linuxDoLevelPopupContent' }, '欢迎使用 Linux do 等级增强插件');
            this.searchBox = this.createElement('input', { placeholder: '请输入用户名...', type: 'text', class: 'searchBox' });
            this.searchButton = this.createElement('button', { class: 'searchButton' }, '搜索');
            this.minimizeButton = this.createElement('button', { }, '隐藏');
            this.popup.style.bottom = '20px'; // 示例：距离顶部20px
            this.popup.style.right = '20px'; // 示例：距离左侧20px
            this.popup.style.width = '250px'; // 初始化宽度
            this.popup.style.height = 'auto'; // 高度自适应内容
            this.searchButton.classList.add('btn', 'btn-icon-text', 'btn-default')
            this.minimizeButton.classList.add('btn', 'btn-icon-text', 'btn-default')
 
            this.popup.append(this.content, this.searchBox, this.searchButton, this.minimizeButton);
            document.body.appendChild(this.popup);
 
            this.minimizeButton.addEventListener('click', () => this.togglePopupSize());
            this.searchButton.addEventListener('click', () => EventHandler.handleSearch());
            // 添加输入框的回车键事件监听器
            this.searchBox.addEventListener('keypress', (event) => {
                // 检查是否按下了回车键并且弹窗不处于最小化状态
                if (event.key === 'Enter' && !this.popup.classList.contains('minimized')) {
                    EventHandler.handleSearch();
                }
            });
 
            var checkInterval = setInterval(function() {
                // 查找id为current-user的li元素
                var currentUserLi = document.querySelector('#current-user');
 
                // 如果找到了元素
                if(currentUserLi) {
                    // 查找该元素下的button
                    var button = currentUserLi.querySelector('button');
 
                    // 如果找到了button元素
                    if(button) {
                        // 获取button的href属性值
                        var href = button.getAttribute('href');
                        UIManager.searchBox.value = href.replace('/u/', '');
                        clearInterval(checkInterval); // 停止检查
                        // 这里你可以根据需要对href进行进一步操作
                    }
                }
            }, 1000); // 每隔1秒检查一次
        },
 
        createElement: function(tag, attributes, text) {
            const element = document.createElement(tag);
            for (const attr in attributes) {
                if (attr === 'class') {
                    element.classList.add(attributes[attr]);
                } else {
                    element.setAttribute(attr, attributes[attr]);
                }
            }
            if (text) element.textContent = text;
            return element;
        },
 
        updatePopupContent: function(userSummary, user, userDetail, status) {
            if (!userSummary || !user || !userDetail) return;
 
            // 初始化内容字符串，并添加用户信任等级
            let content = `<strong>信任等级🏅：</strong>${DataManager.levelDescriptions[user.trust_level]}<br>`;
 
            // 获取用户的信任等级要求
            const requirements = DataManager.levelRequirements[user.trust_level] || {};
 
            // 添加用户的 gamification_score
            if (userDetail.gamification_score) {
                content += `<strong>你的点数🪙：</strong><span style="color: green;">${userDetail.gamification_score}</span><br>`;
            }
 
            // 添加用户的最近活跃时间
            content += `<strong>最近活跃🕒：</strong>${formatTimestamp(userDetail.last_seen_at)}<br>`;
 
            // 处理2级以下用户，调用 summaryRequired 功能
            if (user.trust_level <= 2) {
                if (user.trust_level === 2) {
                    requirements['posts_read_count'] = Math.min(parseInt(parseInt(status.posts_30_days) / 4), 20000);
                    requirements['topics_entered'] = Math.min(parseInt(parseInt(status.topics_30_days) / 4), 500);
                }
                let summary = summaryRequired(requirements, userSummary, this.translateStat.bind(this));
                content += summary;
            } else {
                // 处理2级以上用户，调用 analyzeAbility 功能
                if (userSummary.top_categories) {
                    content += analyzeAbility(userSummary.top_categories);
                }
            }
 
            // 更新弹窗内容
            this.content.innerHTML = content;
        },
 
        togglePopupSize: function() {
            if (this.popup.classList.contains('minimized')) {
                this.popup.classList.remove('minimized');
                this.popup.style.width = '250px';
                this.popup.style.height = 'auto';
                this.content.style.display = 'block';
                this.searchBox.style.display = 'block';
                this.searchButton.style.display = 'block';
                this.minimizeButton.textContent = '隐藏';
                this.minimizeButton.style.color = 'black';
                this.popup.classList.remove('breath-animation');
            } else {
                this.popup.classList.add('minimized');
                this.popup.style.width = '50px';
                this.popup.style.height = '50px';
                this.content.style.display = 'none';
                this.searchBox.style.display = 'none';
                this.searchButton.style.display = 'none';
                this.popup.classList.add('breath-animation');
 
            // 调用 updatePercentage 函数并更新按钮文本
            updatePercentage().then(percentage => {
                let color;
                // 根据百分比设置颜色
                if (percentage > 50) {
                    color = 'red';
                } else if (percentage > 30) {
                    color = 'yellow';
                } else {
                    color = 'green';
                }
 
                // 更新按钮的文本和文本颜色
                this.minimizeButton.textContent = `${percentage.toFixed(2)}%`;
                this.minimizeButton.style.color = color; // 设置文本颜色
            }).catch(error => {
                console.error('Error calculating percentage:', error);
                // 出错时保持原有文本
                this.minimizeButton.textContent = '展开';
                this.minimizeButton.style.color = 'black';
            });
            }
 
            // 自动校正窗口位置
            addDraggableFeature(this.popup);
            const windowWidth = window.innerWidth;
            const windowHeight = window.innerHeight;
            const popupWidth = this.popup.offsetWidth;
            const popupHeight = this.popup.offsetHeight;
            const popupTop = parseInt(this.popup.style.top);
            const popupLeft = parseInt(this.popup.style.left);
 
            // 初始化新的位置
            let newTop = popupTop;
            let newLeft = popupLeft;
 
            // 上下边界同时检查
            newTop = Math.min(Math.max(70, popupTop), windowHeight - popupHeight);
 
            // 左右边界同时检查
            newLeft = Math.min(Math.max(5, popupLeft), windowWidth - popupWidth - 20);
 
            this.popup.style.top = newTop + 'px';
            this.popup.style.left = newLeft + 'px';
        },
 
        displayError: function(message) {
            this.content.innerHTML = `<strong>错误：</strong>${message}`;
        },
 
        translateStat: function(stat) {
            const translations = {
                'days_visited': '访问天数',
                'likes_given': '给出的赞',
                'likes_received': '收到的赞',
                'post_count': '帖子数量',
                'posts_read_count': '已读帖子',
                'topics_entered': '已读主题',
                'time_read': '阅读时间(秒)'
            };
            return translations[stat] || stat;
        }
    };
 
    const EventHandler = {
        handleSearch: async function() {
            const username = UIManager.searchBox.value.trim();
            if (!username) return;
 
            try {
                const aboutData = await DataManager.fetchAboutData();
                const summaryData = await DataManager.fetchSummaryData(username);
                const userData = await DataManager.fetchUserData(username);
                if (summaryData && userData && aboutData) {
                    UIManager.updatePopupContent(summaryData.user_summary, summaryData.users ? summaryData.users[0] : { 'trust_level': 0 }, userData.user, aboutData.about.stats);
                }
            } catch (error) {
                console.error(error);
            }
        },
        // 更新拖动状态
        handleDragEnd: function() {
            UIManager.updateDragStatus(true);
        }
    };
 
    // 添加技能分析
    function analyzeAbility(topCategories) {
        let resultStr = "<strong>技能分析🎯：</strong><br>";
        const icons = {
            "常规话题": "🌐",
            "wiki": "📚",
            "快问快答": "❓",
            "人工智能": "🤖",
            "周周热点": "🔥",
            "精华神贴": "✨",
            "高阶秘辛": "🔮",
            "读书成诗": "📖",
            "配置调优": "⚙️",
            "网络安全": "🔒",
            "软件分享": "💾",
            "软件开发": "💻",
            "嵌入式": "🔌",
            "机器学习": "🧠",
            "代码审查": "👀",
            "new-api": "🆕",
            "一机难求": "📱",
            "速来拼车": "🚗",
            "网络记忆": "💭",
            "非我莫属": "🏆",
            "赏金猎人": "💰",
            "搞七捻三": "🎲",
            "碎碎碎念": "🗨️",
            "金融经济": "💹",
            "新闻": "📰",
            "旅行": "✈️",
            "美食": "🍽️",
            "健身": "🏋️",
            "音乐": "🎵",
            "游戏": "🎮",
            "羊毛": "🐑",
            "树洞": "🌳",
            "病友": "🤒",
            "职场": "💼",
            "断舍离": "♻️",
            "二次元": "🎎",
            "运营反馈": "🔄",
            "老干部疗养院": "🛌",
            "活动": "🎉",
        };
        const scores = topCategories.map(category => category.topic_count + category.post_count);
        const minScore = Math.min(...scores);
        const maxScore = Math.max(...scores);
        const scoreRange = Math.max(1, maxScore - minScore);
        topCategories.sort((a, b) => a.name.length - b.name.length);
        topCategories.forEach(category => {
            const score = category.topic_count + category.post_count;
            const normalizedScore = 1 + (score - minScore) / scoreRange * 9;
            const numStars = Math.round(normalizedScore / 2); // Adjusted to fit the 5-star format
            const stars = "❤️".repeat(numStars) + "🤍".repeat(5 - numStars); // Adjusted to include empty stars
            let icon = icons[category.name] || "❓"; // Default icon if not found
            resultStr += `
                <div style='display: table-row;'>
                    <div style='display: table-cell; text-align: left;'>${icon} ${category.name}</div>
                    <div style='display: table-cell;'>：${stars} (${score}🍀)</div>
                </div>`;
        });
 
        return resultStr;
    }
 
    // 添加含水率
    function updatePercentage() {
        return new Promise((resolve, reject) => {
            let badIds = [11, 16, 34, 17, 18, 19, 29, 36, 35, 22, 26, 25];
            const badScore = [];
            const goodScore = [];
            const urls = [
                'https://linux.do/latest.json?order=created',
                'https://linux.do/new.json',
                'https://linux.do/top.json?period=daily'
            ];
 
            Promise.all(urls.map(url => fetch(url).then(resp => resp.json())))
                .then(data => {
                    data.forEach(({ topic_list: { topics } }) => {
                        topics.forEach(topic => {
                            const score = topic.posts_count + topic.like_count + topic.reply_count;
                            (badIds.includes(topic.category_id) ? badScore : goodScore).push(score);
                        });
                    });
 
                    const badTotal = badScore.reduce((acc, curr) => acc + curr, 0);
                    const goodTotal = goodScore.reduce((acc, curr) => acc + curr, 0);
                    const percentage = (badTotal / (badTotal + goodTotal)) * 100;
 
                    resolve(percentage);
                })
                .catch(reject);
        });
    };
 
    // 添加时间格式化
    function formatTimestamp(lastSeenAt) {
        // 解析时间戳并去除毫秒
        let timestamp = new Date(lastSeenAt);
 
        // 使用Intl.DateTimeFormat格式化时间为上海时区
        let formatter = new Intl.DateTimeFormat('zh-CN', {
            timeZone: 'Asia/Shanghai',
            year: 'numeric',
            month: 'numeric',
            day: 'numeric',
            hour: 'numeric',
            minute: 'numeric',
            second: 'numeric',
        });
 
        // 获取格式化后的字符串
        let formattedTimestamp = formatter.format(timestamp);
 
        return formattedTimestamp;
    }
 
    // 添加用户升级进度总结
    function summaryRequired(required, current, translateStat) {
        let summary = '<strong>升级进度🌟：</strong><br>';
 
        summary += '<table style="width: 100%; text-align: center;">';
        summary += '<tr>';
        summary += '<th style="text-align: center;">项目</th><th style="text-align: center;">要求</th><th style="text-align: center;">状态</th><th style="text-align: center;">评估</th></tr>';
 
        for (const stat in required) {
            if (required.hasOwnProperty(stat) && current.hasOwnProperty(stat)) {
                const reqValue = required[stat];
                const curValue = current[stat] || 0; // 使用 || 0 确保未定义的情况下使用0
                let passStatus = curValue >= reqValue ? '✔️' : '❌'; // 使用对钩和红叉代替笑脸和哭脸
                let color = curValue >= reqValue ? 'green' : 'red';
 
                summary += `<tr>`;
                // 在每个单元格样式中也添加文本居中
                summary += `<td style="text-align: center;">${translateStat(stat)}</td>`;
                summary += `<td style="text-align: center;">${reqValue}</td>`;
                summary += `<td style="text-align: center; color: ${color};">${curValue}</td>`;
                summary += `<td style="text-align: center;">${passStatus}</td>`;
                summary += `</tr>`;
            }
        }
 
        summary += '</table>';
        return summary;
    }
 
    // 添加拖动功能
    function addDraggableFeature(element) {
        let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
 
        const dragMouseDown = function(e) {
            // 检查事件的目标是否是输入框，按钮或其他可以忽略拖动逻辑的元素
            if (e.target.tagName.toUpperCase() === 'INPUT' || e.target.tagName.toUpperCase() === 'TEXTAREA' || e.target.tagName.toUpperCase() === 'BUTTON') {
                return; // 如果是，则不执行拖动逻辑
            }
 
            e = e || window.event;
            e.preventDefault();
            pos3 = e.clientX;
            pos4 = e.clientY;
            document.onmouseup = closeDragElement;
            document.onmousemove = elementDrag;
        };
 
        const elementDrag = function(e) {
            e = e || window.event;
            e.preventDefault();
            pos1 = pos3 - e.clientX;
            pos2 = pos4 - e.clientY;
            pos3 = e.clientX;
            pos4 = e.clientY;
 
            element.style.top = (element.offsetTop - pos2) + "px";
            element.style.left = (element.offsetLeft - pos1) + "px";
            // 为了避免与拖动冲突，在此移除bottom和right样式
            element.style.bottom = '';
            element.style.right = '';
        };
 
        const closeDragElement = function() {
            document.onmouseup = null;
            document.onmousemove = null;
            // 在拖动结束时更新拖动状态
            EventHandler.handleDragEnd();
        };
 
        element.onmousedown = dragMouseDown;
    }
 
    const init = () => {
        StyleManager.injectStyles();
        UIManager.initPopup();
        addDraggableFeature(document.getElementById('linuxDoLevelPopup')); // 确保已设置该ID
        UIManager.togglePopupSize(); // 初始最小化
    };
 
    init();
 
})();