用于获取本周剧本杀活动信息并生成 Markdown 代码
// ==UserScript==
// @name 剧本杀活动通知生成器
// @namespace https://github.com/heiyexing
// @version 2024-07-17
// @description 用于获取本周剧本杀活动信息并生成 Markdown 代码
// @author 炎熊
// @match https://yuque.antfin-inc.com/yuhmb7/pksdw8/**
// @match https://yuque.antfin.com/yuhmb7/pksdw8/**
// @icon https://www.google.com/s2/favicons?sz=64&domain=antfin-inc.com
// @require https://registry.npmmirror.com/dayjs/1.11.9/files/dayjs.min.js
// @require https://registry.npmmirror.com/dayjs/1.11.9/files/plugin/isSameOrAfter.js
// @require https://registry.npmmirror.com/dayjs/1.11.9/files/plugin/isSameOrBefore.js
// @require https://registry.npmmirror.com/dayjs/1.11.9/files/locale/zh-cn.js
// @require https://www.layuicdn.com/layui-v2.8.0/layui.js
// @run-at document-end
// @grant none
// @license MIT
// ==/UserScript==
(function () {
"use strict";
dayjs.locale(dayjs_locale_zh_cn);
dayjs.extend(dayjs_plugin_isSameOrAfter);
dayjs.extend(dayjs_plugin_isSameOrBefore);
const BTN_ID = "murder-mystery-btn";
const USER_LIST_CLASS_NAME = "murder-user-list";
const USER_ITEM_CLASS_NAME = "murder-user-item";
let timeRange = [dayjs().startOf("week"), dayjs().endOf("week")];
function initStyle() {
const style = document.createElement("style");
style.innerHTML = `
#${BTN_ID} {
position: fixed;
bottom: 25px;
right: 80px;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 2;
}
#${BTN_ID} img {
width: 20px;
}
.${USER_LIST_CLASS_NAME} {
display: flex;
flex-wrap: wrap;
}
.${USER_ITEM_CLASS_NAME} {
margin-right: 12px;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
line-height: 14px;
border-radius: 6px;
padding: 6px;
border: 1px solid #E7E9E8;
}
.${USER_ITEM_CLASS_NAME}.unchecked {
border-color: #ff0000;
}
.${USER_ITEM_CLASS_NAME} span {
white-space: nowrap;
}
.${USER_ITEM_CLASS_NAME} img {
width: 30px;
height: 30px;
border-radius: 30px;
margin-right: 6px;
}
.layui-card-body {
width: 100%;
}
.layui-card-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
`;
const link = document.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.href =
"https://cdn.bootcdn.net/ajax/libs/layui/2.8.17/css/layui.min.css";
document.head.appendChild(style);
document.head.appendChild(link);
return style;
}
function initBtn() {
const btn = document.createElement("div");
btn.id = BTN_ID;
const logo = document.createElement("img");
logo.src =
"https://mdn.alipayobjects.com/huamei_baaa7a/afts/img/A*f8MvQYdbHPoAAAAAAAAAAAAADqSCAQ/original";
btn.appendChild(logo);
document.body.appendChild(btn);
return btn;
}
function getTitleInfo(title) {
const month = title.match(/\d+(?=\s*月)/)?.[0];
const date = title.match(/\d+(?=\s*日)/)?.[0];
const name = title.match(/(?<=《).*?(?=》)/)?.[0];
if (!month || !date || !name) {
return null;
}
return {
month: +month,
date: +date,
name,
};
}
function getRegExpStr(strList, regexp) {
for (const str of strList) {
const result = str.match(regexp);
if (result) {
return result[0].trim();
}
}
return "";
}
function downloadFile(content, fileName) {
const url = `data:text/csv;charset=utf-8,\ufeff${encodeURIComponent(
content
)}`;
// 创建a标签
const link = document.createElement("a");
link.href = url;
link.download = fileName;
link.click();
}
function exeCommandCopyText(text) {
try {
const t = document.createElement("textarea");
t.nodeValue = text;
t.value = text;
document.body.appendChild(t);
t.select();
document.execCommand("copy");
document.body.removeChild(t);
return true;
} catch (e) {
console.log(e);
return false;
}
}
function getInnerText(content) {
const div = document.createElement("div");
div.style = "height: 0px; overflow: hidden;";
div.innerHTML = content;
document.body.appendChild(div);
return div.innerText;
}
function chineseToArabic(chineseNum) {
let num = chineseNum
.replace(/零/g, "0")
.replace(/一/g, "1")
.replace(/二/g, "2")
.replace(/三/g, "3")
.replace(/四/g, "4")
.replace(/五/g, "5")
.replace(/六/g, "6")
.replace(/七/g, "7")
.replace(/八/g, "8")
.replace(/九/g, "9");
num = num
.replace(/十/g, "10")
.replace(/百/g, "100")
.replace(/千/g, "1000")
.replace(/万/g, "10000");
return num;
}
async function getAllActivesInfo() {
if (!window.appData || !Array.isArray(window.appData?.book.toc)) {
return;
}
const tocList = window.appData?.book.toc.filter((item) =>
["BkpJsZ1b7Xm9MB8p", "_yvlr38511LXSB_-"].includes(item.parent_uuid)
);
return tocList;
}
async function getActivesInfo(start, end) {
if (!window.appData || !Array.isArray(window.appData?.book.toc)) {
return;
}
const tocList = window.appData?.book.toc;
const pathList = location.pathname.split("/");
if (pathList.length <= 0) {
return;
}
const docUrl = pathList[pathList.length - 1];
const currentToc = tocList.find((item) => item.url === docUrl);
if (!currentToc) {
return;
}
const parentToc = tocList.find(
(item) => item.uuid === currentToc.parent_uuid
);
if (!parentToc) {
return;
}
const targetTocList = tocList.filter(
(item) => item.parent_uuid === parentToc.uuid
);
const targetTimeRangeList = targetTocList
.map((item) => {
const titleInfo = getTitleInfo(item.title);
if (!titleInfo) {
return item;
}
return {
...item,
...titleInfo,
dayjs: dayjs()
.set("month", titleInfo.month - 1)
.set("date", titleInfo.date),
};
})
.filter((item) => {
return (
item.dayjs.isSameOrAfter(start, "date") &&
item.dayjs.isSameOrBefore(end, "date")
);
})
.sort((a, b) => a.dayjs - b.dayjs);
return await Promise.all(
targetTimeRangeList.map((item) => {
return fetch(
`${location.origin}/api/docs/${item.url}?book_id=${window.appData?.book.id}&include_contributors=true&include_like=true&include_hits=true&merge_dynamic_data=false`
)
.then((res) => res.json())
.then((res) => {
const rowList = getInnerText(res.data.content).split("\n");
const tag = getRegExpStr(rowList, /(?<=类型\s*[：:]\s*).+/)
?.split(/[/｜|]/)
.join("/");
const level = getRegExpStr(
rowList,
/(?<=(难度|适合)\s*[：:\s*]).+/
);
const dm = getRegExpStr(rowList, /(?<=(dm|DM)\s*[：:]\s*).+/);
let place = getRegExpStr(rowList, /(?<=(地点|场地)\s*[：:]\s*).+/);
if (/[Aa]\s?空间/.test(place)) {
place = "A空间";
}
if (/元空间/.test(place)) {
place = "元空间";
}
const persons = getRegExpStr(rowList, /(?<=(人数)\s*[：:]\s*).+/)
.split(/[,，\(\)（）「」]/)
.map((item) => item.replace(/(回复报名|注明男女|及人数)/, ""))
.filter((item) => item.trim())
.join("·");
const manCount = +persons.match(/(\d+)\s?男/)?.[1] || undefined;
const womanCount = +persons.match(/(\d+)\s?女/)?.[1] || undefined;
const personCount = (() => {
if (manCount && womanCount) {
return manCount + womanCount;
}
if (/(\d+)[~～到-](\d+)/.test(persons.replace(/\s/g, ""))) {
return +/(\d+)[~～到-](\d+)/.exec(
persons.replaceAll(" ", "")
)[1];
}
if (/(\d+)人?/.test(persons.replaceAll(/\s/g, ""))) {
return +/(\d+)人?/.exec(persons.replaceAll(" ", ""))[1];
}
return undefined;
})();
const reversable = !/不[^反]*反串/.test(persons);
const week =
getRegExpStr(rowList, /周[一二三四五六日]/) ||
`周${
["日", "一", "二", "三", "四", "五", "六"][item.dayjs.day()]
}`;
const time = getRegExpStr(rowList, /\d{1,2}[:：]\d{2}/);
const [hour = "", minute = ""] = time.split(/[:：]/);
const duration = getRegExpStr(
rowList,
/(?<=(预计时.|时长)\s*[：:]\s*).+/
).replace(/(h|小时)/, "H");
const url = `https://yuque.antfin.com/yuhmb7/pksdw8/${item.url}?singleDoc#`;
return {
...item,
tag,
level,
dm,
week,
hour,
minute,
place,
persons,
duration,
url,
manCount,
womanCount,
personCount,
reversable,
};
});
})
);
}
async function copyMarkdownInfo(list) {
const text = `
# 📢 剧本杀活动通知
---
${list
.map((item) => {
return `
🎬 《${item.name}》${item.tag}${item.level ? `/${item.level}` : ""}
🕙 ${item.month}.${item.date} ${item.week} ${item.hour}:${item.minute} 📍${
item.place
}
💎 DM ${item.dm}【${item.persons}·${item.duration}】[报名](${item.url})
---
`;
})
.join("")}
🔺 入门：新手友好，10推理本以内经验的玩家
🔺 进阶：中等难度，20推理本以内经验的玩家
🔺 烧脑：积极推理、全程在线、20推理本以上
🔍 务必结合自身经验和剧本难度充分评估后报名
🙋 [【活动须知】](https://yuque.antfin.com/yuhmb7/pksdw8/hyv3ir5v5gplvvgl?singleDoc#)[【报名规则】](https://yuque.antfin.com/yuhmb7/pksdw8/igri3gwp127v3v32?singleDoc#)[【情感本注意事项】](https://yuque.antfin.com/yuhmb7/pksdw8/sxs3yz5y5b00f65w?singleDoc#)
`;
exeCommandCopyText(text);
window.layui?.layer?.msg("已复制到剪贴板");
}
async function getCommentsList(list) {
return Promise.all(
list.map((item) => {
return fetch(
`https://yuque.antfin-inc.com/api/comments/floor?commentable_type=Doc&commentable_id=${item.id}&include_section=true&include_to_user=true&include_reactions=true`,
{
headers: {
accept: "application/json",
"accept-language": "zh-CN,zh;q=0.9",
"content-type": "application/json",
"sec-ch-ua":
'"Not A(Brand";v="99", "Google Chrome";v="121", "Chromium";v="121"',
"sec-ch-ua-mobile": "?0",
"sec-ch-ua-platform": '"macOS"',
"sec-fetch-dest": "empty",
"sec-fetch-mode": "cors",
"sec-fetch-site": "same-origin",
"x-csrf-token": "7g3LVrMMDcljwFdl3GBLLIRy",
"x-requested-with": "XMLHttpRequest",
},
referrerPolicy: "strict-origin-when-cross-origin",
body: null,
method: "GET",
mode: "cors",
credentials: "include",
}
)
.then((res) => res.json())
.then((res) => {
return {
...item,
comments: res.data.comments,
};
});
})
);
}
function openActivityModal(list) {
requestAnimationFrame(() => {
document
.querySelector("#murder-activity-btn")
?.addEventListener("click", () => {
const fullList = list.filter((item) => item.isFull);
const unFullList = list.filter((item) => !item.isFull);
if (fullList.length === list.length) {
window.layui?.layer?.msg("所有活动已满人，无需生成 Markdown");
return;
}
const text = `
# 📢 剧本杀活动通知
---
${unFullList
.map((item) => {
return `
🎬 《${item.name}》${item.tag}${item.level ? `/${item.level}` : ""}
🕙 ${item.month}.${item.date} ${item.week} ${item.hour}:${item.minute} 📍${
item.place
}
💎 DM ${item.dm}【${item.persons}·${item.inputValue ?? ""}·${
item.duration
}】[报名](${item.url})
---
`;
})
.join("")}
${
fullList.length
? `
📎 本周其他剧本活动信息
${list
.filter((item) => item.isFull)
.map((item) => {
return `
${item.month}月${item.date}日《${item.name}》【满】
`;
})
.join("")}
---
`
: ""
}
🔺 入门：新手友好，10推理本以内经验的玩家
🔺 进阶：中等难度，20推理本以内经验的玩家
🔺 烧脑：积极推理、全程在线、20推理本以上
🔍 务必结合自身经验和剧本难度充分评估后报名
🙋 [【活动须知】](https://yuque.antfin.com/yuhmb7/pksdw8/hyv3ir5v5gplvvgl?singleDoc#)[【报名规则】](https://yuque.antfin.com/yuhmb7/pksdw8/igri3gwp127v3v32?singleDoc#)[【情感本注意事项】](https://yuque.antfin.com/yuhmb7/pksdw8/sxs3yz5y5b00f65w?singleDoc#)
`;
exeCommandCopyText(text);
window.layui?.layer?.msg("已复制到剪贴板");
});
});
layui.layer.open(
{
type: 1, // page 层类型
area: ["800px", "500px"],
title: "活动报名情况",
shade: 0.6, // 遮罩透明度
shadeClose: true, // 点击遮罩区域，关闭弹层
maxmin: true, // 允许全屏最小化
anim: 0, // 0-6 的动画形式，-1 不开启
content: `
<div style="padding: 12px; height: 400px; overflow: auto;">
${list
.map((item) => {
let manCount = 0;
let womanCount = 0;
let unknownCount = 0;
item.comments.forEach((comment) => {
const content = chineseToArabic(
getInnerText(comment.body) ?? ""
);
comment.checked = true;
if (/[=等]/.test(content)) {
comment.checked = false;
} else if (
/(\d+)\s*男\s*(\d+)\s*女/.test(content)
) {
const result = /(\d+)\s*男\s*(\d+)\s*女/.exec(
content
);
manCount += +result[1];
womanCount += +result[2];
console.log(result);
} else if (/(\d+)\s?男/.test(content)) {
manCount += +/(\d+)\s?男/.exec(content)[1];
} else if (/男[\s+]*(\d+)/.test(content)) {
manCount += +/男[\s+]*(\d+)/.exec(content)[1];
} else if (/^\+?男$/.test(content)) {
manCount += 1;
} else if (/(\d+)\s?女/.test(content)) {
womanCount += +/(\d+)\s?女/.exec(content)[1];
} else if (/女[\s+]*(\d+)/.test(content)) {
womanCount += +/女[\s+]*(\d+)/.exec(content)[1];
} else if (/^\+?女$/.test(content)) {
womanCount += 1;
} else if (/\+(\d+)/.test(content)) {
unknownCount += +/\+(\d+)/.exec(content)[1];
} else if (content === "+") {
unknownCount += 1;
} else if (/\d+/.test(content)) {
unknownCount += +/\d+/.exec(content)[0];
} else {
comment.checked = false;
}
});
const listHTML = item.comments
.map((comment) => {
const content = getInnerText(comment.body);
return `<a class="${USER_ITEM_CLASS_NAME} ${
!comment.checked ? "unchecked" : ""
}" href="https://yuque.antfin-inc.com/${
comment.user.login
}" target="_blank">
<img src="${comment.user.avatar_url}"/>
<div>
<div>${comment.user.name}</div>
<div style="font-size: 12px; color: gray; margin-top: 4px;">${content}</div>
</div>
</a>`;
})
.join("");
const personCount =
manCount + womanCount + unknownCount;
const status = (() => {
if (
item.manCount &&
item.womanCount &&
!item.reversable
) {
if (
manCount >= item.manCount &&
womanCount >= item.womanCount
) {
return `<span class="layui-badge layui-bg-green">已满人</span>`;
}
if (
personCount >=
item.manCount + item.womanCount
) {
return `<span class="layui-badge layui-bg-orange">满人，但男女未满</span>`;
}
return `<span class="layui-badge layui-bg-red">未满人</span>`;
}
if (item.personCount) {
if (personCount >= item.personCount) {
return `<span class="layui-badge layui-bg-green">已满人</span>`;
}
return `<span class="layui-badge layui-bg-red">未满人</span>`;
}
return "";
})();
item.isFull = status.indexOf("已满人") > -1;
item.inputValue = (() => {
if (
item.personCount &&
personCount < item.personCount
) {
return `=${item.personCount - personCount}`;
}
if (
item.manCount &&
item.womanCount &&
!item.reversable
) {
let result = "=";
if (manCount < item.manCount) {
result += `${item.manCount - manCount}男`;
}
if (womanCount < item.womanCount) {
result += `${item.womanCount - womanCount}女`;
}
if (result.length > 1) {
return result;
}
}
return "";
})();
const operation = document.createElement("div");
operation.style.width = "120px";
const operationId = `murder-operation-${item.uuid}`;
operation.id = operationId;
operation.style =
"display: flex; align-items: center;text-wrap: nowrap;";
const updateOperation = () => {
const checkboxId = `murder-checkbox-${item.uuid}`;
const inputId = `murder-input-${item.uuid}`;
let innerHTML = "";
if (!item.isFull) {
innerHTML += `<input value="${item.inputValue}" type="text" id="${inputId}" class="layui-input" style="margin-right: 6px; width: 80px;" />`;
}
innerHTML += `<input type="checkbox" id="${checkboxId}" ${
item.isFull ? "checked" : ""
} /> 满人`;
const target =
document.querySelector(`#${operationId}`) ??
operation;
target.innerHTML = innerHTML;
requestAnimationFrame(() => {
document
.querySelector(`#${checkboxId}`)
?.addEventListener(
"change",
(e) => {
item.isFull = !!e.target.checked;
updateOperation();
},
{
once: true,
}
);
document
.querySelector(`#${inputId}`)
?.addEventListener("change", (e) => {
item.inputValue = e.target.value;
console.log("chagne", item.inputValue);
});
});
};
updateOperation();
return `
<div class="layui-card">
<div class="layui-card-header" style="display: flex; justify-content: space-between;">
<a href="${item.url}" target="_blank">🔗 ${
item.title
}</a>
</div>
<div class="layui-card-body">
<div class="${USER_LIST_CLASS_NAME}">
${listHTML}
</div>
<div class="layui-card-footer">
<span>要求：${item.persons}</span>
<span>当前：${manCount}男${womanCount}女${
unknownCount ? `${unknownCount}未知` : ""
}，共${manCount + womanCount + unknownCount}人</span>
${operation.outerHTML}
</div>
</div>
</div>
`;
})
.join("")}
</div>
<div style="padding: 4px 12px; position: absolute; width: 100%; bottom: 0; left: 0; text-align: right;">
<button type="button" class="layui-btn" id="murder-activity-btn">生成 Markdown</button>
</div>
`,
},
2000
);
}
function openDatePickerModal([start, end]) {
const modalIndex = layui.layer.open(
{
type: 1, // page 层类型
title: "请选择日期范围",
shade: 0.6, // 遮罩透明度
area: ["655px", "400px"],
shadeClose: true, // 点击遮罩区域，关闭弹层
maxmin: true, // 允许全屏最小化
anim: 0, // 0-6 的动画形式，-1 不开启
content: `
<div style="padding: 12px">
<div id="date"></div>
</div>
`,
},
2000
);
layui.laydate.render({
elem: "#date",
range: true,
type: "date",
rangeLinked: true,
weekStart: 1,
show: true,
theme: "#0271BD",
position: "static",
value: `${start.format("YYYY-MM-DD")} - ${end.format("YYYY-MM-DD")}`,
mark: {
[dayjs().format("YYYY-MM-DD")]: "今天",
},
shortcuts: [
{
text: "本周",
value: [
new Date(+dayjs().startOf("week")),
new Date(+dayjs().endOf("week")),
],
},
{
text: "上周",
value: [
new Date(+dayjs().startOf("week").subtract(1, "week")),
new Date(+dayjs().endOf("week").subtract(1, "week")),
],
},
{
text: "下周",
value: [
new Date(+dayjs().startOf("week").add(1, "week")),
new Date(+dayjs().endOf("week").add(1, "week")),
],
},
{
text: "本月",
value: [
new Date(+dayjs().startOf("month")),
new Date(+dayjs().endOf("month")),
],
},
// 更多选项 …
],
done: function (value, startDate, endDate) {
const [startStr, endStr] = value.split(" - ");
timeRange = [
dayjs(startStr, "YYYY-MM-DD"),
dayjs(endStr, "YYYY-MM-DD"),
];
layui.dropdown.reload(BTN_ID, {
data: getDropdownItems(),
});
layui.layer.close(modalIndex);
},
});
}
initStyle();
initBtn();
function getDropdownItems() {
return [
{
title: "导出所有参与人员报名结果",
id: "export all user activity",
},
{
title: `日期范围：${timeRange[0].format("M-D")} - ${timeRange[1].format(
"M-D"
)}`,
disabled: true,
},
{
title: `更改日期范围`,
id: "edit date range",
},
{
title: "复制活动信息 Markdown",
id: "copy week markdown",
},
{
title: "查看活动报名情况",
id: "check sign up",
},
];
}
layui.dropdown.render({
elem: `#${BTN_ID}`,
data: getDropdownItems(),
click: async function ({ id }) {
if (id === "export all user activity") {
const list = await getCommentsList(await getAllActivesInfo());
const userMap = new Map();
list.forEach((item) => {
item.comments.forEach((comment) => {
const userName = comment.user.name;
userMap.set(userName, (userMap.get(userName) ?? 0) + 1);
});
});
const result = Array.from(userMap.entries()).sort(
(a, b) => b[1] - a[1]
);
const csv = `name,count\n${result
.map((item) => `${item[0]},${item[1]}`)
.join("\n")}`;
downloadFile(csv, "result.csv");
return;
}
let list = await getActivesInfo(...timeRange);
if (id === "edit date range") {
openDatePickerModal(timeRange);
}
if (id === "copy week markdown") {
copyMarkdownInfo(list);
}
if (id === "check sign up") {
list = await getCommentsList(list);
openActivityModal(list);
}
},
});
})();