MediaWiki:Common.js：修订间差异

2025年12月14日 (日) 20:57的版本

function fillPageCards() {
    document.querySelectorAll('.page-card').forEach(card => {
        if (card.dataset.filled) return;

        const title = card.dataset.title?.trim();
        if (!title) return;

        const length = parseInt(card.dataset.length) || 200;
        const excerptDiv = card.querySelector('.page-excerpt');
        const imgDiv = card.querySelector('.page-card-image');

        // MediaWiki API 根路径
        const apiRoot = 'https://wflswiki.zelda-110.link/api.php';

        // 1️⃣ 异步获取摘要
        fetch(`${apiRoot}?action=query&prop=extracts&exchars=${length}&titles=${encodeURIComponent(title)}&format=json&explaintext=0`)
            .then(r => r.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));
                    }
                });

                excerptDiv.innerHTML = temp.innerHTML.replace(/[\r\n]+/g, ' ');
            })
            .catch(err => console.error('摘要加载失败', title, err));

        // 2️⃣ 异步获取第一张图片
        fetch(`${apiRoot}?action=query&titles=${encodeURIComponent(title)}&prop=images&format=json`)
            .then(r => r.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 firstImage = images[0].title;

                            // 获取真实 URL
                            fetch(`${apiRoot}?action=query&titles=${encodeURIComponent(firstImage)}&prop=imageinfo&iiprop=url&format=json`)
                                .then(r => r.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) {
                                                const imgEl = document.createElement('img');
                                                imgEl.src = url;
                                                imgEl.alt = "概述图";
                                                imgDiv.appendChild(imgEl);
                                            }
                                        }
                                    }
                                });
                        }
                        break;
                    }
                }
            })
            .catch(err => console.error('图片加载失败', title, err));

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

// 监听 DOMContentLoaded，保证 DOM 已渲染
document.addEventListener('DOMContentLoaded', fillPageCards);

// 支持动态生成内容，例如 #ask 异步插入条目
const observer = new MutationObserver(fillPageCards);
observer.observe(document.body, { childList: true, subtree: true });