').css("visibility", "hidden").append($popupContent);
root.append($popup);
if (content) {
$popup.append(content);
}
const popup = $popup.get(0);
const handleClickOutside = (ev) => {
if ($(ev.target).closest(popup).length === 0) {
handlePopupClose();
}
};
const handlePopupClose = () => {
$popup.css("visibility", "hidden");
$(document).off("click", handleClickOutside);
onClose?.();
popupControl2.onClose?.();
};
const handlePopupOpen = ($reference) => {
if (!$reference) {
return;
}
setTimeout(() => {
$(document).on("click", handleClickOutside);
});
const referenceElement = $reference.get(0);
computePosition2(referenceElement, popup, {
placement,
middleware: [offset(offsetOptions), flip(), shift({ padding: 8 })],
...options
}).then(({ x, y }) => {
Object.assign(popup.style, {
left: `${x}px`,
top: `${y}px`
});
$popup.css("visibility", "visible");
}).catch(() => {
handlePopupClose();
createToast({ message: "\u274C Popup \u6E32\u67D3\u5931\u8D25" });
});
onOpen?.();
};
const popupControl2 = {
$content: $popupContent,
isOver: false,
open: (reference) => {
handlePopupOpen(reference);
},
close: handlePopupClose
};
if (triggerType === "hover") {
$popup.on("mouseover", () => {
if (!popupControl2.isOver) {
popupControl2.isOver = true;
$popup.off("mouseleave").on("mouseleave", () => {
popupControl2.isOver = false;
setTimeout(() => {
if (!popupControl2.isOver) {
popupControl2.close();
}
}, hoverDelay);
});
}
});
}
trigger?.on("click", () => {
if (popup.style.visibility !== "hidden") {
handlePopupClose();
} else {
handlePopupOpen(trigger);
}
});
return popupControl2;
}
var hoverDelay;
var init_popup = __esm({
"src/components/popup.ts"() {
"use strict";
init_floating_ui_dom();
init_toast();
hoverDelay = 350;
}
});
// src/services.ts
async function legacyRequest(url, options) {
const res = await fetch(url, options);
if (res.ok) {
return res.json();
}
throw new Error("\u8C03\u7528 V2EX API v1 \u51FA\u9519", { cause: res.status });
}
async function fetchUserInfo(memberName, options) {
try {
const member = await legacyRequest(
`${V2EX_LEGACY_API}/members/show.json?username=${memberName}`,
options
);
return member;
} catch (err) {
if (err instanceof Error) {
if (err.name === "AbortError") {
throw new Error("\u8BF7\u6C42\u88AB\u53D6\u6D88");
} else if (err.cause === 404) {
throw new Error("\u67E5\u65E0\u6B64\u7528\u6237\uFF0C\u7591\u4F3C\u5DF2\u88AB\u5C01\u7981", { cause: err.cause });
}
}
throw new Error("\u83B7\u53D6\u7528\u6237\u4FE1\u606F\u5931\u8D25");
}
}
async function request(url, options) {
const storage = await getStorage();
const PAT = storage["api" /* API */]?.pat;
const res = await fetch(url, {
...options,
headers: { Authorization: PAT ? `Bearer ${PAT}` : "", ...options?.headers }
});
{
const limit = res.headers.get("X-Rate-Limit-Limit");
const reset = res.headers.get("X-Rate-Limit-Reset");
const remaining = res.headers.get("X-Rate-Limit-Remaining");
const api = {
pat: PAT,
limit: limit ? Number(limit) : void 0,
reset: reset ? Number(reset) : void 0,
remaining: remaining ? Number(remaining) : void 0
};
void setStorage("api" /* API */, api);
}
const resultData = await res.json();
if (typeof resultData.success === "boolean" && !resultData.success) {
throw new Error(resultData.message, { cause: resultData });
}
return resultData;
}
function fetchTopic(topicId2, options) {
return request(`${V2EX_API}/topics/${topicId2}`, { method: "GET", ...options });
}
function fetchTopicReplies(topicId2, options) {
return request(`${V2EX_API}/topics/${topicId2}/replies`, {
method: "GET",
...options
});
}
async function uploadImage(file) {
const formData = new FormData();
formData.append("image", file);
const randomIndex = Math.floor(Math.random() * imgurClientIdPool.length);
const clidenId = imgurClientIdPool[randomIndex];
const res = await fetch("https://api.imgur.com/3/upload", {
method: "POST",
headers: { Authorization: `Client-ID ${clidenId}` },
body: formData
});
if (res.ok) {
const resData = await res.json();
if (resData.success) {
return resData.data.link;
}
}
throw new Error("\u4E0A\u4F20\u5931\u8D25");
}
async function refreshMoney() {
const res = await fetch("/ajax/money", { method: "POST" });
const data = await res.text();
$("#money").html(data);
}
async function thankReply(params) {
try {
const res = await fetch(`/thank/reply/${params.replyId}?once=${window.once}`, {
method: "POST"
});
const data = await res.json();
postTask(`window.once = ${data.once}`);
window.once = data.once;
if (data.success) {
$("#thank_area_" + params.replyId).addClass("thanked").html("\u611F\u8C22\u5DF2\u53D1\u9001");
params.onSuccess?.();
await refreshMoney();
} else {
alert(data.message);
}
} catch {
params.onFail?.();
}
}
async function crawlTopicPage(path, page) {
const res = await fetch(`${V2EX_ORIGIN}${path}?p=${page}`);
const htmlText = await res.text();
return htmlText;
}
async function getCommentPreview(params) {
const formData = new FormData();
formData.append("text", params.text);
const res = await fetch(`${V2EX_ORIGIN}/preview/${params.syntax}`, {
method: "POST",
body: formData
});
if (res.ok) {
const renderedContent = await res.text();
return renderedContent;
} else {
throw new Error("\u9884\u89C8\u5931\u8D25");
}
}
async function getHotTopics(params) {
const { startTime, endTime, limits = 8, signal } = params;
const url = new URL("https://wbhvzt9dzy.us.aircode.run/hot-topics");
url.searchParams.set("startTime", String(startTime));
url.searchParams.set("endTime", String(endTime));
if (limits) {
url.searchParams.set("limits", String(limits));
}
const res = await fetch(url, {
method: "GET",
signal
});
const data = await res.json();
return data;
}
var V2EX_ORIGIN, V2EX_LEGACY_API, V2EX_API;
var init_services = __esm({
"src/services.ts"() {
"use strict";
init_constants();
init_helpers();
init_utils();
V2EX_ORIGIN = window.location.origin.includes("v2ex.com") ? window.location.origin : "https://www.v2ex.com" /* Origin */;
V2EX_LEGACY_API = `${V2EX_ORIGIN}/api`;
V2EX_API = `${V2EX_ORIGIN}/api/v2`;
}
});
// src/contents/home/hot-topics.ts
function handlingHotTopics() {
const $topicsHot = $("#TopicsHot");
const $hotHeader = $topicsHot.find("> .cell:first-of-type").addClass("v2p-topics-hot-header");
$hotHeader.find(".fade").text("\u70ED\u8BAE\u4E3B\u9898");
$hotHeader.nextAll(".cell").wrapAll('
');
const $listWrapper = $(".v2p-topics-hot");
let $todayCells = $listWrapper.find("> .cell");
const $cell = $todayCells.eq(1).clone();
$cell.find(".v2p-topic-preview-btn").remove();
const $text = $('\u4ECA\u65E5');
const $trigger = $(
'
`);
const popupControl2 = createPopup({
root: $wrapper,
trigger: $trigger,
content: $dropdownContent,
offsetOptions: { mainAxis: 5, crossAxis: -5 }
});
let abortController = null;
const now = Math.floor(Date.now() / 1e3);
const oneDay = 60 * 60 * 24;
const cache = /* @__PURE__ */ new Map();
const renderNewTopicList = (result) => {
$listWrapper.empty();
result.forEach((it) => {
const $clonedCell = $cell.clone();
const $user = $clonedCell.find('a[href^="/member"]');
$user.attr("href", `/member/${it.member.username}`);
$user.find("> img").attr("src", it.member.avatar_mini);
$clonedCell.find(".item_hot_topic_title > a").text(it.title).attr("href", `/t/${it.id}`);
$listWrapper.append($clonedCell);
});
};
$dropdownContent.find(".v2p-select-item").on("click", (ev) => {
popupControl2.close();
const $target = $(ev.currentTarget);
if ($target.hasClass("v2p-select-item-active")) {
return;
}
abortController?.abort();
const { alias } = $target.data();
$target.addClass("v2p-select-item-active").siblings().removeClass("v2p-select-item-active");
$todayCells = $todayCells.detach();
$listWrapper.empty().append(`
`);
if (typeof alias === "string") {
$text.text(alias);
switch (alias) {
case "\u4ECA\u65E5":
$listWrapper.empty().append($todayCells);
return;
case "\u8FD1\u4E09\u65E5":
case "\u8FD1\u4E03\u65E5":
case "\u8FD1\u4E00\u6708": {
const cacheResult = cache.get(alias);
if (cacheResult) {
renderNewTopicList(cacheResult);
} else {
const days = alias === "\u8FD1\u4E09\u65E5" ? 3 : alias === "\u8FD1\u4E03\u65E5" ? 7 : 30;
abortController = new AbortController();
getHotTopics({
startTime: now - days * oneDay,
endTime: now,
signal: abortController.signal
}).then(({ result }) => {
cache.set(alias, result);
renderNewTopicList(result);
});
}
return;
}
}
}
});
}
var init_hot_topics = __esm({
"src/contents/home/hot-topics.ts"() {
"use strict";
init_popup();
init_icons();
init_services();
init_globals();
}
});
// src/components/button.ts
function createButton(props) {
const { children, className = "", type = "button", tag = "button" } = props;
const $button = $(`<${tag} class="normal button ${className}">${children}`);
if (tag === "button") {
$button.prop("type", type);
}
return $button;
}
var init_button = __esm({
"src/components/button.ts"() {
"use strict";
}
});
// src/components/model.ts
function createModel(props) {
const { root, title, onOpen, onClose, onMount } = props;
const $mask = $('
'
).prepend($text).appendTo($hotHeader);
const $dropdownContent = $(`
\u4ECA\u65E5
\u8FD1\u4E09\u65E5
\u8FD1\u4E03\u65E5
\u8FD1\u4E00\u6708
');
const $content = $('
');
const $closeBtn = createButton({
children: "\u5173\u95EDEsc",
className: "v2p-modal-close-btn"
});
const $title = $(`
${title ?? ""}
`);
const $actions = $('').append($closeBtn);
const $header = $('
').append($title, $actions);
const $main2 = $('
').append($header, $content).on("click", (ev) => {
ev.stopPropagation();
});
const $container = $mask.append($main2).hide();
const modelElements = {
$mask,
$main: $main2,
$container,
$title,
$actions,
$content
};
let boundEvent = false;
const maskClickHandler = () => {
handleModalClose();
};
const keyupHandler = (ev) => {
if (ev.key === "Escape") {
handleModalClose();
}
};
const handleModalClose = () => {
$mask.off("click", maskClickHandler);
$(document).off("keydown", keyupHandler);
boundEvent = false;
$container.fadeOut("fast");
document.body.classList.remove("v2p-modal-open");
onClose?.(modelElements);
};
const handleModalOpen = () => {
setTimeout(() => {
if (!boundEvent) {
$mask.on("click", maskClickHandler);
$(document).on("keydown", keyupHandler);
boundEvent = true;
}
});
$container.fadeIn("fast");
document.body.classList.add("v2p-modal-open");
onOpen?.(modelElements);
};
$closeBtn.on("click", handleModalClose);
onMount?.(modelElements);
if (root) {
root.append($container);
}
return { ...modelElements, open: handleModalOpen, close: handleModalClose };
}
var init_model = __esm({
"src/components/model.ts"() {
"use strict";
init_button();
}
});
// src/contents/home/topic-list.ts
function handlingTopicList() {
const runEnv = getRunEnv();
if (!runEnv) {
return;
}
const storage = getStorageSync();
const options = storage["options" /* Options */];
const PAT = storage["api" /* API */]?.pat;
let abortController = null;
const $detailBtn = createButton({
children: "\u8FDB\u5165\u4E3B\u9898",
className: "special",
tag: "a"
});
if (options.openInNewTab) {
$detailBtn.prop("target", "_blank");
}
const model = createModel({
root: $(document.body),
onMount: ({ $actions }) => {
$actions.prepend($detailBtn);
},
onClose: ({ $title, $content }) => {
$title.empty();
$content.empty();
abortController?.abort();
}
});
const topicDataCache = /* @__PURE__ */ new Map();
const handlePreview = (params) => {
const { topicId: topicId2, topicTitle = "", linkHref } = params;
if (topicId2) {
model.open();
$detailBtn.prop("href", linkHref);
const $titleLink = $(
`${topicTitle}`
);
model.$title.empty().append($titleLink);
if (PAT) {
void (async () => {
let cacheData = topicDataCache.get(topicId2);
if (!cacheData || Date.now() - cacheData.cacheTime > 1e3 * 60 * 10) {
try {
abortController = new AbortController();
model.$content.empty().append(`
`);
const promises = [
fetchTopic(topicId2, { signal: abortController.signal }),
fetchTopicReplies(topicId2, { signal: abortController.signal })
];
const [{ result: topic }, { result: topicReplies }] = await Promise.all(promises);
const data = {
topic,
topicReplies,
cacheTime: Date.now()
};
topicDataCache.set(topicId2, data);
cacheData = data;
} catch (err) {
if (isV2EX_RequestError(err)) {
const message = err.cause.message;
if (
/* eslint-disable @typescript-eslint/no-unsafe-enum-comparison */
message === "Token expired" /* TokenExpired */ || message === "Invalid token" /* InvalidToken */
) {
model.$content.empty().append(invalidTemplate("\u60A8\u7684 PAT \u5DF2\u5931\u6548\uFF0C\u8BF7\u91CD\u65B0\u8BBE\u7F6E\u3002"));
}
}
}
}
if (cacheData) {
const { topic, topicReplies } = cacheData;
const $topicPreview = $('
');
$titleLink.prop("href", topic.url);
if (options.openInNewTab) {
$titleLink.prop("target", "_blank");
}
const $infoBar = $(`
${topic.member.username}
${formatTimestamp(topic.created, { format: "YMDHMS" })}
${topic.replies} \u6761\u56DE\u590D
`);
const iconBook = createElement$1(BookOpenCheck);
iconBook.setAttribute("width", "100%");
iconBook.setAttribute("height", "100%");
const $readingBtn = $(`
`);
}
if (topic.supplements && topic.supplements.length > 0) {
$topicPreview.append(`
\u7A0D\u540E\u9605\u8BFB
`);
$readingBtn.find(".v2p-tp-read-icon").append(iconBook);
$readingBtn.on("click", () => {
void addToReadingList({
url: topic.url,
title: topic.title,
content: topic.content
});
}).appendTo($infoBar);
$topicPreview.append($infoBar);
if (topic.content_rendered) {
$topicPreview.append(
`${topic.content_rendered}
`
);
} else {
$topicPreview.append(`
\xAF\\_(\u30C4)_/\xAF
\u8BE5\u4E3B\u9898\u6CA1\u6709\u6B63\u6587\u5185\u5BB9
${topic.supplements.map((addon, idx) => {
return `
`;
}).join("")}
`);
}
if (topicReplies.length > 0) {
const $template = $("\u9644\u8A00 ${idx + 1}\uFF1A
${addon.content_rendered}
");
const op = topic.member.username;
topicReplies.forEach((r) => {
$template.append(`
`);
});
$('
${r.member.username}
OP
\uFF1A
').append($template.html()).append(
`
`
).appendTo($topicPreview);
} else {
$('
').append(
`
`
).appendTo($topicPreview);
}
model.$content.empty().append($topicPreview);
}
})();
} else {
model.$content.empty().append(invalidTemplate("\u60A8\u9700\u8981\u5148\u8BBE\u7F6E PAT \u624D\u80FD\u83B7\u53D6\u9884\u89C8\u5185\u5BB9\u3002"));
}
}
};
const $previewBtn = $('');
const $ignoreBtn = $('\u5C4F\u853D');
$topicList.each((_, topicItem) => {
const $topicItem = $(topicItem);
const $itemTitle = $topicItem.find(".item_title");
const $topicInfo = $topicItem.find(".topic_info");
const topicTitle = $itemTitle.find(".topic-link").text();
const linkHref = $topicItem.find(".topic-link").attr("href");
const match = linkHref?.match(/\/t\/(\d+)/);
const topicId2 = match?.at(1);
$previewBtn.clone().on("click", () => {
handlePreview({ topicId: topicId2, topicTitle, linkHref });
}).appendTo($itemTitle);
$ignoreBtn.clone().on("click", () => {
if (confirm(`\u786E\u5B9A\u5C4F\u853D\u4E3B\u9898 \u2308${topicTitle}\u230B\uFF1F`)) {
if (typeof topicId2 === "string") {
void (async () => {
const toast = createToast({ message: `\u6B63\u5728\u5C4F\u853D\u4E3B\u9898 \u2308${topicTitle}\u230B`, duration: 0 });
const pageText = await crawlTopicPage(`/t/${topicId2}`, "0");
const $ignoreBtn2 = $(pageText).find(".topic_buttons a:nth-of-type(3)");
const txt = $ignoreBtn2.attr("onclick");
if (txt) {
const match2 = txt.match(/'\/.*'/);
if (match2) {
const result = match2[0].slice(1, -1);
if (result.startsWith("/ignore/topic")) {
try {
await fetch(`${"https://www.v2ex.com" /* Origin */}${result}`);
createToast({ message: `\u2705 \u5DF2\u5C4F\u853D` });
$topicItem.remove();
} finally {
toast.clear();
}
}
}
}
})();
}
}
}).insertAfter($topicInfo.find("> span:first-of-type"));
});
if (PAT) {
$("#TopicsHot,#my-recent-topics").find(".cell .item_hot_topic_title").each((_, topicTitle) => {
const $topicItem = $(topicTitle);
$previewBtn.clone().on("click", () => {
const $link = $topicItem.find("> a");
const linkHref = $link.attr("href");
const match = linkHref?.match(/\/t\/(\d+)/);
const topicId2 = match?.at(1);
const topicTitle2 = $link.text();
handlePreview({ topicId: topicId2, topicTitle: topicTitle2, linkHref });
}).appendTo($topicItem);
});
}
}
var invalidTemplate;
var init_topic_list = __esm({
"src/contents/home/topic-list.ts"() {
"use strict";
init_lucide();
init_button();
init_model();
init_toast();
init_constants();
init_icons();
init_services();
init_utils();
init_globals();
init_helpers();
invalidTemplate = (tip) => `
`;
}
});
// src/contents/home/index.ts
var home_exports = {};
var init_home = __esm({
"src/contents/home/index.ts"() {
"use strict";
init_constants();
init_utils();
init_helpers();
init_hot_topics();
init_topic_list();
void (async () => {
const storage = await getStorage();
const options = storage["options" /* Options */];
{
$("#Main .tab").addClass("v2p-hover-btn");
if (options.openInNewTab) {
$('#Main .topic-link, .item_hot_topic_title > a, .item_node, a[href="/write"]').prop(
"target",
"_blank"
);
}
}
handlingTopicList();
{
const dailyInfo = storage["daily" /* Daily */];
if (dailyInfo?.lastCheckInTime) {
if (isSameDay(dailyInfo.lastCheckInTime, Date.now())) {
const $info = $(`
\u4ECA\u65E5\u5DF2\u81EA\u52A8\u7B7E\u5230
`);
$('#Rightbar > .box:has("#member-activity")').append($info);
}
}
}
handlingHotTopics();
loadIcons();
})();
}
});
// src/contents/topic/content.ts
function handlingContent() {
const storage = getStorageSync();
const options = storage["options" /* Options */];
if (options.openInNewTab) {
$topicContentBox.find(".topic_content a[href]").prop("target", "_blank").prop("rel", "noopener noreferrer");
}
{
const $topicContents = $topicContentBox.find(".subtle > .topic_content");
const textLength = $topicContents.text().length;
if (textLength >= 200) {
$topicContents.each((_, topicContent) => {
if (textLength >= 400) {
topicContent.style.fontSize = "14px";
}
topicContent.style.fontSize = "14.5px";
});
}
}
{
const $topicBtns = $(".topic_buttons");
const $topicBtn = $topicBtns.find(".tb").addClass("v2p-tb v2p-hover-btn");
const $favoriteBtn = $topicBtn.eq(0);
$favoriteBtn.append('');
$topicBtn.eq(1).append('');
$topicBtn.eq(2).append('');
$topicBtn.eq(3).append('');
if (topicId) {
$topicBtns.append(
` \u5206\u4EAB`
);
}
loadIcons();
}
}
function processReplyContent($cellDom) {
if ($cellDom.find(".v2p-reply-content").length > 0) {
return;
}
const $replyContent = $cellDom.find(".reply_content");
const contentHeight = $replyContent.height() ?? 0;
const shouldCollapsed = contentHeight + READABLE_CONTENT_HEIGHT >= MAX_CONTENT_HEIGHT;
if (shouldCollapsed) {
const collapsedCSS = {
maxHeight: `${READABLE_CONTENT_HEIGHT}px`,
overflow: "hidden",
paddingBottom: "0"
};
const $contentBox = $('
${tip}
\u8BF7\u524D\u5F80 > \u8BBE\u7F6E \u8FDB\u884C\u8BBE\u7F6E\u3002
1. \u5728\u6269\u5C55\u7A0B\u5E8F\u5217\u8868\u4E2D\u627E\u5230\u5E76\u70B9\u51FB\u300CV2EX Polish\u300D\u3002
2. \u5728\u5F39\u51FA\u7684\u5C0F\u7A97\u53E3\u4E2D\u627E\u5230\u300C\u2699\uFE0F \u6309\u94AE\u300D\uFF0C\u8F93\u5165 PAT\u3002
').css(collapsedCSS);
const $expandBtn = createButton({ children: "\u5C55\u5F00\u56DE\u590D", className: "v2p-expand-btn" });
const toggleContent = () => {
const collapsed = $contentBox.hasClass("v2p-collapsed");
$contentBox.toggleClass("v2p-collapsed").css(
collapsed ? { maxHeight: "none", overflow: "auto", paddingBottom: "40px" } : collapsedCSS
);
$expandBtn.html(collapsed ? "\u6536\u8D77\u56DE\u590D" : "\u5C55\u5F00\u56DE\u590D");
};
$expandBtn.on("click", () => {
toggleContent();
});
$contentBox.append($replyContent.clone()).replaceAll($replyContent).append($expandBtn);
}
}
function updateMemberTag(params) {
const { memberName, memberAvatar, tags, options } = params;
const $v2pTags = $(`.v2p-tags-${memberName}`);
const tagsText = tags?.map((it) => it.name).join("\uFF0C");
if ($v2pTags.length > 0) {
if (tagsText) {
$v2pTags.html(`# ${tagsText}`);
} else {
$v2pTags.remove();
}
} else {
if (tagsText) {
const $tags = $(
``
);
$tags.on("click", () => {
openTagsSetter({ memberName, memberAvatar });
});
if (memberName === topicOwnerName) {
$topicHeader.append($tags.clone(true));
}
if (options.userTag.display === "inline") {
$tags.addClass("v2p-reply-tags-inline").insertBefore(
$commentCells.filter(`:has(> table strong > a[href="/member/${memberName}"])`).find("> table .badges")
);
} else {
$tags.insertBefore(
$commentCells.filter(`:has(> table strong > a[href="/member/${memberName}"])`).find("> table .reply_content")
);
}
}
}
}
function openTagsSetter(params) {
const { memberName, memberAvatar } = params;
void (async () => {
const storage = await getStorage(false);
const latestTagsData = storage["member-tag" /* MemberTag */];
const options = storage["options" /* Options */];
const memberTagData = latestTagsData?.[memberName];
const tagsValue = memberTagData ? Reflect.has(latestTagsData, memberName) ? memberTagData.tags?.map((it) => it.name).join("\uFF0C") : void 0 : void 0;
const newTagsValue = window.prompt(
`\u5BF9 @${memberName} \u8BBE\u7F6E\u6807\u7B7E\uFF0C\u591A\u4E2A\u6807\u7B7E\u4EE5\u9017\u53F7\uFF08\uFF0C\uFF09\u5206\u9694\u3002`,
tagsValue
);
if (newTagsValue !== null) {
const tags = newTagsValue.trim().length > 0 ? newTagsValue.split(/,|，/g).filter((it) => it.trim().length > 0).map((it) => ({ name: it })) : void 0;
await setMemberTags({ memberName, memberAvatar: memberTagData?.avatar || memberAvatar, tags });
updateMemberTag({ memberName, memberAvatar, tags, options });
}
})();
}
var init_content = __esm({
"src/contents/topic/content.ts"() {
"use strict";
init_button();
init_constants();
init_utils();
init_globals();
init_helpers();
}
});
// src/contents/topic/avatar.ts
function processAvatar(params) {
const { $trigger, popupControl: popupControl2, commentData, shouldWrap = true, onSetTagsClick } = params;
const { memberName, memberAvatar, memberLink } = commentData;
let abortController = null;
const handleOver = () => {
popupControl2.close();
popupControl2.open($trigger);
const $content = $(`
`);
popupControl2.$content.empty().append($content);
createButton({ children: "\u6DFB\u52A0\u7528\u6237\u6807\u7B7E" }).on("click", () => {
popupControl2.close();
openTagsSetter({ memberName, memberAvatar });
onSetTagsClick?.();
}).appendTo($(".v2p-member-card-actions"));
void (async () => {
if (!memberDataCache.has(memberName)) {
abortController = new AbortController();
popupControl2.onClose = () => {
abortController?.abort();
};
try {
const memberData = await fetchUserInfo(memberName, {
signal: abortController.signal
});
memberDataCache.set(memberName, memberData);
} catch (err) {
if (err instanceof Error) {
$content.html(`${err.message}`);
if (err.cause === 404) {
memberDataCache.set(memberName, banned);
}
}
return null;
}
}
const data = memberDataCache.get(memberName);
if (typeof data === "object") {
$content.find(".v2p-no").removeClass("v2p-loading").text(`V2EX \u7B2C ${data.id} \u53F7\u4F1A\u5458`);
$content.find(".v2p-created-date").removeClass("v2p-loading").text(`\u52A0\u5165\u4E8E ${formatTimestamp(data.created)}`);
if (data.bio && data.bio.trim().length > 0) {
$content.find(".v2p-bio").css("disply", "block").text(data.bio);
}
} else if (typeof data === "symbol" && data === banned) {
$content.html("\u67E5\u65E0\u6B64\u7528\u6237\uFF0C\u7591\u4F3C\u5DF2\u88AB\u5C01\u7981");
}
})();
};
let isOver = false;
$trigger.on("mouseover", () => {
isOver = true;
setTimeout(() => {
if (isOver) {
handleOver();
}
}, hoverDelay);
}).on("mouseleave", () => {
isOver = false;
setTimeout(() => {
if (!popupControl2.isOver && !isOver) {
popupControl2.close();
}
}, hoverDelay);
});
if (shouldWrap) {
$trigger.wrap(
``
);
}
}
var banned, memberDataCache;
var init_avatar = __esm({
"src/contents/topic/avatar.ts"() {
"use strict";
init_button();
init_popup();
init_services();
init_utils();
init_content();
banned = Symbol();
memberDataCache = /* @__PURE__ */ new Map();
}
});
// src/contents/topic/comment.ts
function handlingFilteredComments() {
const iconHeart = createElement$1(Heart);
iconHeart.setAttribute("width", "100%");
iconHeart.setAttribute("height", "100%");
const $commentsBtn = $(
`\u70ED\u95E8\u56DE\u590D`
);
$commentsBtn.find(".v2p-tool-icon").append(iconHeart);
$(".v2p-tools").prepend($commentsBtn);
const popularCommentData = commentDataList.filter(({ likes }) => likes > 0).sort((a, b) => b.likes - a.likes);
const popularCount = popularCommentData.length;
const model = createModel({
root: $main,
onMount: ({ $title, $content }) => {
const $template = $('
');
const $t1 = $template.clone().attr("data-tab-key", "hot").addClass("v2p-tab-content-active");
const $t2 = $template.clone().attr("data-tab-key", "recent");
const $t3 = $template.clone().attr("data-tab-key", "op");
{
if (popularCount > 0) {
popularCommentData.forEach(({ index, refMemberNames }) => {
const $clonedCell = $commentCells.eq(index).clone();
$clonedCell.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
$clonedCell.find(".no").css("pointer-events", "none");
const firstRefMember = refMemberNames?.at(0);
if (firstRefMember) {
const replyMember = commentDataList.findLast(
(it, idx) => idx < index && it.memberName === firstRefMember
);
if (replyMember) {
$clonedCell.prepend(
$(`
`)
);
}
}
$t1.append($clonedCell);
});
} else {
$t1.append($("
`);
$title.append($tabs);
$tabs.find("[data-tab-key]").on("click", (ev) => {
const $target = $(ev.currentTarget);
const { tabKey } = $target.data();
if (typeof tabKey === "string") {
$target.addClass("v2p-tab-active").siblings().removeClass("v2p-tab-active");
$(`.v2p-modal-comments[data-tab-key="${tabKey}"]`).addClass("v2p-tab-content-active").siblings().removeClass("v2p-tab-content-active");
}
});
},
onOpen: ({ $content }) => {
$content.find('.cell[id^="r_"]').each((_, cellDom) => {
const storage = getStorageSync();
const options = storage["options" /* Options */];
if (options.replyContent.autoFold) {
processReplyContent($(cellDom));
}
});
}
});
$commentsBtn.on("click", () => {
model.open();
});
{
const $commentBoxCount = $commentBox.find(".cell:first-of-type > span.gray");
const countText = $commentBoxCount.text();
const newCountText = countText.substring(0, countText.indexOf("\u56DE\u590D") + 2);
const countTextSpan = `${newCountText}\xB7${popularCount} \u6761\u70ED\u95E8\u56DE\u590D`;
$commentBoxCount.empty().append(countTextSpan);
}
}
function processActions($cellDom, data) {
const $actions = $cellDom.find("> table > tbody > tr > td:last-of-type > .fr");
const $controls = $('');
const $thankIcon = $(
`
`
);
const thankArea = $actions.find("> .thank_area");
const thanked = thankArea.hasClass("thanked");
if (thanked) {
$thankIcon.addClass("v2p-thanked");
$controls.append($("").append($thankIcon));
} else {
const thankEle = thankArea.find("> .thank");
const $hide = thankEle.eq(0).removeClass("thank");
const $thank = thankEle.eq(1).removeClass("thank");
$hide.html(
``
);
$thankIcon.addClass("v2p-hover-btn").replaceAll($thank);
$controls.append($hide).append($thankIcon);
}
const $reply = $actions.find("a:last-of-type");
$reply.find('> img[alt="Reply"]').replaceWith(
``
);
$controls.append($reply);
thankArea.remove();
const floorNum = $actions.find(".no").clone();
$reply.on("click", () => {
const replyVal = $replyTextArea.val();
if (typeof replyVal === "string" && replyVal.length > 0) {
const floor = floorNum.text();
const replyComment = commentDataList.find((it) => it.floor === floor);
if (replyComment) {
const replyMemberName = replyComment.memberName;
const moreThanOneReply = commentDataList.findIndex(
(it) => it.memberName === replyMemberName && it.floor !== floor
) !== -1;
if (moreThanOneReply) {
insertTextToReplyInput(`#${floor} `);
} else {
const $page = $(".v2p-paging").eq(0).find(".page_normal, .page_current");
if ($page.length > 1) {
const onLastPage = $page.last().hasClass("page_current");
if (!onLastPage) {
insertTextToReplyInput(`#${floor} `);
}
}
}
}
}
});
$actions.empty().append($controls, floorNum);
}
async function handlingComments() {
const storage = getStorageSync();
const tagData = storage["member-tag" /* MemberTag */];
const options = storage["options" /* Options */];
if (options.reply.preload !== "off") {
const $paging = $(".v2p-paging");
if ($paging.length > 0) {
const $pagingTop = $paging.eq(0);
const $pagingBottom = $paging.eq(1);
const $pageNormal = $paging.find(".page_normal");
const $pagingTopNormal = $pagingTop.find(".page_normal");
const toastControl = createToast({ message: "\u6B63\u5728\u9884\u52A0\u8F7D\u56DE\u590D\uFF0C\u8BF7\u7A0D\u5019...", duration: 0 });
try {
const $pagingBottomNormal = $pagingBottom.find(".page_normal");
const $pageCurrent = $pagingTop.find(".page_current");
const currentPage = $pageCurrent.text();
if (currentPage === "1") {
const pages = [];
$pagingTopNormal.each((i, ele) => {
if (i <= 1) {
if (ele.textContent) {
ele.classList.add("page_current");
ele.classList.remove("page_normal");
$pagingBottomNormal.eq(i).addClass("page_current").removeClass("page_normal");
pages.push(ele.textContent);
}
}
});
if (pages.length > 0) {
const pagesText = await Promise.all(
pages.map((p) => crawlTopicPage(window.location.pathname, p))
);
pagesText.map((pageText) => {
$pagingBottom.before($(pageText).find('.cell[id^="r_"]'));
});
}
updateCommentCells();
}
toastControl.clear();
} catch (err) {
if (err instanceof Error) {
console.error(`\u52A0\u8F7D\u591A\u9875\u56DE\u590D\u51FA\u9519\uFF1A${err.message}`);
}
createToast({ message: "\u274C \u52A0\u8F7D\u591A\u9875\u56DE\u590D\u5931\u8D25" });
$pageNormal.removeClass("page_current").addClass("page_normal");
}
}
if (options.replyContent.hideReplyTime) {
$(".cell .ago").addClass("v2p-auto-hide");
}
}
const canHideRefName = options.nestedReply.display === "indent" && !!options.replyContent.hideRefName;
commentDataList = $commentTableRows.map((idx, tr) => {
const id = $commentCells[idx].id;
const $tr = $(tr);
const $td = $tr.find("> td:nth-child(3)");
const thanked = $tr.find("> td:last-of-type > .fr").find("> .thank_area").hasClass("thanked");
const $member = $td.find("> strong > a");
const memberName = $member.text();
const memberLink = $member.prop("href");
const memberAvatar = $tr.find(".avatar").prop("src");
const $content = $td.find("> .reply_content");
const content = $content.text();
const likes = Number($td.find("span.small").text());
const floor = $td.find("span.no").text();
const memberNameMatches = Array.from(content.matchAll(/@([a-zA-Z0-9]+)/g));
const refMemberNames = memberNameMatches.length > 0 ? memberNameMatches.map(([, name]) => {
return name;
}) : void 0;
const floorNumberMatches = Array.from(content.matchAll(/#(\d+)/g));
const refFloors = floorNumberMatches.length > 0 ? floorNumberMatches.map(([, floor2]) => {
return floor2;
}) : void 0;
let contentHtml = void 0;
if (refMemberNames) {
if (canHideRefName) {
if (refMemberNames.length === 1) {
contentHtml = $content.html();
const pattern = /(@[\w\s]+<\/a>)\s+/g;
const replacement = '$1 ';
contentHtml = contentHtml.replace(pattern, replacement);
}
}
}
return {
id,
memberName,
memberLink,
memberAvatar,
content,
contentHtml,
likes,
floor,
index: idx,
refMemberNames,
refFloors,
thanked
};
}).get();
{
const memberNames = /* @__PURE__ */ new Set([topicOwnerName]);
$commentCells.each((i, cellDom) => {
const currentComment = commentDataList.at(i);
if (currentComment?.id !== cellDom.id) {
return;
}
const $cellDom = $(cellDom);
const { memberName, thanked } = currentComment;
memberNames.add(memberName);
processAvatar({
$trigger: $cellDom.find(".avatar, .dark"),
popupControl,
commentData: currentComment
});
if (memberName === loginName) {
$cellDom.find(".badges").append(`
\u6682\u65E0\u70ED\u95E8\u56DE\u590D
").css({ padding: "20px", textAlign: "center" }));
}
$content.append($t1);
}
{
const len = commentDataList.length;
const displayNum = len < 10 ? len : len <= 10 ? 5 : len <= 30 ? 10 : len <= 60 ? 20 : len <= 100 ? 40 : len <= 200 ? 60 : 90;
if (displayNum > 0) {
const recentCommentData = commentDataList.slice(-1 * displayNum).reverse();
recentCommentData.forEach(({ index, refMemberNames }) => {
const $clonedCell = $commentCells.eq(index).clone();
$clonedCell.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
$clonedCell.find(".no").css("pointer-events", "none");
const firstRefMember = refMemberNames?.at(0);
if (firstRefMember) {
const replyMember = commentDataList.findLast(
(it, idx) => idx < index && it.memberName === firstRefMember
);
if (replyMember) {
$clonedCell.prepend(
$(`
`)
);
}
}
$t2.append($clonedCell);
});
} else {
$t2.append($("\u6682\u65E0\u6700\u8FD1\u56DE\u590D
").css({ padding: "20px", textAlign: "center" }));
}
$content.append($t2);
}
{
const opCommentData = commentDataList.filter(
({ memberName }) => memberName === topicOwnerName
);
if (opCommentData.length > 0) {
opCommentData.forEach(({ index, refMemberNames }) => {
const $clonedCell = $commentCells.eq(index).clone();
$clonedCell.find(".v2p-controls > a:has(.v2p-control-reply)").remove();
$clonedCell.find(".no").css("pointer-events", "none");
const firstRefMember = refMemberNames?.at(0);
if (firstRefMember) {
const replyMember = commentDataList.findLast(
(it, idx) => idx < index && it.memberName === firstRefMember
);
if (replyMember) {
$clonedCell.prepend(
$(`
`)
);
}
}
$t3.append($clonedCell);
});
} else {
$t3.append($("\u6682\u65E0\u9898\u4E3B\u56DE\u590D
").css({ padding: "20px", textAlign: "center" }));
}
$content.append($t3);
}
const $tabs = $(`
\u70ED\u95E8\u56DE\u590D
\u6700\u8FD1\u56DE\u590D
\u9898\u4E3B\u56DE\u590D
YOU
`);
}
const $likesBox = $cellDom.find(".small.fade").addClass("v2p-likes-box");
$likesBox.find('img[alt="\u2764\uFE0F"]').replaceWith('');
if (thanked) {
$likesBox.addClass("v2p-thanked");
}
processActions($cellDom, currentComment);
if (canHideRefName) {
if (currentComment.contentHtml) {
$cellDom.find(".reply_content").html(currentComment.contentHtml);
}
}
});
if (tagData) {
Object.entries(tagData).forEach(([memberName, { tags, avatar }]) => {
if (memberNames.has(memberName)) {
updateMemberTag({ memberName, memberAvatar: avatar, tags, options });
}
});
}
updateCommentCells();
handlingFilteredComments();
$(".v2p-control-thank").on("click", (ev) => {
ev.stopPropagation();
const id = ev.currentTarget.dataset.id;
const memberName = ev.currentTarget.dataset.memberName;
if (typeof id === "string" && typeof memberName === "string") {
if (confirm(`\u786E\u8BA4\u82B1\u8D39 10 \u4E2A\u94DC\u5E01\u5411 @${memberName} \u7684\u8FD9\u6761\u56DE\u590D\u53D1\u9001\u611F\u8C22\uFF1F`)) {
const replyId = id.split("_").at(1);
if (replyId) {
void thankReply({
replyId,
onSuccess: () => {
const $cell = $(`.cell[id="r_${replyId}"]`);
const $tableInCell = $cell.find("> table");
const $likesBox = $tableInCell.find(".v2p-likes-box");
const $firstLikesBox = $likesBox.eq(0);
const likes = Number($firstLikesBox.text());
const $clonedIconHeart = $firstLikesBox.find(".v2p-icon-heart").clone();
if (likes > 0) {
$likesBox.addClass("v2p-thanked").empty().append($clonedIconHeart, ` ${likes + 1}`);
} else {
$(`
1
`).insertAfter($tableInCell.find(".ago"));
loadIcons();
}
const $thankAction = $tableInCell.find(".v2p-control-thank");
$thankAction.addClass("v2p-thanked").off("click");
$thankAction.siblings().has(".v2p-control-hide").hide();
},
onFail: () => {
createToast({ message: "\u274C \u611F\u8C22\u56DE\u590D\u5931\u8D25" });
}
});
}
}
}
});
}
{
const display = options.nestedReply.display;
if (display !== "off") {
$commentCells.each((i, cellDom) => {
const $cellDom = $(cellDom);
const dataFromIndex = commentDataList.at(i);
if (options.replyContent.autoFold) {
processReplyContent($cellDom);
}
const currentComment = dataFromIndex?.id === cellDom.id ? dataFromIndex : commentDataList.find((data) => data.id === cellDom.id);
if (currentComment) {
const { refMemberNames, refFloors } = currentComment;
if (!refMemberNames || refMemberNames.length === 0) {
return;
}
if (options.nestedReply.multipleInsideOne === "off" && refMemberNames.length > 1) {
return;
}
for (const refName of refMemberNames) {
for (let j = i - 1; j >= 0; j--) {
const { memberName: compareName, floor: eachFloor } = commentDataList.at(j) || {};
if (compareName === refName) {
let refCommentIdx = j;
const firstRefFloor = refFloors?.at(0);
if (firstRefFloor && firstRefFloor !== eachFloor) {
const targetIdx = commentDataList.slice(0, j).findIndex(
(data) => data.floor === firstRefFloor && data.memberName === refName
);
if (targetIdx >= 0) {
refCommentIdx = targetIdx;
}
}
if (display === "indent") {
cellDom.classList.add("v2p-indent");
}
$commentCells.eq(refCommentIdx).append(cellDom);
return;
}
}
}
}
});
}
}
{
const $opAvatar = $topicHeader.find(".avatar");
const $opName = $topicHeader.find('.gray a[href^="/member"]');
const memberName = $opAvatar.prop("alt");
const memberAvatar = $opAvatar.prop("src");
const memberLink = $topicHeader.find(".fr > a").prop("href");
if (typeof memberName === "string" && typeof memberAvatar === "string" && typeof memberLink === "string") {
processAvatar({
$trigger: $opAvatar,
popupControl,
commentData: { memberName, memberAvatar, memberLink }
});
processAvatar({
$trigger: $opName,
popupControl,
commentData: { memberName, memberAvatar, memberLink },
shouldWrap: false
});
fetchUserInfo(memberName).then((memberData) => {
memberDataCache.set(memberName, memberData);
const diffInDays = (Date.now() / 1e3 - memberData.created) / (60 * 60 * 24);
if (diffInDays <= 30) {
$opName.append(
`${diffInDays <= 15 ? "15" : "30"} \u5929\u5185\u6CE8\u518C`
);
}
});
}
}
}
var commentDataList, popupControl;
var init_comment = __esm({
"src/contents/topic/comment.ts"() {
"use strict";
init_lucide();
init_model();
init_popup();
init_toast();
init_constants();
init_services();
init_utils();
init_globals();
init_helpers();
init_avatar();
init_content();
commentDataList = [];
popupControl = createPopup({
root: $wrapper,
triggerType: "hover",
placement: "right-start",
offsetOptions: { mainAxis: 8, crossAxis: -4 }
});
}
});
// src/contents/topic/layout.ts
function toggleTopicLayout() {
if ($wrapperContent.hasClass("v2p-content-layout")) {
switchToVerticalLayout();
} else {
switchToHorizontalLayout();
}
}
function handlingLayout() {
const storage = getStorageSync();
const options = storage["options" /* Options */];
if (options.reply.layout === "auto") {
const contentHeight = $topicContentBox.height();
if (typeof contentHeight === "number" && contentHeight >= 600) {
switchToHorizontalLayout();
} else {
switchToVerticalLayout();
}
} else {
if (options.reply.layout === "horizontal") {
switchToHorizontalLayout();
} else {
switchToVerticalLayout();
}
}
$layoutToggle.on("click", () => {
toggleTopicLayout();
});
$(".tools").prepend($layoutToggle);
}
var $layoutToggle, iconLayoutV, iconLayoutH, switchToHorizontalLayout, switchToVerticalLayout;
var init_layout = __esm({
"src/contents/topic/layout.ts"() {
"use strict";
init_lucide();
init_constants();
init_utils();
init_globals();
$layoutToggle = $('');
iconLayoutV = createElement$1(PanelTop);
iconLayoutV.setAttribute("width", "100%");
iconLayoutV.setAttribute("height", "100%");
iconLayoutH = createElement$1(PanelRight);
iconLayoutH.setAttribute("width", "100%");
iconLayoutH.setAttribute("height", "100%");
switchToHorizontalLayout = () => {
if (!$wrapperContent.hasClass("v2p-content-layout")) {
const $divider1 = $main.find("> .sep20:first-of-type");
const $leftGroup = $divider1.add($divider1.next(".box"));
const $leftSide = $('');
$leftGroup.wrapAll($leftSide);
const $content = $leftGroup.find("> .cell");
$content.add($content.nextAll(".subtle")).wrapAll('
');
const $divider2 = $main.find(".sep20:nth-of-type(2)");
const $rightGroup = $divider2.add($divider2.nextAll());
$rightGroup.wrapAll('
');
$wrapperContent.addClass("v2p-content-layout");
$main.addClass("v2p-horizontal-layout");
}
$layoutToggle.html(iconLayoutV);
$layoutToggle.attr("title", "\u5207\u6362\u4E3A\u5782\u76F4\u5E03\u5C40");
$(".v2p-reply-tool-layout").text("\u5207\u6362\u4E3A\u5782\u76F4\u5E03\u5C40");
};
switchToVerticalLayout = () => {
if ($wrapperContent.hasClass("v2p-content-layout")) {
$wrapperContent.removeClass("v2p-content-layout");
$main.removeClass("v2p-horizontal-layout");
$(".v2p-left-side-content").children().unwrap();
$(".v2p-left-side").children().unwrap();
$(".v2p-right-side").children().unwrap();
}
$layoutToggle.html(iconLayoutH);
$layoutToggle.attr("title", "\u5207\u6362\u4E3A\u6C34\u5E73\u5E03\u5C40");
$(".v2p-reply-tool-layout").text("\u5207\u6362\u4E3A\u6C34\u5E73\u5E03\u5C40");
};
}
});
// src/contents/topic/paging.ts
function handlingPaging() {
const $notCommentCells = $commentBox.find('> .cell:not([id^="r_"])');
if ($notCommentCells.length <= 1) {
return;
}
const pagingCells = $notCommentCells.slice(1).addClass("v2p-paging");
const pageBtns = pagingCells.find(".super.button");
pageBtns.eq(0).addClass("v2p-prev-btn");
pageBtns.eq(1).addClass("v2p-next-btn");
}
var init_paging = __esm({
"src/contents/topic/paging.ts"() {
"use strict";
init_globals();
}
});
// src/components/image-upload.ts
function bindImageUpload(props) {
const { $wrapper: $wrapper2, $input, insertText, replaceText } = props;
const $uploadBar = $(``);
const handleUploadImage = (file) => {
const placeholder = "[\u4E0A\u4F20\u56FE\u7247\u4E2D...]";
insertText(` ${placeholder} `);
$uploadBar.addClass("v2p-reply-upload-bar-disabled").text("\u6B63\u5728\u4E0A\u4F20\u56FE\u7247...");
uploadImage(file).then((imgLink) => {
replaceText(placeholder, imgLink);
}).catch(() => {
replaceText(placeholder, "");
window.alert("\u274C \u4E0A\u4F20\u56FE\u7247\u5931\u8D25\uFF0C\u8BF7\u6253\u5F00\u63A7\u5236\u53F0\u67E5\u770B\u539F\u56E0");
}).finally(() => {
$uploadBar.removeClass("v2p-reply-upload-bar-disabled").text(uploadTip);
});
};
const handleClickUploadImage = () => {
const imgInput = document.createElement("input");
imgInput.style.display = "none";
imgInput.type = "file";
imgInput.accept = "image/*";
imgInput.addEventListener("change", () => {
const selectedFile = imgInput.files?.[0];
if (selectedFile) {
handleUploadImage(selectedFile);
}
});
imgInput.click();
};
document.addEventListener("paste", (ev) => {
if (!(ev instanceof ClipboardEvent)) {
return;
}
if ($input && !$input.get(0)?.matches(":focus")) {
return;
}
const items = ev.clipboardData?.items;
if (!items) {
return;
}
const imageItem = Array.from(items).find((item) => item.type.includes("image"));
if (imageItem) {
const file = imageItem.getAsFile();
if (file) {
handleUploadImage(file);
}
}
});
$wrapper2.get(0)?.addEventListener("drop", (ev) => {
ev.preventDefault();
if (!(ev instanceof DragEvent)) {
return;
}
const file = ev.dataTransfer?.files[0];
if (file) {
handleUploadImage(file);
}
});
$(".flex-one-row:last-of-type > .gray").text("");
$uploadBar.on("click", () => {
if (!$uploadBar.hasClass("v2p-reply-upload-bar-disabled")) {
handleClickUploadImage();
}
});
$wrapper2.append($uploadBar);
return {
uploadBar: $uploadBar
};
}
var uploadTip;
var init_image_upload = __esm({
"src/components/image-upload.ts"() {
"use strict";
init_services();
uploadTip = "\u9009\u62E9\u3001\u7C98\u8D34\u3001\u62D6\u653E\u4E0A\u4F20\u56FE\u7247\u3002";
}
});
// src/contents/topic/reply.ts
function handlingReplyActions() {
const os = getOS();
const replyBtnText = `\u56DE\u590D${os === "macos" ? "Cmd" : "Ctrl"}+Enter`;
const $replyBtn = createButton({
children: replyBtnText,
type: "submit"
}).replaceAll($replyBox.find('input[type="submit"]'));
$replyForm.on("submit", () => {
const replyVal = $replyTextArea.val();
if (typeof replyVal === "string") {
$replyTextArea.val(transformEmoji(replyVal));
}
$replyBtn.text("\u63D0\u4EA4\u56DE\u590D\u4E2D...").prop("disabled", true);
setTimeout(() => {
$replyBtn.html(replyBtnText).prop("disabled", false);
}, 5e3);
});
document.addEventListener("keydown", (ev) => {
if (ev.key === "Enter" && (ev.ctrlKey || ev.metaKey)) {
ev.preventDefault();
$replyForm.trigger("submit");
}
});
{
const emoticonGroup = $('
');
const emoticonList = $('
');
const emoticonSpan = $('');
const groups = emoticons.map((emojiGroup) => {
const group = emoticonGroup.clone();
const list = emoticonList.clone();
group.append(`
`).prop("title", emoji);
} else {
emoticon.text(emoji);
}
emoticon.on("click", () => {
insertTextToReplyInput(emoji);
});
return emoticon;
})
);
group.append(list);
return group;
});
const emoticonsBox = $('
${emojiGroup.title}
`);
list.append(
emojiGroup.list.map((emoji) => {
const emoticon = emoticonSpan.clone();
if (emojiGroup.title === "\u6D41\u884C") {
const emojiLink = biliEmojiLink[emoji];
emoticon.html(`').append(groups);
const $emojiBtn = createButton({
children: ''
}).insertAfter($replyBtn);
const $emojiContent = $('
').append(emoticonsBox).appendTo($replyBox).on("click", () => {
focusReplyInput();
});
const keyupHandler = (ev) => {
if (ev.key === "Escape") {
ev.preventDefault();
emojiPopup.close();
}
};
$emojiBtn.on("click", () => {
focusReplyInput();
});
const emojiPopup = createPopup({
root: $replyBox,
trigger: $emojiBtn,
content: $emojiContent,
options: { placement: "right-end" },
onOpen: () => {
$(document.body).on("keydown", keyupHandler);
},
onClose: () => {
$(document.body).off("keydown", keyupHandler);
}
});
}
{
$replyBox.find("#undock-button, #undock-button + a").addClass("v2p-hover-btn").css("padding", "5px 4px");
}
}
function handleReply() {
$replyTextArea.attr("placeholder", "\u7559\u4E0B\u5BF9\u4ED6\u4EBA\u6709\u5E2E\u52A9\u7684\u56DE\u590D").wrap('