MediaWiki:Common.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

mw.loader.using('mediawiki.util').then(function () {
    // Не выполнять скрипт на странице редактирования
    if (location.href.includes('action=edit')) return;

    // Поддерживаемые языки
    var supportedLanguages = ['ru', 'en'];

    // Определяем язык из браузера (Accept-Language)
    var userLangRaw = navigator.languages && navigator.languages.length
        ? navigator.languages[0]
        : navigator.language || navigator.userLanguage || 'en';

    var lang = userLangRaw.slice(0, 2).toLowerCase();

    // Если язык не поддерживается — по умолчанию 'en'
    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" style="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;">' +
                    (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" style="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;">&nbsp;</span>';
            }
        );
    });

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