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行： @@
-(function () {
+// 原作者萌娘百科BearBin
+//遵循BSD 3-Clause License使用代码
+//全文请参见上方文档
+//GitHub仓库地址:https://github.com/BearBin1215/MoegirlPedia
+(function() {
      "use strict";
+     $(function() {
-     function insertStyles() {
+         (function() {
-         mw.loader.addStyleTag([
+             if (
-            "#show-contributor-button { float: right; margin-left: .5em; margin-right: 0; }",
+                ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
-            "#show-contributor-header { background: #fff; border-bottom: 1px solid #aaa; font-weight: 600; padding: .3em; position: sticky; text-align: center; top: 0; }",
+=== mw.config.get("wgArticleId") ||
-            "#show-contributor-headline { font-size: 1.3em; }",
+                 !["view", "history"].includes(mw.config.get("wgAction"))
-            "#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; } }"
-        ].join("\n"));
-    }
-    function isValidPage() {
-        var ns = mw.config.get("wgNamespaceNumber");
-        var action = mw.config.get("wgAction");
-        return [0, 2, 4, 10, 12, 14, 828, 274].indexOf(ns) !== -1 &&
-            mw.config.get("wgArticleId") !== 0 &&
-            (action === "view" || action === "history");
-    }
-    function ShowContributorDialog(config) {
-        ShowContributorDialog.super.call(this, config);
-    }
-    OO.inheritClass(ShowContributorDialog, OO.ui.Dialog);
-    ShowContributorDialog.static.name = "ShowContributor";
-    ShowContributorDialog.static.tagName = "div";
-    ShowContributorDialog.prototype.initialize = function () {
-        ShowContributorDialog.super.prototype.initialize.call(this);
-        this.got = false;
-        this.$table = $('<table id="show-contributor-table" class="wikitable" />');
-        this.$tbody = $("<tbody />");
-        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.bind(this))
-            ),
-            this.$table.append(
-                $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
-                this.$tbody
              )
-        );
+                return;
-    };
-    ShowContributorDialog.prototype.getContributors = function () {
+            mw.loader.using([
-        var self = this;
+                "mediawiki.api",
-        var api = new mw.Api();
+                "mediawiki.notification",
-        var users = {};
+                "oojs-ui",
-        var rvcontinue = "";
+                "oojs-ui.styles.icons-interactions",
-        var lastSize = 0;
+                "jquery.tablesorter"
-        var params = {
+             ]).then(function() {
-            action: "query",
+                function ShowContributorDialog(config) {
-            format: "json",
+                    OO.ui.Dialog.call(this, config);
-            prop: "revisions",
+                    this.$table = $('<table id="show-contributor-table" class="wikitable" />');
-             titles: mw.config.get("wgPageName"),
+                    this.$tbody = $("<tbody />");
-            rvprop: "user|size",
+                    this.got = false;
-            rvlimit: "max",
+                }
-            rvdir: "newer"
+                OO.inheritClass(ShowContributorDialog, OO.ui.Dialog);
-        };
+                ShowContributorDialog.static = ShowContributorDialog.static || {};
+                ShowContributorDialog.static.name = "ShowContributor";
+                ShowContributorDialog.static.tagName = "div";
-        function handleResponse(data) {
+                ShowContributorDialog.prototype.initialize = function() {
-            if (data.continue) rvcontinue = data.continue.rvcontinue;
+                    OO.ui.Dialog.prototype.initialize.call(this);
-            else rvcontinue = null;
+                    this.$body.append(
-            var revisions = Object.values(data.query.pages)[0].revisions;
+                        $('<div id="show-contributor-header" />').append(
-            revisions.forEach(function (rev) {
+                            $('<div id="show-contributor-headline">本页贡献统计</div>'),
-                if (!users[rev.user]) users[rev.user] = [];
+                            new OO.ui.IconWidget({icon:"close",id:"show-contributor-close"}).$element.on("click", function() {
-                users[rev.user].push(rev.size - lastSize);
+                                this.close();
-                lastSize = rev.size;
+                            }.bind(this))
-            });
+                        ),
-        }
+                        this.$table.append(
+                            $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
+                            this.$tbody
+                        )
+                    );
+                    return this;
+                };
-        return new Promise(function (resolve) {
+                ShowContributorDialog.prototype.getContributors = function() {
-            function next() {
+                    var self = this;
-                if (rvcontinue !== null) {
+                    return new Promise(function(resolve, reject) {
-                    if (rvcontinue) params.rvcontinue = rvcontinue;
+                        var api = new mw.Api();
-                    api.get(params).done(function (data) {
+                        var contributors = {};
-                        handleResponse(data);
+                        var continueToken = "";
-                        next();
+                        var prevSize = 0;
-                    }).fail(function (err) {
+                        var params = {
-                        mw.notify("获取编辑记录失败：" + err, { type: "error" });
+                            action: "query",
-                         rvcontinue = null;
+                            format: "json",
-                         resolve(users);
+                            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();
                      });
-                 } else {
+                 };
-                    resolve(users);
-                }
-            }
-            next();
-        });
-    };
-    ShowContributorDialog.prototype.addRow = function ($tbody, data) {
+                ShowContributorDialog.prototype.addRow = function(tbody, data) {
-        var $row = $("<tr />").append(
+                    var user = data.user;
-            $("<td />").append(
+                    var count = data.count;
-                $('<a href="' + mw.config.get("wgArticlePath").replace("$1", "User:" + data.user) + '" />').text(data.user)
+                    var add = data.add;
-            ),
+                    var remove = data.remove;
-            $("<td />").text(data.count),
+                    tbody.append(
-            $("<td />").text(data.add),
+                        $("<tr />").append(
-            $("<td />").text(data.remove)
+                            $("<td />").append(
-        );
+                                $(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${user}`)}" />`).text(user)
-        $tbody.append($row);
+                            ),
-    };
+                            `<td>${count}</td>`,
+                            `<td>${add}</td>`,
+                            `<td>${remove}</td>`
+                        )
+                    );
+                };
-    ShowContributorDialog.prototype.showContributors = function (users) {
+                ShowContributorDialog.prototype.showContributors = function(contributors) {
-        var self = this;
+                    this.$tbody.empty();
-        this.$tbody.empty();
+                    for (var user in contributors) {
-        Object.keys(users).forEach(function (user) {
+                        if (contributors.hasOwnProperty(user)) {
-            var edits = users[user];
+                            var edits = contributors[user];
-            var add = edits.reduce(function (sum, n) { return n > 0 ? sum + n : sum; }, 0);
+                            var add = edits.reduce(function(sum, delta) {
-            var remove = edits.reduce(function (sum, n) { return n < 0 ? sum + n : sum; }, 0);
+                                return delta > 0 ? sum + delta : sum;
-            self.addRow(self.$tbody, {
+                            }, 0);
-                user: user,
+                            var remove = edits.reduce(function(sum, delta) {
-                count: edits.length,
+                                return delta < 0 ? sum + delta : sum;
-                add: add,
+                            }, 0);
-                remove: remove
+                            this.addRow(this.$tbody, {
-            });
+                                user: user,
-        });
+                                count: edits.length,
-        this.got = true;
+                                add: add,
-    };
+                                remove: remove
+                            });
+                        }
+                    }
+                    this.got = true;
+                };
-    function main() {
+                var windowManager = new OO.ui.WindowManager({id:"show-contributor"});
-        if (!isValidPage()) return;
+                $(document.body).append(windowManager.$element);
-        insertStyles();
+                var dialog = new ShowContributorDialog({size:"large"});
+                windowManager.addWindows([dialog]);
-        mw.loader.using([
+                var button = new OO.ui.ButtonWidget({
-            "mediawiki.api",
+                    label:"本页贡献者",
-            "mediawiki.notification",
+                    icon:"search",
-            "oojs-ui",
+                    flags:"progressive",
-            "oojs-ui.styles.icons-interactions",
+                    id:"show-contributor-button"
-            "jquery.tablesorter"
+                });
-        ], function () {
-            var winManager = new OO.ui.WindowManager({ id: "show-contributor" });
-            $(document.body).append(winManager.$element);
-            var dialog = new ShowContributorDialog({ size: "large" });
-            winManager.addWindows([dialog]);
-            var button = new OO.ui.ButtonWidget({
+                 var insertButton = function() {
-                label: "本页贡献者",
+                    $("#show-contributor-button").detach();
-                 icon: "search",
+                    var skin = mw.config.get("skin");
-                flags: "progressive",
+                    if (skin === "citizen") {
-                id: "show-contributor-button"
+                        if (window.innerWidth >= 1120) {
-            });
+                            $(".page-actions").prepend(button.$element);
+                        } else {
-            var insertButton = function () {
+                            $(".firstHeading-container").append(button.$element);
-                $("#show-contributor-button").detach();
+                        }
-                var skin = mw.config.get("skin");
+                    } else if (skin === "vector-2022") {
-                if (skin === "citizen") {
+                        $("header.mw-body-header.vector-page-titlebar").append(button.$element);
-                    if (window.innerWidth >= 1120) {
-                        $(".page-actions").prepend(button.$element);
                      } else {
-                         $(".firstHeading-container").append(button.$element);
+                         $("#bodyContent").prepend(button.$element);
                      }
-                 } else if (skin === "vector-2022") {
+                 };
-                    $("header.mw-body-header.vector-page-titlebar").append(button.$element);
-                } else {
-                    $("#bodyContent").prepend(button.$element);
-                }
-            };
-            insertButton();
+                // 初始插入
+                insertButton();
-            var isWide = window.innerWidth >= 1120;
+                // 仅在断点穿越时更新插入位置
-            $(window).on("resize", function () {
+                var isWide = window.innerWidth >= 1120;
-                clearTimeout(window.__showContributorResizeTimer);
+                $(window).on("resize", function() {
-                window.__showContributorResizeTimer = setTimeout(function () {
+                    clearTimeout(window.__showContributorResizeTimer);
-                    var nowWide = window.innerWidth >= 1120;
+                    window.__showContributorResizeTimer = setTimeout(function() {
-                    if (nowWide !== isWide) {
+                        var nowWide = window.innerWidth >= 1120;
-                        isWide = nowWide;
+                        if (nowWide !== isWide) {
-                        insertButton();
+                            isWide = nowWide;
-                    }
+                            insertButton();
-                }, 200);
+                        }
-            });
+                    }, 200);
+                });
-            button.on("click", function () {
+                // 点击事件
-                if (!dialog.got) {
+                button.on("click", function() {
-                    button.setLabel("正在查询");
+                    (function() {
-                    dialog.getContributors().then(function (users) {
+                        if (!dialog.got) {
-                        dialog.showContributors(users);
+                            button.setLabel("正在查询");
-                        dialog.$table.tablesorter();
+                            dialog.getContributors().then(function(contributors) {
-                        button.setLabel("本页贡献者");
+                                dialog.showContributors(contributors);
-                        winManager.openWindow(dialog);
+                                dialog.$table.tablesorter();
-                    });
+                                button.setLabel("本页贡献者");
-                } else {
+                                windowManager.openWindow(dialog);
-                    winManager.openWindow(dialog);
+                            }).catch(function(error) {
-                 }
+                                console.error('获取贡献者数据失败:', error);
+                                button.setLabel("本页贡献者");
+                            });
+                        } else {
+                            windowManager.openWindow(dialog);
+                        }
+                    })();
+                 });
              });
-         });
+         })();
-     }
+     });
-    $(main);
 })();