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

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

(() => {
    "use strict";
    $((() => (async () => {
        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;
                }
            }
        `);

        await mw.loader.using([
            "mediawiki.api",
            "mediawiki.notification",
            "oojs-ui",
            "oojs-ui.styles.icons-interactions",
            "jquery.tablesorter"
        ]);

        class t extends OO.ui.Dialog {
            $table = $('<table id="show-contributor-table" class="wikitable" />');
            $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()))
                    ),
                    this.$table.append(
                        $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
                        this.$tbody
                    )
                ),
                this
            }
            getContributors = async () => {
                const t = new mw.Api,
                    e = {};
                let o = "",
                    i = 0;
                const r = {
                    action:"query",
                    format:"json",
                    prop:"revisions",
                    titles:mw.config.get("wgPageName"),
                    rvprop:"user|size",
                    rvlimit:"max",
                    rvdir:"newer"
                };
                do {
                    o && (r.rvcontinue = o);
                    try {
                        const n = await t.get(r);
                        o = n.continue?.rvcontinue;
                        for (const {user:t,size:o} of Object.values(n.query.pages)[0].revisions)
                            e[t] ||= [],
                            e[t].push(o - i),
                            i = o
                    } catch (t) {
                        mw.notify(`获取编辑记录失败：${t}`,{type:"error"})
                    }
                } while (o);
                return e
            };
            addRow = (t,{user:e,count:o,add:i,remove:r}) => {
                t.append(
                    $("<tr />").append(
                        $("<td />").append(
                            $(`<a href="${mw.config.get("wgArticlePath").replace("$1",`User:${e}`)}" />`).text(e)
                        ),
                        `<td>${o}</td>`,
                        `<td>${i}</td>`,
                        `<td>${r}</td>`
                    )
                )
            };
            showContributors = t => {
                this.$tbody.empty();
                for (const e in t)
                    this.addRow(this.$tbody, {
                        user:e,
                        count:t[e].length,
                        add:t[e].reduce((s,n)=>n>0?s+n:s,0),
                        remove:t[e].reduce((s,n)=>n<0?s+n:s,0)
                    });
                this.got = !0
            }
        }

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

        const i = 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(i.$element);
                } else {
                    $(".firstHeading-container").append(i.$element);
                }
            } else if (skin === "vector-2022") {
                $("header.mw-body-header.vector-page-titlebar").append(i.$element);
            } else {
                $("#bodyContent").prepend(i.$element);
            }
        };

        // 初始插入
        insertButton();

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

        // 点击事件
        i.on("click", async () => {
            if (!o.got) {
                i.setLabel("正在查询");
                const t = await o.getContributors();
                o.showContributors(t);
                o.$table.tablesorter();
                i.setLabel("本页贡献者");
            }
            e.openWindow(o);
        });
    })()))
})();

@@ 第1行： / 第1行： @@
-(function() {
+(() => {
      "use strict";
-     jQuery(document).ready(function() {
+     $((() => (async () => {
-        console.log('ShowContributors.js 开始执行', {
-            mediaWikiVersion: mw.config.get('wgVersion'),
-            skin: mw.config.get('skin'),
-            namespace: mw.config.get('wgNamespaceNumber'),
-            action: mw.config.get('wgAction'),
-            articleId: mw.config.get('wgArticleId')
-        });
          if (
              ![0, 2, 4, 10, 12, 14, 828, 274].includes(mw.config.get("wgNamespaceNumber")) ||
 === mw.config.get("wgArticleId") ||
              !["view", "history"].includes(mw.config.get("wgAction"))
-         ) {
+         )
-            console.log('脚本因条件不满足退出');
              return;
-         }
+         mw.loader.addStyleTag(`
-         mw.loader.addStyleTag(
+             #show-contributor-button {
-             '#show-contributor-button {' +
+                 float: right;
-                 'float: right;' +
+                 margin-left: .5em;
-                 'margin-left: .5em;' +
+                 margin-right: 0;
-                 'margin-right: 0;' +
+             }
-             '}' +
+             #show-contributor-header {
-             '#show-contributor-header {' +
+                 background: #fff;
-                 'background: #fff;' +
+                 border-bottom: 1px solid #aaa;
-                 'border-bottom: 1px solid #aaa;' +
+                 font-weight: 600;
-                 'font-weight: 600;' +
+                 padding: .3em;
-                 'padding: .3em;' +
+                 position: sticky;
-                 'position: sticky;' +
+                 text-align: center;
-                 'text-align: center;' +
+                 top: 0;
-                 'top: 0;' +
+             }
-             '}' +
+             #show-contributor-headline {
-             '#show-contributor-headline {' +
+                 font-size: 1.3em;
-                 'font-size: 1.3em;' +
+             }
-             '}' +
+             #show-contributor-close {
-             '#show-contributor-close {' +
+                 border-radius: 50%;
-                 'border-radius: 50%;' +
+                 cursor: pointer;
-                 'cursor: pointer;' +
+                 position: absolute;
-                 'position: absolute;' +
+                 right: 5px;
-                 'right: 5px;' +
+                 top: 5px;
-                 'top: 5px;' +
+             }
-             '}' +
+             #show-contributor-close:hover {
-             '#show-contributor-close:hover {' +
+                 background-color: #eee;
-                 'background-color: #eee;' +
+             }
-             '}' +
+             #show-contributor-table {
-             '#show-contributor-table {' +
+                 margin: 0;
-                 'margin: 0;' +
+                 width: 100%;
-                 'width: 100%;' +
+             }
-             '}' +
+             #show-contributor-table .user-avatar {
-             '#show-contributor-table .user-avatar {' +
+                 border-radius: 50%;
-                 'border-radius: 50%;' +
+                 height: 20px;
-                 'height: 20px;' +
+                 width: 20px;
-                 'width: 20px;' +
+             }
-             '}' +
+             .skin-citizen #show-contributor-button {
-             '.skin-citizen #show-contributor-button {' +
+                 float: none;
-                 'float: none;' +
+                 margin: 0 0.5em 0 0;
-                 'margin: 0 0.5em 0 0;' +
+                 display: inline-flex;
-                 'display: inline-flex;' +
+                 align-items: center;
-                 'align-items: center;' +
+                 vertical-align: middle;
-                 'vertical-align: middle;' +
+             }
-             '}' +
+             @media (min-width: 1120px) {
-             '@media (min-width: 1120px) {' +
+                 .skin-citizen .citizen-page-header-inner {
-                 '.skin-citizen .citizen-page-header-inner {' +
+                     display: flex;
-                     'display: flex;' +
+                     justify-content: space-between;
-                     'justify-content: space-between;' +
+                     align-items: center;
-                     'align-items: center;' +
+                 }
-                 '}' +
+                 .skin-citizen .citizen-page-heading {
-                 '.skin-citizen .citizen-page-heading {' +
+                     flex-grow: 1;
-                     'flex-grow: 1;' +
+                 }
-                 '}' +
+             }
-             '}' +
+             @media (max-width: 1119px) {
-             '@media (max-width: 1119px) {' +
+                 .skin-citizen #show-contributor-button {
-                 '.skin-citizen #show-contributor-button {' +
+                     margin: 0.5em 0;
-                     'margin: 0.5em 0;' +
+                     display: block;
-                     'display: block;' +
+                 }
-                 '}' +
+             }
-             '}'
+         `);
-         );
-         mw.loader.using([
+         await mw.loader.using([
              "mediawiki.api",
              "mediawiki.notification",
@@ 第87行： / 第77行： @@
              "oojs-ui.styles.icons-interactions",
              "jquery.tablesorter"
-         ]).then(function() {
+         ]);
-            console.log('依赖模块加载成功');
-            function ShowContributorDialog(config) {
+        class t extends OO.ui.Dialog {
-                OO.ui.Dialog.call(this, config);
+            $table = $('<table id="show-contributor-table" class="wikitable" />');
-                this.$table = jQuery('<table id="show-contributor-table" class="wikitable" />');
+            $tbody = $("<tbody />");
-                this.$tbody = jQuery("<tbody />");
+            $body;
-                this.got = false;
+            got = !1;
-             }
+             static static = {...super.static,name:"ShowContributor",tagName:"div"};
-            OO.inheritClass(ShowContributorDialog, OO.ui.Dialog);
+             initialize() {
-            ShowContributorDialog.static.name = "ShowContributor";
+                 return super.initialize(),
-            ShowContributorDialog.static.tagName = "div";
-             ShowContributorDialog.prototype.initialize = function() {
-                 OO.ui.Dialog.prototype.initialize.call(this);
                  this.$body.append(
-                     jQuery('<div id="show-contributor-header" />').append(
+                     $('<div id="show-contributor-header" />').append(
-                         jQuery('<div id="show-contributor-headline">本页贡献统计</div>'),
+                         $('<div id="show-contributor-headline">本页贡献统计</div>'),
-                         new OO.ui.IconWidget({ icon: "close", id: "show-contributor-close" }).$element.on("click", function() {
+                         new OO.ui.IconWidget({icon:"close",id:"show-contributor-close"}).$element.on("click",(()=>this.close()))
-                            this.close();
-                        }.bind(this))
                      ),
                      this.$table.append(
-                         jQuery("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
+                         $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
                          this.$tbody
                      )
-                 );
+                 ),
-                 return this;
+                 this
-             };
+             }
+             getContributors = async () => {
-             ShowContributorDialog.prototype.getContributors = async function() {
+                 const t = new mw.Api,
-                 console.log('开始获取贡献者数据');
+                    e = {};
-                var api = new mw.Api();
+                 let o = "",
-                var contributors = {};
+                    i = 0;
-                 var continueToken = "";
+                 const r = {
-                var prevSize = 0;
+                     action:"query",
-                 var params = {
+                     format:"json",
-                     action: "query",
+                     prop:"revisions",
-                     format: "json",
+                     titles:mw.config.get("wgPageName"),
-                     prop: "revisions",
+                     rvprop:"user|size",
-                     titles: mw.config.get("wgPageName"),
+                     rvlimit:"max",
-                     rvprop: "user|size",
+                     rvdir:"newer"
-                     rvlimit: "max",
-                     rvdir: "newer"
                  };
                  do {
-                     if (continueToken) params.rvcontinue = continueToken;
+                     o && (r.rvcontinue = o);
                      try {
-                         var response = await api.get(params);
+                         const n = await t.get(r);
-                         continueToken = response.continue ? response.continue.rvcontinue : undefined;
+                         o = n.continue?.rvcontinue;
-                         var revisions = Object.values(response.query.pages)[0].revisions;
+                         for (const {user:t,size:o} of Object.values(n.query.pages)[0].revisions)
-                        for (var i = 0; i < revisions.length; i++) {
+                             e[t] ||= [],
-                             var user = revisions[i].user;
+                             e[t].push(o - i),
-                            var size = revisions[i].size;
+                             i = o
-                            contributors[user] = contributors[user] || [];
+                     } catch (t) {
-                             contributors[user].push(size - prevSize);
+                         mw.notify(`获取编辑记录失败：${t}`,{type:"error"})
-                             prevSize = size;
-                        }
-                     } catch (error) {
-                        console.error('API 请求失败:', error);
-                         mw.notify('获取编辑记录失败：' + error, { type: "error" });
                      }
-                 } while (continueToken);
+                 } while (o);
-                console.log('贡献者数据:', contributors);
+                 return e
-                 return contributors;
              };
+             addRow = (t,{user:e,count:o,add:i,remove:r}) => {
-             ShowContributorDialog.prototype.addRow = function(tbody, data) {
+                 t.append(
-                var user = data.user;
+                     $("<tr />").append(
-                var count = data.count;
+                         $("<td />").append(
-                var add = data.add;
+                             $(`<a href="${mw.config.get("wgArticlePath").replace("$1",`User:${e}`)}" />`).text(e)
-                var remove = data.remove;
-                 tbody.append(
-                     jQuery("<tr />").append(
-                         jQuery("<td />").append(
-                             jQuery('<a href="' + mw.config.get("wgArticlePath").replace("$1", "User:" + user) + '" />').text(user)
                          ),
-                         jQuery('<td>' + count + '</td>'),
+                         `<td>${o}</td>`,
-                         jQuery('<td>' + add + '</td>'),
+                         `<td>${i}</td>`,
-                         jQuery('<td>' + remove + '</td>')
+                         `<td>${r}</td>`
                      )
-                 );
+                 )
              };
+             showContributors = t => {
-             ShowContributorDialog.prototype.showContributors = function(contributors) {
                  this.$tbody.empty();
-                 for (var user in contributors) {
+                 for (const e in t)
-                     if (contributors.hasOwnProperty(user)) {
+                     this.addRow(this.$tbody, {
-                         var edits = contributors[user];
+                        user:e,
-                         var add = edits.reduce(function(sum, delta) {
+                         count:t[e].length,
-                            return delta > 0 ? sum + delta : sum;
+                         add:t[e].reduce((s,n)=>n>0?s+n:s,0),
-                        }, 0);
+                         remove:t[e].reduce((s,n)=>n<0?s+n:s,0)
-                         var remove = edits.reduce(function(sum, delta) {
+                    });
-                            return delta < 0 ? sum + delta : sum;
+                 this.got = !0
-                        }, 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" });
+        const e = new OO.ui.WindowManager({id:"show-contributor"});
-            jQuery(document.body).append(windowManager.$element);
+        $(document.body).append(e.$element);
-            var dialog = new ShowContributorDialog({ size: "large" });
+        const o = new t({size:"large"});
-            windowManager.addWindows([dialog]);
+        e.addWindows([o]);
-            var button = new OO.ui.ButtonWidget({
+        const i = new OO.ui.ButtonWidget({
-                label: "本页贡献者",
+            label:"本页贡献者",
-                icon: "search",
+            icon:"search",
-                flags: "progressive",
+            flags:"progressive",
-                id: "show-contributor-button"
+            id:"show-contributor-button"
-            });
+        });
-            function insertButton() {
+        const insertButton = () => {
-                jQuery("#show-contributor-button").detach();
+            $("#show-contributor-button").detach();
-                var skin = mw.config.get("skin");
+            const skin = mw.config.get("skin");
-                console.log('插入按钮，当前皮肤:', skin);
+            if (skin === "citizen") {
-                if (skin === "citizen") {
+                if (window.innerWidth >= 1120) {
-                    if (window.innerWidth >= 1120) {
+                    $(".page-actions").prepend(i.$element);
-                        if (jQuery(".page-actions").length) {
-                            jQuery(".page-actions").prepend(button.$element);
-                        } else {
-                            console.error('未找到 .page-actions 容器');
-                        }
-                    } else {
-                        if (jQuery(".firstHeading-container").length) {
-                            jQuery(".firstHeading-container").append(button.$element);
-                        } else {
-                            console.error('未找到 .firstHeading-container 容器');
-                        }
-                    }
-                } else if (skin === "vector-2022") {
-                    if (jQuery("header.mw-body-header.vector-page-titlebar").length) {
-                        jQuery("header.mw-body-header.vector-page-titlebar").append(button.$element);
-                    } else {
-                        console.error('未找到 header.mw-body-header.vector-page-titlebar 容器');
-                    }
                  } else {
-                     if (jQuery("#bodyContent").length) {
+                     $(".firstHeading-container").append(i.$element);
-                        jQuery("#bodyContent").prepend(button.$element);
-                    } else {
-                        console.error('未找到 #bodyContent 容器');
-                    }
                  }
-                 console.log('按钮是否存在:', jQuery("#show-contributor-button").length);
+            } else if (skin === "vector-2022") {
+                 $("header.mw-body-header.vector-page-titlebar").append(i.$element);
+            } else {
+                $("#bodyContent").prepend(i.$element);
              }
+        };
-            insertButton();
+        // 初始插入
+        insertButton();
-            var isWide = window.innerWidth >= 1120;
+        // 仅在断点穿越时更新插入位置
-            jQuery(window).on("resize", function() {
+        let isWide = window.innerWidth >= 1120;
-                clearTimeout(window.__showContributorResizeTimer);
+        $(window).on("resize", () => {
-                window.__showContributorResizeTimer = setTimeout(function() {
+            clearTimeout(window.__showContributorResizeTimer);
-                    var nowWide = window.innerWidth >= 1120;
+            window.__showContributorResizeTimer = setTimeout(() => {
-                    if (nowWide !== isWide && mw.config.get("skin") === "citizen") {
+                const nowWide = window.innerWidth >= 1120;
-                        isWide = nowWide;
+                if (nowWide !== isWide) {
-                        insertButton();
+                    isWide = nowWide;
-                    }
+                    insertButton();
-                }, 200);
+                }
-            });
+            }, 200);
+        });
-            button.on("click", function() {
+        // 点击事件
-                console.log('按钮点击，尝试打开窗口');
+        i.on("click", async () => {
-                if (!dialog.got) {
+            if (!o.got) {
-                    button.setLabel("正在查询");
+                i.setLabel("正在查询");
-                    dialog.getContributors().then(function(contributors) {
+                const t = await o.getContributors();
-                        dialog.showContributors(contributors);
+                o.showContributors(t);
-                        dialog.$table.tablesorter();
+                o.$table.tablesorter();
-                        button.setLabel("本页贡献者");
+                i.setLabel("本页贡献者");
-                        windowManager.openWindow(dialog);
+             }
-                        console.log('窗口打开状态:', windowManager);
+             e.openWindow(o);
-                    }).catch(function(error) {
-                        console.error('打开窗口失败:', error);
-                    });
-                } else {
-                    windowManager.openWindow(dialog);
-                    console.log('窗口打开状态:', windowManager);
-                }
-             });
-        }).catch(function(err) {
-             console.error('模块加载失败:', err);
          });
-     });
+     })()))
 })();