ToShow 同映｜实时同步观影平台产品系统Vibe Coding

异地用户共同观看视频时，通常需要手动倒计时并反复校准播放进度，房主权限、成员状态和媒体切换也容易出现不同步。ToShow 面向朋友、情侣和线上社群，提供可创建房间的实时同步观影体验，降低多人远程共同观看时的沟通成本。

系统支持用户注册登录、创建和加入观影房间、房主与成员权限管理、当前媒体切换、房间状态实时同步、成员状态更新、聊天互动及房间设置。平台可以解析 B 站 BV 号、完整链接、短链和分P链接，也可以识别抖音公开分享链接并在房间内加载媒体；对于暂不支持站内播放的网盘链接，会提供明确提示。系统同时包含响应式页面、房间分享、错误处理、基础无障碍和搜索引擎优化功能。

前端使用 React、TypeScript 和 Vite/TanStack Start 构建，后端采用 Supabase Auth、PostgreSQL、Realtime、RPC 和 RLS。通过数据库原子 RPC 同时完成媒体写入和房间当前媒体切换，减少并发情况下的状态不一致；利用 Supabase Realtime 将媒体、房间和成员状态变化实时广播给其他用户。外部媒体解析放在服务端处理，以降低前端暴露和跨域风险。项目还完成了权限校验、输入验证、单元测试、Playwright 冒烟测试、安全扫描、SEO、sitemap、robots 和生产环境部署验证。