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.
当前为
// ==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();
})();