');
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 modalElements = {
$mask,
$main: $main2,
$header,
$container,
$title,
$actions,
$content,
};
let boundEvent = false;
let mouseDownTarget;
const mouseDownHandler = (ev) => {
mouseDownTarget = ev.target;
};
const mouseUpHandler = (ev) => {
if (
mouseDownTarget === $mask.get(0) &&
ev.target === $mask.get(0) &&
ev.currentTarget === ev.target
) {
handleModalClose();
}
};
const keyupHandler = (ev) => {
if (ev.key === "Escape") {
handleModalClose();
}
};
const handleModalClose = () => {
$mask.off("mousedown", mouseDownHandler);
$mask.off("mouseup", mouseUpHandler);
$(document).off("keydown", keyupHandler);
boundEvent = false;
$container.fadeOut("fast");
document.body.classList.remove("v2p-modal-open");
onClose?.(modalElements);
};
const handleModalOpen = () => {
if (root && !$container.parent().length) {
root.append($container);
$closeBtn.on("click", handleModalClose);
onMount?.(modalElements);
}
setTimeout(() => {
if (!boundEvent) {
$mask.on("mousedown", mouseDownHandler);
$mask.on("mouseup", mouseUpHandler);
$(document).on("keydown", keyupHandler);
boundEvent = true;
}
});
$container.fadeIn("fast");
document.body.classList.add("v2p-modal-open");
onOpen?.(modalElements);
};
return { ...modalElements, open: handleModalOpen, close: handleModalClose };
}
var init_modal = __esm({
"src/components/modal.ts"() {
"use strict";
init_button();
},
});
// src/contents/topic/content.ts
function handleTopicImgHeight() {
const $topicContentImgs = $topicContentBox.find(
".topic_content .embedded_image",
);
$topicContentImgs.each((_, img) => {
const $img = $(img);
const height = $img.height() ?? 0;
const shouldWrap = height > 600;
if (shouldWrap) {
const collapsedCSS = {
maxHeight: `${READABLE_CONTENT_HEIGHT}px`,
overflow: "hidden",
paddingBottom: "0",
"--bg-reply": "var(--v2p-color-bg-content)",
};
const $contentBox = $(
'
',
).css(collapsedCSS);
const $expandBtn = createButton({
children: "\u5C55\u5F00\u56FE\u7247",
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\u56FE\u7247" : "\u5C55\u5F00\u56FE\u7247",
);
};
$expandBtn.on("click", () => {
toggleContent();
});
$contentBox.append($img.clone()).replaceAll($img).append($expandBtn);
}
});
}
function handleContent() {
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 (pathTopicId) {
$topicBtns.append(
` \u5206\u4EAB`,
);
}
loadIcons();
}
window.requestIdleCallback(() => {
handleTopicImgHeight();
});
}
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 = $('
').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() {}
function openTagsSetter() {}
function handleTopicImg() {
const $imgs = $(".embedded_image");
if ($imgs.length > 0) {
const modal = createModal({
root: $body,
onMount: ({ $main: $main2, $header, $content }) => {
$main2.css({
width: "auto",
height: "auto",
display: "flex",
"justify-content": "center",
"background-color": "transparent",
"pointer-events": "none",
});
$header.remove();
$content.css({
display: "flex",
"justify-content": "center",
"align-items": "center",
"pointer-events": "none",
});
},
onOpen: ({ $content }) => {
$content.empty();
},
});
$imgs.each((_, img) => {
const $img = $(img);
if (img instanceof HTMLImageElement) {
$img.parent().removeAttr("href");
if (img.clientWidth !== img.naturalWidth) {
$img.css({ cursor: "zoom-in" });
$img.on("click", () => {
const $clonedImg = $img.clone();
$clonedImg.css({ cursor: "default", "pointer-events": "auto" });
modal.open();
modal.$content.append($clonedImg);
});
}
}
});
}
}
var init_content = __esm({
"src/contents/topic/content.ts"() {
"use strict";
init_button();
init_modal();
init_constants();
init_use_topic_preview();
init_utils();
init_globals();
init_helpers();
},
});
// src/contents/dom.ts
function getCommentDataList({
options,
$commentTableRows: $commentTableRows2,
$commentCells: $commentCells2,
}) {
return $commentTableRows2
.map((idx, tr) => {
const id = $commentCells2[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) {
const canHideRefName =
options.nestedReply.display === "indent" &&
!!options.replyContent.hideRefName;
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();
}
function handleNestedComment({
options,
$commentCells: $commentCells2,
commentDataList: commentDataList2,
}) {
const display = options.nestedReply.display;
if (display !== "off") {
$commentCells2.each((i, cellDom) => {
const $cellDom = $(cellDom);
const dataFromIndex = commentDataList2.at(i);
if (options.replyContent.autoFold) {
processReplyContent($cellDom);
}
const currentComment =
dataFromIndex?.id === cellDom.id
? dataFromIndex
: commentDataList2.find((data) => data.id === cellDom.id);
if (currentComment) {
const { refMemberNames, refFloors } = currentComment;
if (!refMemberNames || refMemberNames.length === 0) {
return;
}
const moreThanOneRefMember = refMemberNames.length > 1;
if (
options.nestedReply.multipleInsideOne === "off" &&
refMemberNames.length > 1
) {
return;
}
for (const refName of moreThanOneRefMember
? refMemberNames.toReversed()
: refMemberNames) {
for (let j = i - 1; j >= 0; j--) {
const { memberName: compareName, floor: eachFloor } =
commentDataList2.at(j) || {};
if (compareName === refName) {
let refCommentIdx = j;
const firstRefFloor = moreThanOneRefMember
? refFloors?.toReversed().at(0)
: refFloors?.at(0);
if (firstRefFloor && firstRefFloor !== eachFloor) {
const targetIdx = commentDataList2
.slice(0, j)
.findIndex(
(data) =>
data.floor === firstRefFloor &&
data.memberName === refName,
);
if (targetIdx >= 0) {
refCommentIdx = targetIdx;
}
}
if (display === "indent") {
cellDom.classList.add("v2p-indent");
}
$commentCells2.eq(refCommentIdx).append(cellDom);
return;
}
}
}
}
});
}
}
var init_dom = __esm({
"src/contents/dom.ts"() {
"use strict";
init_content();
},
});
var invalidTemplate, topicDataCache;
var init_use_topic_preview = __esm({
"src/use-topic-preview.ts"() {
"use strict";
init_lucide();
init_button();
init_modal();
init_constants();
init_dom();
init_globals();
init_helpers();
init_content();
init_icons();
init_services();
init_utils();
invalidTemplate = (tip) => `
`;
topicDataCache = /* @__PURE__ */ new Map();
},
});
var init_topic_list = __esm({
"src/contents/home/topic-list.ts"() {
"use strict";
init_toast();
init_constants();
init_services();
init_use_topic_preview();
init_utils();
init_globals();
},
});
// src/contents/home/index.ts
var home_exports = {};
var init_home = __esm({
"src/contents/home/index.ts"() {
"use strict";
init_constants();
init_utils();
init_globals();
init_helpers();
init_topic_list();
function handleNodeNavToggle() {
// 1. 查找包含“节点导航”文本的标题区域
// 这里的筛选逻辑是为了确保只定位到正确的那个 box
const $headerSpan = $(".box .cell span.fade").filter((_, el) => {
return $(el).text().includes("节点导航");
});
if ($headerSpan.length === 0) return;
// 2. 获取容器和需要折叠的内容
// 逻辑：找到父级 .box，然后选取除了第一个子元素（标题栏）以外的所有子元素
const $box = $headerSpan.closest(".box");
const $headerCell = $headerSpan.closest(".cell");
const $content = $box.children().not(":first-child");
// 3. 定义存储 Key
const STORAGE_KEY = "v2p_nav_collapsed";
// 4. 创建切换按钮
// 使用 v2p-hover-btn 类以保持样式一致，行内样式微调位置
const $toggleBtn = $(
'',
);
const icons = {
arrowUp:
'',
arrowDown:
'',
};
// 5. 定义切换状态的逻辑
const applyState = (isCollapsed) => {
if (isCollapsed) {
$content.hide();
$toggleBtn.html(icons.arrowDown); // 折叠状态显示“向下展开”
// 稍微减小 box 的下边距，折叠后看起来更紧凑
$box.css("margin-bottom", "10px");
$headerCell.css("border-bottom", "none");
} else {
$content.show();
$toggleBtn.html(icons.arrowUp); // 展开状态显示“向上收起”
$box.css("margin-bottom", "");
$headerCell.css("border-bottom", "");
}
// 存储状态：'1' 为折叠，'0' 为展开
localStorage.setItem(STORAGE_KEY, isCollapsed ? "1" : "0");
};
// 6. 绑定点击事件
$toggleBtn.on("click", function () {
const isContentVisible = $content.is(":visible");
// 如果当前内容可见，则点击意图是折叠 (isCollapsed = true)
applyState(isContentVisible);
});
// 7. 初始化：读取存储的状态并应用
const savedState = localStorage.getItem(STORAGE_KEY) === "1";
applyState(savedState);
// 8. 将按钮插入到“节点导航”文字后面
$headerSpan.append($toggleBtn);
}
// 通用的右侧边栏区域折叠功能
function handleSidebarSectionToggle(sectionTitle, storageKey) {
// 1. 查找包含指定文本的标题区域
const $headerSpan = $(
"#Rightbar .box .cell span.fade, #Rightbar .box .inner span.fade, #Rightbar .box .inner span.f12.gray, #Rightbar .box .cell span.f12.gray",
).filter((_, el) => {
return $(el).text().trim() === sectionTitle;
});
if ($headerSpan.length === 0) return;
// 如果是"我收藏的节点"，将字体样式改为和其他栏一致的 fade 类
if (sectionTitle === "我收藏的节点") {
$headerSpan.removeClass("f12 gray").addClass("fade");
}
// 2. 获取容器和需要折叠的内容
const $box = $headerSpan.closest(".box");
const $headerContainer = $headerSpan.closest(".cell, .inner");
const $content = $box.children().not($headerContainer);
// 标记为可排序区块
$box.attr("data-v2p-sortable", sectionTitle);
// 3. 创建切换按钮
const $toggleBtn = $(
'',
);
const icons = {
arrowUp:
'',
arrowDown:
'',
};
// 4. 定义切换状态的逻辑
const applyState = (isCollapsed) => {
if (isCollapsed) {
$content.hide();
$toggleBtn.html(icons.arrowDown);
$box.css("margin-bottom", "10px");
$headerContainer.css("border-bottom", "none");
} else {
$content.show();
$toggleBtn.html(icons.arrowUp);
$box.css("margin-bottom", "");
$headerContainer.css("border-bottom", "");
}
localStorage.setItem(storageKey, isCollapsed ? "1" : "0");
};
// 5. 绑定点击事件
$toggleBtn.on("click", function () {
const isContentVisible = $content.is(":visible");
applyState(isContentVisible);
});
// 6. 初始化：读取存储的状态并应用
const savedState = localStorage.getItem(storageKey) === "1";
applyState(savedState);
// 7. 将按钮插入到标题文字后面
$headerSpan.append($toggleBtn);
}
// 右侧边栏拖拽排序功能
function handleSidebarDragSort() {
const STORAGE_KEY = "v2p_sidebar_order";
const $sortableBoxes = $("#Rightbar [data-v2p-sortable]");
if ($sortableBoxes.length < 2) return;
// 添加拖拽相关 CSS
$("
${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