MediaWiki:Common.js

$(document).ready(function() {
    console.log("Скрипт дерева категорий загружен.");

    function saveTreeHTML() {
        console.log("Сохраняем HTML дерева...");
        var treeHTML = $('#p-categorytree-portlet .CategoryTreeTag').html();
        localStorage.setItem('categoryTreeHTML', treeHTML);

        // Сохраняем состояние открытых категорий
        var expandedCategories = [];
        $('.CategoryTreeItem.expanded').each(function() {
            expandedCategories.push($(this).text().trim());
        });
        localStorage.setItem('expandedCategories', JSON.stringify(expandedCategories));
    }

    function restoreTreeHTML() {
        console.log("Восстанавливаем HTML дерева...");
        var treeHTML = localStorage.getItem('categoryTreeHTML');
        if (treeHTML) {
            $('#p-categorytree-portlet .CategoryTreeTag').html(treeHTML);
        }

        // Восстанавливаем открытые категории
        var expandedCategories = JSON.parse(localStorage.getItem('expandedCategories')) || [];
        $('.CategoryTreeItem').each(function() {
            if (expandedCategories.includes($(this).text().trim())) {
                $(this).find('.CategoryTreeToggle').first().click();
            }
        });
    }

    restoreTreeHTML();

    $('body').on('click', '#p-categorytree-portlet .CategoryTreeItem', function(event) {
        var $target = $(event.target);
        var $item = $(this);
        var $toggleButton = $item.find('.CategoryTreeToggle').first();
        var isCategory = !$item.find('.CategoryTreePageBullet').length;

        if ($target.hasClass('CategoryTreeToggle')) return;

        if ($target.is('a') && isCategory) {
            event.preventDefault();
            $toggleButton.click();
        } else if (isCategory) {
            $toggleButton.click();
        } else {
            var link = $item.find('a').attr('href');
            if (link) {
                saveTreeHTML();
                localStorage.setItem('lastOpenedPageTitle', $item.text().trim());
                window.location.href = link;
            }
        }
        saveTreeHTML();
    });

    function scrollToCategory(categoryTitle, callback) {
        var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
            return $(this).text().trim() === categoryTitle;
        });

        if ($categoryItem.length) {
            console.log("Категория найдена, перематываем...");
            $('#p-categorytree-portlet').animate({
                scrollTop: $categoryItem.position().top - 50
            }, 500, function() {
                $('.CategoryTreeItem').removeClass('highlighted');
                $categoryItem.addClass('highlighted');
                if (callback) callback(true);
            });

            localStorage.setItem('highlightedCategory', categoryTitle);
            return true;
        }

        if (callback) callback(false);
        return false;
    }

    function expandParentCategories($categoryItem, callback) {
        var $parentCategory = $categoryItem.closest('.CategoryTreeChildren').prev('.CategoryTreeItem');
        if ($parentCategory.length) {
            var $toggleButton = $parentCategory.find('.CategoryTreeToggle').first();
            if ($toggleButton.length && !$parentCategory.hasClass('expanded')) {
                console.log("Раскрываем родительскую категорию:", $parentCategory.text().trim());
                $toggleButton.click();
                setTimeout(function() {
                    expandParentCategories($parentCategory, callback);
                }, 800);
            } else {
                callback();
            }
        } else {
            callback();
        }
    }

    function recursiveSearchForCategory() {
        console.log("Очищаем `localStorage` только при прямом входе...");
        if (!document.referrer) {
            localStorage.removeItem('lastOpenedPageTitle');
            localStorage.removeItem('highlightedCategory');
            localStorage.removeItem('expandedCategories');
        }

        var currentPageTitle = mw.config.get('wgTitle');
        if (!currentPageTitle) {
            console.log("Не удалось определить текущую страницу.");
            return;
        }

        console.log("Начинаем поиск категории для текущей страницы:", currentPageTitle);

        var $categoryItem = $('#p-categorytree-portlet .CategoryTreeItem').filter(function() {
            return $(this).text().trim() === currentPageTitle;
        });

        if ($categoryItem.length) {
            expandParentCategories($categoryItem, function() {
                scrollToCategory(currentPageTitle);
            });
            return;
        }

        console.log("Категория не найдена сразу, начинаем раскрытие...");
        var $categoryItems = $('#p-categorytree-portlet .CategoryTreeItem');
        var index = 0;

        function processNext() {
            if (index >= $categoryItems.length) {
                console.log("Категория для текущей страницы не найдена.");
                return;
            }

            var $item = $($categoryItems[index]);
            expandParentCategories($item, function() {
                if (!scrollToCategory(currentPageTitle)) {
                    index++;
                    processNext();
                }
            });
        }

        processNext();
    }

    setTimeout(function() {
        recursiveSearchForCategory();
    }, 500);

    $(window).on('beforeunload', saveTreeHTML);
});