通知 · 朕的小秘书
{items === null &&
稍候 · 待朕过目……
}
{items && list.length === 0 &&
暂无新消息
}
{list.map(n => (
onItemClick(n)}>
{n.title}
{n.msg}
{n.time}
))}
);
}
// Render "N 分钟前 / N 时前 / N 日前" from an ISO timestamp
function relativeTime(iso) {
if (!iso) return '';
const d = new Date(iso);
const diffMin = Math.max(0, Math.floor((Date.now() - d.getTime()) / 60000));
if (diffMin < 1) return '刚刚';
if (diffMin < 60) return diffMin + ' 分钟前';
if (diffMin < 1440) return Math.floor(diffMin / 60) + ' 时前';
const days = Math.floor(diffMin / 1440);
if (days < 30) return days + ' 日前';
return d.getFullYear() + '.' + String(d.getMonth() + 1).padStart(2, '0') + '.' + String(d.getDate()).padStart(2, '0');
}
/* ==========================================================
Global search
========================================================== */
function GlobalSearch({ open, letters, onClose, onOpenLetter, onNav, onOpenProfile }) {
const [q, setQ] = uU('');
const [apiHits, setApiHits] = uU(null);
const refIn = uUR(null);
uUE(() => { if (open) setTimeout(() => refIn.current && refIn.current.focus(), 50); }, [open]);
uUE(() => {
if (!open || !window.bxApi) return;
const s = q.trim();
if (!s) { setApiHits(null); return; }
const handle = setTimeout(() => {
window.bxApi.search(s).then(r => setApiHits(r.items || [])).catch(() => setApiHits(null));
}, 180);
return () => clearTimeout(handle);
}, [q, open]);
const matched = uUM(() => {
const s = q.trim();
if (!s) return [];
const hits = [];
const num = parseInt(s);
if (!isNaN(num) && num > 0) hits.push({ kind: '按编号查询', label: '查询 #' + num + ' 进度', go: () => { onNav('track', num); onClose(); } });
if (apiHits) {
for (const h of apiHits) {
if (h.kind === 'letter') {
hits.push({ kind: '奏折 #' + h.id, label: h.label || h.title, go: () => { onOpenLetter(h.id); onClose(); } });
} else if (h.kind === 'user') {
hits.push({
kind: '爱卿 · ' + h.rank, label: h.name,
go: () => {
if (onOpenProfile) onOpenProfile(h.name);
else onNav('public', null);
onClose();
},
});
}
if (hits.length > 12) break;
}
return hits;
}
// Offline fallback to local letters
for (const L of letters || []) {
const hay = (L.title + (L.body || '') + (L.reply || '') + L.author + L.category).toLowerCase();
if (hay.includes(s.toLowerCase()) || String(L.id) === s) {
hits.push({ kind: '奏折 #' + L.id, label: L.title + ' · ' + (L.anonymous ? '某位爱卿' : L.author), go: () => { onOpenLetter(L.id); onClose(); } });
}
if (hits.length > 10) break;
}
return hits;
}, [q, letters, apiHits]);
if (!open) return null;
return (
e.stopPropagation()}>
{UI.search}
setQ(e.target.value)} placeholder="搜索奏折标题、内容、编号,或爱卿尊号……" />
Esc
{!q &&
输入关键字 · 标题 / 正文 / 编号 / 爱卿 皆可
}
{q && matched.length === 0 &&
无结果 · 换个词试试
}
{matched.map((m, i) => (
{m.label}
{m.kind}
))}
);
}
/* ==========================================================
Reading progress bar
========================================================== */
function ReadingProgress({ target }) {
const [pct, setPct] = uU(0);
uUE(() => {
function onScroll() {
const el = target && target.current;
const h = document.documentElement;
const max = (el ? el.scrollHeight : h.scrollHeight) - window.innerHeight;
const top = window.scrollY;
setPct(max > 0 ? Math.min(100, Math.max(0, (top / max) * 100)) : 0);
}
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
return () => window.removeEventListener('scroll', onScroll);
}, [target]);
return
;
}
/* ==========================================================
Public user profile page (privacy-safe)
========================================================== */
function PublicProfilePage({ name, letters, onOpenLetter, onBack }) {
const [data, setData] = uU(null);
uUE(() => {
if (!window.bxApi) return;
window.bxApi.publicProfile(name).then(setData).catch(() => setData(null));
}, [name]);
// Use API data when available; otherwise fall back to local letters array
const stats = data?.stats || {};
const userLetters = data
? (data.letters || []).map(L => ({ ...L, author: data.name, anonymous: false }))
: (letters || []).filter(L => L.author === name);
const seal = data?.rank || (userLetters.length > 20 ? '肱股之臣' : userLetters.length > 10 ? '妃' : userLetters.length > 5 ? '贵人' : '常在');
const joined = data?.joined_at ? data.joined_at.slice(0, 10).replace(/-/g, '.') : '2026.01.08';
const submitted = stats.submitted ?? Math.max(userLetters.length, 12);
const readCount = stats.read ?? Math.max(Math.floor(userLetters.length / 2), 3);
const praised = stats.praised ?? 0;
return (
{seal}
{name}
入宫于 {joined} · 已投 {submitted} 封 · 被翻牌 {readCount} 次{praised ? ` · 陛下赏 ${praised} 次` : ''}
{submitted}投稿数
{readCount}被宣读
{seal}当前封号
此爱卿的公开奏折
{userLetters.length === 0 &&
}
{userLetters.map(L =>
onOpenLetter(L.id)}/>)}
);
}
/* ---------- Audience (每日觐见) card ---------- */
// Normalise API shape ({streak, high_water, last_checkin_date, rescue_remaining_this_month, tiers, confessions})
// into the localStorage-style shape used inside this component.
function normaliseApiAudience(api) {
return {
streak: api.streak || 0,
highWater: api.high_water || 0,
lastDate: api.last_checkin_date || '',
totalDays: api.total_audience_days || 0,
claimed: (api.tiers || []).filter(t => t.claimed).map(t => t.days),
confessions: (api.confessions || []).map(c => ({ date: c.date, text: c.text, patched: c.patched || 1 })),
rescueRemainingApi: api.rescue_remaining_this_month,
};
}
function AudienceCard({ compact }) {
const hasApi = !!window.bxApi;
const [state, setState] = uU(hasApi ? { streak: 0, highWater: 0, lastDate: '', claimed: [], confessions: [], rescueRemainingApi: RESCUE_MONTHLY_QUOTA } : loadAudience());
const [rescueOpen, setRescueOpen] = uU(false);
const [confession, setConfession] = uU('');
const [loaded, setLoaded] = uU(!hasApi);
// Load initial audience state from API when online
uUE(() => {
if (!hasApi) return;
window.bxApi.audience().then(api => { setState(normaliseApiAudience(api)); setLoaded(true); })
.catch(() => { setState(loadAudience()); setLoaded(true); });
}, []);
const today = audienceToday();
const checkedToday = state.lastDate === today;
const tier = nextAudienceTier(state.streak);
const pct = Math.min(100, Math.round((state.streak / tier.days) * 100));
const rescueRemaining = hasApi && state.rescueRemainingApi !== undefined
? state.rescueRemainingApi
: getRescueRemainingThisMonth();
const hasGap = (state.highWater || 0) > state.streak;
const gapSize = Math.max(0, (state.highWater || 0) - state.streak);
const rescueEligible = checkedToday && hasGap && rescueRemaining > 0;
async function onCheckIn() {
if (hasApi) {
try {
const next = await window.bxApi.checkIn();
setState(s => ({ ...s, streak: next.streak, highWater: next.high_water, lastDate: next.last_checkin_date, rescueRemainingApi: next.rescue_remaining_this_month }));
window.showToast && window.showToast({ type: 'success', msg: `觐见成功 · 连续 ${next.streak} 日` });
return;
} catch (e) {
if (e.status !== 401) window.showToast && window.showToast({ type: 'error', msg: e.message });
return;
}
}
const next = doCheckIn();
setState(next);
window.showToast && window.showToast({ type: 'success', msg: `觐见成功 · 连续 ${next.streak} 日` });
}
async function onClaim(days) {
if (hasApi) {
try {
await window.bxApi.claimTier({ tier_days: days });
const api = await window.bxApi.audience();
setState(normaliseApiAudience(api));
const t = AUDIENCE_TIERS.find(x => x.days === days);
window.showToast && window.showToast({ type: 'success', msg: `领取成功 · ${t.name}` });
return;
} catch (e) {
if (e.status !== 401) window.showToast && window.showToast({ type: 'error', msg: e.message });
return;
}
}
const next = claimAudienceReward(days);
if (!next) { window.showToast && window.showToast({ type: 'warning', msg: '尚未达到或已领取' }); return; }
setState(next);
const tier = AUDIENCE_TIERS.find(t => t.days === days);
window.showToast && window.showToast({ type: 'success', msg: `领取成功 · ${tier.name}` });
}
async function onRescueSubmit() {
if (hasApi) {
try {
const next = await window.bxApi.rescue(confession);
setState(s => ({
...s,
streak: next.streak,
highWater: next.high_water,
rescueRemainingApi: next.rescue_remaining_this_month,
confessions: [{ date: audienceToday(), text: confession, patched: 1 }, ...(s.confessions || [])],
}));
setRescueOpen(false);
setConfession('');
window.showToast && window.showToast({ type: 'success', msg: `悔过已呈 · 补回一日 · 现连觐 ${next.streak} 日 · 本月补签余 ${next.rescue_remaining_this_month} 次` });
return;
} catch (e) {
if (e.status !== 401) window.showToast && window.showToast({ type: 'error', msg: e.message });
return;
}
}
const r = doRescue(confession);
if (!r.ok) { window.showToast && window.showToast({ type: 'error', msg: r.reason }); return; }
setState(r.state);
setRescueOpen(false);
setConfession('');
window.showToast && window.showToast({ type: 'success', msg: `悔过已呈 · 补回一日 · 现连觐 ${r.state.streak} 日 · 本月补签余 ${r.remaining} 次` });
}
return (
<>
AUDIENCE · 每日觐见
{checkedToday
? <>今日已觐见 · 连续 {state.streak} 日
: '今日尚未觐见陛下'}
{rescueEligible
? <>曾连觐 {state.highWater} 日 · 尚缺 {gapSize} 日未补 · 本月余 {rescueRemaining} / {RESCUE_MONTHLY_QUOTA} 次 · 每次 1 日
: hasGap && !checkedToday
? <>曾连觐 {state.highWater} 日,需先觐见今日,方可补签昨日
: hasGap && rescueRemaining === 0
? <>尚缺 {gapSize} 日未补,本月额度已尽(每月 {RESCUE_MONTHLY_QUOTA} 次,次月重置)
: checkedToday
? <>距下一档「{tier.name}」还差 {Math.max(0, tier.days - state.streak)} 日
: '点"觐见"以续连签,断签觐见纹将清零(已领奖励保留)'}
{rescueEligible && (
)}
{!checkedToday ? (
) : (
今日已觐见
)}
历次悔过 · {state.confessions.length} · 共补回 {state.confessions.reduce((s, c) => s + (c.patched || 1), 0)} 日
{state.confessions.map((c, i) => (
-
{c.date}
补回 {c.patched || 1} 日
{c.text}
))}
)}
{rescueOpen && (
setRescueOpen(false)}>
e.stopPropagation()} style={{ maxWidth: 480 }}>
RESCUE · 悔过补签
爱卿请先呈悔过
爱卿曾连续觐见 {state.highWater} 日,现尚缺 {gapSize} 日未补。每写一段悔过之言(不少于 {RESCUE_MIN_CHARS} 字),可补回 1 日觐见纹。
本月补签余 {rescueRemaining} / {RESCUE_MONTHLY_QUOTA} 次 · 次月额度按日历重置 · 断得太久恐怕补不回来。