☰

Ukrainian Steam Improvements

Adds (1) the state flag for games that have Ukrainian language, (2) alert emojis for ua and ru -made games, (3) prices at the top.

当前为 2023-12-17 提交的版本，查看 最新版本。

// ==UserScript==
// @name           Ukrainian Steam Improvements
// @description    Adds (1) the state flag for games that have Ukrainian language, (2) alert emojis for ua and ru -made games, (3) prices at the top.
// @include        https://store.steampowered.com/*
// @grant          GM_addStyle
// @icon           https://community.akamai.steamstatic.com/public/images/countryflags/ua.gif
// @license        https://creativecommons.org/licenses/by-sa/4.0/
// @author         Prudten
// @version        1.0.0
// @namespace https://gf.qytechs.cn/users/1235514
// ==/UserScript==
'use strict';

GM_addStyle(`
	.btn_red_steamui {
	border-radius: 2px;
	border: none;
	padding: 1px;
	display: inline-block;
	cursor: pointer;
	text-decoration: none !important;
	color: #D28BA9; !important;

	background: transparent;	text-shadow: 1px 1px 0px rgba( 0, 0, 0, 0.3 );}

	.btn_red_steamui > span {
		border-radius: 2px;
		display: block;


					background: #D34320;
			background: -webkit-linear-gradient( top, #D34320 5%, #BC261B 95%);
	background: linear-gradient( to bottom, #D34320 5%, #BC261B 95%);
		background: linear-gradient( to right, #D94C22 5%, #BC261B 95%);	}

.btn_red_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
	text-decoration: none !important;
	color: #fff; !important;

	background: transparent;	}

	.btn_red_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span {
					background: #8E0E29;
			background: -webkit-linear-gradient( top, #8E0E29 5%, #CE4221 95%);
	background: linear-gradient( to bottom, #8E0E29 5%, #CE4221 95%);
		background: linear-gradient( to right, #8E0E29 5%, #CE4221 95%);	}

	.btn_red_steamui.btn_active, btn_red_steamui.active {
	text-decoration: none !important;
	color: #fff; !important;

		background: transparent;			}

	.btn_red_steamui.btn_active > span, btn_red_steamui.active > span {
					background: #8E0E29;
			background: -webkit-linear-gradient( top, #8E0E29 5%, #CE4221 95%);
	background: linear-gradient( to bottom, #8E0E29 5%, #CE4221 95%);
		background: linear-gradient( to right, #8E0E29 5%, #CE4221 95%);	}

.discount_block .discount_pct_red, .discount_pct_red {
            font-family: "Motiva Sans", Sans-serif;
        font-weight: normal; /* normal */

            font-weight: 500;
    color: #FF2611;
    background: #B00722;
    display: inline-block;
}

.game_purchase_discount .discount_pct_red,
.game_purchase_discount .bundle_base_discount {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 25px;
    text-align: center;
    overflow: hidden;
    padding: 0 6px;
}

`);


function insertAfter(newNode, existingNode) {
    existingNode.parentNode.insertBefore(newNode, existingNode.nextSibling);
};


