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";
      $(function() {
-         (async function() {
+         (function() {
              if (
                  ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
@@ 第9行： / 第13行： @@
              )
                  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;
-                    }
-                }
-            `);
-             await mw.loader.using([
+             mw.loader.using([
                  "mediawiki.api",
                  "mediawiki.notification",
@@ 第78行： / 第20行： @@
                  "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";
-            class t 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 />");
-                $body;
-                got = !1;
-                static static = {...super.static,name:"ShowContributor",tagName:"div"};
-                initialize() {
-                    return 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()))
+                             new OO.ui.IconWidget({icon:"close",id:"show-contributor-close"}).$element.on("click", function() {
+                                this.close();
+                            }.bind(this))
                          ),
                          this.$table.append(
@@ 第97行： / 第45行： @@
                              this.$tbody
                          )
-                     ),
+                     );
-                     this
+                     return this;
-                 }
+                 };
-                 getContributors = async () => {
-                    const t = new mw.Api,
+                 ShowContributorDialog.prototype.getContributors = function() {
-                         e = {};
+                    var self = this;
-                    let o = "",
+                    return new Promise(function(resolve, reject) {
-                         i = 0;
+                        var api = new mw.Api();
-                    const r = {
+                         var contributors = {};
-                        action:"query",
+                        var continueToken = "";
-                        format:"json",
+                         var prevSize = 0;
-                        prop:"revisions",
+                        var params = {
-                        titles:mw.config.get("wgPageName"),
+                            action: "query",
-                        rvprop:"user|size",
+                            format: "json",
-                        rvlimit:"max",
+                            prop: "revisions",
-                        rvdir:"newer"
+                            titles: mw.config.get("wgPageName"),
-                    };
+                            rvprop: "user|size",
-                    do {
+                            rvlimit: "max",
-                        o && (r.rvcontinue = o);
+                            rvdir: "newer"
-                        try {
+                        };
-                             const n = await t.get(r);
+                        function fetchRevisions() {
-                            o = n.continue?.rvcontinue;
+                            if (continueToken) params.rvcontinue = continueToken;
-                            for (const {user:t,size:o} of Object.values(n.query.pages)[0].revisions)
+                             api.get(params).then(function(response) {
-                                e[t] ||= [],
+                                continueToken = response.continue ? response.continue.rvcontinue : undefined;
-                                e[t].push(o - i),
+                                var revisions = Object.values(response.query.pages)[0].revisions;
-                                 i = o
+                                for (var i = 0; i < revisions.length; i++) {
-                        } catch (t) {
+                                    var user = revisions[i].user;
-                            mw.notify(`获取编辑记录失败：${t}`,{type:"error"})
+                                    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);
+                            });
                          }
-                    } while (o);
+                        fetchRevisions();
-                     return e
+                     });
                  };
-                 addRow = (t,{user:e,count:o,add:i,remove:r}) => {
-                     t.append(
+                 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:${e}`)}" />`).text(e)
+                                 $(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${user}`)}" />`).text(user)
                              ),
-                             `<td>${o}</td>`,
+                             `<td>${count}</td>`,
-                             `<td>${i}</td>`,
+                             `<td>${add}</td>`,
-                             `<td>${r}</td>`
+                             `<td>${remove}</td>`
                          )
-                     )
+                     );
                  };
