打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Gadget-ShowContributors.js

MediaWiki界面页面
OctoberSama留言 | 贡献2025年6月17日 (二) 17:30的版本

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
原作者BearBin
BSD 3-Clause License

BSD 3-Clause License

Copyright (c) 2023, BearBin

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

  1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
  2. Redistributions in binary form must reproduce the above copyright notice,this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
  3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE US OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

(function() {
    "use strict";
    $(() => {
        if (
            ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
            0 === mw.config.get("wgArticleId") ||
            !["view", "history"].includes(mw.config.get("wgAction"))
        ) {
            return;
        }

        mw.loader.addStyleTag(`
            #show-contributor-button {
                float: right;
                margin-left: .5em;
                margin-right: 0;
            }
            #show-contributor-header {
                background: #fff;
                border-bottom: 1px solid #aaa;
                font-weight: 600;
                padding: .3em;
                position: sticky;
                text-align: center;
                top: 0;
            }
            #show-contributor-headline {
                font-size: 1.3em;
            }
            #show-contributor-close {
                border-radius: 50%;
                cursor: pointer;
                position: absolute;
                right: 5px;
                top: 5px;
            }
            #show-contributor-close:hover {
                background-color: #eee;
            }
            #show-contributor-table {
                margin: 0;
                width: 100%;
            }
            #show-contributor-table .user-avatar {
                border-radius: 50%;
                height: 20px;
                width: 20px;
            }
            .skin-citizen #show-contributor-button {
                float: none;
                margin: 0 0.5em 0 0;
                display: inline-flex;
                align-items: center;
                vertical-align: middle;
            }
            @media (min-width: 1120px) {
                .skin-citizen .citizen-page-header-inner {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                .skin-citizen .citizen-page-heading {
                    flex-grow: 1;
                }
            }
            @media (max-width: 1119px) {
                .skin-citizen #show-contributor-button {
                    margin: 0.5em 0;
                    display: block;
                }
            }
        `);

        mw.loader.using([
            "mediawiki.api",
            "mediawiki.notification",
            "oojs-ui",
            "oojs-ui.styles.icons-interactions",
            "jquery.tablesorter"
        ]).then(async () => {
            class ShowContributorDialog extends OO.ui.Dialog {
                constructor(config) {
                    super(config);
                    this.$table = $('<table id="show-contributor-table" class="wikitable" />');
                    this.$tbody = $("<tbody />");
                    this.got = false;
                }
                static name = "ShowContributor";
                static tagName = "div";

                initialize() {
                    super.initialize();
                    this.$body.append(
                        $('<div id="show-contributor-header" />').append(
                            $('<div id="show-contributor-headline">本页贡献统计</div>'),
                            new OO.ui.IconWidget({ icon: "close", id: "show-contributor-close" }).$element.on("click", () => this.close())
                        ),
                        this.$table.append(
                            $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
                            this.$tbody
                        )
                    );
                    return this;
                }

                async getContributors() {
                    const api = new mw.Api();
                    const contributors = {};
                    let continueToken = "";
                    let prevSize = 0;
                    const params = {
                        action: "query",
                        format: "json",
                        prop: "revisions",
                        titles: mw.config.get("wgPageName"),
                        rvprop: "user|size",
                        rvlimit: "max",
                        rvdir: "newer"
                    };
                    do {
                        if (continueToken) params.rvcontinue = continueToken;
                        try {
                            const response = await api.get(params);
                            continueToken = response.continue?.rvcontinue;
                            for (const { user, size } of Object.values(response.query.pages)[0].revisions) {
                                contributors[user] = contributors[user] || [];
                                contributors[user].push(size - prevSize);
                                prevSize = size;
                            }
                        } catch (error) {
                            mw.notify(`获取编辑记录失败:${error}`, { type: "error" });
                        }
                    } while (continueToken);
                    return contributors;
                }

                addRow(tbody, { user, count, add, remove }) {
                    tbody.append(
                        $("<tr />").append(
                            $("<td />").append(
                                $(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${user}`)}" />`).text(user)
                            ),
                            `<td>${count}</td>`,
                            `<td>${add}</td>`,
                            `<td>${remove}</td>`
                        )
                    );
                }

                showContributors(contributors) {
                    this.$tbody.empty();
                    for (const user in contributors) {
                        this.addRow(this.$tbody, {
                            user,
                            count: contributors[user].length,
                            add: contributors[user].reduce((s, n) => n > 0 ? s + n : s, 0),
                            remove: contributors[user].reduce((s, n) => n < 0 ? s + n : s, 0)
                        });
                    }
                    this.got = true;
                }
            }

            const windowManager = new OO.ui.WindowManager({ id: "show-contributor" });
            $(document.body).append(windowManager.$element);
            const dialog = new ShowContributorDialog({ size: "large" });
            windowManager.addWindows([dialog]);

            const button = new OO.ui.ButtonWidget({
                label: "本页贡献者",
                icon: "search",
                flags: "progressive",
                id: "show-contributor-button"
            });

            const insertButton = () => {
                $("#show-contributor-button").detach();
                const skin = mw.config.get("skin");
                if (skin === "citizen") {
                    if (window.innerWidth >= 1120) {
                        $(".page-actions").prepend(button.$element);
                    } else {
                        $(".firstHeading-container").append(button.$element);
                    }
                } else if (skin === "vector-2022") {
                    $("header.mw-body-header.vector-page-titlebar").append(button.$element);
                } else {
                    $("#bodyContent").prepend(button.$element);
                }
            };

            insertButton();

            let isWide = window.innerWidth >= 1120;
            $(window).on("resize", () => {
                clearTimeout(window.__showContributorResizeTimer);
                window.__showContributorResizeTimer = setTimeout(() => {
                    const nowWide = window.innerWidth >= 1120;
                    if (nowWide !== isWide && mw.config.get("skin") === "citizen") {
                        isWide = nowWide;
                        insertButton();
                    }
                }, 200);
            });

            button.on("click", async () => {
                if (!dialog.got) {
                    button.setLabel("正在查询");
                    const contributors = await dialog.getContributors();
                    dialog.showContributors(contributors);
                    dialog.$table.tablesorter();
                    button.setLabel("本页贡献者");
                }
                windowManager.openWindow(dialog);
            });
        });
    });
})();