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-03-10 提交的版本，查看最新版本。
安装此脚本？
提问、发表评价或者举报此脚本。
换行
// ==UserScript==
// @name         Linux do Level Enhanced
// @namespace    http://tampermonkey.net/
// @version      0.0.7
// @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
// @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; 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 = {
        ABOUT_DATA_URL: 'https://linux.do/about.json',
        USER_DATA_URL_PREFIX: 'https://linux.do/u/',
        USER_DATA_URL_SUFFIX: '/summary.json',
        FETCH_REQUEST_OPTIONS: {
            headers: { "Accept": "application/json", "User-Agent": "Mozilla/5.0" },
            method: "GET",
        },
        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: "领导者"
        },
 
        fetchAboutData: async function() {
            try {
                const response = await fetch(this.ABOUT_DATA_URL, this.FETCH_REQUEST_OPTIONS);
                if (!response.ok) throw new Error(`HTTP 错误！状态：${response.status}`);
                return await response.json();
            } catch (error) {
                UIManager.displayError("获取关于页面数据失败");
                throw error;
            }
        },
 
        fetchUserData: async function(username) {
            try {
                const url = `${this.USER_DATA_URL_PREFIX}${username}${this.USER_DATA_URL_SUFFIX}`;
                const response = await fetch(url, this.FETCH_REQUEST_OPTIONS);
                if (!response.ok) throw new Error(`HTTP 错误！状态：${response.status}`);
                return await response.json();
            } catch (error) {
                UIManager.displayError("获取用户数据失败");
                throw error;
            }
        }
    };
 
    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();
                }
            });
        },
 
        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, status) {
            if (!userSummary || !user) return;
 
            let content = `<strong>信任等级：</strong>${DataManager.levelDescriptions[user.trust_level]}<br><strong>升级进度：</strong><br>`;
            const requirements = DataManager.levelRequirements[user.trust_level] || {};
 
            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);
            }
 
            if (user.trust_level === 3) {
                content += '联系管理员以升级到领导者<br>';
            } else if (user.trust_level === 4) {
                content += '您已是最高信任等级<br>';
            } else {
                console.log(requirements)
                for (const [stat, required] of Object.entries(requirements)) {
                    console.log(stat)
                    console.log(required)
                    const current = userSummary[stat] || 0;
                    console.log(current)
                    console.log(userSummary[stat])
                    console.log(this.translateStat(stat))
                    const color = current >= required ? "green" : "red";
                    content += `${this.translateStat(stat)}: <span style="color: ${color};">${current} / ${required}</span><br>`;
                }
            }
            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.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.minimizeButton.textContent = '展开';
                this.popup.classList.add('breath-animation');
            }
            // 确保拖动时更新整个弹窗的位置而不仅是底部
            addDraggableFeature(this.popup);
        },
 
        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 userData = await DataManager.fetchUserData(username);
                if (userData && aboutData) {
                    UIManager.updatePopupContent(userData.user_summary, userData.users[0], aboutData.about.stats);
                }
            } catch (error) {
                console.error(error); // Already handled within data manager functions
            }
        }
    };
 
    // 添加拖动功能
    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;
        };
 
        element.onmousedown = dragMouseDown;
    }
 
    const init = () => {
        StyleManager.injectStyles();
        UIManager.initPopup();
        addDraggableFeature(document.getElementById('linuxDoLevelPopup')); // 确保已设置该ID
        UIManager.togglePopupSize(); // 初始最小化
    };
 
    init();
 
})();