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

Версия от 08:33, 15 июня 2026

/* Загрузка лого морпехов */
$(document).ready(function() {
    var secondUrl = "https://spacestories.club/Marine_Corps";

    var secondLogoImgUrl = "https://spacestories.club/images/0/0d/CMlog.png";

    if ($('.second-mw-logo').length === 0) {

        var $secondLogo = $('<a>', {
            href: secondUrl,
            class: 'second-mw-logo citizen-cdx-button--size-large cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet',
            title: 'Перейти на заглавную страницу Marines Corps',
        }).append(
            $('<img>', {
                class: 'mw-logo-icon',
                src: secondLogoImgUrl,
                alt: 'Второе лого',
                'aria-hidden': 'true',
                height: '32',
                width: '32'
            })
        );

        $('.mw-logo').after($secondLogo);
    }
});


/* Аудиоплееры */
(function(){
    var players = document.getElementsByClassName('audio-player');
    for(var i=0;i<players.length;i++){
        (function(p){
            var src = p.getAttribute('data-src');
            if(src){
                var audio = document.createElement('audio');
                audio.setAttribute('controls','controls');
                audio.setAttribute('preload','none');
                var source = document.createElement('source');
                source.setAttribute('src',src);
                source.setAttribute('type','audio/mpeg');
                audio.appendChild(source);
                p.appendChild(audio);
            }
        })(players[i]);
    }
})();

/* Подгрузка внешних CSS/JS */
(function(){
    if(typeof mw === 'undefined') return;

    function getFilesFromUrl(param){
        if(!param) return [];
        return param.split('|').map(function(file){ return file.trim(); });
    }

    function getBaseUrl(){
        var server = mw.config.get('wgServer').replace(/^http:/,'https:');
        var script = mw.config.get('wgScript');
        return server + script + '?action=raw&ctype=text/';
    }

    function isValidExtension(ext){ return ext === 'js' || ext === 'css'; }

    function getFileUrl(file){
        var prefix = file.indexOf('MediaWiki:') === 0 ? 'MediaWiki:' : 'User:' + (mw.config.get('wgUserName') || '') + '/';
        var fullName = file.indexOf(':') > -1 ? file : prefix + file;
        var ext = file.split('.').pop().toLowerCase();
        if(!isValidExtension(ext)){
            console.error('Недопустимое расширение файла:', file);
            return null;
        }
        var timestamp = new Date().getTime();
        return getBaseUrl() + (ext==='js' ? 'javascript' : 'css') + '&title=' + encodeURIComponent(fullName) + '&_=' + timestamp;
    }

    function loadFiles(files){
        for(var i=0;i<files.length;i++){
            var url = getFileUrl(files[i]);
            if(url){
                var ext = files[i].split('.').pop().toLowerCase();
                mw.loader.load(url,'text/' + (ext==='js' ? 'javascript' : 'css'));
            }
        }
    }

    mw.loader.using('mediawiki.util', function(){
        var params = mw.util.getParamValue('use');
        var files = getFilesFromUrl(params);
        loadFiles(files);
    });
})();

/* Перенос page-info и цвет заголовков */
(function(){
    var footerPlaces = document.getElementById('footer-places');
    var pageInfo = document.querySelector('.page-info');
    if(footerPlaces && pageInfo){
        footerPlaces.insertAdjacentElement('afterend', pageInfo.cloneNode(true));
        pageInfo.parentNode.removeChild(pageInfo);
    }

    var headerColorElement = document.querySelector('.headerColor');
    if(headerColorElement){
        var content = headerColorElement.textContent.split('|');
        if(content.length === 2){
            var headers = document.querySelectorAll('.citizen-section-heading, .citizen-section-heading--collapsed');
            for(var hi=0; hi<headers.length; hi++){
                var header = headers[hi],
                    indicator = header.querySelector('.citizen-section-indicator'),
                    headline = header.querySelector('.mw-headline');
                if(!indicator || !headline) continue;
                if(header.classList.contains('citizen-section-heading--collapsed')){
                    indicator.style.cssText = 'background: black; box-shadow: unset;';
                } else {
                    indicator.style.cssText = 'background: ' + content[1] + '; box-shadow: 0 0 20px 0px ' + content[1] + 'cc;';
                    headline.style.cssText = 'border-image: linear-gradient(to right top,' + content[0] + ', black); border-image-slice:1;';
                }
            }
        }
    }
})();