-                 showContributors = t => {
+                 ShowContributorDialog.prototype.showContributors = function(contributors) {
                      this.$tbody.empty();
-                     for (const e in t)
+                     for (var user in contributors) {
-                         this.addRow(this.$tbody, {
+                         if (contributors.hasOwnProperty(user)) {
-                             user:e,
+                             var edits = contributors[user];
-                            count:t[e].length,
+                             var add = edits.reduce(function(sum, delta) {
-                             add:t[e].reduce((s,n)=>n>0?s+n:s,0),
+                                return delta > 0 ? sum + delta : sum;
-                             remove:t[e].reduce((s,n)=>n<0?s+n:s,0)
+                            }, 0);
-                        });
+                             var remove = edits.reduce(function(sum, delta) {
-                     this.got = !0
+                                return delta < 0 ? sum + delta : sum;
-                 }
+                            }, 0);
-            }
+                            this.addRow(this.$tbody, {
+                                user: user,
+                                count: edits.length,
+                                add: add,
+                                remove: remove
+                            });
+                        }
+                    }
+                     this.got = true;
+                 };
-            const e = new OO.ui.WindowManager({id:"show-contributor"});
+                var windowManager = new OO.ui.WindowManager({id:"show-contributor"});
-            $(document.body).append(e.$element);
+                $(document.body).append(windowManager.$element);
-            const o = new t({size:"large"});
+                var dialog = new ShowContributorDialog({size:"large"});
-            e.addWindows([o]);
+                windowManager.addWindows([dialog]);
-            const i = new OO.ui.ButtonWidget({
+                var button = new OO.ui.ButtonWidget({
-                label:"本页贡献者",
+                    label:"本页贡献者",
-                icon:"search",
+                    icon:"search",
-                flags:"progressive",
+                    flags:"progressive",
-                id:"show-contributor-button"
+                    id:"show-contributor-button"
-            });
+                });
-            const insertButton = () => {
+                var insertButton = function() {
-                $("#show-contributor-button").detach();
+                    $("#show-contributor-button").detach();
-                const skin = mw.config.get("skin");
+                    var skin = mw.config.get("skin");
-                if (skin === "citizen") {
+                    if (skin === "citizen") {
-                    if (window.innerWidth >= 1120) {
+                        if (window.innerWidth >= 1120) {
-                        $(".page-actions").prepend(i.$element);
+                            $(".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 {
-                         $(".firstHeading-container").append(i.$element);
+                         $("#bodyContent").prepend(button.$element);
                      }
-                 } else if (skin === "vector-2022") {
+                 };
-                    $("header.mw-body-header.vector-page-titlebar").append(i.$element);
-                } else {
-                    $("#bodyContent").prepend(i.$element);
-                }
-            };
-            // 初始插入
+                // 初始插入
-            insertButton();
+                insertButton();
-            // 仅在断点穿越时更新插入位置
+                // 仅在断点穿越时更新插入位置
-            let isWide = window.innerWidth >= 1120;
+                var isWide = window.innerWidth >= 1120;
-            $(window).on("resize", () => {
+                $(window).on("resize", function() {
-                clearTimeout(window.__showContributorResizeTimer);
+                    clearTimeout(window.__showContributorResizeTimer);
-                window.__showContributorResizeTimer = setTimeout(() => {
+                    window.__showContributorResizeTimer = setTimeout(function() {
-                    const nowWide = window.innerWidth >= 1120;
+                        var nowWide = window.innerWidth >= 1120;
-                    if (nowWide !== isWide) {
+                        if (nowWide !== isWide) {
-                        isWide = nowWide;
+                            isWide = nowWide;
-                        insertButton();
+                            insertButton();
-                    }
+                        }
-                }, 200);
+                    }, 200);
-            });
+                });
-            // 点击事件
+                // 点击事件
-            i.on("click", async () => {
+                button.on("click", function() {
-                if (!o.got) {
+                    (function() {
-                    i.setLabel("正在查询");
+                        if (!dialog.got) {
-                    const t = await o.getContributors();
+                            button.setLabel("正在查询");
-                    o.showContributors(t);
+                            dialog.getContributors().then(function(contributors) {
-                    o.$table.tablesorter();
+                                dialog.showContributors(contributors);
-                    i.setLabel("本页贡献者");
+                                dialog.$table.tablesorter();
-                }
+                                button.setLabel("本页贡献者");
-                e.openWindow(o);
+                                windowManager.openWindow(dialog);
+                            }).catch(function(error) {
+                                console.error('获取贡献者数据失败:', error);
+                                button.setLabel("本页贡献者");
+                            });
+                        } else {
+                            windowManager.openWindow(dialog);
+                        }
+                    })();
+                });
              });
          })();
      });
 })();