MediaWiki:Common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

//Microsoft 和 Google 分析
document.head.insertAdjacentHTML('beforeend',`
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GVZPTSXG1H"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-GVZPTSXG1H');
</script>
`);
document.head.insertAdjacentHTML('beforeend',`
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "uewoetn0au");
</script>
`);

//页面摘要功能
function fillPageCards() {
    document.querySelectorAll('.page-card').forEach(card => {
        const title = card.dataset.title;
        if (!title || card.dataset.filled) return;

        const excerptDiv = card.querySelector('.page-excerpt');
        const imgTag = card.querySelector('.page-card-image img');

        // 1️⃣ 获取摘要
        const excerptUrl = '/api.php?action=query&prop=extracts&exchars=200&titles=' +
                           encodeURIComponent(title) + '&format=json';
        fetch(excerptUrl)
            .then(resp => resp.json())
            .then(data => {
                const pages = data.query.pages;
                let html = '';
                for (let pageId in pages) {
                    if (pages.hasOwnProperty(pageId)) {
                        html = pages[pageId].extract || '';
                        break;
                    }
                }

                const temp = document.createElement('div');
                temp.innerHTML = html;

                // 保留 <a>，删除其他标签
                temp.querySelectorAll('*').forEach(node => {
                    if (node.tagName !== 'A') {
                        node.replaceWith(document.createTextNode(node.textContent));
                    }
                });

                let textWithLinks = temp.innerHTML.replace(/[\r\n]+/g, ' ');
                excerptDiv.innerHTML = textWithLinks;
            })
            .catch(err => console.error('Failed to fetch excerpt:', title, err));

        // 2️⃣ 获取第一张图片
        const imageUrl = '/api.php?action=query&titles=' + encodeURIComponent(title) +
                         '&prop=images&format=json';
        fetch(imageUrl)
            .then(resp => resp.json())
            .then(data => {
                const pages = data.query.pages;
                for (let pageId in pages) {
                    if (pages.hasOwnProperty(pageId)) {
                        const images = pages[pageId].images || [];
                        if (images.length > 0) {
                            const firstImageTitle = images[0].title; // "File:xxx.jpg"

                            // 获取图片实际 URL
                            const imageInfoUrl = '/api.php?action=query&titles=' +
                                                 encodeURIComponent(firstImageTitle) +
                                                 '&prop=imageinfo&iiprop=url&format=json';
                            fetch(imageInfoUrl)
                                .then(resp => resp.json())
                                .then(imgData => {
                                    const imgPages = imgData.query.pages;
                                    for (let imgId in imgPages) {
                                        if (imgPages.hasOwnProperty(imgId)) {
                                            const url = imgPages[imgId].imageinfo?.[0]?.url;
                                            if (url) imgTag.src = url;
                                        }
                                    }
                                });
                        }
                        break;
                    }
                }
            })
            .catch(err => console.error('Failed to fetch image:', title, err));

        card.dataset.filled = '1';
    });
}

// 立即执行
fillPageCards();

// 可选：监听后续 DOM 变化
const observer = new MutationObserver(fillPageCards);
observer.observe(document.body, { childList: true, subtree: true });