// ===== Main App ===== function Brand() { return ( { e.preventDefault(); window.dispatchEvent(new CustomEvent("synapse:tab", { detail: "strategy" })); }}>
S
Synapse · Mocking Playground v1.0 · 2026-05-14
); } function Topbar({ tab, setTab, onOpenDoc }) { return (
Repo
); } // ===== Doc Open context ===== const DocOpenContext = React.createContext(() => {}); // CTA on every page function PageDocCTA({ docIdx }) { const onOpenDoc = React.useContext(DocOpenContext); return ; } // ===== Hero per doc ===== function DocHero({ doc, onOpenDoc }) { return (
DOC {doc.idx} · {doc.en}

{doc.title}

{doc.summary}

{doc.tags.map(t => {t})}
); } // ===== Doc Modal ===== function DocModal({ doc, onClose }) { const [loaded, setLoaded] = useState(false); useEffect(() => { document.body.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => { document.body.style.overflow = ""; window.removeEventListener("keydown", onKey); }; }, [onClose]); if (!doc) return null; const src = `docs/${doc.idx}-${doc.id}.html`; const githubUrl = `https://github.com/team-project-final/documents/blob/main/docs/mocking/${doc.idx}-${doc.id === "strategy" ? "mocking-strategy" : doc.id === "platform" ? "platform-svc-mocking" : doc.id === "engagement" ? "engagement-svc-mocking" : doc.id === "knowledge" ? "knowledge-svc-mocking" : doc.id === "learning" ? "learning-svc-mocking" : doc.id === "frontend" ? "frontend-mocking" : doc.id === "kafka" ? "kafka-event-mocking" : "external-api-mocking"}.md`; return (
e.stopPropagation()}>
DOC {doc.idx} {doc.title}
{doc.en} · 원본 문서 HTML 변환본
문서 로딩 중…