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

2025年6月11日 (三) 00:06的版本

(() => {
    "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}" +
            // 添加 Citizen 皮肤专用样式
            ".skin-citizen #show-contributor-button{float:none;margin-left:0;margin-right:.5em;display:inline-flex;align-items:center}" +
            ".skin-citizen .page-actions{display:flex;align-items:center;gap:.5em}"
        ),
            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}`)}" />`).append(
                                `<img class="user-avatar" src="https://commons.moegirl.org.cn/extensions/Avatar/avatar.php?user=${e}" />`,
                                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(((t, e) => e > 0 ? t + e : t), 0),
                        remove: t[e].reduce(((t, e) => e < 0 ? t + e : t), 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"
        });
        
        // 修改后的插入位置逻辑
        if ("citizen" === mw.config.get("skin")) {
            // 插入到 page-actions 容器中
            $(".page-actions").prepend(i.$element);
        } else {
            // 其他皮肤：保持原逻辑
            $("#bodyContent").prepend(i.$element);
        }
        
        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)
        }))
    })()))
})();

@@ 第8行： / 第8行： @@
          )
              return;
+         mw.loader.addStyleTag(
-         mw.loader.addStyleTag(`
+             "#show-contributor-button{float:right;margin-left:.5em;margin-right:0}" +
-             #show-contributor-button {
+             "#show-contributor-header{background:#fff;border-bottom:1px solid #aaa;font-weight:600;padding:.3em;position:sticky;text-align:center;top:0}" +
-                float: right;
+             "#show-contributor-headline{font-size:1.3em}" +
-                margin-left: .5em;
+             "#show-contributor-close{border-radius:50%;cursor:pointer;position:absolute;right:5px;top:5px}" +
-                margin-right: 0
+             "#show-contributor-close:hover{background-color:#eee}" +
-            }
+             "#show-contributor-table{margin:0;width:100%}" +
-             #show-contributor-header {
+             "#show-contributor-table .user-avatar{border-radius:50%;height:20px;width:20px}" +
-                background: #fff;
+             // 添加 Citizen 皮肤专用样式
-                border-bottom: 1px solid #aaa;
+             ".skin-citizen #show-contributor-button{float:none;margin-left:0;margin-right:.5em;display:inline-flex;align-items:center}" +
-                font-weight: 600;
+             ".skin-citizen .page-actions{display:flex;align-items:center;gap:.5em}"
-                padding: .3em;
+         ),
-                position: sticky;
+            await mw.loader.using([
-                text-align: center;
+                "mediawiki.api",
-                top: 0
+                "mediawiki.notification",
-            }
+                "oojs-ui",
-             #show-contributor-headline {
+                "oojs-ui.styles.icons-interactions",
-                font-size: 1.3em
+                "jquery.tablesorter"
-            }
+            ]);
-             #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.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" />');
@@ 第79行： / 第32行： @@
              $body;
              got = !1;
-             static static = {...super.static,name:"ShowContributor",tagName:"div"};
+             static static = {
+                ...super.static,
+                name: "ShowContributor",
+                tagName: "div"
+            };
              initialize() {
                  return super.initialize(),
-                this.$body.append(
+                    this.$body.append(
-                    $('<div id="show-contributor-header" />').append(
+                        $('<div id="show-contributor-header" />').append(
-                        $('<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",(()=>this.close()))
+                            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.$table.append(
+                     this
-                        $("<thead><th>用户</th><th>编辑数</th><th>增加字节数</th><th>删减字节数</th></thead>"),
-                        this.$tbody
-                    )
-                ),
-                this
              }
              getContributors = async () => {
@@ 第100行： / 第60行： @@
                      i = 0;
                  const r = {
-                     action:"query",
+                     action: "query",
-                     format:"json",
+                     format: "json",
-                     prop:"revisions",
+                     prop: "revisions",
-                     titles:mw.config.get("wgPageName"),
+                     titles: mw.config.get("wgPageName"),
-                     rvprop:"user|size",
+                     rvprop: "user|size",
-                     rvlimit:"max",
+                     rvlimit: "max",
-                     rvdir:"newer"
+                     rvdir: "newer"
                  };
                  do {
@@ 第113行： / 第73行： @@
                          const n = await t.get(r);
                          o = n.continue?.rvcontinue;
-                         for (const {user:t,size:o} of Object.values(n.query.pages)[0].revisions)
+                         for (const {
+                            user: t,
+                            size: o
+                        } of Object.values(n.query.pages)[0].revisions)
                              e[t] ||= [],
-                            e[t].push(o - i),
+                                e[t].push(o - i),
-                            i = o
+                                i = o
                      } catch (t) {
-                         mw.notify(`获取编辑记录失败：${t}`,{type:"error"})
+                         mw.notify(`获取编辑记录失败：${t}`, {
+                            type: "error"
+                        })
                      }
                  } while (o);
                  return e
              };
-             addRow = (t,{user:e,count:o,add:i,remove:r}) => {
+             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}`)}" />`).append(
+                             $(`<a href="${mw.config.get("wgArticlePath").replace("$1", `User:${e}`)}" />`).append(
                                  `<img class="user-avatar" src="https://commons.moegirl.org.cn/extensions/Avatar/avatar.php?user=${e}" />`,
                                  e
@@ 第141行： / 第111行： @@
                  this.$tbody.empty();
                  for (const e in t)
-                     this.addRow(this.$tbody,{
+                     this.addRow(this.$tbody, {
-                         user:e,
+                         user: e,
-                         count:t[e].length,
+                         count: t[e].length,
-                         add:t[e].reduce(((t,e)=>e>0?t+e:t),0),
+                         add: t[e].reduce(((t, e) => e > 0 ? t + e : t), 0),
-                         remove:t[e].reduce(((t,e)=>e<0?t+e:t),0)
+                         remove: t[e].reduce(((t, e) => e < 0 ? t + e : t), 0)
                      });
                  this.got = !0
              }
          }
+         const e = new OO.ui.WindowManager({
-        // 确保这些变量在点击事件处理函数中可访问
+            id: "show-contributor"
-         const e = new OO.ui.WindowManager({id:"show-contributor"});
+        });
          $(document.body).append(e.$element);
-         const o = new t({size:"large"});  // 这是对话框实例
+         const o = new t({
+            size: "large"
+        });
          e.addWindows([o]);
          const i = new OO.ui.ButtonWidget({
-             label:"本页贡献者",
+             label: "本页贡献者",
-             icon:"search",
+             icon: "search",
-             flags:"progressive",
+             flags: "progressive",
-             id:"show-contributor-button"
+             id: "show-contributor-button"
          });
-         // 响应式插入逻辑
+         // 修改后的插入位置逻辑
          if ("citizen" === mw.config.get("skin")) {
-             const handleResize = () => {
+             // 插入到 page-actions 容器中
-                $("#show-contributor-button").detach();
+            $(".page-actions").prepend(i.$element);
-                if (window.matchMedia("(min-width: 1120px)").matches) {
-                    $(".page-actions").prepend(i.$element);
-                } else {
-                    $(".citizen-page-heading").append(i.$element);
-                }
-            };
-            handleResize();
-            $(window).on("resize", handleResize);
          } else {
+            // 其他皮肤：保持原逻辑
              $("#bodyContent").prepend(i.$element);
          }
-         // 点击事件处理（确保能访问到 o 和 e）
+         i.on("click", (async () => {
-         i.on("click", async () => {
              if (!o.got) {
                  i.setLabel("正在查询");
                  const t = await o.getContributors();
                  o.showContributors(t),
-                o.$table.tablesorter(),
+                    o.$table.tablesorter(),
-                i.setLabel("本页贡献者")
+                    i.setLabel("本页贡献者")
              }
-             e.openWindow(o);
+             e.openWindow(o)
-         });
+         }))
      })()))
 })();