/* Sidebar для ролей */
(function(){
    var jobsContainer = document.querySelector('.JobsTableContainer');
    if(jobsContainer && jobsContainer.innerHTML.trim()){
        var bodyContent = document.getElementById('bodyContent');
        if(bodyContent){
            bodyContent.insertAdjacentHTML('beforebegin', jobsContainer.innerHTML);
            var jobTable = document.getElementById('IdJobsTableContainer1');
            if(jobTable) jobTable.id = 'IdJobsTableContainer2';
        }
    }
})();

/* Хронология */
(function(){
    if(!window.jQuery) return;
    jQuery(function($){
        $('.timeline-header').on('click', function(){
            $(this).next('.timeline-content').slideToggle();
        }).trigger('click');
    });
})();

/* Галерея */
(function(){
    var root = document.getElementById('ss-art-gallery');
    if(!root) return;

    function q(a,b){ return a.querySelector(b); }
    function qa(a,b){ return Array.prototype.slice.call(a.querySelectorAll(b)); }

    var chips = qa(root,'.ss-chip');

    function setFilter(val){
        for(var ci=0; ci<chips.length; ci++){
            var c = chips[ci];
            var active = (c.getAttribute('data-filter')===val || (val==='all' && c.getAttribute('data-filter')==='all'));
            c.classList.toggle('ss-chip-active', active);
        }

        var sections = qa(root,'.ss-section');
        for(var si=0; si<sections.length; si++){
            var section = sections[si];
            var cards = qa(section,'.ss-card');
            var visibleCount = 0;
            for(var cj=0; cj<cards.length; cj++){
                var card = cards[cj];
                var show = (val==='all' || val===card.getAttribute('data-artist'));
                card.classList.toggle('ss-hidden', !show);
                if(show) visibleCount++;
            }
            section.style.display = (val==='all' || visibleCount>0)?'block':'none';
        }
    }

    for(var i=0;i<chips.length;i++){
        (function(ch){
            ch.addEventListener('click', function(){ setFilter(ch.getAttribute('data-filter')); });
        })(chips[i]);
    }
    setFilter('all');

    var modal = document.createElement('div');
    modal.className = 'ss-modal';
    modal.innerHTML = '<div class="ss-modal-inner"><img class="ss-modal-img" alt=""/></div><div class="ss-modal-close" role="button">✖ Закрыть</div>';
    root.appendChild(modal);

    var modalImg = q(modal,'.ss-modal-img');

    function originalFromThumb(u){
        if(!u) return u;
        if(u.indexOf('/thumb/')>-1){
            var s = u.replace('/thumb/','/'); 
            s = s.replace(/\/[^\/]*$/,''); 
            return s;
        }
        return u;
    }

    var images = qa(root,'.ss-card img');
    for(var ii=0; ii<images.length; ii++){
        (function(img){
            img.style.cursor='zoom-in';
            img.addEventListener('click', function(e){
                e.preventDefault();
                var src = originalFromThumb(img.getAttribute('src')) || img.getAttribute('src');
                modalImg.setAttribute('src',src);
                modalImg.style.maxWidth='90vw';
                modalImg.style.maxHeight='90vh';
                modal.classList.add('open');
            });
        })(images[ii]);
    }

    function closeModal(){ modal.classList.remove('open'); }
    modal.addEventListener('click', function(e){ if(e.target===modal||e.target.classList.contains('ss-modal-close')) closeModal(); });
    document.addEventListener('keydown', function(e){ if(e.key==='Escape') closeModal(); });
})();

