0
0
mirror of https://github.com/Maks1mS/userscripts.git synced 2024-12-24 00:33:03 +03:00

Compare commits

...

2 Commits

Author SHA1 Message Date
91e5166b44 [SteamPriceConverter] update to 0.7
fix USD
2024-06-23 14:46:43 +03:00
82ea415171 [SteamPriceConverter] update to 0.6
replace prices when body updates
2024-06-23 10:19:20 +03:00

View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name Steam Price Converter // @name Steam Price Converter
// @namespace https://github.com/Maks1mS/userscripts // @namespace https://github.com/Maks1mS/userscripts
// @version 0.5 // @version 0.7
// @description Converts prices to rubles // @description Converts prices to rubles
// @author Maxim Slipenko // @author Maxim Slipenko
// @match https://store.steampowered.com/* // @match https://store.steampowered.com/*
@ -23,7 +23,7 @@
source_symbol: undefined source_symbol: undefined
} }
const delay = (ms) => const delay = (ms) =>
new Promise(resolve => setTimeout(resolve, ms)); new Promise(resolve => setTimeout(resolve, ms));
async function getRates() { async function getRates() {
@ -57,6 +57,29 @@
return SYMBOL_TO_CODE_MAPPING[state.source_symbol]; return SYMBOL_TO_CODE_MAPPING[state.source_symbol];
} }
const observers = new WeakMap();
function addObserver(element, callback, config = { childList: true }) {
if (element && !observers.has(element)) {
const observer = new MutationObserver(callback);
observer.observe(element, config);
observers.set(element, observer);
}
}
function qs(...args) {
return document.querySelector(...args);
}
function debounce(callback, delay) {
let timeout;
return function (...args) {
clearTimeout(timeout);
timeout = setTimeout(() => {
callback(...args);
}, delay);
};
}
async function main() { async function main() {
const rates = await getRates(); const rates = await getRates();
const source_valute = getCurrentValute(); const source_valute = getCurrentValute();
@ -65,37 +88,76 @@
return; return;
} }
await delay(75); // await delay(75);
const convert = (n) => +(n * rates[source_valute].value).toFixed(2); const convert = (n) => +(n * rates[source_valute].value).toFixed(2);
replace(convert); const execute = () => {
replace(convert);
}
const config = { childList: true, subtree: true };
function handle(mutationsList, observer) {
observer.disconnect();
execute();
observer.observe(document.body, config);
}
const debouncedCallback = debounce(handle, 300);
addObserver(document.body, debouncedCallback, config);
window.addEventListener('popstate', execute);
window.addEventListener('load', execute);
document.addEventListener('DOMContentLoaded', execute);
if (document.readyState == "complete" ||
document.readyState == "loaded" ||
document.readyState == "interactive"
) {
execute();
}
// GM_registerMenuCommand("update", () => replace(convert), "u"); // GM_registerMenuCommand("update", () => replace(convert), "u");
} }
function replace(convert) { function replace(convert) {
let r = document.evaluate(`//text()[contains(., \"${state.source_symbol}\")]`, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); let xpath = `//text()[contains(., \"${state.source_symbol}\") and not(ancestor::*[@data-converted]) and not(ancestor::script)]`;
let r = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (let i = 0; i < r.snapshotLength; i++) { for (let i = 0; i < r.snapshotLength; i++) {
let n = r.snapshotItem(i); let n = r.snapshotItem(i);
let textContent = n.textContent; let textContent = n.textContent;
let regex = new RegExp(`(${state.source_symbol}\\s*[0-9\\s]+[.,]?[0-9]*|[0-9\\s]+[.,]?[0-9]*\\s*${state.source_symbol})`, 'g'); let regex = new RegExp(`(\\${state.source_symbol}\\s*[0-9\\s]+[.,]?[0-9]*(?:USD)?|[0-9\\s]*[.,]?[0-9]+\\s*\\${state.source_symbol})`, 'g');
let newContent = textContent.replace(regex, (match) => { let newContent = textContent.replace(regex, (match) => {
let value; let value;
if (match.includes(state.source_symbol)) { let originalValue;
value = parseFloat(match.replace(state.source_symbol, '').replace(' ', '').replace(',', '.').trim()); originalValue = match.replace(state.source_symbol, '').replace(' ', '').replace(',', '.').trim();
value = parseFloat(originalValue);
let convertedValue = convert(value);
let formattedConvertedValue;
let formattedOriginalValue;
if (match.trim().startsWith(state.source_symbol)) {
formattedOriginalValue = `${state.source_symbol}${originalValue}`;
} else { } else {
value = parseFloat(match.replace(' ', '').replace(',', '.')); formattedOriginalValue = `${originalValue}${state.source_symbol}`;
} }
return `${convert(value)} ₽ / ${value} ${state.source_symbol}`;
formattedConvertedValue = `${convertedValue}`;
return `${formattedConvertedValue} / ${formattedOriginalValue}`;
}); });
let newNode = document.createTextNode(newContent); let newNode = document.createTextNode(newContent);
n.parentNode.setAttribute('data-converted', 'true');
n.parentNode.replaceChild(newNode, n); n.parentNode.replaceChild(newNode, n);
console.log(newNode); // console.log(newNode);
} }
} }
main(); main();
})(); })();