LogRocket

目標:做一個本機優先的網站工作階段錄製與除錯工具，重播自有網站的操作並關聯前端錯誤。 技術棧建議:TypeScript + React 管理介面、rrweb 錄製工作階段、Node.js + Fastify API、SQLite 存 metadata、檔案系統存壓縮事件。 需求: - 提供可嵌入自有網站的 JavaScript SDK，開始與停止錄製工作階段 - 使用 rrweb 錄製 DOM 變更、滑鼠點擊、輸入框互動與頁面導覽 - 預設遮罩 input、textarea、密碼欄位與標記為敏感的 DOM 節點 - SDK 捕捉未處理例外、Promise rejection、console error 與基本瀏覽器資訊 - 記錄頁面網址、瀏覽器、作業系統、螢幕尺寸、工作階段開始與結束時間 - 事件批次壓縮後上傳，網路中斷時暫存在瀏覽器並於恢復後重送 - 管理介面列出工作階段，支援依時間、網址、錯誤與瀏覽器篩選 - 提供工作階段重播器，支援播放、暫停、倍速、時間軸與錯誤時間點跳轉 - 顯示單一工作階段的錯誤清單、console 訊息與網路請求摘要 - 支援設定取樣率、單一工作階段最長時間、事件大小上限與資料保留天數 - 可刪除單一工作階段，並一鍵匯出工作階段 metadata 與原始事件為 JSON - 管理介面顯示事件儲存用量與最近 24 小時的錯誤次數 明確不做(out of scope):多人帳號與權限、雲端部署、全球收集服務、行動 App 錄製、完整效能追蹤、AI 根因分析、第三方服務整合。 README 要求:說明本機啟動方式、SDK 嵌入範例、遮罩規則、環境變數、事件資料位置、匯出與刪除資料方式，以及個資風險。