墨家書櫃 Moofamily Bookshelf

讀墨（Readmoo）網頁介面中以彈跳視窗方式顯示家庭開放書櫃，讓家庭帳號成員彼此快速分享已購買的電子書。搭配手機版，隨時都能查看家人的書櫃。（只看到允許分享的書籍）

---

開發擴充功能原因：
讀墨家庭帳號無法看到家庭成員的書籍，要向家庭成員分享書櫃必須跟家庭成員溝通，透過直接借帳號或是訊息方式取得對方書櫃列表，這個推坑模式，身為一個內向的 I 人感到非常痛苦，希望透過擴充功能直接將書籍列表展現給家庭成員，減少直接溝通的次數。

---

◎核心功能

Extension
- 注入式 Dialog UI：在讀墨網頁介面中疊加顯示，不改動原有路由。
- 個人書櫃管理：從讀墨頁面爬取個人書單，逐本勾選是否開放給家庭成員。
- 家庭書櫃聚合：一鍵查看所有家庭成員開放的書籍合集。
- 成員過濾與搜尋：依成員、分類、狀態（已購 / 已封存）篩選，支援關鍵字即時搜尋。
- 批次操作：多選書籍後統一切換分享狀態。
- 已封存書籍：支援同步已封存書籍，提供獨立檢視模式。
- 分類標籤：自動抓取讀墨書籍分類（main_subject），可依分類過濾。
- 一鍵入門流程：首次開啟 Dialog 即引導使用者建立或加入家庭，最短三步完成設定。
- 跨裝置同步：透過 chrome.storage.sync 在多台電腦的 Chrome 之間同步設定。
- 自動復原：Extension 重新安裝後可自動復原家庭成員身份。

PWA 行動版
- 掃 QR code 登入：從 Extension 設定頁掃描 QR code 快速綁定家庭。
- Email 手動登入：支援手動輸入作為備援。
- 家庭書櫃 / 個人書櫃瀏覽：全功能對應桌面版，僅限制無法新增書籍（需從 Extension 爬取）。
- 可選登入驗證：支援 PIN 碼、圖形鎖、Email OTP 三種方式保護 PWA 存取。
- 安裝提示與離線支援：標準 PWA 體驗，可加入主畫面。

家庭群組
- 建立 / 加入家庭：透過 Sync Code 邀請成員，支援 @host 區段自動配置自訂 API endpoint。
- 成員管理：家庭擁有者可轉移 / 移除成員。
- 顯示名稱：可自訂並即時同步至所有成員視圖。
- 離開家庭：解綁後個人開放設定仍保留，重新加入其他家庭無需重新勾選。

◎安全性與隱私

- TLS + Token 存取控制：所有資料透過 HTTPS 安全傳輸，以認證 Token 嚴格控管存取權限。
- 預設不分享：新購書籍一律預設 isShared: false，絕不自動分享。
- Save to sync：所有分享狀態變更都需要使用者明確按下「儲存」才會上傳。
- 無帳號、無追蹤：不收集 Email、不註冊帳號、無任何分析或追蹤 SDK。
- Token 自動續期：在背景主動刷新認證 Token，無感續期。
- API 安全強化：Cloudflare Worker 端實作 CORS、分級 rate limiting、Body size 限制、安全 headers。