MediaWiki:Gadget-ShowContributors.js：修订间差异

2025年6月17日 (二) 19:06的版本

// 原作者萌娘百科BearBin
//遵循BSD 3-Clause License使用代码
//全文请参见上方文档
//GitHub仓库地址:https://github.com/BearBin1215/MoegirlPedia
(function() {
    "use strict";
    $(function() {
        (function() {
            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.using([
                "mediawiki.api",
                "mediawiki.notification",
                "oojs-ui",
                "oojs-ui.styles.icons-interactions",
                "jquery.tablesorter"
            ]).then(function() {
                function ShowContributorDialog(config) {
                    OO.ui.Dialog.call(this, config);
                    this.$table = $('<table id="show-contributor-table" class="wikitable" />');
                    this.$tbody = $("<tbody />");
                    this.got = false;
                }
                OO.inheritClass(ShowContributorDialog, OO.ui.Dialog);
                ShowContributorDialog.static = ShowContributorDialog.static || {};
                ShowContributorDialog.static.name = "ShowContributor";
                ShowContributorDialog.static.tagName = "div";

                ShowContributorDialog.prototype.initialize = function() {
                    OO.ui.Dialog.prototype.initialize.call(this);
                    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", function() {
                                this.close();
                            }.bind(this))
                        ),
                        this.$table.append(
                            $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
                            this.$tbody
                        )
                    );
                    return this;
                };

                ShowContributorDialog.prototype.getContributors = function() {
                    var self = this;
                    return new Promise(function(resolve, reject) {
                        var api = new mw.Api();
                        var contributors = {};
                        var continueToken = "";
                        var prevSize = 0;
                        var params = {
                            action: "query",
                            format: "json",
                            prop: "revisions",
                            titles: mw.config.get("wgPageName"),
                            rvprop: "user|size",
                            rvlimit: "max",
                            rvdir: "newer"
                        };
                        function fetchRevisions() {
                            if (continueToken) params.rvcontinue = continueToken;
                            api.get(params).then(function(response) {
                                continueToken = response.continue ? response.continue.rvcontinue : undefined;
                                var revisions = Object.values(response.query.pages)[0].revisions;
                                for (var i = 0; i < revisions.length; i++) {
                                    var user = revisions[i].user;
                                    var size = revisions[i].size;
                                    contributors[user] = contributors[user] || [];
                                    contributors[user].push(size - prevSize);
                                    prevSize = size;
                                }
                                if (continueToken) {
                                    fetchRevisions();
                                } else {
                                    resolve(contributors);
                                }
                            }).catch(function(error) {
                                mw.notify('获取编辑记录失败：' + error, { type: "error" });
                                reject(error);
                            });
                        }
                        fetchRevisions();
                    });
                };

                ShowContributorDialog.prototype.addRow = function(tbody, data) {
                    var user = data.user;
                    var count = data.count;
                    var add = data.add;
                    var remove = data.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>`
                        )
                    );
                };

                ShowContributorDialog.prototype.showContributors = function(contributors) {
                    this.$tbody.empty();
                    for (var user in contributors) {
                        if (contributors.hasOwnProperty(user)) {
                            var edits = contributors[user];
                            var add = edits.reduce(function(sum, delta) {
                                return delta > 0 ? sum + delta : sum;
                            }, 0);
                            var remove = edits.reduce(function(sum, delta) {
                                return delta < 0 ? sum + delta : sum;
                            }, 0);
                            this.addRow(this.$tbody, {
                                user: user,
                                count: edits.length,
                                add: add,
                                remove: remove
                            });
                        }
                    }
                    this.got = true;
                };

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

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

                var insertButton = function() {
                    $("#show-contributor-button").detach();
                    var 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();

                // 仅在断点穿越时更新插入位置
                var isWide = window.innerWidth >= 1120;
                $(window).on("resize", function() {
                    clearTimeout(window.__showContributorResizeTimer);
                    window.__showContributorResizeTimer = setTimeout(function() {
                        var nowWide = window.innerWidth >= 1120;
                        if (nowWide !== isWide) {
                            isWide = nowWide;
                            insertButton();
                        }
                    }, 200);
                });

                // 点击事件
                button.on("click", function() {
                    (function() {
                        if (!dialog.got) {
                            button.setLabel("正在查询");
                            dialog.getContributors().then(function(contributors) {
                                dialog.showContributors(contributors);
                                dialog.$table.tablesorter();
                                button.setLabel("本页贡献者");
                                windowManager.openWindow(dialog);
                            }).catch(function(error) {
                                console.error('获取贡献者数据失败:', error);
                                button.setLabel("本页贡献者");
                            });
                        } else {
                            windowManager.openWindow(dialog);
                        }
                    })();
                });
            });
        })();
    });
})();

@@ 第1行： / 第1行： @@
-(() => {
+// 原作者萌娘百科BearBin
+//遵循BSD 3-Clause License使用代码
+//全文请参见上方文档
+//GitHub仓库地址:https://github.com/BearBin1215/MoegirlPedia
+(function() {
      "use strict";
-     $((() => (async () => {
+     $(function() {
-        if (
+        (function() {
-            ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
+            if (
-=== mw.config.get("wgArticleId") ||
+                ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
-            !["view", "history"].includes(mw.config.get("wgAction"))
+=== mw.config.get("wgArticleId") ||
-        ) return;
+                !["view", "history"].includes(mw.config.get("wgAction"))
+            )
-        mw.loader.addStyleTag(`
+                return;
-#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;
-    z-index: 1;
-}
-#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;
-}
-/* Citizen 皮肤响应式样式 */
-.skin-citizen #show-contributor-button {
-    float: none;
-    margin: 0 0 0 0.5em;
-    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 .firstHeading-container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-    .skin-citizen #show-contributor-button {
-        margin: 0;
-    }
-}
-        `);
-        await mw.loader.using([
+            mw.loader.using([
-            "mediawiki.api",
+                "mediawiki.api",
-            "mediawiki.notification",
+                "mediawiki.notification",
-            "oojs-ui",
+                "oojs-ui",
-            "oojs-ui.styles.icons-interactions",
+                "oojs-ui.styles.icons-interactions",
-            "jquery.tablesorter"
+                "jquery.tablesorter"
-        ]);
+            ]).then(function() {
+                function ShowContributorDialog(config) {
+                    OO.ui.Dialog.call(this, config);
+                    this.$table = $('<table id="show-contributor-table" class="wikitable" />');
+                    this.$tbody = $("<tbody />");
+                    this.got = false;
+                }
+                OO.inheritClass(ShowContributorDialog, OO.ui.Dialog);
+                ShowContributorDialog.static = ShowContributorDialog.static || {};
+                ShowContributorDialog.static.name = "ShowContributor";
+                ShowContributorDialog.static.tagName = "div";
-        class ContributorDialog extends OO.ui.Dialog {
+                ShowContributorDialog.prototype.initialize = function() {
-            $table = $('<table id="show-contributor-table" class="wikitable" />');
+                    OO.ui.Dialog.prototype.initialize.call(this);
-            $tbody = $("<tbody />");
+                    this.$body.append(
-            got = false;
+                        $('<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", function() {
+                                this.close();
+                            }.bind(this))
+                        ),
+                        this.$table.append(
+                            $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
+                            this.$tbody
+                        )
+                    );
+                    return this;
+                };
-            static static = {
+                ShowContributorDialog.prototype.getContributors = function() {
-                ...super.static,
+                    var self = this;
-                name: "ShowContributor",
+                    return new Promise(function(resolve, reject) {
-                tagName: "div"
+                        var api = new mw.Api();
-            };
+                        var contributors = {};
+                        var continueToken = "";
+                        var prevSize = 0;
+                        var params = {
+                            action: "query",
+                            format: "json",
+                            prop: "revisions",
+                            titles: mw.config.get("wgPageName"),
+                            rvprop: "user|size",
+                            rvlimit: "max",
+                            rvdir: "newer"
+                        };
+                        function fetchRevisions() {
+                            if (continueToken) params.rvcontinue = continueToken;
+                            api.get(params).then(function(response) {
+                                continueToken = response.continue ? response.continue.rvcontinue : undefined;
+                                var revisions = Object.values(response.query.pages)[0].revisions;
+                                for (var i = 0; i < revisions.length; i++) {
+                                    var user = revisions[i].user;
+                                    var size = revisions[i].size;
+                                    contributors[user] = contributors[user] || [];
+                                    contributors[user].push(size - prevSize);
+                                    prevSize = size;
+                                }
+                                if (continueToken) {
+                                    fetchRevisions();
+                                } else {
+                                    resolve(contributors);
+                                }
+                            }).catch(function(error) {
+                                mw.notify('获取编辑记录失败：' + error, { type: "error" });
+                                reject(error);
+                            });
+                        }
+                        fetchRevisions();
+                    });
+                };
-            initialize() {
+                ShowContributorDialog.prototype.addRow = function(tbody, data) {
-                super.initialize();
+                    var user = data.user;
-                this.$body.append(
+                    var count = data.count;
-                    $('<div id="show-contributor-header" />').append(
+                    var add = data.add;
-                        $('<div id="show-contributor-headline">本页贡献统计</div>'),
+                    var remove = data.remove;
-                        new OO.ui.IconWidget({
+                    tbody.append(
-                            icon: "close",
+                        $("<tr />").append(
-                            id: "show-contributor-close"
+                            $("<td />").append(
-                        }).$element.on("click", () => this.close())
+                                $(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${user}`)}" />`).text(user)
-                    ),
+                            ),
-                    this.$table.append(
+                            `<td>${count}</td>`,
-                        $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
+                            `<td>${add}</td>`,
-                         this.$tbody
+                            `<td>${remove}</td>`
-                     )
+                         )
-                );
+                     );
-                return this;
-            }
-            getContributors = async () => {
-                const api = new mw.Api();
-                const users = {};
-                let rvcontinue = "", lastSize = 0;
-                const params = {
-                    action: "query",
-                    format: "json",
-                    prop: "revisions",
-                    titles: mw.config.get("wgPageName"),
-                    rvprop: "user|size",
-                    rvlimit: "max",
-                    rvdir: "newer"
                  };
-                 do {
+                 ShowContributorDialog.prototype.showContributors = function(contributors) {
-                     if (rvcontinue) params.rvcontinue = rvcontinue;
+                     this.$tbody.empty();
-                     try {
+                     for (var user in contributors) {
-                         const result = await api.get(params);
+                         if (contributors.hasOwnProperty(user)) {
-                        rvcontinue = result.continue?.rvcontinue;
+                            var edits = contributors[user];
-                        for (const { user, size } of Object.values(result.query.pages)[0].revisions) {
+                            var add = edits.reduce(function(sum, delta) {
-                             users[user] ||= [];
+                                return delta > 0 ? sum + delta : sum;
-                             users[user].push(size - lastSize);
+                            }, 0);
-                             lastSize = size;
+                            var remove = edits.reduce(function(sum, delta) {
+                                return delta < 0 ? sum + delta : sum;
+                             }, 0);
+                             this.addRow(this.$tbody, {
+                                user: user,
+                                count: edits.length,
+                                add: add,
+                                remove: remove
+                             });
                          }
-                    } catch (err) {
-                        mw.notify(`获取编辑记录失败：${err}`, { type: "error" });
-                        break;
                      }
-                 } while (rvcontinue);
+                    this.got = true;
+                 };
-                 return users;
+                 var windowManager = new OO.ui.WindowManager({id:"show-contributor"});
-            };
+                $(document.body).append(windowManager.$element);
+                var dialog = new ShowContributorDialog({size:"large"});
+                windowManager.addWindows([dialog]);
-            addRow = ($target, { user, count, add, remove }) => {
+                var button = new OO.ui.ButtonWidget({
-                $target.append(
+                     label:"本页贡献者",
-                     $("<tr />").append(
+                    icon:"search",
-                        $("<td />").append(
+                    flags:"progressive",
-                            $(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${user}`)}" />`).append(
+                    id:"show-contributor-button"
-                                `<img class="user-avatar" src="https://commons.moegirl.org.cn/extensions/Avatar/avatar.php?user=${user}" />`,
+                });
-                                user
-                            )
-                        ),
-                        `<td>${count}</td>`,
-                        `<td>${add}</td>`,
-                        `<td>${remove}</td>`
-                    )
-                );
-            };
-            showContributors = (data) => {
+                var insertButton = function() {
-                this.$tbody.empty();
+                    $("#show-contributor-button").detach();
-                for (const user in data) {
+                    var skin = mw.config.get("skin");
-                    const edits = data[user];
+                    if (skin === "citizen") {
-                    this.addRow(this.$tbody, {
+                        if (window.innerWidth >= 1120) {
-                         user,
+                            $(".page-actions").prepend(button.$element);
-                        count: edits.length,
+                         } else {
-                         add: edits.reduce((sum, n) => n > 0 ? sum + n : sum, 0),
+                            $(".firstHeading-container").append(button.$element);
-                         remove: edits.reduce((sum, n) => n < 0 ? sum + n : sum, 0)
+                         }
-                     });
+                    } else if (skin === "vector-2022") {
-                }
+                         $("header.mw-body-header.vector-page-titlebar").append(button.$element);
-                 this.got = true;
+                     } else {
-            };
+                        $("#bodyContent").prepend(button.$element);
-        }
+                    }
+                 };
-        const windowManager = new OO.ui.WindowManager({ id: "show-contributor" });
+                // 初始插入
-        $(document.body).append(windowManager.$element);
+                insertButton();
-        const dialog = new ContributorDialog({ size: "large" });
+                // 仅在断点穿越时更新插入位置
-        windowManager.addWindows([dialog]);
+                var isWide = window.innerWidth >= 1120;
+                $(window).on("resize", function() {
+                    clearTimeout(window.__showContributorResizeTimer);
+                    window.__showContributorResizeTimer = setTimeout(function() {
+                        var nowWide = window.innerWidth >= 1120;
+                        if (nowWide !== isWide) {
+                            isWide = nowWide;
+                            insertButton();
+                        }
+                    }, 200);
+                });
-        const button = new OO.ui.ButtonWidget({
+                // 点击事件
-            label: "本页贡献者",
+                button.on("click", function() {
-            icon: "search",
+                    (function() {
-            flags: "progressive",
+                        if (!dialog.got) {
-            id: "show-contributor-button"
+                            button.setLabel("正在查询");
-        });
+                            dialog.getContributors().then(function(contributors) {
+                                dialog.showContributors(contributors);
-        // 响应式插入逻辑
+                                dialog.$table.tablesorter();
-        const insertButton = () => {
+                                button.setLabel("本页贡献者");
-            $("#show-contributor-button").detach();
+                                windowManager.openWindow(dialog);
+                            }).catch(function(error) {
-            if (mw.config.get("skin") === "citizen") {
+                                console.error('获取贡献者数据失败:', error);
-                const width = window.innerWidth;
+                                button.setLabel("本页贡献者");
-                if (width >= 1120) {
+                            });
-                    $(".page-actions").prepend(button.$element);
+                        } else {
-                } else {
+                            windowManager.openWindow(dialog);
-                    const $heading = $(".firstHeading-container");
+                        }
-                    if ($heading.length) {
+                    })();
-                        $heading.append(button.$element);
+                 });
-                    }
+             });
-                }
+         })();
-            } else {
+     });
-                $("#bodyContent").prepend(button.$element);
-            }
-        };
-        insertButton();
-        $(window).on("resize", () => {
-            clearTimeout(window.__showContributorResizeTimer);
-            window.__showContributorResizeTimer = setTimeout(insertButton, 200);
-        });
-        // 点击打开对话框
-        button.on("click", async () => {
-            if (!dialog.got) {
-                button.setLabel("正在查询");
-                const data = await dialog.getContributors();
-                dialog.showContributors(data);
-                dialog.$table.tablesorter();
-                 button.setLabel("本页贡献者");
-             }
-            windowManager.openWindow(dialog);
-         });
-     })()));
 })();