if(window.location.toString().includes("app")) {
    var cells = document.getElementsByClassName("ellipsis");
    var title = document.getElementsByClassName("apphub_AppName")[0];
    var oldTitle = title.innerHTML;
    var uagif = "<img src=\"https://community.akamai.steamstatic.com/public/images/countryflags/ua.gif\">";
    var notSupported = "\n					Не підтримується				";

    var sunflower = "🌻"
    Array.prototype.forEach.call(cells, function(cell) {
        if ((cell.textContent == "\n				Russian			") &&
        (cell.nextSibling.nextSibling.textContent != notSupported)) {
            sunflower = ""
        } else if ((cell.textContent == "\n				російська			") &&
        (cell.nextSibling.nextSibling.textContent != notSupported)) {
            sunflower = ""
        };
    });

    Array.prototype.forEach.call(cells, function(cell) {
        if ((cell.textContent == "\n				Ukrainian			") &&
        (cell.nextSibling.nextSibling.textContent != notSupported)) {
            cell.innerHTML = `\n				${uagif} Ukrainian			`;
            title.innerHTML = `${oldTitle} ${sunflower}${uagif}`;
        } else if ((cell.textContent == "\n				українська			") &&
        (cell.nextSibling.nextSibling.textContent != notSupported)) {
            cell.innerHTML = `\n				${uagif} українська			`;
            title.innerHTML = `${oldTitle} ${sunflower}${uagif}`;
        };
    });

    oldTitle = title.innerHTML;
    var imgs = document.getElementsByTagName("img");
    var ridne = "93f3a9d4a6868bbaadc90dbbeeecfa13770a59a1";
    Array.prototype.forEach.call(imgs, function(img) {
        var imgName = img.src.split("/").pop()
        if ((imgName == `${ridne}.jpg`) ||
        (imgName == `${ridne}_medium.jpg`) ||
        (imgName == `${ridne}_full.jpg`)) {
            title.innerHTML = `💙💛 ${oldTitle}`;
        };
    });

    oldTitle = title.innerHTML;
    var prices = document.querySelectorAll(".game_purchase_price, .discount_final_price");
    var btns = document.querySelectorAll(".btn_green_steamui, .btn_blue_steamui");
    var dscs = document.querySelectorAll(".discount_pct:not(#recommended_block)");
    var recs = document.getElementById("recommended_block").innerHTML;
    var roosnya = false;
    var niroosni = "329f37319a1d6a0c79c67a388414278e3b2996c0";
    Array.prototype.forEach.call(imgs, function(img) {
        var imgName = img.src.split("/").pop()
        if ((imgName == `${niroosni}.jpg`) ||
        (imgName == `${niroosni}_medium.jpg`) ||
        (imgName == `${niroosni}_full.jpg`)) {
            roosnya = true
            title.innerHTML = `🐷🐶 <font color="red">${oldTitle}</font>`;
            Array.prototype.forEach.call(prices, function(price) {
                if (!document.getElementById("recommended_block").contains(price)) {
                    var oldPrice = price.innerHTML;
                    price.innerHTML = `<font color="red">${oldPrice}</font> 🐷🐶`;
                };
            });
            Array.prototype.forEach.call(btns, function(btn) {
                btn.classList.remove('btn_green_steamui','btn_blue_steamui');
                btn.classList.add('btn_red_steamui');
            });
            Array.prototype.forEach.call(dscs, function(dsc) {
                dsc.classList.remove('discount_pct');
                dsc.classList.add('discount_pct_red');
            });
            document.getElementById("recommended_block").innerHTML = recs;
        };
    });

    var hub = document.getElementsByClassName("btnv6_blue_hoverfade")[0];
    hub.innerHTML = "\n                    <span>✚</span>\n                ";

    var price = document.createElement("div");
    price.classList.add('btnv6_blue_hoverfade','btn_medium');
    insertAfter(price, hub);

    // check if it's not a demo
    if ((document.getElementsByClassName("game_purchase_action").length > 1) &&
    (document.getElementById("demoGameBtn"))) {
        var priceNode = document.getElementsByClassName("game_purchase_action")[1];
    } else {
        var priceNode = document.getElementsByClassName("game_purchase_action")[0];
    };

    // check if it's not released yet
    if (document.getElementsByClassName("game_area_comingsoon")[0]) {
        var priceText = "В розробці";
        if (roosnya) {
            priceText = `<font color="red">${priceText}</font> 🐷🐶`;
        };
    // check the price if it's been released
    } else if (priceNode.getElementsByClassName("game_purchase_price").length > 0) {
        var priceText = priceNode.getElementsByClassName("game_purchase_price")[0].innerHTML;
        // check if it's a free game
        if (document.getElementById("freeGameBtn")) {
            priceText = `<font color="#beee11">${priceText}</font>`;
        };
    // check if it's on sale
    } else if (priceNode.getElementsByClassName("discount_final_price").length > 0) {
        var priceText = priceNode.getElementsByClassName("discount_final_price")[0].innerHTML;

        var discount = document.createElement("div");
        discount.classList.add('btnv6_blue_hoverfade','btn_medium');
        insertAfter(discount, hub);

        if (roosnya) {
            var discountText = priceNode.getElementsByClassName("discount_pct_red")[0].innerHTML;
            discount.innerHTML = `<span><font color="red">${discountText}</font></span>`;
        } else {
            var discountText = priceNode.getElementsByClassName("discount_pct")[0].innerHTML;
            //discount.innerHTML = `<span><font color="#66cc33">${discountText}</font></span>`;
            discount.innerHTML = `<span><font color="#a3cf06">${discountText}</font></span>`;
            //discount.innerHTML = `<span><font color="#beee11">${discountText}</font></span>`;
        };
        discount.insertAdjacentText('beforebegin', `\n                `);
    } else if ((priceNode.getElementsByClassName("game_purchase_price").length === 0) && 
    (priceNode.getElementsByClassName("btn_addtocart").length > 0)) {
        var priceText = `<font color="#beee11">Безкоштовно</font>`;
    };

    price.innerHTML = `<span>${priceText}</span>`;
    price.insertAdjacentText('beforebegin', `\n                `);
};

// insert html inside a text
// and replace specific part of that text
// i.e. insert a tag inside a text node
// from https://stackoverflow.com/a/29301739
// huy znaye yak vono robe ale krasyvo
var matchText = function(node, regex, callback, excludeElements) { 

    excludeElements || (excludeElements = ['script', 'style', 'iframe', 'canvas']);
    var child = node.firstChild;

    while (child) {
        switch (child.nodeType) {
        case 1:
            if (excludeElements.indexOf(child.tagName.toLowerCase()) > -1)
                break;
            matchText(child, regex, callback, excludeElements);
            break;
        case 3:
            var bk = 0;
            child.data.replace(regex, function(all) {
                var args = [].slice.call(arguments),
                    offset = args[args.length - 2],
                    newTextNode = child.splitText(offset+bk), tag;
                bk -= child.data.length + all.length;

                newTextNode.data = newTextNode.data.substr(all.length);
                tag = callback.apply(window, [child].concat(args));
                child.parentNode.insertBefore(tag, newTextNode);
                child = newTextNode;
            });
            regex.lastIndex = 0;
            break;
        }

        child = child.nextSibling;
    }

    return node;
};

// add spaces before ₴ sign
matchText(document.body, new RegExp("₴", "g"), function(node, match, offset) {
    var hryvnia = document.createElement("span");
    hryvnia.style.cssText += "font-family: 'Calibri Light'; font-weight: bold; font-size: 110%;";
    hryvnia.innerHTML = " ₴";
    return hryvnia;
});

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址