/* @jsxRuntime classic */
/* global React, ReactDOM, WL_UI, WL_VIEWS, WL_HUB_ADAPTER, WL_ATELIER_MODEL, WL_REVIEW_MODEL */
/* WorkLens Hub 入口：本期 / 待审 / 我的 三个视图共用一次数据加载与一个详情抽屉。 */
const { useCallback, useEffect, useMemo, useState } = React;
const { Icon, Eyebrow, Pill, StateBlock, Sheet } = WL_UI;
const { IssueView, EntryDetail, ReviewView } = WL_VIEWS;
const VIEWS = ['issue', 'review', 'me'];
const TASTE_KEY = 'worklens.taste.v1';
const DATA_FILES = {
discoveries: 'discoveries.json',
insights: 'repo-insights.json',
queue: 'skill-review-queue.json',
adoptions: 'skill-adoptions.json',
profile: 'profile.json',
profileSignals: 'profile-signals.json',
circle: 'core-circle.json',
candidates: 'core-circle-candidates.json',
ideas: 'idea-pipeline.json',
reviews: 'recommendation-reviews.json',
health: 'health-checks.json',
};
// Pages 发布在站点根（./data/）；源码目录直接预览时数据在仓库根（../../data/）。
const DATA_BASES = ['./data/', '../../data/'];
async function loadJson(file) {
for (const base of DATA_BASES) {
try {
const response = await fetch(base + file, { cache: 'no-cache' });
if (response.ok) return await response.json();
} catch (error) { /* 尝试下一个路径 */ }
}
return null;
}
function parseHash() {
const [view, id] = (window.location.hash || '').replace(/^#\/?/, '').split('/');
return { view: VIEWS.includes(view) ? view : 'issue', id: id ? decodeURIComponent(id) : '' };
}
function readTaste() {
try { return JSON.parse(window.localStorage.getItem(TASTE_KEY) || '{}') || {}; } catch (error) { return {}; }
}
/* ============================== 我的 ============================== */
/* 本机口味画像：把 buildLocalProfile 学到的权重摊开给用户看 */
function LocalPortrait({ profile }) {
const top = (map, n) => Object.entries(map || {}).sort((a, b) => b[1] - a[1]).slice(0, n);
const rows = [
['话题', top(profile.topic, 6).map(([k, v]) => [`#${k}`, v])],
['类型', top(profile.kind, 3)],
['语言', top(profile.language, 3)],
['作者', top(profile.owner, 3)],
].filter(([, items]) => items.length);
return (
本机口味画像{profile.ready ? '' : ' · 尚未启用'}
{profile.ready ? (
{rows.map(([label, items]) => (
- {label}
- {items.map(([k, v]) => 0 ? 'bg-[color:var(--cinnabar-wash)] text-[color:var(--cinnabar)]' : 'bg-[color:var(--paper-sunk)] text-[color:var(--ink-mute)] line-through'}`}>{k} {v > 0 ? `+${Math.round(v * 10) / 10}` : Math.round(v * 10) / 10})}
))}
) : (
在「本期」点 ♥ 后，这里会显示从你喜欢的项目里学到的话题、类型、语言与作者权重。
)}
「本机相关」= 用这份画像给本期每个候选在本机打分。只读写本浏览器的 localStorage（键名 worklens.taste.v1），不上传服务器、不读取设备文件；换设备或清空浏览器数据后从零开始。
);
}
function TasteLedger({ hub, taste, onTaste, openEntry, onClear, localProfile }) {
const [tab, setTab] = useState('love');
const ids = Object.keys(taste).filter(id => taste[id] === tab);
const entries = hub ? ids.map(id => hub.entries.find(entry => entry.id === id)).filter(Boolean) : [];
const loved = Object.values(taste).filter(value => value === 'love').length;
const skipped = Object.values(taste).filter(value => value === 'skip').length;
return (
喜好账本 · 仅存于本浏览器
你的口味
{loved + skipped > 0 &&
}
{localProfile && }
{[['love', `喜欢 ${loved}`], ['skip', `跳过 ${skipped}`]].map(([value, label]) => (
))}
{entries.length === 0 ? (
{tab === 'love' ? '还没有喜欢的项目。在「本期」里点 ♥，这里会记下来，并汇总你偏好的话题。' : '还没有跳过的项目。跳过的候选会从本期列表里隐藏，可随时撤销。'}
) : (
{entries.map(entry => (
-
))}
)}
);
}
function SignalSources({ signals, sources }) {
return (
信号源与隐私
推荐依据从哪里来
{signals.map(signal => (
-
{signal.name}
{signal.scope}{signal.note ? ` · ${signal.note}` : ''}
{signal.enabled ? `开 · ${signal.weight}` : '关闭'}
))}
{sources && (
采集源 {sources.ok}/{sources.total} 正常{sources.cached ? ` · ${sources.cached} 个复用缓存` : ''}{sources.failed.length ? · {sources.failed.length} 个失败 : ''}
{sources.rows.map(row => (
-
{row.label}
{row.ok ? `${row.count} 条${row.cached ? ' · 缓存' : ''}` : (row.error || '失败')}
))}
)}
);
}
function LabPanel({ title, meta, children }) {
return (
{title}{meta}
{children}
);
}
function Lab({ circle, candidates, ideas, reviews, health }) {
const lastCheck = health && Array.isArray(health.checks) && health.checks.length ? health.checks[health.checks.length - 1] : null;
return (
实验室 · 数据还少，先收起来
在养的几条线
{circle.people.map(person => (
{person.login} · {person.tierReason || person.tier} · {person.followersCompact} followers（弱信号）
))}
{circle.projects.map(project => (
-
{project.fullName}
{project.recommendation ? '推荐研读' : project.licenseLabel === '未声明' ? '无许可证' : '观察'}
))}
{ideas.ideas.map(idea => (
{idea.stageLabel}{idea.title}
{idea.summary}
))}
{reviews.reviews.map(review => (
{review.facts.slice(0, 2).map(fact =>
{fact.text}
)}
))}
{lastCheck && (
<>
{(lastCheck.actions || []).map(action => - {action.name}{action.result === 'pass' ? '通过' : '失败'}
)}
下一步：{lastCheck.next_action}
)}
);
}
function MeView({ status, data, hub, taste, onTaste, openEntry, onClear, localProfile }) {
if (status === 'loading') return
;
const M = WL_ATELIER_MODEL;
const circle = data.circle ? M.buildCircleBoard(data.circle) : M.buildEmptyCircleBoard();
const candidates = data.candidates ? M.buildCircleCandidatesBoard(data.candidates) : M.buildEmptyCircleCandidatesBoard();
const ideas = data.ideas ? M.buildIdeaPipelineBoard(data.ideas) : M.buildEmptyIdeaPipelineBoard();
const reviews = data.reviews ? WL_REVIEW_MODEL.buildReviewBoard(data.reviews) : WL_REVIEW_MODEL.buildEmptyReviewBoard();
const signals = WL_HUB_ADAPTER.buildProfileSignals(data.profile, data.profileSignals);
return (
);
}
/* ============================== App ============================== */
function App() {
const [route, setRoute] = useState(parseHash);
const [status, setStatus] = useState('loading');
const [data, setData] = useState({});
const [taste, setTaste] = useState(readTaste);
const [entryId, setEntryId] = useState('');
const [toast, setToast] = useState('');
const load = useCallback(async () => {
setStatus('loading');
const keys = Object.keys(DATA_FILES);
const values = await Promise.all(keys.map(key => loadJson(DATA_FILES[key])));
const next = {};
keys.forEach((key, index) => { next[key] = values[index]; });
setData(next);
setStatus(next.discoveries || next.queue ? 'ready' : 'error');
}, []);
useEffect(() => { load(); }, [load]);
useEffect(() => {
const onHash = () => { setRoute(parseHash()); };
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
useEffect(() => { window.scrollTo(0, 0); }, [route.view]);
useEffect(() => {
try { window.localStorage.setItem(TASTE_KEY, JSON.stringify(taste)); } catch (error) { /* 本地存储不可用时仅保留当前会话 */ }
}, [taste]);
useEffect(() => {
if (!toast) return undefined;
const timer = setTimeout(() => setToast(''), 2400);
return () => clearTimeout(timer);
}, [toast]);
const hub = useMemo(() => (data.discoveries ? WL_HUB_ADAPTER.buildHubData(data.discoveries, undefined, data.insights) : null), [data.discoveries, data.insights]);
// 本机相关：只用本浏览器 localStorage 里的喜好账本，在本机计算
const localProfile = useMemo(() => WL_HUB_ADAPTER.buildLocalProfile(hub ? hub.entries : [], taste), [hub, taste]);
const relCache = useMemo(() => new Map(), [localProfile]);
const relOf = useCallback(item => {
if (!item) return { ready: false, score: 0, level: 'none', reasons: [] };
if (!relCache.has(item.id)) relCache.set(item.id, WL_HUB_ADAPTER.localRelevance(item, localProfile, taste));
return relCache.get(item.id);
}, [relCache, localProfile, taste]);
const queueBoard = useMemo(() => (data.queue ? WL_ATELIER_MODEL.buildQueueBoard(data.queue) : WL_ATELIER_MODEL.buildEmptyQueueBoard()), [data.queue]);
const adoptionsBoard = useMemo(() => (data.adoptions ? WL_ATELIER_MODEL.buildAdoptionsBoard(data.adoptions) : WL_ATELIER_MODEL.buildEmptyAdoptionsBoard()), [data.adoptions]);
const queueBySubject = useMemo(() => new Map(queueBoard.entries.map(entry => [entry.subject, entry])), [queueBoard]);
const queueSubjects = useMemo(() => new Set(queueBySubject.keys()), [queueBySubject]);
const onTaste = useCallback((id, value) => {
setTaste(prev => {
const next = Object.assign({}, prev);
if (value) next[id] = value; else delete next[id];
return next;
});
setToast(value === 'love' ? '已记入喜欢 · 可在「我的」查看' : value === 'skip' ? '已跳过 · 本期列表中隐藏' : '已撤销');
}, []);
const onClear = useCallback(() => {
if (window.confirm('清空本浏览器里的全部喜好记录？')) { setTaste({}); setToast('本地喜好已清空'); }
}, []);
const openEntry = useCallback(id => setEntryId(id), []);
const closeEntry = useCallback(() => setEntryId(''), []);
const onFocusQueue = useCallback(id => {
window.history.replaceState(null, '', id ? `#review/${encodeURIComponent(id)}` : '#review');
setRoute({ view: 'review', id });
}, []);
useEffect(() => {
if (route.view !== 'review' || !route.id) return;
setEntryId('');
const timer = setTimeout(() => {
const node = document.getElementById(`queue-${route.id}`);
if (node) node.scrollIntoView({ block: 'center' });
}, 60);
return () => clearTimeout(timer);
}, [route, status]);
const entry = hub && entryId ? hub.entries.find(item => item.id === entryId) : null;
return (
{route.view === 'issue' && }
{route.view === 'review' && }
{route.view === 'me' && (status === 'error'
?
: )}
{entry && }
{toast}
);
}
ReactDOM.createRoot(document.getElementById('root')).render();