Rewrite dashboard and overlay, single /events stream, static client served by the backend

Backend: one SSE stream for messages, selection, poll and connection status; reconnect with backoff; no on-disk Innertube session cache; mock only with MOCK_CHAT=1; binds to 127.0.0.1; serves client/out so production runs on one port. Full URLs for links YouTube truncates in chat.

Client: components split out, Lucide icons, stream title and status, on-air strip, search, pause, keyboard shortcuts, overlay settings dialog. Overlay themes, position, size, animation and auto-hide via URL, sized for 1080p and scaled with the source. New blueprint theme for the brand background.

Removed Tailwind, better-sqlite3, zod, the timezone helpers, Cline memory bank and AGENTS.md. Added ESLint, node:test tests and CI.
This commit is contained in:
2026-09-02 22:05:58 +03:00
parent 19b412a82a
commit 6bcbd5400b
44 changed files with 6582 additions and 3395 deletions
+14 -9
View File
@@ -1,17 +1,22 @@
import Link from 'next/link';
import { LayoutDashboard, MonitorPlay } from 'lucide-react';
export default function HomePage() {
return (
<main className="landing">
<section className="panel">
<h1>YouTube Chat Client</h1>
<p>
Launch the dashboard to monitor live chat and control the overlay that feeds OBS.
</p>
<Link className="primary" href="/dashboard">
Open Dashboard
</Link>
<p className="muted">Overlay preview lives at /overlay for the OBS browser source.</p>
<section className="landing__card">
<h1>YTChatHub</h1>
<p>Watch a YouTube Live chat, pick a message, and it appears on your OBS overlay.</p>
<div className="landing__links">
<Link className="btn btn--primary" href="/dashboard/">
<LayoutDashboard size={15} />
Open dashboard
</Link>
<Link className="btn" href="/overlay/">
<MonitorPlay size={15} />
Overlay for OBS
</Link>
</div>
</section>
</main>
);