/* Меню лора */
(function(){
    var items = document.querySelectorAll('.custom-item');
    for(var mi=0; mi<items.length; mi++){
        (function(item){
            var icon = item.querySelector('.custom-icon');
            var linkEl = item.querySelector('a');
            if(!linkEl) return;

            var href = linkEl.getAttribute('href');
            item.style.cursor='pointer';

            item.onclick = function(){ window.location.href = href; };
            item.onmousemove = function(e){
                var rect = item.getBoundingClientRect();
                var x = e.clientX - rect.left;
                var y = e.clientY - rect.top;
                var moveX = (x - rect.width/2)*0.02;
                var moveY = (y - rect.height/2)*0.02;
                item.style.backgroundPosition = (50 + moveX) + '% ' + (50 + moveY) + '%';
                if(icon) icon.style.transform = 'translateY(-8px) scale(1.08)';
                var hue = Math.round((x/rect.width)*360);
                item.style.boxShadow =
                    '0 0 15px hsla(' + hue + ',100%,60%,0.7), ' +
                    '0 0 30px hsla(' + ((hue+30)%360) + ',100%,50%,0.4), ' +
                    '0 8px 20px rgba(0,0,0,0.5)';
            };
            item.onmouseleave = function(){
                item.style.backgroundPosition='50% 50%';
                if(icon) icon.style.transform='translateY(0) scale(1)';
                item.style.boxShadow='0 4px 10px rgba(0,0,0,0.3)';
            };
        })(items[mi]);
    }
})();

/* Химия */
(function() { 
    if (typeof mw === 'undefined' || !window.document) return; 
    
    function initCollapse() { 
        var headings = document.querySelectorAll('.chem-heading'); 
        var hi = 0; 
        var len = headings.length; 
        for (; hi < len; hi++) { 
            (function(node) { 
                if (node.getAttribute('data-chem-attached')) return; 
                node.setAttribute('data-chem-attached', '1'); 
                node.style.cursor = 'pointer'; 
                node.addEventListener('click', function() { 
                    var kind = node.getAttribute('data-kind') || ''; 
                    var wrapper = findWrapper(node, kind); 
                    if (!wrapper) return; 
                    var btn = node.querySelector('.collapse-btn'); 
                    
                    if (wrapper.classList.contains('collapsed')) { 
                        wrapper.style.maxHeight = wrapper.scrollHeight + 'px'; 
                        wrapper.classList.remove('collapsed'); 
                        wrapper.classList.add('expanded'); 
                        if (btn) btn.textContent = 'свернуть'; 
                        
                        var cleanup = function() { 
                            wrapper.style.maxHeight = ''; 
                            wrapper.removeEventListener('transitionend', cleanup); 
                        }; 
                        wrapper.addEventListener('transitionend', cleanup); 
                    } else { 
                        var currentHeight = wrapper.scrollHeight; 
                        wrapper.style.maxHeight = currentHeight + 'px'; 
                        wrapper.offsetHeight; 
                        wrapper.style.maxHeight = '0px'; 
                        wrapper.classList.remove('expanded'); 
                        wrapper.classList.add('collapsed'); 
                        if (btn) btn.textContent = 'развернуть'; 
                    } 
                }); 
            })(headings[hi]); 
        } 
    } 
    
    function findWrapper(node, kind) { 
        var parent = node.parentNode; 
        if (!parent) return null; 
        var wrappers = parent.querySelectorAll('.collapsible'); 
        var wi = 0; 
        var wlen = wrappers.length; 
        for (; wi < wlen; wi++) { 
            if (wrappers[wi].getAttribute('data-kind') === kind) { 
                return wrappers[wi]; 
            } 
        } 
        return null; 
    } 
    
    if (document.readyState === 'complete' || document.readyState === 'interactive') { 
        initCollapse(); 
    } else { 
        document.addEventListener('DOMContentLoaded', initCollapse); 
    } 
})();

