MediaWiki:Common.js: различия между версиями

Версия от 07:13, 5 апреля 2025

<style>
.lang-placeholder {
    display: inline-block;
    width: 100%;
    min-height: 1em;
    background-color: #e0e0e0;
    border-radius: 4px;
    animation: pulse 1.2s infinite ease-in-out;
    color: transparent;
    overflow: hidden;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}
</style>

mw.loader.using('mediawiki.util').then(function () {
    if (location.href.includes('action=edit')) return;

    var supportedLanguages = ['ru', 'en'];

    var userLangRaw = navigator.languages && navigator.languages.length
        ? navigator.languages[0]
        : navigator.language || navigator.userLanguage || 'en';

    var lang = userLangRaw.slice(0, 2).toLowerCase();
    var userLang = supportedLanguages.includes(lang) ? lang : 'en';

    function processLangBlocks(container) {
        container.innerHTML = container.innerHTML.replace(
            /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
            function(match, ruText, enText) {
                return '<span class="lang-processed">' +
                    (userLang === 'ru' ? ruText.trim() : enText.trim()) +
                '</span>';
            }
        );
    }

    // Эффект скелетона: обернём все языковые блоки в placeholder до обработки
    document.querySelectorAll('body').forEach(function (el) {
        el.innerHTML = el.innerHTML.replace(
            /\{ru\}([\s\S]*?)\{else\}([\s\S]*?)\{end\}/gi,
            function () {
                return '<span class="lang-placeholder">&nbsp;</span>';
            }
        );
    });

    // После небольшой задержки (или сразу после загрузки), показываем нужный язык
    window.addEventListener('DOMContentLoaded', function () {
        setTimeout(function () {
            processLangBlocks(document.body);
        }, 100); // можно увеличить для наглядного эффекта
    });
});