// ==UserScript==
// @name LinuxDo 增强阅读
// @namespace https://linux.do/
// @version 1.3.3
// @license MIT
// @description 在 LINUX DO 列表页点击标题即可弹窗预览整帖，楼中楼展示、点赞、回复、收藏、原图灯箱一应俱全，并按真实阅读节奏上报已读进度——无需离开列表页，也无需反复返回。
// @author Fashion
// @match https://linux.do/*
// @icon https://cdn3.ldstatic.com/optimized/4X/6/a/6/6a6affc7b1ce8140279e959d32671304db06d5ab_2_180x180.png
// @grant none
// @run-at document-idle
// ==/UserScript==
(function () {
'use strict';
const BASE = location.origin;
const PAGE_SIZE = 20; // 每次请求帖子数（与 Discourse 默认一致），也是 loadUp/loadDown 每次追加的数量
const READ_THRESHOLD = 1500;
const FLUSH_INTERVAL = 5000;
let ME_USERNAME = null;
// --- 嵌套树 API 状态管理 ---
const idToPost = new Map(); // postId → post 数据（混合索引）
let nestedTreeRoots = []; // 顶层回复数组
let nestedHasMoreRoots = false; // 是否有更多顶层回复
let nestedRootsPage = 0; // 当前已加载的分页号
const MENU_PANEL_SEL = '.menu-panel, .user-menu, .quick-access-panel, .notifications';
const SEARCH_SEL = '.search-results, .fps-result, .search-menu, .search-menu-container, .search-result-topic';
/* ============ 1. 样式 ============ */
const style = document.createElement('style');
style.textContent = `
.ldp-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;
align-items:center;justify-content:center;background:rgba(0,0,0,.55);}
.ldp-modal{display:flex;flex-direction:column;
width:90%;max-width:1000px;height:90vh;
border-radius:12px;overflow:hidden;font-size:16px;
line-height:1.65;background:var(--secondary,#fff);color:var(--primary,#222);
box-shadow:0 16px 50px rgba(0,0,0,.4);}
.ldp-header{display:flex;align-items:flex-start;gap:10px;padding:16px 20px;
border-bottom:1px solid var(--primary-low,#e5e5e5);}
.ldp-title{margin:0;font-size:18px;font-weight:700;}
.ldp-meta{font-size:12px;opacity:.7;margin-top:4px;}
.ldp-head-btns{display:flex;gap:8px;align-items:center;}
.ldp-close{cursor:pointer;border:none;background:transparent;font-size:22px;
line-height:1;color:inherit;padding:0 4px;}
.ldp-body{flex:1;min-height:0;position:relative;
padding:8px 20px 20px;overflow-y:auto;overscroll-behavior:contain;}
/* 底部悬浮操作栏 */
.ldp-footer{flex:none;display:flex;align-items:center;justify-content:space-around;
padding:12px 24px;border-top:1px solid var(--primary-low,#eee);
background:var(--secondary,#fff);}
.ldp-fbtn{background:transparent;border:none;cursor:pointer;display:flex;
align-items:center;gap:8px;font-size:.95rem;color:var(--primary-medium,#666);
padding:8px 16px;border-radius:6px;transition:all .2s ease;font-weight:600;
white-space:nowrap;text-decoration:none;}
.ldp-fbtn:hover{background:var(--primary-low,#f0f0f0);color:var(--tertiary,#3b82f6);}
.ldp-fbtn svg{width:18px;height:18px;fill:currentColor;flex:none;}
.ldp-fbtn:disabled{cursor:default;opacity:.5;pointer-events:none;}
.ldp-fbtn.loading{opacity:.6;pointer-events:none;}
.ldp-fbtn.liked{color:#e74c3c;}
.ldp-fbtn.liked svg{fill:#e74c3c;}
.ldp-fbtn.bookmarked{color:var(--tertiary,#3b82f6);}
.ldp-fbtn.bookmarked svg{fill:var(--tertiary,#3b82f6);}
/* 楼主帖自身的点赞/回复按钮已挪到底部操作栏，这里隐藏原位置 */
.ldp-topic > .ldp-post > .ldp-actions{display:none;}
/* 骨架屏 */
.ldp-loadmask{position:absolute;inset:0;z-index:5;
padding:8px 20px 20px;overflow:hidden;
background:var(--secondary,#fff);color:inherit;}
.ldp-loadmask.hide{opacity:0;pointer-events:none;transition:opacity .25s ease;}
.ldp-sk{position:relative;overflow:hidden;border-radius:6px;
background:var(--primary-low,#e9e9e9);}
.ldp-sk::after{content:"";position:absolute;inset:0;
transform:translateX(-100%);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
animation:ldp-shimmer 1.2s infinite;}
@keyframes ldp-shimmer{100%{transform:translateX(100%);}}
.ldp-sk-title{height:18px;width:55%;border-radius:6px;
display:inline-block;vertical-align:middle;}
.ldp-sk-meta{height:11px;width:35%;border-radius:5px;
display:inline-block;}
.ldp-sk-head{display:flex;align-items:center;gap:10px;margin:12px 0 10px;}
.ldp-sk-avatar{width:32px;height:32px;border-radius:50%;flex:none;}
.ldp-sk-line{height:12px;}
.ldp-sk-w30{width:30%;}.ldp-sk-w40{width:40%;}.ldp-sk-w60{width:60%;}
.ldp-sk-w80{width:80%;}.ldp-sk-w90{width:90%;}.ldp-sk-w100{width:100%;}
.ldp-sk-para .ldp-sk-line{margin-bottom:8px;}
.ldp-sk-divider{height:1px;background:var(--primary-low,#e0e0e0);margin:16px 0 12px;}
.ldp-sk-comment{display:flex;gap:10px;margin-bottom:18px;}
.ldp-sk-comment .ldp-sk-avatar{width:28px;height:28px;}
.ldp-sk-cbody{flex:1;}
/* 楼主帖区块 */
.ldp-topic{padding:4px 0 14px;}
.ldp-topic .ldp-post{border-bottom:none;}
/* 评论区分隔 + 左上角"评论"标题 */
.ldp-comments-header{display:flex;align-items:center;gap:8px;
margin:6px 0 2px;padding-top:14px;border-top:2px solid var(--primary-low,#e0e0e0);
font-size:16px;font-weight:700;letter-spacing:.5px;}
.ldp-comments-header::before{content:"💬";font-size:14px;}
.ldp-comments-count{font-size:12px;font-weight:500;opacity:.6;}
.ldp-comments{padding-top:4px;}
.ldp-comments-empty{padding:18px 0;text-align:center;opacity:.5;font-size:13px;}
.ldp-post{padding:12px 0 12px 12px;border-bottom:1px solid var(--primary-low,#eee);}
.ldp-post.ldp-flash{animation:ldp-flash-bg 1.6s ease;}
@keyframes ldp-flash-bg{
0%{background:rgba(8,132,255,.16);}
100%{background:transparent;}
}
.ldp-post-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.ldp-avatar{width:28px;height:28px;border-radius:50%;}
.ldp-author{font-weight:600;}
.ldp-op{font-size:11px;font-weight:700;color:#fff;background:var(--tertiary,#08c);
border-radius:4px;padding:1px 6px;letter-spacing:.5px;}
.ldp-me{font-size:11px;font-weight:700;color:#fff;background:#3ea66b;
border-radius:4px;padding:1px 6px;letter-spacing:.5px;}
.ldp-user{font-size:12px;opacity:.6;}
.ldp-time{font-size:12px;opacity:.55;}
.ldp-floor{font-size:12px;opacity:.5;margin-left:auto;
padding-left:8px;white-space:nowrap;}
.ldp-content img{max-width:100%;height:auto;cursor:zoom-in;border-radius:4px;}
.ldp-content .video-placeholder-container{max-width:100%;overflow:hidden;border-radius:6px;}
.ldp-content .video-placeholder-container[data-video-src]:not(.ldp-video-ready){
position:relative;background:#000;cursor:pointer;}
.ldp-content .video-placeholder-container[data-video-src]:not(.ldp-video-ready)::before{
content:"";position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;
transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);
border-radius:50%;background:rgba(0,0,0,.58);pointer-events:none;
box-shadow:0 4px 18px rgba(0,0,0,.35);transition:background .18s,transform .18s;}
.ldp-content .video-placeholder-container[data-video-src]:not(.ldp-video-ready)::after{
content:"";position:absolute;z-index:4;left:50%;top:50%;
transform:translate(-35%,-50%);border-top:11px solid transparent;
border-bottom:11px solid transparent;border-left:18px solid #fff;
pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));}
.ldp-content .video-placeholder-container[data-video-src]:not(.ldp-video-ready):hover::before{
background:rgba(8,132,255,.82);transform:translate(-50%,-50%) scale(1.06);}
.ldp-content .video-placeholder-container[data-video-src]:not(.ldp-video-ready)
.video-placeholder-overlay{display:none;}
.ldp-content .video-placeholder-container.ldp-video-ready{cursor:default!important;background:#000;}
.ldp-content video{display:block;width:100%;max-width:100%;max-height:70vh;background:#000;}
.ldp-content pre{overflow:auto;background:var(--primary-very-low,#f6f6f6);
padding:10px;border-radius:6px;}
.ldp-children{margin-left:22px;
border-left:1px solid var(--tertiary,#08c);}
.ldp-actions{display:flex;gap:14px;margin-top:8px;font-size:12px;align-items:center;}
.ldp-btn{cursor:pointer;border:none;background:transparent;color:inherit;
opacity:.7;display:inline-flex;align-items:center;gap:4px;padding:2px 4px;}
.ldp-btn:hover{opacity:1;}
.ldp-btn:disabled{cursor:default;opacity:.4;}
.ldp-like.liked{color:var(--love,#e25822);opacity:1;font-weight:600;}
.ldp-replybox{margin-top:8px;display:none;position:relative;}
.ldp-replybox.open{display:block;}
.ldp-replybox textarea{width:100%;min-height:90px;box-sizing:border-box;
border:1px solid var(--primary-low,#ccc);border-radius:6px;padding:8px;
font:inherit;background:var(--secondary,#fff);color:inherit;resize:vertical;}
.ldp-replybox textarea.uploading{opacity:0.6;pointer-events:none;}
.ldp-send{margin-top:6px;background:var(--tertiary,#08c);color:#fff;border:none;
border-radius:6px;padding:6px 14px;cursor:pointer;}
.ldp-reply-tip{margin-left:10px;font-size:12px;color:#3ea66b;opacity:0;
transition:opacity .25s ease;}
.ldp-reply-tip.show{opacity:1;}
.ldp-loading-tip{padding:14px 0;text-align:center;font-size:13px;
color:var(--primary-medium,#888);display:none;user-select:none;}
.ldp-loading-tip.show{display:block;}
.ldp-loading-tip .ldp-tip-icon{display:inline-block;margin-right:6px;
animation:ldp-spin .9s linear infinite;}
@keyframes ldp-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/* 上方/下方懒加载触发提示 */
.ldp-load-up-tip,.ldp-load-down-tip{
padding:10px 0;text-align:center;font-size:12px;
color:var(--primary-medium,#999);user-select:none;display:none;}
.ldp-load-up-tip.show,.ldp-load-down-tip.show{display:block;}
.ldp-load-up-tip .ldp-tip-icon,.ldp-load-down-tip .ldp-tip-icon{
display:inline-block;margin-right:4px;animation:ldp-spin .9s linear infinite;}
.ldp-bottom-tip{padding:16px 0;text-align:center;font-size:13px;
color:var(--primary-medium,#888);user-select:none;}
.ldp-top-tip{padding:10px 0;text-align:center;font-size:13px;
color:var(--primary-medium,#888);user-select:none;}
/* 灯箱 */
.ldp-lightbox{position:fixed;inset:0;z-index:2147483600;display:flex;
flex-direction:column;background:rgba(0,0,0,.9);}
.ldp-lb-stage{flex:1;overflow:auto;display:flex;align-items:center;
justify-content:center;padding:20px;}
.ldp-lb-stage img{display:block;max-width:94vw;max-height:88vh;
width:auto;height:auto;border-radius:4px;cursor:zoom-out;
box-shadow:0 10px 40px rgba(0,0,0,.6);}
.ldp-lb-x{position:fixed;top:14px;right:18px;z-index:1;cursor:pointer;border:none;
background:transparent;color:#fff;font-size:30px;line-height:1;}
/* 楼中楼"展示更多回复"按钮 */
.ldp-sub-actions{margin-left:22px;padding-left:14px;margin-top:2px;display:none;}
.ldp-load-more-replies{font-size:12px;color:var(--tertiary,#08c);font-weight:600;
opacity:.9;padding:4px 0;}
.ldp-load-more-replies:hover{opacity:1;text-decoration:underline;}
.ldp-sub-loading{font-size:12px;opacity:.5;margin-left:22px;padding-left:14px;
margin-top:2px;display:none;}
/* ============ Boost 样式 ============ */
.ldp-boosts-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:6px;min-height:0;}
.ldp-boost-bubble{display:inline-flex;align-items:center;gap:4px;
padding:3px 8px 3px 4px;border:none;
background:rgba(128,128,128,.1);border-radius:50px;
font-size:14px;line-height:1.4;cursor:default;position:relative;
transition:background .15s;}
.ldp-boost-bubble:hover{background:rgba(128,128,128,.18);}
.ldp-b-avatar{width:18px;height:18px;border-radius:50%;flex:none;display:block;}
.ldp-boost-bubble p{margin:0;display:inline-flex;gap:2px;align-items:center;flex-wrap:wrap;}
.ldp-boost-bubble p img.emoji{width:14px;height:14px;margin:0;vertical-align:middle;}
.ldp-boost-del{cursor:pointer;margin-left:2px;opacity:0;font-size:13px;
color:var(--danger,#cc4b4b);line-height:1;border:none;background:transparent;
padding:0 2px;transition:opacity .15s;flex:none;}
.ldp-boost-bubble:hover .ldp-boost-del{opacity:.65;}
.ldp-boost-del:hover{opacity:1!important;}
.ldp-boost-input-wrap{display:none;align-items:center;gap:5px;margin-top:6px;
padding:4px 6px;border-radius:8px;
border:1px solid var(--primary-low,#ddd);
background:var(--secondary,#fff);}
.ldp-boost-input-wrap.open{display:flex;}
.ldp-boost-input{flex:1;border:none;background:transparent;outline:none;
font-size:13px;padding:2px 4px;color:inherit;min-width:0;}
.ldp-boost-input::placeholder{color:var(--primary-medium,#999);font-size:12px;}
.ldp-boost-submit{width:22px;height:22px;padding:0;display:flex;flex:none;
align-items:center;justify-content:center;border-radius:50%;
border:1px solid #3ea66b;background:transparent;color:#3ea66b;
cursor:pointer;font-size:14px;line-height:1;transition:all .15s;}
.ldp-boost-submit:hover{background:#3ea66b;color:#fff;}
.ldp-boost-submit:disabled{opacity:.5;cursor:default;pointer-events:none;}
.ldp-boost-cancel{width:22px;height:22px;padding:0;display:flex;flex:none;
align-items:center;justify-content:center;border-radius:50%;
border:1px solid var(--danger,#cc4b4b);background:transparent;
color:var(--danger,#cc4b4b);cursor:pointer;font-size:16px;line-height:1;
transition:all .15s;}
.ldp-boost-cancel:hover{background:var(--danger,#cc4b4b);color:#fff;}
.ldp-btn.ldp-boost-btn{font-size:12px;}
.ldp-btn.ldp-boost-btn:disabled{opacity:.35;cursor:default;pointer-events:none;}
`;
document.head.appendChild(style);
/* 图标 */
const ICONS = {
like: '',
reply: '',
boost: '',
bookmark: '',
newTab: ''
};
/* ============ 2. 工具函数 ============ */
const esc = (s) => (s || '').replace(/[<>&]/g, (c) =>
({ '<': '<', '>': '>', '&': '&' }[c]));
function fmtTime(iso) {
if (!iso) return '';
const t = new Date(iso).getTime();
if (isNaN(t)) return '';
const diff = Date.now() - t;
const min = 60000, hour = 60 * min, day = 24 * hour;
if (diff < min) return '刚刚';
if (diff < hour) return Math.floor(diff / min) + ' 分钟前';
if (diff < day) return Math.floor(diff / hour) + ' 小时前';
if (diff < 30 * day) return Math.floor(diff / day) + ' 天前';
const d = new Date(t);
const p = (n) => String(n).padStart(2, '0');
return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
}
const csrfToken = () =>
(document.querySelector('meta[name="csrf-token"]') || {}).content || '';
async function fetchJSON(url) {
const res = await fetch(url, {
credentials: 'include', headers: { 'Accept': 'application/json' },
});
if (!res.ok) throw new Error('HTTP ' + res.status);
return res.json();
}
async function apiSend(url, method, params, extraHeaders) {
const opt = {
method,
credentials: 'include',
headers: Object.assign({
'Accept': 'application/json',
'X-CSRF-Token': csrfToken(),
'X-Requested-With': 'XMLHttpRequest',
}, extraHeaders || {}),
};
if (params instanceof FormData) {
opt.body = params;
} else if (params) {
opt.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
opt.body = new URLSearchParams(params).toString();
}
const res = await fetch(url, opt);
if (!res.ok) throw new Error('HTTP ' + res.status);
return res.json().catch(() => ({}));
}
async function ensureMe() {
if (ME_USERNAME !== null) return ME_USERNAME;
try {
const s = await fetchJSON(`${BASE}/session/current.json`);
ME_USERNAME = (s.current_user && s.current_user.username) || '';
} catch (e) { ME_USERNAME = ''; }
return ME_USERNAME;
}
/* ============ 2.5 嵌套树 API 封装 ============ */
/**
* fetchNestedTree：获取话题的嵌套树形结构（权威树 API）。
* @param {number} topicId - 话题 ID
* @param {number} page - 分页号（0 表示第一页）
* @returns {Promise<{roots: Array, has_more_roots: boolean, page: number, topic: object, opPost: object}>}
*/
async function fetchNestedTree(topicId, page = 0) {
let url = `${BASE}/n/-/${topicId}.json?sort=old`;
if (page > 0) url += `&page=${page}`;
return await fetchJSON(url);
}
/**
* fetchNestedChildren：获取指定帖子的所有直接回复（用于"展示更多"按钮）。
* @param {number} topicId - 话题 ID
* @param {number} postNumber - 帖子楼号
* @returns {Promise<{children: Array, has_more: boolean, page: number}>}
*/
async function fetchNestedChildren(topicId, postNumber, page = 0) {
const url = `${BASE}/n/-/${topicId}/children/${postNumber}.json?sort=old&page=${page}&depth=1`;
return await fetchJSON(url);
}
/**
* fetchAllNestedChildren：读取指定父楼层的全部直接回复分页。
* children API 会同时携带每条直接回复当前可用的下级 children，后续定位时
* 再沿目标祖先链逐层补全，因此无需一次请求无限深度的整棵树。
*/
async function fetchAllNestedChildren(topicId, postNumber) {
const children = [];
const seenIds = new Set();
let page = 0;
for (let guard = 0; guard < 100; guard++) {
const response = await fetchNestedChildren(topicId, postNumber, page);
const batch = Array.isArray(response.children) ? response.children : [];
let added = 0;
batch.forEach((post) => {
if (seenIds.has(post.id)) return;
seenIds.add(post.id);
children.push(post);
added++;
});
if (!response.has_more) return children;
if (added === 0) throw new Error(`楼层 #${postNumber} 的子回复分页没有继续推进`);
const responsePage = Number(response.page);
page = Number.isFinite(responsePage) ? responsePage + 1 : page + 1;
}
throw new Error(`楼层 #${postNumber} 的子回复分页超过安全上限`);
}
/**
* indexTree：递归将嵌套树数据索引到 idToPost Map。
* @param {Array} posts - 帖子数组（可能包含 children）
*/
function indexTree(posts) {
if (!posts || !posts.length) return;
posts.forEach(post => {
idToPost.set(post.id, post);
if (post.children && post.children.length > 0) {
indexTree(post.children);
}
});
}
function indexPostsByNumber(posts, ctx) {
if (!posts || !posts.length || !ctx.postMap) return;
posts.forEach((post) => {
ctx.postMap.set(post.post_number, post);
if (post.children && post.children.length > 0) {
indexPostsByNumber(post.children, ctx);
}
});
}
function likeInfo(p) {
const like = (p.actions_summary || []).find((a) => a.id === 2) || {};
return { count: like.count || 0, acted: !!like.acted, canAct: !!like.can_act };
}
/* ============ 2.5 通知链接解析 ============ */
/**
* 解析当前页面 URL 或传入的 href，提取 topicId 和可选的 targetPostNumber。
* 支持格式：
* /t/slug/123 → topicId=123, target=null（首次/已读跳转）
* /t/slug/123/456 → topicId=123, target=456
* /t/123 → topicId=123
* /t/123/456 → topicId=123, target=456
*/
function parseTopicHref(href) {
if (!href) return null;
// 带 slug：/t/slug/id 或 /t/slug/id/postNumber
let m = href.match(/\/t\/[^/]+\/(\d+)(?:\/(\d+))?/);
if (m) return { topicId: m[1], targetPostNumber: m[2] ? +m[2] : null };
// 无 slug：/t/id 或 /t/id/postNumber
m = href.match(/\/t\/(\d+)(?:\/(\d+))?/);
if (m) return { topicId: m[1], targetPostNumber: m[2] ? +m[2] : null };
return null;
}
/* ============ 2.6 Boosts 气泡渲染辅助 ============ */
function renderBoosts(boosts) {
if (!boosts || !boosts.length) return '';
return boosts.map((b) => {
const bAvatar = b.user && b.user.avatar_template
? BASE + b.user.avatar_template.replace('{size}', '36') : '';
const canDel = !!b.can_delete;
return `` +
(bAvatar ? `
` : '') +
`
${b.cooked || ''}
` +
(canDel ? `
` : '') +
`
（帖子已被作者删除）
#${p.post_number}
`;
return node;
}
// 正常评论的渲染逻辑
const avatar = p.avatar_template
? BASE + p.avatar_template.replace('{size}', '48') : '';
const { count, acted, canAct } = likeInfo(p);
const isOP = ctx.op && p.username === ctx.op;
const isME = ME_USERNAME && p.username === ME_USERNAME;
const time = fmtTime(p.created_at);
let cooked = p.cooked || '';
cooked = (() => {
const tmp = document.createElement('div');
tmp.innerHTML = cooked;
tmp.querySelectorAll('a[href]').forEach((a) => {
const href = a.getAttribute('href') || '';
const isImageLink = /\.(png|jpe?g|gif|webp|bmp|avif)(\?|#|$)/i.test(href);
const isLightbox = a.classList.contains('lightbox');
if (!isImageLink && !isLightbox) {
if (!a.getAttribute('target')) a.setAttribute('target', '_blank');
}
});
return tmp.innerHTML;
})();
const boostsHtml = renderBoosts(p.boosts || []);
const canBoost = p.can_boost === true;
const node = document.createElement('div');
node.className = 'ldp-post' + (depth > 0 ? ' ldp-reply' : '');
node.dataset.postId = p.id;
node.dataset.postNumber = p.post_number;
node.innerHTML = `
${avatar ? `
` : ''}
${esc(p.name || p.username)}
@${esc(p.username)}
${isOP ? '
OP' : ''}
${isME ? '
ME' : ''}
${time ? `
· ${esc(time)}` : ''}
#${p.post_number}
${cooked}
${boostsHtml}
加载楼中楼中…
`;
return node;
}
/* ============ 8. 回复框 ============ */
function ensureReplyBox(post) {
let box = post.querySelector(':scope > .ldp-replybox');
if (box) return box;
const username = (post.querySelector(':scope > .ldp-post-head .ldp-user')?.textContent || '').replace(/^@/, '');
box = document.createElement('div');
box.className = 'ldp-replybox';
box.innerHTML = `✓ 已发送`;
const textarea = box.querySelector('textarea');
bindPasteEvent(textarea);
const actions = post.querySelector(':scope > .ldp-actions');
if (actions) actions.after(box);
else post.appendChild(box);
return box;
}
/* ============ 图片粘贴上传 ============ */
async function uploadImage(file) {
const formData = new FormData();
formData.append('file', file);
formData.append('type', 'composer');
formData.append('synchronous', 'true');
return apiSend(`${BASE}/uploads.json`, 'POST', formData);
}
function insertAtCursor(textarea, text) {
const start = textarea.selectionStart;
const end = textarea.selectionEnd;
const val = textarea.value;
textarea.value = val.substring(0, start) + text + val.substring(end);
textarea.selectionStart = textarea.selectionEnd = start + text.length;
textarea.focus();
}
function bindPasteEvent(textarea) {
textarea.addEventListener('paste', async (e) => {
const items = (e.clipboardData || e.originalEvent.clipboardData).items;
for (const item of items) {
if (item.type.indexOf('image') !== -1) {
e.preventDefault();
const file = item.getAsFile();
if (!file) continue;
const placeholder = `[正在上传图片 ${file.name} ...]`;
insertAtCursor(textarea, placeholder);
textarea.classList.add('uploading');
try {
const res = await uploadImage(file);
if (res && res.short_url) {
const markdown = ``;
textarea.value = textarea.value.replace(placeholder, markdown);
} else {
throw new Error('上传返回数据异常');
}
} catch (err) {
textarea.value = textarea.value.replace(placeholder, `[图片上传失败: ${err.message}]`);
} finally {
textarea.classList.remove('uploading');
}
}
}
});
}
/* ============ 9. 加载剩余子回复 ============ */
/**
* loadAllChildren：加载指定帖子的所有剩余子回复。
* @param {number} postId - 帖子 ID
* @param {number} postNumber - 帖子楼号
* @param {HTMLElement} button - "展示更多"按钮
* @param {object} ctx - 全局上下文
*/
async function loadAllChildren(postId, postNumber, button, ctx, silent = false) {
if (button) {
button.disabled = true;
button.textContent = '加载中...';
}
try {
const children = await fetchAllNestedChildren(ctx.topicId, postNumber);
const postNode = ctx.nodeMap.get(postNumber)
|| button?.closest('.ldp-post');
if (!postNode) throw new Error(`父楼层 #${postNumber} 尚未渲染`);
const post = ctx.postMap?.get(postNumber) || idToPost.get(postId);
if (post) post.children = children;
indexTree(children);
indexPostsByNumber(children, ctx);
// 清理扁平窗口中可能临时挂在顶层的重复节点；随后用权威嵌套数据重建子树。
const childNumbers = new Set();
const collectNumbers = (items) => items.forEach((item) => {
childNumbers.add(item.post_number);
if (item.children?.length) collectNumbers(item.children);
});
collectNumbers(children);
childNumbers.forEach((postNum) => {
const oldNode = ctx.nodeMap.get(postNum);
if (oldNode) oldNode.remove();
ctx.nodeMap.delete(postNum);
});
if (ctx.pending) {
ctx.pending = ctx.pending.filter((item) => !childNumbers.has(item.num));
}
const childrenEl = postNode.querySelector(':scope > .ldp-children');
childrenEl.innerHTML = '';
let parentDepth = 0;
let cursor = postNode.parentElement;
while (cursor && cursor !== ctx.commentsEl) {
if (cursor.classList.contains('ldp-children')) parentDepth++;
cursor = cursor.parentElement;
}
renderNestedTree(children, childrenEl, ctx, parentDepth + 1);
const actionsEl = postNode.querySelector(':scope > .ldp-sub-actions');
if (actionsEl) actionsEl.style.display = 'none';
if (button) button.remove();
return children;
} catch (e) {
if (button) {
button.disabled = false;
button.textContent = '展示更多回复 ↓';
}
if (!silent) {
alert('加载失败：' + e.message);
return [];
}
throw e;
}
}
/* ============ 9. 楼层归位辅助函数 ============ */
/**
* reflowPending：重新组织等待父节点的帖子。
* 当子帖子的父节点还未渲染时，会先放到 pending 数组，
* 父节点渲染后调用此函数重新组织DOM结构。
*/
function reflowPending(ctx) {
if (!ctx.pending || !ctx.pending.length) return;
const rest = [];
ctx.pending.forEach((it) => {
const child = ctx.nodeMap.get(it.num);
const parent = ctx.nodeMap.get(it.parent);
if (child && parent) {
parent.querySelector(':scope > .ldp-children').appendChild(child);
} else {
rest.push(it);
}
});
ctx.pending = rest;
}
/* ============ 10. 事件委托 ============ */
function bindActions(modal, ctx) {
modal.addEventListener('click', async (e) => {
const videoPlaceholder = e.target.closest('.video-placeholder-container[data-video-src]');
if (videoPlaceholder && !videoPlaceholder.querySelector('video')) {
e.preventDefault();
e.stopPropagation();
activateVideoPlaceholder(videoPlaceholder);
return;
}
const anchor = e.target.closest('a');
if (anchor && anchor.target === '_blank') return;
const img = e.target.closest('.ldp-content img');
if (img) { e.preventDefault(); e.stopPropagation(); openLightbox(resolveOriginalSrc(img)); return; }
const moreBtn = e.target.closest('.ldp-load-more-replies');
if (moreBtn) {
const post = moreBtn.closest('.ldp-post');
const postId = +post.dataset.postId;
const postNumber = +post.dataset.postNumber;
await loadAllChildren(postId, postNumber, moreBtn, ctx);
return;
}
const postNode = e.target.closest('.ldp-post');
if (!postNode) return;
const postId = postNode.dataset.postId, postNumber = +postNode.dataset.postNumber;
const likeBtn = e.target.closest('.ldp-like');
if (likeBtn && !likeBtn.disabled) {
const countEl = likeBtn.querySelector('.ldp-like-count'), acted = likeBtn.dataset.acted === '1';
likeBtn.disabled = true;
try {
if (!acted) {
await apiSend(`${BASE}/post_actions`, 'POST', { id: postId, post_action_type_id: 2, flag_topic: false });
likeBtn.classList.add('liked'); likeBtn.dataset.acted = '1';
countEl.textContent = (+countEl.textContent) + 1;
} else {
await apiSend(`${BASE}/post_actions/${postId}?post_action_type_id=2`, 'DELETE');
likeBtn.classList.remove('liked'); likeBtn.dataset.acted = '0';
countEl.textContent = Math.max(0, (+countEl.textContent) - 1);
}
} catch (err) { alert('操作失败：' + err.message); } finally { likeBtn.disabled = false; }
return;
}
const replyBtn = e.target.closest('.ldp-replybtn');
if (replyBtn) {
const box = ensureReplyBox(postNode);
box.classList.toggle('open');
if (box.classList.contains('open')) box.querySelector('textarea').focus();
return;
}
const boostBtn = e.target.closest('.ldp-boost-btn');
if (boostBtn && !boostBtn.disabled) {
const wrap = postNode.querySelector(':scope > .ldp-boost-input-wrap');
if (!wrap) return;
const opening = !wrap.classList.contains('open');
wrap.classList.toggle('open', opening);
if (opening) wrap.querySelector('.ldp-boost-input').focus();
return;
}
const boostCancel = e.target.closest('.ldp-boost-cancel');
if (boostCancel) {
const wrap = boostCancel.closest('.ldp-boost-input-wrap');
if (wrap) { wrap.classList.remove('open'); wrap.querySelector('.ldp-boost-input').value = ''; }
return;
}
const boostSubmit = e.target.closest('.ldp-boost-submit');
if (boostSubmit && !boostSubmit.disabled) {
const wrap = boostSubmit.closest('.ldp-boost-input-wrap');
const input = wrap && wrap.querySelector('.ldp-boost-input');
const raw = input ? input.value.trim() : '';
if (!raw) { input && input.focus(); return; }
if (raw.length > 16) { alert('Boost内容不能超过16个字符'); return; }
boostSubmit.disabled = true;
try {
const res = await apiSend(`${BASE}/discourse-boosts/posts/${postId}/boosts`, 'POST', { raw });
if (res && res.id) {
const listEl = postNode.querySelector(':scope > .ldp-boosts-list');
if (listEl) {
const bAvatar = res.user && res.user.avatar_template
? BASE + res.user.avatar_template.replace('{size}', '36') : '';
const newBubble = document.createElement('div');
newBubble.className = 'ldp-boost-bubble ldp-flash';
newBubble.dataset.boostId = res.id;
newBubble.innerHTML =
(bAvatar ? `` : '') +
`${res.cooked || ''}
` +
``;
listEl.appendChild(newBubble);
}
input.value = '';
wrap.classList.remove('open');
const btn = postNode.querySelector(':scope > .ldp-actions > .ldp-boost-btn');
if (btn) btn.disabled = true;
if (postNumber === 1) {
const fBoost = ctx.scrollRoot.closest('.ldp-modal').querySelector('.ldp-f-boost');
if (fBoost) { fBoost.disabled = true; fBoost.style.opacity = '0.4'; }
}
}
} catch (err) { alert('发射失败：' + err.message); }
finally { boostSubmit.disabled = false; }
return;
}
const boostDel = e.target.closest('.ldp-boost-del');
if (boostDel) {
const bubble = boostDel.closest('.ldp-boost-bubble');
const boostId = bubble && bubble.dataset.boostId;
if (!boostId) return;
try {
await apiSend(`${BASE}/discourse-boosts/boosts/${boostId}`, 'DELETE');
bubble.remove();
const btn = postNode.querySelector(':scope > .ldp-actions > .ldp-boost-btn');
if (btn) btn.disabled = false;
if (postNumber === 1) {
const fBoost = ctx.scrollRoot.closest('.ldp-modal').querySelector('.ldp-f-boost');
if (fBoost) { fBoost.disabled = false; fBoost.style.opacity = '1'; }
}
} catch (err) { alert('删除失败：' + err.message); }
return;
}
const sendBtn = e.target.closest('.ldp-send');
if (sendBtn) {
const box = sendBtn.closest('.ldp-replybox'),
textarea = box.querySelector('textarea'),
raw = textarea.value.trim();
if (!raw) return;
if (raw.length < 16) { alert('帖子必须至少为16个字符'); return; }
sendBtn.disabled = true;
sendBtn.textContent = '发送中…';
try {
const data = await apiSend(`${BASE}/posts`, 'POST', {
raw,
topic_id: ctx.topicId,
reply_to_post_number: postNumber,
nested_post: true,
});
const postData = data && data.post ? data.post : data;
if (postData && postData.cooked) {
const isTopLevel = postNumber === 1;
const newNode = renderPost({
id: postData.id,
post_number: postData.post_number,
username: postData.username || ME_USERNAME,
name: postData.name,
avatar_template: postData.avatar_template,
cooked: postData.cooked,
created_at: postData.created_at || new Date().toISOString(),
reply_to_post_number: postNumber,
actions_summary: [],
boosts: [],
can_boost: true,
}, !isTopLevel, ctx, isTopLevel ? 0 : 1);
newNode.classList.add('ldp-flash');
if (isTopLevel) {
ctx.commentsEl.prepend(newNode);
newNode.scrollIntoView({ behavior: 'smooth', block: 'center' });
} else {
const childrenContainer = postNode.querySelector(':scope > .ldp-children');
if (childrenContainer) {
childrenContainer.prepend(newNode);
} else {
console.warn('Parent post has no .ldp-children container');
}
}
ctx.nodeMap.set(postData.post_number, newNode);
ctx.tracker.observe(newNode);
ctx.totalComments = (ctx.totalComments || 0) + 1;
updateCommentsHeader(ctx);
const tip = box.querySelector('.ldp-reply-tip');
if (tip) { tip.classList.add('show'); setTimeout(() => tip.classList.remove('show'), 1500); }
box.classList.remove('open');
textarea.value = '';
}
} catch (err) {
alert('回复失败：' + err.message);
} finally {
sendBtn.disabled = false;
sendBtn.textContent = '发送';
}
return;
}
});
}
/* ============ 12. 收藏 ============ */
function bindBookmark(btn, topic) {
let bookmarked = !!topic.bookmarked, bookmarkId = topic.bookmark_id || null;
const sync = () => { btn.classList.toggle('bookmarked', bookmarked); };
sync();
btn.addEventListener('click', async () => {
btn.disabled = true;
try {
if (!bookmarked) {
const data = await apiSend(`${BASE}/bookmarks`, 'POST', { bookmarkable_id: topic.id, bookmarkable_type: 'Topic' });
bookmarkId = data && data.id ? data.id : bookmarkId; bookmarked = true;
} else if (bookmarkId) {
await apiSend(`${BASE}/bookmarks/${bookmarkId}`, 'DELETE'); bookmarked = false; bookmarkId = null;
} else {
await apiSend(`${BASE}/t/${topic.id}/remove_bookmarks`, 'PUT'); bookmarked = false;
}
sync();
} catch (err) { alert('收藏操作失败：' + err.message); } finally { btn.disabled = false; }
});
}
function bindFooterLike(btn, countEl, opPost) {
if (!opPost) { btn.disabled = true; return; }
const { count, acted, canAct } = likeInfo(opPost);
let liked = acted;
countEl.textContent = count;
btn.classList.toggle('liked', liked);
btn.disabled = !(canAct || acted);
btn.addEventListener('click', async () => {
if (btn.disabled) return;
btn.disabled = true;
try {
if (!liked) {
await apiSend(`${BASE}/post_actions`, 'POST', { id: opPost.id, post_action_type_id: 2, flag_topic: false });
liked = true; btn.classList.add('liked');
countEl.textContent = (+countEl.textContent) + 1;
} else {
await apiSend(`${BASE}/post_actions/${opPost.id}?post_action_type_id=2`, 'DELETE');
liked = false; btn.classList.remove('liked');
countEl.textContent = Math.max(0, (+countEl.textContent) - 1);
}
} catch (err) { alert('操作失败：' + err.message); } finally { btn.disabled = false; }
});
}
function updateCommentsHeader(ctx) {
if (ctx.countEl) ctx.countEl.textContent = ctx.totalComments ? `（${ctx.totalComments}）` : '';
if (ctx.emptyEl) ctx.emptyEl.style.display = ctx.totalComments ? 'none' : '';
if (ctx.footerReplyCountEl) ctx.footerReplyCountEl.textContent = ctx.totalComments || 0;
}
/* ============ 13. 定位：递归展开楼中楼并高亮目标 ============ */
function waitForScrollEnd(el, timeoutMs = 1200) {
const IDLE_MS = 120;
return new Promise((resolve) => {
let done = false;
let idleTimer = null;
const finish = () => {
if (done) return;
done = true;
el.removeEventListener('scroll', onScroll);
clearTimeout(idleTimer);
clearTimeout(safety);
resolve();
};
const onScroll = () => {
clearTimeout(idleTimer);
idleTimer = setTimeout(finish, IDLE_MS);
};
el.addEventListener('scroll', onScroll, { passive: true });
idleTimer = setTimeout(finish, IDLE_MS);
const safety = setTimeout(finish, timeoutMs);
});
}
function resolveTargetPostNumber(targetPostNumber, posts) {
const target = Number(targetPostNumber);
if (!Number.isFinite(target) || target <= 1) return targetPostNumber;
const availableNumbers = (posts || [])
.map((post) => Number(post?.post_number))
.filter((postNumber) => Number.isFinite(postNumber) && postNumber >= 1)
.sort((a, b) => a - b);
if (!availableNumbers.length || availableNumbers.includes(target)) return target;
// Discourse 删除或隐藏回复后楼号可能不连续。优先定位到下一个
// 实际可见的楼层；如果已经到末尾，则回退到最近的前一楼。
return availableNumbers.find((postNumber) => postNumber > target)
?? availableNumbers[availableNumbers.length - 1];
}
async function fetchPostForLocate(topicId, postNumber, ctx) {
const cached = ctx.postMap?.get(postNumber);
if (cached) return cached;
const data = await fetchJSON(`${BASE}/t/${topicId}.json?post_number=${postNumber}`);
const posts = data.post_stream?.posts || [];
posts.forEach((post) => {
if (ctx.postMap) ctx.postMap.set(post.post_number, post);
idToPost.set(post.id, post);
});
return posts.find((post) => post.post_number === postNumber) || null;
}
function ensurePostPlacement(post, ctx) {
if (!post || post.post_number === 1) return ctx.nodeMap.get(1) || null;
if (ctx.postMap) ctx.postMap.set(post.post_number, post);
idToPost.set(post.id, post);
let node = ctx.nodeMap.get(post.post_number);
if (!node) {
attachPost(post, ctx);
reflowPending(ctx);
node = ctx.nodeMap.get(post.post_number);
}
if (!node) return null;
const parentNumber = +post.reply_to_post_number || 1;
if (parentNumber > 1) {
const parentNode = ctx.nodeMap.get(parentNumber);
const childrenEl = parentNode?.querySelector(':scope > .ldp-children');
if (childrenEl && node.parentElement !== childrenEl) childrenEl.appendChild(node);
} else if (node.parentElement !== ctx.commentsEl) {
ctx.commentsEl.appendChild(node);
}
return node;
}
async function expandTargetAncestorChain(targetPostNumber, ctx) {
const targetPost = await fetchPostForLocate(ctx.topicId, targetPostNumber, ctx);
if (!targetPost) throw new Error(`未找到目标楼层 #${targetPostNumber}`);
const chain = [targetPost];
const seen = new Set([targetPostNumber]);
let current = targetPost;
while (+current.reply_to_post_number > 1) {
const parentNumber = +current.reply_to_post_number;
if (seen.has(parentNumber)) throw new Error('楼中楼祖先链存在循环引用');
seen.add(parentNumber);
const parent = await fetchPostForLocate(ctx.topicId, parentNumber, ctx);
if (!parent) throw new Error(`未找到父楼层 #${parentNumber}`);
chain.unshift(parent);
current = parent;
}
// 从最外层父回复向目标逐层展开，确保多层楼中楼的每一级 DOM 都已就位。
for (let i = 0; i < chain.length; i++) {
const post = ctx.postMap?.get(chain[i].post_number) || chain[i];
ensurePostPlacement(post, ctx);
const childOnPath = chain[i + 1];
if (!childOnPath) continue;
await loadAllChildren(post.id, post.post_number, null, ctx, true);
const refreshedChild = ctx.postMap?.get(childOnPath.post_number) || childOnPath;
ensurePostPlacement(refreshedChild, ctx);
reflowPending(ctx);
}
return ctx.nodeMap.get(targetPostNumber) || null;
}
async function locatePost(targetPostNumber, ctx) {
if (!targetPostNumber || targetPostNumber <= 1) return false;
await new Promise((resolve) => requestAnimationFrame(resolve));
let targetNode = ctx.nodeMap.get(targetPostNumber);
let locateError = null;
try {
targetNode = await expandTargetAncestorChain(targetPostNumber, ctx) || targetNode;
} catch (error) {
// 嵌套接口不可用时保留 1.3.0 原有的扁平定位作为降级路径。
locateError = error;
targetNode = ctx.nodeMap.get(targetPostNumber)
|| (targetNode?.isConnected ? targetNode : null);
}
if (!targetNode || targetNode.isConnected === false) {
const reason = locateError?.message ? `：${locateError.message}` : '';
console.warn(`[LinuxDo 增强阅读] 目标楼层 #${targetPostNumber} 不可见，无法定位${reason}`);
return false;
}
await new Promise((resolve) => requestAnimationFrame(resolve));
targetNode.scrollIntoView({ behavior: 'smooth', block: 'center' });
await waitForScrollEnd(ctx.scrollRoot);
const flashObserver = new IntersectionObserver((entries, observer) => {
const visibleEntry = entries.find((entry) =>
entry.isIntersecting && entry.intersectionRatio >= 0.5
);
if (!visibleEntry) return;
observer.disconnect();
const node = visibleEntry.target;
node.classList.remove('ldp-flash');
void node.offsetWidth;
node.classList.add('ldp-flash');
setTimeout(() => node.classList.remove('ldp-flash'), 1700);
}, { root: ctx.scrollRoot, threshold: [0.5] });
flashObserver.observe(targetNode);
setTimeout(() => flashObserver.disconnect(), 1500);
return true;
}
const SKELETON_HTML = `
`;
/* ============ 14. 弹窗主体 ============ */
let CURRENT_OVERLAY = null;
/**
* openModal(topicId, targetPostNumber)
*
* targetPostNumber 来源：
* - null / undefined → 场景 A（首次打开，从头加载）
* - 0 → 场景 B（已读过，跳到第一条未读）
* - N > 0 → 场景 C（通知直达，跳到第 N 楼）
*
* 优化策略：两阶段并行加载
* 阶段 1：请求 topic.json → 立即渲染 1 楼 → 移除骨架屏
* 阶段 2：解析 stream → 计算窗口 → 加载评论（后台进行）
*/
async function openModal(topicId, targetPostNumber) {
if (CURRENT_OVERLAY) { CURRENT_OVERLAY.remove(); CURRENT_OVERLAY = null; }
const abortController = new AbortController();
const overlay = document.createElement('div');
overlay.className = 'ldp-overlay';
overlay.innerHTML = `
⌛正在向上加载…
⌛正在加载评论…
⌛正在向下加载…
${SKELETON_HTML}
`;
document.body.appendChild(overlay);
CURRENT_OVERLAY = overlay;
const modal = overlay.querySelector('.ldp-modal');
const body = overlay.querySelector('.ldp-body');
const topicEl = overlay.querySelector('.ldp-topic');
const commentsEl = overlay.querySelector('.ldp-comments');
const countEl = overlay.querySelector('.ldp-comments-count');
const emptyEl = overlay.querySelector('.ldp-comments-empty');
const upSentinel = overlay.querySelector('.ldp-up-sentinel');
const downSentinel = overlay.querySelector('.ldp-down-sentinel');
const maskEl = overlay.querySelector('.ldp-loadmask');
const loadingTip = overlay.querySelector('.ldp-loading-tip');
const loadUpTip = overlay.querySelector('.ldp-load-up-tip');
const loadDownTip = overlay.querySelector('.ldp-load-down-tip');
const footerEl = overlay.querySelector('.ldp-footer');
const fLikeBtn = overlay.querySelector('.ldp-f-like');
const fLikeCountEl = overlay.querySelector('.ldp-f-like-count');
const fReplyBtn = overlay.querySelector('.ldp-f-reply');
const fReplyCountEl = overlay.querySelector('.ldp-f-reply-count');
const fBoostBtn = overlay.querySelector('.ldp-f-boost');
const fBookmarkBtn = overlay.querySelector('.ldp-f-bookmark');
const fOpenLink = overlay.querySelector('.ldp-f-open');
const tracker = createReadTracker(topicId, body);
const ctx = {
topicId, op: null, topicEl, commentsEl, countEl, emptyEl,
scrollRoot: body,
nodeMap: new Map(),
postMap: new Map(),
tracker,
totalComments: 0,
footerReplyCountEl: fReplyCountEl,
};
const close = () => {
abortController.abort(); // 取消所有进行中的请求
tracker.stop();
overlay.remove();
if (CURRENT_OVERLAY === overlay) CURRENT_OVERLAY = null;
document.removeEventListener('keydown', onEsc);
};
function onEsc(e) { if (e.key === 'Escape') close(); }
overlay.querySelector('.ldp-close').addEventListener('click', close);
overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
document.addEventListener('keydown', onEsc);
/* ---- 底部"已加载全部评论"提示 ---- */
function showBottomTip() {
if (!body.querySelector('.ldp-bottom-tip')) {
const tip = document.createElement('div');
tip.className = 'ldp-bottom-tip';
tip.textContent = '已加载全部评论';
body.insertBefore(tip, downSentinel.nextSibling);
}
}
/* ---- 主初始化流程（嵌套树 API 加载） ---- */
let topicData = null;
try {
// ====== 阶段 1：加载嵌套树数据 ======
const mePromise = ensureMe().catch(() => {});
// 处理跳转到指定楼层的情况（包含通知跳转和已读跳未读）
let resolvedTarget = targetPostNumber;
let cachedTopicDetail = null; // 缓存"已读跳未读"阶段拉到的话题详情，供后面复用，避免重复请求
// 如果是"已读跳未读"场景（targetPostNumber === 0），需要先获取已读进度
if (targetPostNumber === 0) {
// 先获取话题元数据以确定已读进度
try {
const metaRes = await fetch(`${BASE}/t/${topicId}.json?track_visit=true&forceLoad=true`, {
method: 'GET',
credentials: 'include',
cache: 'no-store',
headers: {
'Accept': 'application/json, text/javascript, */*; q=0.01',
'X-Requested-With': 'XMLHttpRequest',
'Discourse-Present': 'true',
'Discourse-Track-View': 'true',
'Discourse-Track-View-Topic-Id': String(topicId),
},
});
if (metaRes.ok) {
const metaData = await metaRes.json();
cachedTopicDetail = metaData;
const lastRead = metaData.last_read_post_number || 0;
const highest = metaData.highest_post_number || 1;
// 如果有未读评论，跳转到第一条未读
if (lastRead > 0 && lastRead < highest) {
resolvedTarget = lastRead + 1;
}
}
} catch (e) {
// 获取已读进度失败，忽略并从头加载
}
}
// 如果需要跳转到指定楼层（通知跳转或已读跳未读）
if (resolvedTarget && resolvedTarget > 1) {
// 使用扁平流 API 精确定位
try {
const anchorUrl = `${BASE}/t/${topicId}.json?post_number=${resolvedTarget}`;
const anchorRes = await fetch(anchorUrl, {
method: 'GET',
credentials: 'include',
cache: 'no-store',
headers: {
'Accept': 'application/json',
'X-Requested-With': 'XMLHttpRequest',
},
});
if (!anchorRes.ok) throw new Error('HTTP ' + anchorRes.status);
const anchorData = await anchorRes.json();
const requestedTarget = resolvedTarget;
resolvedTarget = resolveTargetPostNumber(
resolvedTarget,
anchorData.post_stream?.posts || []
);
if (resolvedTarget !== requestedTarget) {
console.debug(
`[LinuxDo 增强阅读] 目标楼层 #${requestedTarget} 不可见，`
+ `改为定位 #${resolvedTarget}`
);
}
idToPost.clear();
anchorData.post_stream.posts.forEach((post) => {
idToPost.set(post.id, post);
ctx.postMap.set(post.post_number, post);
});
// 提取基本信息
let opPost = anchorData.post_stream.posts.find(p => p.post_number === 1);
const opNotInWindow = !opPost; // 标记楼主是否不在当前窗口
// 如果窗口中不包含楼主，从话题详情中获取（优先复用前面已拉取的缓存，避免重复请求）
if (opNotInWindow) {
if (cachedTopicDetail) {
opPost = cachedTopicDetail.post_stream.posts.find(p => p.post_number === 1);
} else {
try {
const topicDetailRes = await fetch(`${BASE}/t/${topicId}.json?track_visit=true&forceLoad=true`, {
method: 'GET',
credentials: 'include',
cache: 'no-store',
headers: { 'Accept': 'application/json' },
});
if (topicDetailRes.ok) {
const topicDetail = await topicDetailRes.json();
cachedTopicDetail = topicDetail;
opPost = topicDetail.post_stream.posts.find(p => p.post_number === 1);
}
} catch (e) {
console.error('加载楼主帖子失败:', e);
}
}
}
// 如果仍然没有楼主数据，使用占位符
if (!opPost) {
const opUsername = (anchorData.details && anchorData.details.created_by && anchorData.details.created_by.username) || '未知';
opPost = {
id: anchorData.post_stream.stream ? anchorData.post_stream.stream[0] : 0,
post_number: 1,
username: opUsername,
name: opUsername,
cooked: '楼主帖子加载失败
',
created_at: anchorData.created_at || new Date().toISOString(),
actions_summary: [],
boosts: [],
can_boost: false,
};
}
ctx.op = opPost.username;
ctx.totalComments = anchorData.posts_count - 1;
// 更新标题和元数据
overlay.querySelector('.ldp-title').textContent = anchorData.title;
overlay.querySelector('.ldp-meta').textContent =
`${anchorData.posts_count} 帖 · ${anchorData.views || 0} 浏览 · 楼主 @${ctx.op || '?'}`;
updateCommentsHeader(ctx);
// 渲染 1 楼
const opNode = renderPost(opPost, false, ctx, 0);
ctx.topicEl.appendChild(opNode);
ctx.nodeMap.set(1, opNode);
ctx.postMap.set(1, opPost);
idToPost.set(opPost.id, opPost);
ctx.tracker.observe(opNode);
// 立即移除骨架屏
maskEl.classList.add('hide');
setTimeout(() => maskEl.remove(), 300);
// 绑定底部操作栏
fOpenLink.href = `${BASE}/t/${topicId}`;
bindBookmark(fBookmarkBtn, anchorData);
bindFooterLike(fLikeBtn, fLikeCountEl, opPost);
const canBoostOp = !!(opPost && opPost.can_boost);
if (!canBoostOp) { fBoostBtn.disabled = true; fBoostBtn.style.opacity = '0.4'; }
fBoostBtn.addEventListener('click', () => {
if (fBoostBtn.disabled) return;
const opNode = ctx.topicEl.querySelector('.ldp-post');
if (!opNode) return;
const wrap = opNode.querySelector(':scope > .ldp-boost-input-wrap');
if (!wrap) return;
const opening = !wrap.classList.contains('open');
wrap.classList.toggle('open', opening);
if (opening) { wrap.querySelector('.ldp-boost-input').focus(); wrap.scrollIntoView({ behavior: 'smooth', block: 'center' }); }
});
fReplyBtn.addEventListener('click', () => {
const opNode = ctx.topicEl.querySelector('.ldp-post');
if (!opNode) return;
const box = ensureReplyBox(opNode);
box.classList.toggle('open');
if (box.classList.contains('open')) { box.querySelector('textarea').focus(); box.scrollIntoView({ behavior: 'smooth', block: 'center' }); }
});
footerEl.hidden = false;
bindActions(modal, ctx);
tracker.start();
// 初始化 pending 数组（用于构建楼中楼）
ctx.pending = [];
ctx.repliesIO = { observe: () => {}, disconnect: () => {} }; // 兼容占位
// 保存完整的帖子流（用于双向加载）
const streamFull = anchorData.post_stream.stream || [];
const stream = streamFull.filter(id => {
const cached = anchorData.post_stream.posts.find(p => p.id === id);
return !(cached && cached.post_number === 1);
});
// 初始化双向加载状态
const postCache = new Map();
anchorData.post_stream.posts.forEach(p => postCache.set(p.id, p));
let upCursor = 0;
let downCursor = stream.length;
let topReached = false;
let bottomReached = false;
let loadingDown = false;
let loadingUp = false;
let isAnchoring = true; // 锚定锁：定位完成前禁止触发加载
// 计算已加载的楼层范围
const loadedPostIds = new Set(anchorData.post_stream.posts.map(p => p.id));
const firstLoadedId = anchorData.post_stream.posts[0]?.id;
const lastLoadedId = anchorData.post_stream.posts[anchorData.post_stream.posts.length - 1]?.id;
if (firstLoadedId && streamFull.includes(firstLoadedId)) {
upCursor = streamFull.indexOf(firstLoadedId);
topReached = upCursor === 0;
}
if (lastLoadedId && streamFull.includes(lastLoadedId)) {
downCursor = streamFull.indexOf(lastLoadedId) + 1;
bottomReached = downCursor >= streamFull.length;
}
// 渲染目标楼层周围的帖子（使用 attachPost 构建楼中楼关系）
loadingTip.classList.add('show');
anchorData.post_stream.posts.forEach(post => {
if (post.post_number === 1) return; // 已渲染
attachPost(post, ctx);
});
reflowPending(ctx);
loadingTip.classList.remove('show');
// 展开完整祖先链，等待滚动稳定后再高亮目标；失败时函数内部降级为扁平定位。
await locatePost(resolvedTarget, ctx);
// ====== 添加双向加载逻辑 ======
async function fetchPosts(postIds) {
if (!postIds || !postIds.length) return [];
const qs = postIds.map(id => `post_ids[]=${id}`).join('&');
const res = await fetchJSON(`${BASE}/t/${topicId}/posts.json?${qs}`);
return res.post_stream.posts || [];
}
async function loadDown() {
if (isAnchoring || loadingDown || bottomReached || downCursor >= streamFull.length) return;
loadingDown = true;
loadDownTip.classList.add('show');
try {
const batch = streamFull.slice(downCursor, Math.min(downCursor + PAGE_SIZE, streamFull.length));
if (batch.length === 0) {
bottomReached = true;
showBottomTip();
return;
}
const posts = await fetchPosts(batch);
posts.forEach(p => {
if (p.post_number === 1 || loadedPostIds.has(p.id)) return;
loadedPostIds.add(p.id);
attachPost(p, ctx);
});
reflowPending(ctx);
downCursor += batch.length;
bottomReached = downCursor >= streamFull.length;
if (bottomReached) showBottomTip();
} catch (e) {
console.error('向下加载失败:', e);
} finally {
loadingDown = false;
loadDownTip.classList.remove('show');
}
}
async function loadUp() {
if (isAnchoring || loadingUp || topReached || upCursor <= 0) return;
loadingUp = true;
loadUpTip.classList.add('show');
try {
const oldScrollHeight = body.scrollHeight;
const oldScrollTop = body.scrollTop;
const start = Math.max(0, upCursor - PAGE_SIZE);
const batch = streamFull.slice(start, upCursor);
if (batch.length === 0) {
topReached = true;
if (!body.querySelector('.ldp-top-tip')) {
const tip = document.createElement('div');
tip.className = 'ldp-top-tip';
tip.textContent = '已是最早的评论';
commentsEl.before(tip);
}
return;
}
const posts = await fetchPosts(batch);
// 按 stream 顺序处理帖子（不要反转）
// streamFull 中的顺序：[id1, id2, id3...] 对应楼层号顺序
// fetchPosts 返回的帖子顺序可能与请求顺序不同，需要按 stream 顺序重新排序
const postIdToPost = new Map(posts.map(p => [p.id, p]));
const orderedPosts = batch
.map(id => postIdToPost.get(id))
.filter(Boolean);
const fragment = document.createDocumentFragment();
const tempCtx = Object.assign({}, ctx, {
commentsEl: fragment,
nodeMap: ctx.nodeMap,
topicEl: ctx.topicEl,
});
orderedPosts.forEach(p => {
if (p.post_number === 1 || loadedPostIds.has(p.id)) return;
loadedPostIds.add(p.id);
attachPost(p, tempCtx);
});
reflowPending(tempCtx);
commentsEl.prepend(fragment);
// 高度补偿
requestAnimationFrame(() => {
const newScrollHeight = body.scrollHeight;
body.scrollTop = oldScrollTop + (newScrollHeight - oldScrollHeight);
});
upCursor = start;
topReached = upCursor === 0;
if (topReached && !body.querySelector('.ldp-top-tip')) {
const tip = document.createElement('div');
tip.className = 'ldp-top-tip';
tip.textContent = '已是最早的评论';
commentsEl.before(tip);
}
} catch (e) {
console.error('向上加载失败:', e);
} finally {
loadingUp = false;
loadUpTip.classList.remove('show');
}
}
// 监听滚动事件
if (!bottomReached) {
const sentinelDownIO = new IntersectionObserver(
(entries) => { if (entries.some(en => en.isIntersecting) && !isAnchoring) loadDown(); },
{ root: body, rootMargin: '300px' }
);
sentinelDownIO.observe(downSentinel);
}
if (!topReached) {
const sentinelUpIO = new IntersectionObserver(
(entries) => { if (entries.some(en => en.isIntersecting) && !isAnchoring) loadUp(); },
{ root: body, rootMargin: '600px' }
);
sentinelUpIO.observe(upSentinel);
}
body.addEventListener('scroll', () => {
if (isAnchoring) return;
const { scrollTop, scrollHeight, clientHeight } = body;
if (scrollHeight - scrollTop - clientHeight < 400) loadDown();
if (scrollTop < 800) loadUp();
}, { passive: true });
// locatePost 已等待滚动真正停止，可以安全开放双向加载。
isAnchoring = false;
showBottomTip();
} catch (e) {
alert('加载失败：' + e.message);
}
await mePromise;
return; // 跳转场景直接返回，不加载完整嵌套树
}
// 正常浏览：加载嵌套树 API
const nestedResponse = await fetchNestedTree(topicId, 0);
// 检查服务器返回的是嵌套树还是扁平流（私有话题等）
if (nestedResponse.roots && nestedResponse.roots.length >= 0) {
// 成功获取嵌套树数据
const opPost = nestedResponse.op_post;
let roots = nestedResponse.roots;
const topicMeta = nestedResponse.topic;
nestedHasMoreRoots = nestedResponse.has_more_roots || false;
nestedRootsPage = nestedResponse.page || 0;
nestedTreeRoots = roots;
if (!opPost) {
throw new Error('服务器返回数据缺少 OP 帖子');
}
// 建立混合索引
idToPost.clear();
idToPost.set(opPost.id, opPost);
indexTree(roots);
ctx.postMap.clear();
ctx.postMap.set(1, opPost);
indexPostsByNumber(roots, ctx);
// 构造 topicData 对象（兼容后续逻辑）
topicData = {
id: topicMeta?.id || topicId,
title: topicMeta?.title || '',
posts_count: topicMeta?.posts_count || 1,
views: 0,
post_stream: {
posts: [opPost, ...roots],
stream: []
},
details: {
created_by: { username: opPost.username }
}
};
ctx.op = opPost.username;
ctx.totalComments = (topicMeta?.posts_count || 1) - 1; // 总评论数 = 总帖子数 - 楼主
// 更新标题和元数据
overlay.querySelector('.ldp-title').textContent = topicMeta?.title || `话题 #${topicId}`;
overlay.querySelector('.ldp-meta').textContent =
`${topicMeta?.posts_count || 1} 帖 · 楼主 @${ctx.op || '?'}`;
updateCommentsHeader(ctx);
// 渲染 1 楼
const opNode = renderPost(opPost, false, ctx, 0);
ctx.topicEl.appendChild(opNode);
ctx.nodeMap.set(1, opNode);
ctx.tracker.observe(opNode);
// 立即移除骨架屏
maskEl.classList.add('hide');
setTimeout(() => maskEl.remove(), 300);
// 绑定底部操作栏
fOpenLink.href = `${BASE}/t/${topicId}`;
bindBookmark(fBookmarkBtn, topicData);
bindFooterLike(fLikeBtn, fLikeCountEl, opPost);
const canBoostOp = !!(opPost && opPost.can_boost);
if (!canBoostOp) { fBoostBtn.disabled = true; fBoostBtn.style.opacity = '0.4'; }
fBoostBtn.addEventListener('click', () => {
if (fBoostBtn.disabled) return;
const opNode = ctx.topicEl.querySelector('.ldp-post');
if (!opNode) return;
const wrap = opNode.querySelector(':scope > .ldp-boost-input-wrap');
if (!wrap) return;
const opening = !wrap.classList.contains('open');
wrap.classList.toggle('open', opening);
if (opening) { wrap.querySelector('.ldp-boost-input').focus(); wrap.scrollIntoView({ behavior: 'smooth', block: 'center' }); }
});
fReplyBtn.addEventListener('click', () => {
const opNode = ctx.topicEl.querySelector('.ldp-post');
if (!opNode) return;
const box = ensureReplyBox(opNode);
box.classList.toggle('open');
if (box.classList.contains('open')) { box.querySelector('textarea').focus(); box.scrollIntoView({ behavior: 'smooth', block: 'center' }); }
});
footerEl.hidden = false;
bindActions(modal, ctx);
tracker.start();
// ====== 阶段 2：渲染嵌套树 ======
loadingTip.classList.add('show');
try {
renderNestedTree(roots, commentsEl, ctx, 1);
loadingTip.classList.remove('show');
// 如果有更多顶层回复，添加滚动监听器
if (nestedHasMoreRoots) {
let isLoadingMore = false; // 加载锁
// IntersectionObserver 监听底部哨兵
const sentinelDownIO = new IntersectionObserver(
(entries) => {
if (entries.some((en) => en.isIntersecting) && !isLoadingMore) {
loadMoreRoots();
}
},
{ root: body, rootMargin: '300px' }
);
sentinelDownIO.observe(downSentinel);
// scroll 事件兜底
body.addEventListener('scroll', () => {
if (isLoadingMore) return;
const { scrollTop, scrollHeight, clientHeight } = body;
if (scrollHeight - scrollTop - clientHeight < 400) {
loadMoreRoots();
}
}, { passive: true });
// 加载更多顶层回复
async function loadMoreRoots() {
if (!nestedHasMoreRoots || isLoadingMore) return;
isLoadingMore = true;
loadDownTip.classList.add('show');
try {
const nextPage = nestedRootsPage + 1;
const response = await fetchNestedTree(topicId, nextPage);
if (response.roots && response.roots.length > 0) {
// 去重：过滤已存在的帖子
const existingIds = new Set(nestedTreeRoots.map(r => r.id));
const newRoots = response.roots.filter(r => !existingIds.has(r.id));
if (newRoots.length > 0) {
// 追加新数据到索引
indexTree(newRoots);
// 追加到内存树
nestedTreeRoots = nestedTreeRoots.concat(newRoots);
// 渲染新数据
renderNestedTree(newRoots, commentsEl, ctx, 1);
}
// 更新状态
nestedHasMoreRoots = response.has_more_roots || false;
nestedRootsPage = response.page || nextPage;
if (!nestedHasMoreRoots) {
showBottomTip();
}
} else {
// 没有新数据，停止加载
nestedHasMoreRoots = false;
showBottomTip();
}
} catch (e) {
console.error('加载更多评论失败:', e);
} finally {
isLoadingMore = false;
loadDownTip.classList.remove('show');
}
}
} else {
showBottomTip();
}
} catch (err) {
loadingTip.classList.remove('show');
alert('渲染评论失败：' + err.message);
}
} else if (nestedResponse.flat_topic) {
// 服务器返回扁平流（私有话题等）
alert('此话题不支持树形视图，请刷新页面使用标准视图');
return;
} else {
throw new Error('服务器返回数据格式异常');
}
// 等待 ME 加载完成
await mePromise;
} catch (err) {
if (err.name === 'AbortError') {
// 用户关闭弹框，静默退出
return;
}
// 加载失败，显示错误
if (maskEl) maskEl.remove();
body.innerHTML = `加载失败：${esc(err.message)}
`;
}
}
/* ============ 15. 拦截标题/通知点击 ============ */
document.addEventListener('click', function (e) {
const a = e.target.closest('a.title, a.raw-topic-link, a.search-link, a.search-result-topic, a[href*="/t/"]');
if (!a || a.classList.contains('ldp-link-open') || a.classList.contains('ldp-f-open')) return;
const href = a.getAttribute('href') || '';
const parsed = parseTopicHref(href);
if (!parsed) return;
const inMenu = !!a.closest(MENU_PANEL_SEL);
const inSearch = !!a.closest(SEARCH_SEL);
const isTitle = a.classList.contains('title') || a.classList.contains('raw-topic-link')
|| a.classList.contains('search-link') || a.classList.contains('search-result-topic');
if (!isTitle && !inMenu && !inSearch) return;
e.preventDefault();
e.stopPropagation();
const { topicId, targetPostNumber } = parsed;
if (inMenu && targetPostNumber) {
// 通知面板点击：有具体楼层号 → 场景 C（直接跳指定楼层）
openModal(topicId, targetPostNumber);
} else if (isTitle || inSearch) {
// 列表页/搜索结果点击标题 → 场景 A/B 自动判断
// 传 0 触发"已读跳未读"逻辑，openModal 内部会检查 last_read_post_number
openModal(topicId, 0);
} else {
// 其他情况（菜单里的帖子链接，无具体楼层）→ 场景 A/B
openModal(topicId, 0);
}
}, true);
})();