/* Каталог страниц Marine Corps ----------------------------------------------------------------- */
(function () {
    if (typeof mw === 'undefined' || !window.document) return;

    var statusMap = {
        green: { emoji: '🟢', label: 'Готово', words: ['готово', 'готов'] },
        yellow: { emoji: '🟡', label: 'Нужно обновить', words: ['нужно обновить', 'обновить', 'устарело'] },
        red: { emoji: '🔴', label: 'Нет страницы', words: ['нет страницы', 'нет', 'пусто'] },
        blue: { emoji: '🔵', label: 'Заморожено', words: ['заморожено', 'заморожен'] }
    };

    function ready(fn) {
        if (document.readyState === 'complete' || document.readyState === 'interactive') {
            fn();
        } else {
            document.addEventListener('DOMContentLoaded', fn);
        }
    }

    ready(function () {
        var catalog = document.querySelector('.scmc-catalog');
        if (!catalog) return;

        var tools = catalog.querySelector('.scmc-catalog-tools');
        var rows = Array.prototype.slice.call(catalog.querySelectorAll('.scmc-catalog-row'));
        if (!tools || !rows.length) return;

        buildTools(tools);
        enhanceRows(rows);

        var search = tools.querySelector('.scmc-catalog-search');
        var filters = Array.prototype.slice.call(tools.querySelectorAll('.scmc-catalog-filter'));
        var counter = tools.querySelector('.scmc-catalog-counter');
        var activeStatus = 'all';

        update();

        search.addEventListener('input', update);

        filters.forEach(function (button) {
            button.addEventListener('click', function () {
                activeStatus = button.getAttribute('data-status') || 'all';

                filters.forEach(function (other) {
                    other.classList.toggle('is-active', other === button);
                });

                update();
            });
        });

        document.addEventListener('click', function (event) {
            var statusButton = event.target.closest('.scmc-catalog-status');

            if (statusButton) {
                event.preventDefault();
                event.stopPropagation();
                openStatusMenu(statusButton);
                return;
            }

            var menu = document.querySelector('.scmc-status-menu');
            if (menu && !event.target.closest('.scmc-status-menu')) {
                menu.remove();
            }
        });

        function buildTools(target) {
            target.innerHTML = '';

            var input = document.createElement('input');
            input.className = 'scmc-catalog-search';
            input.type = 'search';
            input.placeholder = 'Поиск по названию, разделу, статусу или комментарию...';

            var filtersWrap = document.createElement('div');
            filtersWrap.className = 'scmc-catalog-filters';

            [
                ['all', 'Все'],
                ['green', '🟢 Готово'],
                ['yellow', '🟡 Нужно обновить'],
                ['red', '🔴 Нет страницы'],
                ['blue', '🔵 Заморожено'],
                ['problem', 'Проблемные']
            ].forEach(function (item, index) {
                var button = document.createElement('button');
                button.type = 'button';
                button.className = 'scmc-catalog-filter' + (index === 0 ? ' is-active' : '');
                button.setAttribute('data-status', item[0]);
                button.textContent = item[1];
                filtersWrap.appendChild(button);
            });

            var count = document.createElement('div');
            count.className = 'scmc-catalog-counter';

            target.appendChild(input);
            target.appendChild(filtersWrap);
            target.appendChild(count);
        }

		function enhanceRows(rowList) {
    rowList.forEach(function (row) {
        var status = normalizeStatus(row.getAttribute('data-status'));
        row.setAttribute('data-status', status);

        var note = row.getAttribute('data-note');
        if (note && !row.querySelector('.scmc-catalog-note')) {
            var noteNode = document.createElement('span');
            noteNode.className = 'scmc-catalog-note';
            noteNode.textContent = note;
            row.appendChild(noteNode);
        }

        var button = document.createElement('button');
        button.type = 'button';
        button.className = 'scmc-catalog-status';
        button.setAttribute('data-status', status);
        button.title = 'Изменить статус';
        button.textContent = statusMap[status].emoji;

        row.appendChild(button);
    });
}

        function openStatusMenu(button) {
            var oldMenu = document.querySelector('.scmc-status-menu');
            if (oldMenu) oldMenu.remove();

            var row = button.closest('.scmc-catalog-row');
            if (!row) return;

            var rect = button.getBoundingClientRect();
            var menu = document.createElement('div');
            menu.className = 'scmc-status-menu';

            [
                ['green', '🟢 Готово'],
                ['yellow', '🟡 Нужно обновить'],
                ['red', '🔴 Нет страницы'],
                ['blue', '🔵 Заморожено']
            ].forEach(function (item) {
                var status = item[0];
                var label = item[1];
                var option = document.createElement('button');

                option.type = 'button';
                option.textContent = label;

                option.addEventListener('click', function (event) {
                    event.preventDefault();
                    event.stopPropagation();
                    menu.remove();
                    changeStatus(row, button, status);
                });

                menu.appendChild(option);
            });

            document.body.appendChild(menu);

            var left = Math.min(rect.left, window.innerWidth - menu.offsetWidth - 12);
            var top = rect.bottom + 8;

            menu.style.left = Math.max(12, left) + 'px';
            menu.style.top = top + 'px';
        }

        function changeStatus(row, button, newStatus) {
            var oldStatus = row.getAttribute('data-status');

            if (!newStatus || newStatus === oldStatus) return;

            var page = row.getAttribute('data-page') || '';
            var title = row.getAttribute('data-title') || page;

            button.classList.add('scmc-status-saving');

            saveStatus(page, oldStatus, newStatus, title)
                .then(function () {
                    row.setAttribute('data-status', newStatus);
                    button.setAttribute('data-status', newStatus);
                    button.textContent = statusMap[newStatus].emoji;
                    button.classList.remove('scmc-status-saving');
                    update();
                })
                .catch(function (error) {
                    button.classList.remove('scmc-status-saving');
					alert(error.message || 'Не удалось сохранить статус. Проверьте вход в аккаунт и права редактора.');
                });
        }

        function saveStatus(page, oldStatus, newStatus, title) {
            var api = new mw.Api();
            var currentPage = mw.config.get('wgPageName');

            return api.get({
                action: 'query',
                prop: 'revisions',
                titles: currentPage,
                rvprop: 'content',
                rvslots: 'main',
                formatversion: 2
            }).then(function (data) {
                var pageData = data.query.pages[0];
                var content = pageData.revisions[0].slots.main.content;
                var result = replaceStatusInSource(content, page, oldStatus, newStatus);

                if (!result.changed) {
                    throw new Error('Не нашёл строку для страницы: ' + title);
                }

                if (result.ambiguous) {
                    throw new Error('Нашлось несколько строк для страницы: ' + title + '. Лучше изменить вручную.');
                }

                return api.postWithToken('csrf', {
                    action: 'edit',
                    title: currentPage,
                    text: result.text,
                    summary: 'Обновление статуса страницы: ' + title,
                    minor: true
                });
            });
        }

        function replaceStatusInSource(content, page, oldStatus, newStatus) {
            var lines = content.split('\n');
            var indexes = [];

            for (var i = 0; i < lines.length; i++) {
                if (lineMatchesPage(lines[i], page) && lineHasStatus(lines[i], oldStatus)) {
                    indexes.push(i);
                }
            }

            if (!indexes.length) {
                return { changed: false, ambiguous: false, text: content };
            }

            if (indexes.length > 1) {
                return { changed: false, ambiguous: true, text: content };
            }

            var index = indexes[0];
            lines[index] = lines[index].replace(/data-status=(["'])(green|yellow|red|blue)\1/, 'data-status=$1' + newStatus + '$1');

            return { changed: true, ambiguous: false, text: lines.join('\n') };
        }

        function lineMatchesPage(line, page) {
            return line.indexOf('data-page="' + page + '"') !== -1 || line.indexOf("data-page='" + page + "'") !== -1;
        }

        function lineHasStatus(line, status) {
            return line.indexOf('data-status="' + status + '"') !== -1 || line.indexOf("data-status='" + status + "'") !== -1;
        }

        function update() {
            var query = clean(search.value).toLowerCase();
            var words = query ? query.split(/\s+/).filter(Boolean) : [];
            var visible = 0;

            rows.forEach(function (row) {
                var status = row.getAttribute('data-status');
                var text = buildSearchText(row).toLowerCase();

                var statusOk =
                    activeStatus === 'all' ||
                    activeStatus === status ||
                    (activeStatus === 'problem' && status !== 'green');

                var textOk = words.every(function (word) {
                    return text.indexOf(word) !== -1 || statusWordMatches(status, word);
                });

                var show = statusOk && textOk;
                row.classList.toggle('scmc-catalog-hidden', !show);

                if (show) visible++;
            });

            counter.textContent = 'Показано: ' + visible + ' из ' + rows.length;
        }

        function buildSearchText(row) {
            var status = row.getAttribute('data-status');
            var note = row.getAttribute('data-note') || '';
            var words = statusMap[status] ? statusMap[status].words.join(' ') : '';

            return [
                row.getAttribute('data-title') || '',
                row.getAttribute('data-page') || '',
                row.getAttribute('data-section') || '',
                note,
                status,
                words,
                row.textContent || ''
            ].join(' ');
        }

        function statusWordMatches(status, word) {
            if (!statusMap[status]) return false;

            var words = statusMap[status].words;

            for (var i = 0; i < words.length; i++) {
                if (words[i].indexOf(word) !== -1 || word.indexOf(words[i]) !== -1) return true;
            }

            return false;
        }

        function normalizeStatus(status) {
            return statusMap[status] ? status : 'blue';
        }

        function clean(text) {
            return String(text || '').replace(/\s+/g, ' ').trim();
        }
    });
})();

(function () {
    if (!document.querySelector('.scmc-link-scanner')) return;

    var STATUS = {
        waiting: 'Ожидает запуска',
        scanning: 'Сканирование...',
        done: 'Готово',
        error: 'Ошибка'
    };

    var EXCLUDED_PREFIXES = [
        'Файл:',
        'File:',
        'Категория:',
        'Category:',
        'Шаблон:',
        'Template:',
        'Участник:',
        'User:',
        'Обсуждение:',
        'Talk:',
        'Служебная:',
        'Special:',
        'MediaWiki:',
        'Модуль:',
        'Module:',
        'Справка:',
        'Help:'
    ];

    function normalizeTitle(title) {
        return String(title || '')
            .replace(/_/g, ' ')
            .trim();
    }

    function titleToLink(title) {
        return mw.util.getUrl(title);
    }

    function isExcludedTitle(title) {
        var normalized = normalizeTitle(title);

        if (!normalized) return true;
        if (normalized.indexOf('#') !== -1) normalized = normalized.split('#')[0];

        return EXCLUDED_PREFIXES.some(function (prefix) {
            return normalized.indexOf(prefix) === 0;
        });
    }

    function createEl(tag, className, text) {
        var el = document.createElement(tag);
        if (className) el.className = className;
        if (text !== undefined) el.textContent = text;
        return el;
    }

    function createButton(text, className) {
        var button = document.createElement('button');
        button.type = 'button';
        button.className = className || 'scmc-scan-btn';
        button.textContent = text;
        return button;
    }

    function getApi() {
        return new mw.Api();
    }

    function uniqueSorted(items) {
        var map = {};
        items.forEach(function (item) {
            map[normalizeTitle(item)] = true;
        });
        return Object.keys(map).sort(function (a, b) {
            return a.localeCompare(b, 'ru');
        });
    }

    function shouldFollowPage(page) {
        if (!page || page.missing !== undefined) return false;
        if (typeof page.ns === 'number' && page.ns !== 0) return false;
        if (isExcludedTitle(page.title)) return false;
        return true;
    }

    function getPageLinks(api, title) {
        var links = [];
        var normalizedTitle = normalizeTitle(title);

        function request(plcontinue) {
            var params = {
                action: 'query',
                prop: 'links',
                titles: normalizedTitle,
                pllimit: 'max',
                formatversion: 2
            };

            if (plcontinue) {
                params.plcontinue = plcontinue;
            }

            return api.get(params).then(function (data) {
                var pages = data.query && data.query.pages ? data.query.pages : [];
                var page = pages[0];

                if (!shouldFollowPage(page)) {
                    return {
                        title: normalizedTitle,
                        exists: !!page && page.missing === undefined,
                        followed: false,
                        links: []
                    };
                }

                if (page.links) {
                    page.links.forEach(function (link) {
                        if (link.ns === 0 && !isExcludedTitle(link.title)) {
                            links.push(normalizeTitle(link.title));
                        }
                    });
                }

                if (data.continue && data.continue.plcontinue) {
                    return request(data.continue.plcontinue);
                }

                return {
                    title: normalizeTitle(page.title || normalizedTitle),
                    exists: true,
                    followed: true,
                    links: uniqueSorted(links)
                };
            });
        }

        return request();
    }

    function buildScanner(container) {
        var rootTitle = normalizeTitle(container.getAttribute('data-root') || 'Marine_Corps');
        var maxDepth = parseInt(container.getAttribute('data-depth') || '5', 10);
        var maxPages = parseInt(container.getAttribute('data-max-pages') || '250', 10);

        var header = createEl('div', 'scmc-scan-header');
        var title = createEl('div', 'scmc-scan-title', 'Сканер ссылок Marine Corps');
        var subtitle = createEl('div', 'scmc-scan-subtitle', 'Стартовая страница: ' + rootTitle + '. Глубина: ' + maxDepth + '.');

        header.appendChild(title);
        header.appendChild(subtitle);

        var controls = createEl('div', 'scmc-scan-controls');
        var startButton = createButton('Сканировать ссылки');
        var clearButton = createButton('Очистить', 'scmc-scan-btn scmc-scan-btn-secondary');

        controls.appendChild(startButton);
        controls.appendChild(clearButton);

        var status = createEl('div', 'scmc-scan-status', STATUS.waiting);
        var stats = createEl('div', 'scmc-scan-stats');

        var result = createEl('div', 'scmc-scan-result');
        var treeBox = createEl('div', 'scmc-scan-box');
        var listBox = createEl('div', 'scmc-scan-box');

        result.appendChild(treeBox);
        result.appendChild(listBox);

        container.innerHTML = '';
        container.appendChild(header);
        container.appendChild(controls);
        container.appendChild(status);
        container.appendChild(stats);
        container.appendChild(result);

        function setStatus(text, mode) {
            status.textContent = text;
            status.setAttribute('data-mode', mode || '');
        }

        function clearResult() {
            treeBox.innerHTML = '';
            listBox.innerHTML = '';
            stats.innerHTML = '';
            setStatus(STATUS.waiting, '');
        }

        function renderList(allPages, pageDepth, skippedByLimit) {
            listBox.innerHTML = '';

            var boxTitle = createEl('div', 'scmc-scan-box-title', 'Все найденные страницы');
            listBox.appendChild(boxTitle);

            var list = createEl('ol', 'scmc-scan-page-list');

            allPages.forEach(function (title) {
                var li = document.createElement('li');
                var a = document.createElement('a');
                a.href = titleToLink(title);
                a.textContent = title;

                var depth = createEl('span', 'scmc-scan-depth', 'ур. ' + pageDepth[title]);

                li.appendChild(a);
                li.appendChild(depth);
                list.appendChild(li);
            });

            listBox.appendChild(list);

            if (skippedByLimit) {
                var warning = createEl('div', 'scmc-scan-warning', 'Сканирование остановлено по лимиту страниц. Если нужно больше — увеличь data-max-pages.');
                listBox.appendChild(warning);
            }
        }

        function renderTree(root, childrenMap, pageDepth) {
            treeBox.innerHTML = '';

            var boxTitle = createEl('div', 'scmc-scan-box-title', 'Дерево ссылок');
            treeBox.appendChild(boxTitle);

            function makeNode(title, localVisited) {
                var node = createEl('div', 'scmc-scan-node');

                var line = createEl('div', 'scmc-scan-node-line');
                var a = document.createElement('a');
                a.href = titleToLink(title);
                a.textContent = title;

                var depth = createEl('span', 'scmc-scan-depth', 'ур. ' + pageDepth[title]);

                line.appendChild(a);
                line.appendChild(depth);
                node.appendChild(line);

                if (localVisited[title]) {
                    var loop = createEl('div', 'scmc-scan-loop', '↳ уже встречалась выше');
                    node.appendChild(loop);
                    return node;
                }

                var nextVisited = Object.assign({}, localVisited);
                nextVisited[title] = true;

                var children = childrenMap[title] || [];
                if (children.length) {
                    var childBox = createEl('div', 'scmc-scan-children');

                    children.forEach(function (child) {
                        childBox.appendChild(makeNode(child, nextVisited));
                    });

                    node.appendChild(childBox);
                }

                return node;
            }

            treeBox.appendChild(makeNode(root, {}));
        }

        function scan() {
            clearResult();

            var api = getApi();
            var queue = [{ title: rootTitle, depth: 0 }];
            var scanned = {};
            var queued = {};
            var pageDepth = {};
            var childrenMap = {};
            var skippedByLimit = false;

            queued[rootTitle] = true;
            pageDepth[rootTitle] = 0;

            startButton.disabled = true;
            clearButton.disabled = true;
            setStatus(STATUS.scanning, 'scanning');

            function step() {
                if (!queue.length) {
                    finish();
                    return;
                }

                if (Object.keys(scanned).length >= maxPages) {
                    skippedByLimit = true;
                    finish();
                    return;
                }

                var current = queue.shift();
                var title = current.title;
                var depth = current.depth;

                if (scanned[title]) {
                    step();
                    return;
                }

                scanned[title] = true;

                setStatus('Сканирую: ' + title + ' — уровень ' + depth, 'scanning');

                getPageLinks(api, title).then(function (pageData) {
                    childrenMap[title] = pageData.links || [];

                    if (depth < maxDepth) {
                        pageData.links.forEach(function (linkTitle) {
                            if (!queued[linkTitle] && !isExcludedTitle(linkTitle)) {
                                queued[linkTitle] = true;
                                pageDepth[linkTitle] = depth + 1;
                                queue.push({
                                    title: linkTitle,
                                    depth: depth + 1
                                });
                            }
                        });
                    }

                    stats.textContent = 'Просканировано страниц: ' + Object.keys(scanned).length + '. В очереди: ' + queue.length + '. Найдено всего: ' + Object.keys(queued).length + '.';

                    setTimeout(step, 120);
                }).catch(function (error) {
                    console.error(error);
                    setStatus('Ошибка при сканировании страницы: ' + title, 'error');
                    startButton.disabled = false;
                    clearButton.disabled = false;
                });
            }

            function finish() {
                var allPages = Object.keys(queued).sort(function (a, b) {
                    return a.localeCompare(b, 'ru');
                });

                renderTree(rootTitle, childrenMap, pageDepth);
                renderList(allPages, pageDepth, skippedByLimit);

                stats.textContent = 'Готово. Найдено страниц: ' + allPages.length + '. Просканировано страниц: ' + Object.keys(scanned).length + '.';
                setStatus(STATUS.done, 'done');

                startButton.disabled = false;
                clearButton.disabled = false;
            }

            step();
        }

        startButton.addEventListener('click', scan);
        clearButton.addEventListener('click', clearResult);
    }

    mw.hook('wikipage.content').add(function ($content) {
        $content.find('.scmc-link-scanner').each(function () {
            buildScanner(this);
        });
    });
})();

/* Каталог страниц Marine Corps --------------------------------------------------------------END */