Greasy Fork is available in English.

SteamDB Sales CNPrice Injector

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;
    }

})();