미디어위키:Common.js

mw.hook('wikipage.content').add(function ($content) {
    // 목차(#toc)가 있는지 확인
    const $toc = $content.find('#toc');
    if ($toc.length) {
        console.log('목차가 감지되었습니다.');

        // 목차 컨테이너 고정 위치 설정
        $toc.css({
            position: 'fixed',
            top: '20px',
            right: '20px',
            width: '250px',
            backgroundColor: '#f9f9f9',
            border: '1px solid #ddd',
            borderRadius: '4px',
            padding: '10px',
            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',
            zIndex: 1000,
            overflow: 'hidden', // 목차 전체 스크롤 제거
        });

        // 목차 내부 리스트 스크롤 활성화
        const $list = $toc.children('ul, ol');
        if ($list.length) {
            $list.css({
                maxHeight: '75vh', // 내부 리스트 최대 높이
                overflowY: 'auto', // 내부 리스트에만 스크롤 활성화
                margin: 0,
                padding: 0,
                listStyle: 'none',
                paddingRight: '10px', // 스크롤바 공간 확보
            });
        } else {
            console.warn('목차 내부에 리스트가 없습니다.');
        }

        // 페이지 내용 간 여백 조정
        $('#content').css('margin-right', '280px');
    } else {
        console.warn('목차가 없습니다.');
    }
});



mw.hook('wikipage.content').add(function($content) {
    // 모든 주석 <sup> 태그 선택
    const refs = $content.find('sup.reference');

    refs.each(function() {
        const $ref = $(this);
        const refId = $ref.find('a').attr('href'); // <a> 태그의 href 속성에서 ID 가져오기

        if (refId) {
            const refContent = $(refId).html(); // 주석 내용 가져오기

            // 팝업용 컨테이너 생성
            const $tooltip = $('<div>')
                .addClass('ref-tooltip')
                .html(refContent)
                .css({
                    display: 'none',
                    position: 'absolute',
                    border: '1px solid #ccc',
                    background: '#fff',
                    padding: '10px',
                    'z-index': 1000,
                    'box-shadow': '0 4px 8px rgba(0,0,0,0.1)',
                });

            // 팝업을 DOM에 추가
            $('body').append($tooltip);

            // 마우스 이벤트 처리
            $ref.on('mouseenter', function(event) {
                $tooltip.css({
                    top: event.pageY + 10,
                    left: event.pageX + 10,
                }).fadeIn(200);
            });

            $ref.on('mousemove', function(event) {
                $tooltip.css({
                    top: event.pageY + 10,
                    left: event.pageX + 10,
                });
            });

            $ref.on('mouseleave', function() {
                $tooltip.fadeOut(200);
            });
        }
    });
});


mw.loader.using(['mediawiki.api', 'mediawiki.util'], function() {
    // 메인 페이지 이름이 'Main_Page'라는 가정
    // (현지화된 MediaWiki 설치에서는 다른 이름일 수 있으므로 환경에 맞게 수정)
    if (mw.config.get('wgPageName') !== 'Main_Page') {
        return; // 메인 페이지가 아니면 실행하지 않음
    }

    // API 객체 생성
    var api = new mw.Api();

    // 사이드바 영역 선택 (Vector 스킨 기준: #mw-panel, Vector 2022 스킨은 #mw-sidebar)
    // 사용하는 스킨에 맞추어 수정 가능
    var $sidebar = $('#mw-panel');
    if (!$sidebar.length) {
        // 예: Vector 2022 스킨인 경우
        $sidebar = $('#mw-sidebar');
    }

    // 통계 표시용 박스 생성
    var $statsBox = $('<div>')
        .attr('id', 'mw-site-stats-box')
        .css({
            'margin': '1em 0',
            'padding': '0.5em',
            'border': '1px solid #ccc',
            'border-radius': '4px',
            'background': '#f9f9f9'
        })
        .text('사이트 통계 불러오는 중...');

    // 사이드바 맨 아래나 적절한 위치에 삽입
    $sidebar.append($statsBox);

    // 사이트 통계 API 호출
    api.get({
        action: 'query',
        meta: 'siteinfo',
        siprop: 'statistics',
        format: 'json'
    }).done(function(data) {
        if (data && data.query && data.query.statistics) {
            var stats = data.query.statistics;
            // 필요한 통계만 골라 표시(아래는 예시)
            // pages: 문서 수, edits: 편집 수, users: 등록 사용자 수 등
            var html = '<b>사이트 통계</b><br>' +
                '문서 수: ' + stats.pages + '<br>' +
                '편집 수: ' + stats.edits + '<br>' +
                '등록 사용자: ' + stats.activeusers + '<br>';

            $statsBox.html(html);
        } else {
            $statsBox.text('통계 정보를 가져올 수 없습니다.');
        }
    }).fail(function() {
        $statsBox.text('통계 정보를 불러오는 중 오류가 발생했습니다.');
    });
});