Adds CNPrice column to SteamDB sales page with selectable currency conversions.
// ==UserScript==
// @name SteamDB Sales CNPrice Injector
// @namespace https://liangying.eu.org/
// @version 0.7.1
// @description Adds CNPrice column to SteamDB sales page with selectable currency conversions.
// @author LiangYing
// @match https://steamdb.info/sales/*
// @grant GM_xmlhttpRequest
// @connect store.steampowered.com
// @connect api.exchangerate-api.com
// @icon https://store.steampowered.com/favicon.ico
// @license MIT
// @run-at document-end
// ==/UserScript==
(function() {
'use strict';
// 汇率对象
let exchangeRates = {
CNY: 1,
JPY: 20.5,
HKD: 1.09,
USD: 0.14,
RUB: 12.7,
PHP: 7.74,
INR: 11.52,
KRW: 185.87,
CAD: 0.19
};
let currentRate = exchangeRates.CNY; // 设定默认汇率
// 创建一个函数用来更新汇率
function updateExchangeRates(callback) {
// 使用 GM_xmlhttpRequest 或其他HTTP请求方法获取API数据
GM_xmlhttpRequest({
method: 'GET',
url: 'https://api.exchangerate-api.com/v4/latest/CNY',
onload: function(response) {
if (response.status === 200 && response.responseText) {
let result = JSON.parse(response.responseText);
// 根据API响应更新汇率
exchangeRates = result.rates;
// 仅更新脚本中使用的汇率
exchangeRates.JPY = result.rates.JPY;
exchangeRates.HKD = result.rates.HKD;
exchangeRates.USD = result.rates.USD;
exchangeRates.RUB = result.rates.RUB;
exchangeRates.PHP = result.rates.PHP;
exchangeRates.INR = result.rates.INR;
exchangeRates.KRW = result.rates.KRW;
exchangeRates.CAD = result.rates.CAD;
// 调用回调函数来继续执行其他依赖实时汇率的代码
if (typeof callback === 'function') {
callback();
}
} else {
console.error('Failed to fetch exchange rates:', response.status);
}
},
onerror: function(error) {
console.error('Error occurred while fetching exchange rates:', error);
}
});
}
// 获取汇率然后进行初始化
updateExchangeRates(function() {
// 在此处进行需要依赖实时汇率的初始化
refreshPrices();
});
// 解析价格文本中的数字
function parsePrice(priceText) {
return parseFloat(priceText.replace(/[^0-9.]/g, ''));
}
// 添加CNPrice列头
const header = document.querySelector('.table-sales thead tr');
const cnPriceHeader = document.createElement('th');
cnPriceHeader.style.cursor = 'pointer'; // 设置鼠标悬停时的光标为指针
cnPriceHeader.innerHTML = 'CNPrice';
header.appendChild(cnPriceHeader);
// 为每行数据添加CNPrice列
const rows = document.querySelectorAll('.table-sales tbody tr');
rows.forEach(row => {
const cnPriceCell = document.createElement('td');
cnPriceCell.className = 'cn-price';
row.appendChild(cnPriceCell);
});
// 获取并显示国区价格，并转换为所选货币后比较
function fetchAndDisplayCNPrice(appid, cell, rate) {
const url = `https://store.steampowered.com/api/appdetails/?appids=${appid}&cc=cn`;
GM_xmlhttpRequest({
method: 'GET',
url: url,
onload: function(response) {
try {
const data = JSON.parse(response.responseText);
const priceInfo = data[appid].data.price_overview;
if (priceInfo) {
const cnPrice = priceInfo.final / 100; // 价格以分为单位，转换为元
const convertedPrice = cnPrice * rate; // 使用所选汇率转换价格
const comparisonPriceCell = cell.parentElement.children[4];
const comparisonPrice = parsePrice(comparisonPriceCell.textContent);
const percentage = (comparisonPrice * 100 / convertedPrice).toFixed(2); // 比例计算
cell.textContent = `${convertedPrice.toFixed(2)} (${percentage}%)`; // 显示转换后的价格和百分比
// 比较价格并设置颜色
if (convertedPrice > comparisonPrice) {
cell.style.color = 'green';
} else {
cell.style.color = 'red';
}
} else {
cell.textContent = 'N/A';
}
} catch (error) {
console.error('Error fetching CN price:', error);
cell.textContent = 'Error';
}
},
onerror: function(error) {
console.error('Error fetching CN price:', error);
cell.textContent = 'Error';
}
},200);
}
// 创建汇率选择框并添加到页面
const controlsContainer = document.querySelector('.dataTable_display');
const rateSelect = document.createElement('select');
rateSelect.innerHTML = `
<option value="CNY">LiangYing Exchange</option>
<option value="JPY">JPY (日本)</option>
<option value="HKD">HKD (香港)</option>
<option value="USD">USD (美国*)</option>
<option value="RUB">RUB (俄罗斯)</option>
<option value="PHP">PHP (菲律宾)</option>
<option value="INR">INR (印度)</option>
<option value="KRW">KRW (韩国)</option>
<option value="CAD">CAD (加拿大)</option>
`;
controlsContainer.appendChild(rateSelect); // 添加选择框到页面
// 汇率选择框的事件监听器
rateSelect.addEventListener('change', function() {
currentRate = exchangeRates[this.value];
refreshPrices(); // 用户选择了不同的汇率，立即刷新价格
});
// CNPrice列头点击事件监听器用于排序
cnPriceHeader.addEventListener('click', function() {
sortTableByCNPrice();
});
// 刷新价格的函数, 以适应表格更新和新增行
function refreshPrices() {
let index = 0;
if(currentRate == 1) {
return;
}
// 获取全部当前存在的行，包括新添加的行
const rows = document.querySelectorAll('.table-sales tbody tr');
rows.forEach(row => {
const appid = row.dataset.appid;
let cnPriceCell = row.querySelector('.cn-price');
// 如果当前行没有CNPrice列，就创建一个
if (!cnPriceCell) {
cnPriceCell = document.createElement('td');
cnPriceCell.className = 'cn-price';
row.appendChild(cnPriceCell);
}
// 清除原有的价格信息
cnPriceCell.textContent = '';
setTimeout(function() {
// 为每个行重新获取和显示价格信息
if (appid) {
fetchAndDisplayCNPrice(appid, cnPriceCell, currentRate);
}
}, 500 * index++); // index * 500ms 为每个请求设置不同的延迟时间
});
}
// 创建一个变量来存储上一次分页控件的数据快照
let lastPaginationSnapshot = '';
// 创建一个函数来检查分页控件是否更新
function checkForPaginationUpdates() {
// 尝试获取分页控件，如果没有找到，则不进行任何操作
const paginationControl = document.querySelector('.app'); // 假定分页控件的类名为.app
if (!paginationControl) return;
// 将当前的分页控件数据转换为字符串
const currentPaginationSnapshot = paginationControl.innerText; // 使用innerText获取可见文本
// 比较上一次的快照和当前快照
if(lastPaginationSnapshot !== currentPaginationSnapshot) {
// 如果分页控件有更新，刷新价格
refreshPrices();
// 更新最后一次的分页控件快照
lastPaginationSnapshot = currentPaginationSnapshot;
}
}
// 页面加载完毕后立即执行一次分页控件快照，并定时执行更新检查
window.addEventListener('load', () => {
const paginationControl = document.querySelector('.app');
if (paginationControl) lastPaginationSnapshot = paginationControl.innerText;
setInterval(checkForPaginationUpdates, 1000); // 1秒检查一次
});
function sortTableByCNPrice() {
let rowsArray = Array.from(document.querySelectorAll('.table-sales tbody tr'));
// Sort rows by the CNPrice percentage
rowsArray.sort(function(a, b) {
// 获取a行和b行的CNPrice单元格
let cnPriceA = a.querySelector('.cn-price');
let cnPriceB = b.querySelector('.cn-price');
// 提取出百分比数值
let percentageA = getPercentage(cnPriceA.textContent);
let percentageB = getPercentage(cnPriceB.textContent);
//基于百分比compare
return percentageA - percentageB;
});
// 将排序后的行放回页面中
const tbody = document.querySelector('.table-sales tbody');
tbody.innerHTML = ''; // 清除现有行
rowsArray.forEach(function(row) {
tbody.appendChild(row); // 添加排序后的行
});
}
function getPercentage(text) {
// 提取百分比并转换为浮点数
let match = text.match(/(\d+\.?\d*)%/);
return match ? parseFloat(match[1]) : 0;
}
})();