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 userLang === 'ru' ? ruText.trim() : enText.trim();
            }
        );
    }

    // Функция для добавления скелетонов
    function addSkeletonEffect(container) {
        container.innerHTML = container.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>';
            }
        );
    }

    // Добавляем скелетоны перед загрузкой контента
    addSkeletonEffect(document.body);

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