MediaWiki:Gadget-ShowContributors.js
MediaWiki界面页面
更多操作
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
原作者BearBin
| BSD 3-Clause License |
|---|
|
BSD 3-Clause License Copyright (c) 2023, BearBin Redistribution and use in source and binary forms, with or without
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE US OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
(function() {
"use strict";
mw.hook("wikipage.content").add(() => {
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")) ||
0 === mw.config.get("wgArticleId") ||
!["view", "history"].includes(mw.config.get("wgAction"))
) {
console.log("脚本因条件不满足退出");
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;
}
}
`);
mw.loader.using([
"mediawiki.api",
"mediawiki.notification",
"oojs-ui",
"oojs-ui.styles.icons-interactions",
"jquery.tablesorter"
]).then(() => {
console.log("依赖模块加载成功");
class ShowContributorDialog extends OO.ui.Dialog {
constructor(config) {
super(config);
this.$table = $('<table id="show-contributor-table" class="wikitable" />');
this.$tbody = $("<tbody />");
this.got = false;
}
static name = "ShowContributor";
static tagName = "div";
initialize() {
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
)
);
return this;
}
getContributors = async () => {
console.log("开始获取贡献者数据");
const api = new mw.Api();
const contributors = {};
let continueToken = "";
let prevSize = 0;
const params = {
action: "query",
format: "json",
prop: "revisions",
titles: mw.config.get("wgPageName"),
rvprop: "user|size",
rvlimit: "max",
rvdir: "newer"
};
do {
if (continueToken) params.rvcontinue = continueToken;
try {
const response = await api.get(params);
continueToken = response.continue?.rvcontinue;
for (const { user, size } of Object.values(response.query.pages)[0].revisions) {
contributors[user] = contributors[user] || [];
contributors[user].push(size - prevSize);
prevSize = size;
}
} catch (error) {
console.error("API 请求失败:", error);
mw.notify(`获取编辑记录失败：${error}`, { type: "error" });
}
} while (continueToken);
console.log("贡献者数据:", contributors);
return contributors;
};
addRow = (tbody, { user, count, add, 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>`
)
);
};
showContributors = (contributors) => {
this.$tbody.empty();
for (const user in contributors) {
this.addRow(this.$tbody, {
user,
count: contributors[user].length,
add: contributors[user].reduce((s, n) => n > 0 ? s + n : s, 0),
remove: contributors[user].reduce((s, n) => n < 0 ? s + n : s, 0)
});
}
this.got = true;
};
}
const windowManager = new OO.ui.WindowManager({ id: "show-contributor" });
$(document.body).append(windowManager.$element);
const dialog = new ShowContributorDialog({ size: "large" });
windowManager.addWindows([dialog]);
const button = new OO.ui.ButtonWidget({
label: "本页贡献者",
icon: "search",
flags: "progressive",
id: " postcode://show-contributor-button"
});
const insertButton = () => {
$("#show-contributor-button").detach();
const skin = mw.config.get("skin");
console.log("插入按钮，当前皮肤:", skin);
if (skin === "citizen") {
if (window.innerWidth >= 1120) {
if ($(".page-actions").length) {
$(".page-actions").prepend(button.$element);
} else {
console.error("未找到 .page-actions 容器");
}
} else {
if ($(".firstHeading-container").length) {
$(".firstHeading-container").append(button.$element);
} else {
console.error("未找到 .firstHeading-container 容器");
}
}
} else if (skin === "vector-2022") {
if ($("header.mw-body-header.vector-page-titlebar").length) {
$("header.mw-body-header.vector-page-titlebar").append(button.$element);
} else {
console.error("未找到 header.mw-body-header.vector-page-titlebar 容器");
}
} else {
if ($("#bodyContent").length) {
$("#bodyContent").prepend(button.$element);
} else {
console.error("未找到 #bodyContent 容器");
}
}
console.log("按钮是否存在:", $("#show-contributor-button").length);
};
insertButton();
let isWide = window.innerWidth >= 1120;
$(window).on("resize", () => {
clearTimeout(window.__showContributorResizeTimer);
window.__showContributorResizeTimer = setTimeout(() => {
const nowWide = window.innerWidth >= 1120;
if (nowWide !== isWide && mw.config.get("skin") === "citizen") {
isWide = nowWide;
insertButton();
}
}, 200);
});
button.on("click", async () => {
console.log("按钮点击，尝试打开窗口");
if (!dialog.got) {
button.setLabel("正在查询");
const contributors = await dialog.getContributors();
dialog.showContributors(contributors);
dialog.$table.tablesorter();
button.setLabel("本页贡献者");
}
windowManager.openWindow(dialog);
console.log("窗口打开状态:", windowManager);
});
}).catch(err => {
console.error("模块加载失败:", err);
});
});
})();