Insert stats box right below profile tabs inside #bodyarea on Bitcointalk profile page
// ==UserScript==
// @name Bitcointalk Monthly Stats
// @namespace https://bitcointalk.org
// @version 1.1
// @description Insert stats box right below profile tabs inside #bodyarea on Bitcointalk profile page
// @author Ace
// @match https://bitcointalk.org/index.php?action=profile*
// @grant none
// @license MIT
// ==/UserScript==
(function () {
'use strict';
const boxId = 'monthlyStatsBox';
const now = new Date();
let currentMonthOffset = 0;
function pad(n) {
return n.toString().padStart(2, '0');
}
function addOneDayWithRandomSeconds(dateString) {
const d = new Date(dateString);
d.setDate(d.getDate() + 1);
const seconds = pad(Math.floor(Math.random() * 59) + 1);
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T00:00:${seconds}`;
}
function getDateRange(monthOffset = 0) {
const date = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const firstDay = `${year}-${pad(month)}-01`;
const lastDay = new Date(year, month, 0).getDate();
const lastDate = `${year}-${pad(month)}-${pad(lastDay)}`;
const label = `${date.toLocaleString('en', { month: 'long' })} ${year}`;
return { from: firstDay, to: lastDate, label, y: year, m: month };
}
function extractUidAndUsername() {
const uidMatch = location.href.match(/u=(\d+)/);
const uid = uidMatch ? uidMatch[1] : null;
const nameRow = Array.from(document.querySelectorAll('td')).find(td => td.textContent.trim() === 'Name:');
const username = nameRow ? nameRow.nextElementSibling.textContent.trim() : null;
return { uid, username };
}
async function fetchBoardData(username, from, to) {
const url = `https://api.ninjastic.space/users/${username}/boards?from=${from}T00:00:00&to=${addOneDayWithRandomSeconds(to)}`;
const res = await fetch(url);
const json = await res.json();
if (json.result !== 'success') return null;
return json.data;
}
async function fetchMerit(type, username, y, m) {
const from = `${y}-${pad(m)}-01`;
const to = `${y}-${pad(m)}-${pad(new Date(y, m, 0).getDate())}`;
const param = type === 'received' ? 'to' : 'from';
const url = `https://api.allorigins.win/raw?url=${encodeURIComponent(`https://bpip.org/smerit.aspx?&${param}=${username}&start=${from}&end=${to}`)}`;
const res = await fetch(url);
const htmlText = await res.text();
const doc = new DOMParser().parseFromString(htmlText, 'text/html');
const rows = Array.from(doc.querySelectorAll('table tbody tr'));
if (!rows.length) return null;
const data = {};
let total = 0;
rows.forEach(tr => {
const tds = tr.querySelectorAll('td');
if (tds.length >= 4) {
let name = tds[type === 'received' ? 1 : 2].innerText.trim();
name = name.replace(/\s*\(Summary\)$/, '');
const count = parseInt(tds[3].innerText.trim()) || 0;
total += count;
data[name] = (data[name] || 0) + count;
}
});
return { total, data };
}
function createBox() {
let existing = document.getElementById(boxId);
if (existing) return existing;
const container = document.createElement('div');
container.id = boxId;
container.style.background = '#222';
container.style.color = '#fff';
container.style.padding = '12px';
container.style.marginTop = '10px';
container.style.borderRadius = '12px';
container.style.fontSize = '13px';
container.style.maxWidth = '700px';
container.style.boxShadow = '0 0 8px rgba(0,0,0,0.6)';
container.style.fontFamily = 'Arial, sans-serif';
const toggleBtn = document.createElement('button');
toggleBtn.textContent = 'Hide Stats';
toggleBtn.style.marginBottom = '10px';
toggleBtn.style.padding = '5px 10px';
toggleBtn.style.border = 'none';
toggleBtn.style.borderRadius = '8px';
toggleBtn.style.background = '#555';
toggleBtn.style.color = '#fff';
toggleBtn.style.cursor = 'pointer';
toggleBtn.onclick = () => {
if (container.style.display !== 'none') {
container.style.display = 'none';
toggleBtn.textContent = 'Show Stats';
} else {
container.style.display = 'block';
toggleBtn.textContent = 'Hide Stats';
}
};
container.appendChild(toggleBtn);
const statsContent = document.createElement('div');
statsContent.id = `${boxId}-content`;
statsContent.innerHTML = 'Loading...';
container.appendChild(statsContent);
const nav = document.createElement('div');
nav.style.marginTop = '8px';
nav.style.display = 'flex';
nav.style.justifyContent = 'space-between';
const prevBtn = document.createElement('button');
prevBtn.textContent = '← Previous Month';
prevBtn.style.flex = '1';
prevBtn.style.marginRight = '4px';
prevBtn.style.padding = '6px';
prevBtn.style.border = 'none';
prevBtn.style.borderRadius = '6px';
prevBtn.style.background = '#444';
prevBtn.style.color = '#fff';
prevBtn.style.cursor = 'pointer';
prevBtn.onclick = () => {
currentMonthOffset--;
renderStats();
};
const nextBtn = document.createElement('button');
nextBtn.textContent = 'Next Month →';
nextBtn.style.flex = '1';
nextBtn.style.marginLeft = '4px';
nextBtn.style.padding = '6px';
nextBtn.style.border = 'none';
nextBtn.style.borderRadius = '6px';
nextBtn.style.background = '#444';
nextBtn.style.color = '#fff';
nextBtn.style.cursor = 'pointer';
nextBtn.onclick = () => {
if (currentMonthOffset < 0) {
currentMonthOffset++;
renderStats();
}
};
nav.appendChild(prevBtn);
nav.appendChild(nextBtn);
container.appendChild(nav);
const bodyarea = document.getElementById('bodyarea');
if (bodyarea) {
bodyarea.insertBefore(container, bodyarea.firstChild);
} else {
// fallback
document.body.insertBefore(container, document.body.firstChild);
}
return container;
}
async function renderStats() {
const { uid, username } = extractUidAndUsername();
if (!uid || !username) return;
const box = createBox();
const content = document.getElementById(`${boxId}-content`);
content.innerHTML = '📊 Loading monthly data...';
const { from, to, label, y, m } = getDateRange(currentMonthOffset);
const boardData = await fetchBoardData(username, from, to);
const meritReceived = await fetchMerit('received', username, y, m);
const meritSent = await fetchMerit('sent', username, y, m);
if (!boardData) {
content.innerHTML = '❌ Error loading posts.';
return;
}
let html = `🧮 <b>Statistics for ${label} – ${username}</b><br><br>`;
html += `📝 <b>Posts written:</b> ${boardData.total_results_with_board}<br>`;
boardData.boards.forEach(b => {
html += `• ${b.name}: ${b.count}<br>`;
});
if (!meritReceived) {
html += `<br>⭐ <b>Merits received:</b> Loading error.`;
} else {
html += `<br>⭐ <b>Merits received:</b> ${meritReceived.total}<br>`;
Object.entries(meritReceived.data).sort((a, b) => b[1] - a[1]).forEach(([name, count]) => {
html += `• ${name}: ${count}<br>`;
});
}
if (!meritSent) {
html += `<br>🎁 <b>Merits sent:</b> Loading error.`;
} else {
html += `<br>🎁 <b>Merits sent:</b> ${meritSent.total}<br>`;
Object.entries(meritSent.data).sort((a, b) => b[1] - a[1]).forEach(([name, count]) => {
html += `• ${name}: ${count}<br>`;
});
}
content.innerHTML = html;
}
if (location.href.includes('action=profile')) {
renderStats();
}
})();