├── offscreen.html ├── manifest.json ├── README.md ├── offscreen.js ├── options.html ├── sidebar.css ├── options.css ├── content.js ├── background.js └── options.js /offscreen.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 3, 3 | "name": "E-Hentai 漫畫追蹤器", 4 | "version": "0.8.0", 5 | "description": "追蹤你喜歡的 E-Hentai comics", 6 | "default_locale": "zh_TW", 7 | "permissions": [ 8 | "storage", 9 | "alarms", 10 | "notifications", 11 | "scripting", 12 | "tabs", 13 | "offscreen", 14 | "contextMenus" 15 | ], 16 | "host_permissions": [ 17 | "https://api.e-hentai.org/*", 18 | "https://e-hentai.org/rss/ehg.xml", 19 | "" 20 | ], 21 | "background": { 22 | "service_worker": "background.js" 23 | }, 24 | "content_scripts": [ 25 | { 26 | "matches": [""], 27 | "js": ["content.js"], 28 | "css": ["sidebar.css"] 29 | } 30 | ], 31 | "action": { 32 | "default_title": "__MSG_extensionName__" 33 | }, 34 | "options_page": "options.html", 35 | "offscreen": { 36 | "path": "offscreen.html", 37 | "reason": "DOM_PARSER", 38 | "justification": "Need to parse RSS XML string which requires DOMParser." 39 | }, 40 | "icons": { 41 | "16": "icons/icon16.png", 42 | "32": "icons/icon32.png", 43 | "48": "icons/icon48.png", 44 | "128": "icons/icon128.png" 45 | } 46 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # E-Hentai 漫畫追蹤器 (E-Hentai Tracker) 2 | 3 | > 追蹤你喜愛的 **E-Hentai** 漫畫更新，並在第一時間以桌面通知、側邊欄顯示給你。完全基於 Chrome Manifest V3，零依賴、載入即用。 4 | 5 | --- 6 | 7 | ## 🚀 功能特色 8 | 9 | - **🔔 即時桌面通知** ─ 有新作品自動提醒 10 | - **🏷️ 標籤追蹤系統** ─ 支援 *Artist / Group / Parody / Character / Language / Female / Male / Category / Misc* 等多種分類 11 | - **⛔ 黑名單機制** ─ 免受不想看的標籤干擾 12 | - **📅 自訂更新頻率** ─ 20 分鐘 ~ 24 小時任你選 13 | - **🌐 多語系介面** ─ 繁體中文、English、日本語、한국어、Español 14 | - **⚡ 零 Build Step** ─ 純原生 JavaScript + CSS，立即開發、立即重載 15 | 16 | ## 📂 專案結構 17 | ```text 18 | E-hentai-tracker/ 19 | ├─ background.js # 排程、RSS/GData 解析、通知 20 | ├─ content.js # 注入側邊欄 UI 與頁內互動 21 | ├─ options.html # 設定頁面（含 options.js / .css） 22 | ├─ offscreen.js # 於 Offscreen Document 中以 DOMParser 解析 RSS 23 | ├─ manifest.json # Chrome MV3 設定檔 24 | ├─ _locales/ # i18n 字串（繁中 / 英 / 日 / 韓 / 西） 25 | └─ icons/ # 擴充套件圖示 26 | ``` 27 | 28 | ## 🛠️ 安裝 29 | 30 | 1. 下載或 `git clone` 本庫： 31 | ```bash 32 | git clone https://github.com/Damatij/E-hentai-tracker.git 33 | ``` 34 | 2. 在 Chrome 地址列輸入 `chrome://extensions/`，開啟「開發人員模式」。 35 | 3. 點擊「載入已解壓縮的擴充功能」，選取 `comic_tracker_web` 根目錄。 36 | 37 | > Edge / Brave / Vivaldi 等 Chromium 系瀏覽器亦可使用相同步驟安裝。 38 | 39 | ## ✨ 使用說明 40 | 41 | 1. 進入 E-Hentai / ExHentai 任意頁面，點擊工具列上的「E-Hentai Tracker」圖示（或按 `Alt+E`）開啟側邊欄。 42 | 2. 在側邊欄點擊「後臺管理」可開啟完整設定頁，新增要追蹤的標籤、調整更新頻率、語言及黑名單。 43 | 3. 擴充套件會依設定週期自動檢查 RSS，並以官方 `/api.php` 取得詳細資訊；如有新作品將顯示通知並同步於側邊欄列出。 44 | 45 | ## 🧑‍💻 本地開發 46 | 47 | 本專案 **無任何打包工具或 Node 依賴**。修改完檔案後，回到 `chrome://extensions/` 點擊「重新載入」即可測試。 48 | 49 | 建立新分支開發： 50 | ```bash 51 | git checkout -b feat/your-feature 52 | ``` 53 | 54 | ## 🛡️ License 55 | 56 | [![License: CC BY-NC 4.0](https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc/4.0/) 57 | 58 | 本專案以 **Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)** 授權： 59 | 60 | - 允許自由複製、散布、修改程式碼 61 | - **禁止任何形式之商業用途**（包含但不限於付費服務、廣告營利、企業內部專有部署） 62 | - 使用時請保留原作者署名並附上本授權條款 63 | 64 | 若需商業授權，請另行聯絡作者。 65 | -------------------------------------------------------------------------------- /offscreen.js: -------------------------------------------------------------------------------- 1 | // offscreen.js 2 | 3 | // 監聽來自 background script 的消息 4 | chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { 5 | if (message.type === 'parse-rss-in-offscreen') { 6 | if (message.rssText) { 7 | console.log("Offscreen: Received RSS text. Length:", message.rssText.length); 8 | try { 9 | const galleryInfos = parseRssXml(message.rssText); 10 | console.log("Offscreen: Parsed galleryInfos successfully. Count:", galleryInfos.length, "Infos:", JSON.stringify(galleryInfos)); 11 | sendResponse({ success: true, galleryInfos: galleryInfos }); 12 | } catch (error) { 13 | console.error("Offscreen: Error parsing RSS:", error.message, error.stack); 14 | sendResponse({ success: false, error: error.message }); 15 | } 16 | } else { 17 | console.error("Offscreen: Received parse-rss request without rssText."); 18 | sendResponse({ success: false, error: "No rssText provided." }); 19 | } 20 | return true; // 表示將異步發送響應 21 | } 22 | }); 23 | 24 | function parseRssXml(rssText) { 25 | const galleryInfos = []; 26 | console.log("Offscreen parseRssXml: Starting parsing..."); 27 | const parser = new DOMParser(); 28 | const xmlDoc = parser.parseFromString(rssText, "text/xml"); 29 | 30 | const parseError = xmlDoc.getElementsByTagName("parsererror"); 31 | if (parseError.length > 0) { 32 | const errorDetails = parseError[0].textContent; 33 | console.error("Offscreen parseRssXml: XML parsing error detected by tag:", errorDetails); 34 | throw new Error("Failed to parse RSS XML: " + errorDetails); 35 | } 36 | 37 | const items = xmlDoc.getElementsByTagName("item"); 38 | console.log(`Offscreen parseRssXml: Found ${items.length} elements.`); 39 | 40 | if (items.length === 0) { 41 | // 有時 RSS feed 的條目可能是而不是 (Atom vs RSS 2.0) 42 | const entries = xmlDoc.getElementsByTagName("entry"); 43 | console.log(`Offscreen parseRssXml: No elements found, trying . Found ${entries.length} elements.`); 44 | if (entries.length > 0) { 45 | // 如果是，那麼連結標籤可能是，需要調整提取方式 46 | for (const entry of entries) { 47 | const linkTags = entry.getElementsByTagName("link"); 48 | let galleryUrl = null; 49 | if (linkTags) { 50 | for (const linkTag of linkTags) { 51 | if (linkTag.getAttribute("rel") === "alternate" && linkTag.getAttribute("type") === "text/html") { 52 | galleryUrl = linkTag.getAttribute("href")?.trim(); 53 | if (galleryUrl) { 54 | console.log("Offscreen parseRssXml: Found with rel='alternate' link href:", galleryUrl); 55 | break; // Found the correct link 56 | } 57 | } 58 | } 59 | } 60 | 61 | if (!galleryUrl) { 62 | // Fallback or log if no alternate link found 63 | const firstLinkTag = entry.getElementsByTagName("link")[0]; 64 | if (firstLinkTag && firstLinkTag.getAttribute("href")) { 65 | galleryUrl = firstLinkTag.getAttribute("href").trim(); 66 | console.log("Offscreen parseRssXml: No rel='alternate' link found, falling back to first link href:", galleryUrl); 67 | } else { 68 | console.log("Offscreen parseRssXml: found, but no suitable tag inside or href is empty.", entry.innerHTML); 69 | } 70 | } 71 | 72 | // ... (接下來的 URL 匹配邏輯與 item 類似) ... 73 | if (galleryUrl) { 74 | const match = galleryUrl.match(/e-hentai\.org\/g\/(\d+)\/([a-f0-9]+)\/?/); 75 | if (match && match[1] && match[2]) { 76 | console.log("Offscreen parseRssXml: Matched gallery from :", match[1], match[2]); 77 | 78 | // Extract title and category from 79 | const titleTag = entry.getElementsByTagName("title")[0]; 80 | let title = ""; 81 | let category = ""; 82 | if (titleTag && titleTag.textContent) { 83 | title = titleTag.textContent.trim(); 84 | // Extract category from title format: [Category] Title 85 | const categoryMatch = title.match(/^\[([^\]]+)\]\s*(.*)$/); 86 | if (categoryMatch) { 87 | category = categoryMatch[1].toLowerCase().trim(); 88 | title = categoryMatch[2].trim(); 89 | } 90 | } 91 | 92 | galleryInfos.push({ 93 | gid: parseInt(match[1]), 94 | token: match[2], 95 | url: galleryUrl, 96 | title: title, 97 | category: category 98 | }); 99 | } else { 100 | console.log("Offscreen parseRssXml: URL from did not match regex:", galleryUrl); 101 | } 102 | } 103 | } 104 | return galleryInfos; // 如果是處理完就返回 105 | } else { 106 | // 如果連都沒有，可能 XML 結構不對，或者真的是空的 107 | console.warn("Offscreen parseRssXml: Neither nor tags found in RSS feed. XML structure might be unexpected or feed is empty."); 108 | // 可以打印出一小部分 xmlDoc 內容幫助調試 109 | // console.log("Offscreen parseRssXml: XML Document (first 500 chars):", xmlDoc.documentElement.outerHTML.substring(0,500)); 110 | return []; // 確定沒有可解析的條目 111 | } 112 | } 113 | 114 | // 原來的處理邏輯 115 | for (const item of items) { 116 | const linkTag = item.getElementsByTagName("link")[0]; 117 | const guidTag = item.getElementsByTagName("guid")[0]; // guid 也可能包含 URL，並且有時 isPermaLink="true" 118 | let galleryUrl = null; 119 | 120 | console.log("Offscreen parseRssXml: Processing an element."); 121 | 122 | if (linkTag && linkTag.textContent) { 123 | galleryUrl = linkTag.textContent.trim(); 124 | console.log("Offscreen parseRssXml: Found content:", galleryUrl); 125 | } else if (guidTag && guidTag.textContent) { 126 | galleryUrl = guidTag.textContent.trim(); 127 | console.log("Offscreen parseRssXml: Found content:", galleryUrl); 128 | } else { 129 | console.log("Offscreen parseRssXml: No or tag found inside or their content is empty.", item.innerHTML); 130 | } 131 | 132 | if (galleryUrl) { 133 | const match = galleryUrl.match(/e-hentai\.org\/g\/(\d+)\/([a-f0-9]+)\/?/); 134 | if (match && match[1] && match[2]) { 135 | console.log("Offscreen parseRssXml: Matched gallery from :", match[1], match[2]); 136 | 137 | // Extract title and category from 138 | const titleTag = item.getElementsByTagName("title")[0]; 139 | let title = ""; 140 | let category = ""; 141 | if (titleTag && titleTag.textContent) { 142 | title = titleTag.textContent.trim(); 143 | // Extract category from title format: [Category] Title 144 | const categoryMatch = title.match(/^\[([^\]]+)\]\s*(.*)$/); 145 | if (categoryMatch) { 146 | category = categoryMatch[1].toLowerCase().trim(); 147 | title = categoryMatch[2].trim(); 148 | } 149 | } 150 | 151 | galleryInfos.push({ 152 | gid: parseInt(match[1]), 153 | token: match[2], 154 | url: galleryUrl, 155 | title: title, 156 | category: category 157 | }); 158 | } else { 159 | console.log("Offscreen parseRssXml: URL from did not match regex:", galleryUrl); 160 | } 161 | } 162 | } 163 | console.log("Offscreen parseRssXml: Finished parsing. Total galleries extracted:", galleryInfos.length); 164 | return galleryInfos; 165 | } 166 | 167 | console.log("Offscreen document script loaded and listening."); -------------------------------------------------------------------------------- /options.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | E-Hentai Tracker 選項 5 | 6 | 7 | 8 | 9 | 16 | 17 |

18 |

E-Hentai Tracker 選項

19 | 20 |

21 |

標籤管理

22 |

在此處新增或移除您想追蹤的標籤。點擊下方的快速新增按鈕，或手動輸入後新增。

23 | 24 |

25 |

26 |

27 |

28 |

Category 標籤

29 | 30 | 31 |

快速新增 Category 標籤:

32 |

33 | 34 |

35 |

36 | 37 |

38 |

Artist 標籤

39 | 40 | 41 |

快速新增 Artist 標籤:

42 |

43 | 44 |

45 |

46 | 47 |

48 |

Group 標籤

49 | 50 | 51 |

快速新增 Group 標籤:

52 |

53 | 54 |

55 |

56 | 57 |

58 |

Language 標籤

59 | 60 | 61 |

快速新增 Language 標籤:

62 |

63 | 64 |

65 |

66 | 67 |

68 |

Parody 標籤

69 | 70 | 71 |

快速新增 Parody 標籤:

72 |

73 | 74 |

75 |

76 | 77 |

78 |

Character 標籤

79 | 80 | 81 |

快速新增 Character 標籤:

82 |

83 | 84 |

85 |

86 | 87 |

88 |

Female 標籤 (內容導向)

89 | 90 | 91 |

快速新增 Female 標籤:

92 |

93 | 94 |

95 |

96 |

97 |

98 | 99 |

100 |

101 |

黑名單標籤管理

102 |

加入黑名單的標籤將不會被追蹤，即使它們符合您追蹤的 Artist 或 Group。

103 | 104 |

快速新增黑名單標籤:

105 |

106 | 107 |

108 | 109 | 110 | 111 |

目前黑名單中的標籤:

112 |

113 | 114 |

115 |

116 | 117 | 124 |

125 |

126 |

127 | 128 |

129 |

更新頻率設定

130 |

131 | 檢查新作品頻率: 132 | 140 | 141 |

142 |

143 | 144 |

145 |

一般設定

146 |

147 | 選擇顯示語言: 148 | 155 |

156 | 157 |

158 |

桌面通知

159 | 160 | 161 | 162 | 在新作品發現時顯示桌面通知 163 | 164 |

165 |

166 | 167 |

168 |

匯入/匯出設定

169 |

170 | 171 |

將您目前的追蹤列表、黑名單和一般設定儲存到檔案中。

172 |

173 |

174 | 175 | 176 |

從先前儲存的檔案載入追蹤列表、黑名單和一般設定。這將會覆寫目前的設定。

177 |

178 |

179 | 180 |

181 |

關於

182 |

E-Hentai Tracker v0.7.0

183 |

協助您追蹤喜愛的 E-Hentai 內容。

184 |

185 | 186 |

187 | 188 |

189 | 190 | 191 | -------------------------------------------------------------------------------- /sidebar.css: -------------------------------------------------------------------------------- 1 | /* Styles for E-Hentai Tracker sidebar - 日式風格 */ 2 | 3 | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap'); 4 | 5 | /* 側邊欄基本樣式 - 確保ID與實際DOM匹配 */ 6 | #eh-tracker-sidebar { 7 | position: fixed !important; 8 | top: 0 !important; 9 | right: 0; /* REMOVED !important TO ALLOW JS TO HIDE */ 10 | width: 320px !important; 11 | height: 100% !important; 12 | background-color: #4d6184 !important; /* 日式藍色調 - 後台主色 */ 13 | background-image: url('data:image/svg+xml;utf8,') !important; 14 | background-size: 20px 20px !important; 15 | border-left: 1px solid rgba(0, 0, 0, 0.1) !important; 16 | box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15) !important; 17 | z-index: 2147483647 !important; 18 | transition: right 0.3s ease-in-out !important; 19 | display: flex !important; 20 | flex-direction: column !important; 21 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 22 | overflow: hidden !important; 23 | color: rgba(255, 255, 255, 0.9) !important; 24 | } 25 | 26 | /* 櫻花裝飾在側邊欄底部 - 與後台一致 */ 27 | #eh-tracker-sidebar:after { 28 | content: "" !important; 29 | position: absolute !important; 30 | bottom: 20px !important; 31 | left: 50% !important; 32 | transform: translateX(-50%) !important; 33 | width: 120px !important; 34 | height: 120px !important; 35 | background-image: url('data:image/svg+xml;utf8,') !important; 36 | opacity: 0.15 !important; 37 | pointer-events: none !important; 38 | z-index: 0 !important; 39 | } 40 | 41 | /* 側邊欄頭部 - 基於截圖調整 */ 42 | #eh-tracker-sidebar .sidebar-header { 43 | padding: 15px !important; 44 | background-color: #333 !important; 45 | color: white !important; 46 | display: flex !important; 47 | justify-content: space-between !important; 48 | align-items: center !important; 49 | position: relative !important; 50 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 51 | margin-bottom: 0 !important; 52 | } 53 | 54 | #eh-tracker-sidebar .sidebar-header h2 { 55 | margin: 0 !important; 56 | font-size: 1.2em !important; 57 | font-weight: 500 !important; 58 | color: white !important; 59 | text-align: center !important; 60 | flex-grow: 1 !important; 61 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 62 | } 63 | 64 | #eh-tracker-sidebar .sidebar-close-button { 65 | background: none !important; 66 | border: none !important; 67 | color: white !important; 68 | font-size: 1.5em !important; 69 | cursor: pointer !important; 70 | padding: 0 !important; 71 | display: flex !important; 72 | align-items: center !important; 73 | justify-content: center !important; 74 | width: 28px !important; 75 | height: 28px !important; 76 | transition: transform 0.2s ease-in-out !important; 77 | } 78 | 79 | #eh-tracker-sidebar .sidebar-close-button:hover { 80 | transform: rotate(90deg) !important; 81 | } 82 | 83 | /* 控制按鈕區域 - 基於截圖調整 */ 84 | #eh-tracker-sidebar .sidebar-controls { 85 | padding: 12px !important; 86 | background-color: #e0e0e0 !important; 87 | display: flex !important; 88 | gap: 10px !important; 89 | justify-content: center !important; 90 | border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; 91 | } 92 | 93 | /* 立即更新按鈕 - 從截圖來看是綠色按鈕 */ 94 | #eh-tracker-refresh-now-button { 95 | padding: 8px 12px !important; 96 | background-color: #d85a63 !important; /* 櫻花紅按鈕 */ 97 | color: white !important; 98 | border: none !important; 99 | border-radius: 4px !important; 100 | cursor: pointer !important; 101 | font-size: 0.9em !important; 102 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 103 | font-weight: 500 !important; 104 | flex: 1 !important; 105 | transition: all 0.25s ease !important; 106 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; 107 | } 108 | 109 | #eh-tracker-refresh-now-button:hover { 110 | background-color: #c04a52 !important; /* 櫻花紅 hover */ 111 | transform: translateY(-2px) !important; 112 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important; 113 | } 114 | 115 | #eh-tracker-refresh-now-button:disabled { 116 | background-color: rgba(216, 90, 99, 0.5) !important; /* 櫻花紅 disabled */ 117 | cursor: not-allowed !important; 118 | transform: none !important; 119 | box-shadow: none !important; 120 | } 121 | 122 | /* 後台管理按鈕 - 從截圖來看是藍色按鈕 */ 123 | #eh-tracker-open-options-button { 124 | padding: 8px 12px !important; 125 | background-color: #71879c !important; /* 藍灰色 */ 126 | color: white !important; 127 | border: none !important; 128 | border-radius: 4px !important; 129 | cursor: pointer !important; 130 | font-size: 0.9em !important; 131 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 132 | font-weight: 500 !important; 133 | flex: 1 !important; 134 | transition: all 0.25s ease !important; 135 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; 136 | } 137 | 138 | #eh-tracker-open-options-button:hover { 139 | background-color: #5e7387 !important; /* 藍灰色 hover */ 140 | transform: translateY(-2px) !important; 141 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important; 142 | } 143 | 144 | /* 作品列表容器 */ 145 | #eh-tracked-works-container { 146 | overflow-y: auto !important; 147 | padding: 12px !important; 148 | flex-grow: 1 !important; 149 | background-color: #f8f8f5 !important; /* 淺色背景 */ 150 | background-image: url('data:image/svg+xml;utf8,') !important; 151 | background-size: 20px 20px !important; 152 | color: #444 !important; /* 恢復深色文字 */ 153 | } 154 | 155 | /* 追蹤標籤最後更新區塊 */ 156 | #last-uploads-summary { 157 | padding: 12px !important; 158 | margin-bottom: 15px !important; 159 | background-color: white !important; 160 | border: 1px solid #eee !important; 161 | border-radius: 6px !important; 162 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important; 163 | } 164 | 165 | #last-uploads-summary h4 { 166 | margin: 0 0 10px 0 !important; 167 | color: #4d6184 !important; /* 日式藍 */ 168 | font-size: 1.1em !important; 169 | font-weight: 500 !important; 170 | position: relative !important; 171 | padding-left: 15px !important; 172 | } 173 | 174 | #last-uploads-summary h4:before { 175 | content: "" !important; 176 | position: absolute !important; 177 | left: 0 !important; 178 | top: 50% !important; 179 | transform: translateY(-50%) !important; 180 | width: 6px !important; 181 | height: 6px !important; 182 | background-color: #d85a63 !important; /* 櫻花紅 */ 183 | border-radius: 50% !important; 184 | box-shadow: 0 0 0 2px rgba(216, 90, 99, 0.2) !important; 185 | } 186 | 187 | #last-uploads-summary ul { 188 | list-style-type: none !important; 189 | padding-left: 0 !important; 190 | margin: 0 !important; 191 | } 192 | 193 | #last-uploads-summary li { 194 | padding: 5px 0 !important; 195 | border-bottom: 1px solid #f0f0f0 !important; 196 | font-size: 0.9em !important; 197 | } 198 | 199 | #last-uploads-summary li:last-child { 200 | border-bottom: none !important; 201 | } 202 | 203 | /* 作品項目 - 基於截圖樣式調整 */ 204 | #eh-tracked-works-container .work-item { 205 | display: flex !important; 206 | margin-bottom: 15px !important; 207 | padding: 12px !important; 208 | background-color: white !important; 209 | border: 1px solid #eee !important; 210 | border-radius: 6px !important; 211 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important; 212 | transition: all 0.25s !important; 213 | } 214 | 215 | #eh-tracked-works-container .work-item:hover { 216 | transform: translateY(-2px) !important; 217 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) !important; 218 | } 219 | 220 | #eh-tracked-works-container .work-item img { 221 | height: auto !important; 222 | margin-right: 14px !important; 223 | border-radius: 5px !important; 224 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; 225 | transition: all 0.3s ease !important; 226 | object-fit: cover !important; 227 | } 228 | 229 | #eh-tracked-works-container .work-item:hover img { 230 | transform: scale(1.05) !important; 231 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; 232 | } 233 | 234 | #eh-tracked-works-container .work-item a { 235 | font-weight: 500 !important; 236 | color: #4d6184 !important; /* 日式藍 */ 237 | text-decoration: none !important; 238 | display: block !important; 239 | margin-bottom: 6px !important; 240 | line-height: 1.4 !important; 241 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 242 | } 243 | 244 | #eh-tracked-works-container .work-item a:hover { 245 | color: #d85a63 !important; /* 櫻花紅 */ 246 | text-decoration: underline !important; 247 | } 248 | 249 | /* 標籤和日期信息 */ 250 | #eh-tracked-works-container .work-item div:not(:has(> a)) { 251 | color: #666 !important; 252 | line-height: 1.3 !important; 253 | } 254 | 255 | /* 當沒有作品時的消息 */ 256 | #eh-tracked-works-container p { 257 | text-align: center !important; 258 | padding: 20px !important; 259 | color: #666 !important; 260 | background-color: rgba(255, 255, 255, 0.7) !important; 261 | border-radius: 6px !important; 262 | margin: 20px 0 !important; 263 | font-family: 'Noto Sans TC', Arial, sans-serif !important; 264 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important; 265 | } 266 | 267 | /* 自定義滾動條樣式 */ 268 | #eh-tracker-sidebar::-webkit-scrollbar, 269 | #eh-tracked-works-container::-webkit-scrollbar { 270 | width: 6px !important; 271 | background-color: transparent !important; 272 | } 273 | 274 | #eh-tracker-sidebar::-webkit-scrollbar-track, 275 | #eh-tracked-works-container::-webkit-scrollbar-track { 276 | background-color: rgba(0, 0, 0, 0.05) !important; 277 | } 278 | 279 | #eh-tracker-sidebar::-webkit-scrollbar-thumb, 280 | #eh-tracked-works-container::-webkit-scrollbar-thumb { 281 | background-color: rgba(77, 97, 132, 0.3) !important; /* 日式藍 */ 282 | border-radius: 3px !important; 283 | transition: background-color 0.3s !important; 284 | } 285 | 286 | #eh-tracker-sidebar::-webkit-scrollbar-thumb:hover, 287 | #eh-tracked-works-container::-webkit-scrollbar-thumb:hover { 288 | background-color: rgba(77, 97, 132, 0.5) !important; 289 | } 290 | 291 | /* 響應式設計 */ 292 | @media (max-width: 768px) { 293 | #eh-tracker-sidebar { 294 | width: 260px !important; 295 | padding: 16px !important; 296 | } 297 | 298 | #eh-tracked-works-container .work-item img { 299 | width: 60px !important; 300 | } 301 | } 302 | 303 | /* --- Text and Image Sizing --- */ 304 | /* Text */ 305 | .text-size-small .work-title { font-size: 0.85em; } 306 | .text-size-small .work-tag, .text-size-small .work-posted-date { font-size: 0.75em !important; } 307 | 308 | .text-size-medium .work-title { font-size: 1em !important; } 309 | .text-size-medium .work-tag, .text-size-medium .work-posted-date { font-size: 0.8em !important; } 310 | 311 | .text-size-large .work-title { font-size: 1.15em !important; } 312 | .text-size-large .work-tag, .text-size-large .work-posted-date { font-size: 0.9em !important; } 313 | 314 | /* Image */ 315 | .image-size-small .work-thumbnail { 316 | width: 70px !important; 317 | height: 100px !important; 318 | } 319 | .image-size-medium .work-thumbnail { 320 | width: 110px !important; 321 | height: 160px !important; 322 | } 323 | .image-size-large .work-thumbnail { 324 | width: 140px !important; 325 | height: 200px !important; 326 | } 327 | 328 | /* Sidebar Ad Item Styles */ 329 | .sidebar-ad-item { 330 | margin: 15px 0; 331 | padding: 10px; 332 | background-color: #f0f0f0; 333 | border-radius: 6px; 334 | text-align: center; 335 | border: 1px solid #ddd; 336 | } 337 | 338 | .sidebar-ad-item img { 339 | max-width: 100%; 340 | height: auto; 341 | border-radius: 4px; 342 | } -------------------------------------------------------------------------------- /options.css: -------------------------------------------------------------------------------- 1 | /* E-Hentai Tracker 選項頁面 - 日式風格 */ 2 | 3 | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap'); 4 | 5 | body { 6 | font-family: 'Noto Sans TC', Arial, sans-serif; 7 | margin: 0; 8 | display: flex; 9 | min-height: 100vh; 10 | background-color: #f8f8f5; 11 | /* 精細的背景紋理 */ 12 | background-image: url('data:image/svg+xml;utf8,'); 13 | background-size: 20px 20px; 14 | color: #444; 15 | } 16 | 17 | .sidebar { 18 | width: 220px; 19 | background-color: #4d6184; /* 日式藍色調 */ 20 | color: white; 21 | padding-top: 25px; 22 | flex-shrink: 0; 23 | box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1); 24 | background-image: url('data:image/svg+xml;utf8,'); 25 | background-size: 20px 20px; 26 | position: relative; 27 | overflow: hidden; 28 | } 29 | 30 | /* 櫻花裝飾在側邊欄底部 */ 31 | .sidebar:after { 32 | content: ""; 33 | position: absolute; 34 | bottom: 20px; 35 | left: 50%; 36 | transform: translateX(-50%); 37 | width: 120px; 38 | height: 120px; 39 | background-image: url('data:image/svg+xml;utf8,'); 40 | opacity: 0.15; 41 | pointer-events: none; 42 | z-index: 0; 43 | } 44 | 45 | .sidebar a { 46 | display: block; 47 | padding: 14px 18px; 48 | text-decoration: none; 49 | color: rgba(255, 255, 255, 0.8); 50 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); 51 | transition: all 0.3s ease; 52 | position: relative; 53 | z-index: 1; 54 | font-weight: 400; 55 | letter-spacing: 0.5px; 56 | } 57 | 58 | .sidebar a:hover, .sidebar a.active { 59 | background-color: rgba(255, 255, 255, 0.15); 60 | color: white; 61 | transform: translateX(5px); 62 | } 63 | 64 | .sidebar a.active { 65 | border-left: 4px solid #d85a63; /* 櫻花紅 */ 66 | padding-left: 14px; 67 | } 68 | 69 | .main-content { 70 | flex-grow: 1; 71 | padding: 30px 40px; 72 | overflow-y: auto; 73 | max-height: 100vh; 74 | } 75 | 76 | h1 { 77 | font-size: 1.8em; 78 | color: #333; 79 | border-bottom: 2px solid #d85a63; /* 櫻花紅 */ 80 | padding-bottom: 15px; 81 | margin-top: 0; 82 | font-weight: 500; 83 | position: relative; 84 | letter-spacing: 1px; 85 | } 86 | 87 | h1:after { 88 | content: ""; 89 | position: absolute; 90 | bottom: -2px; 91 | left: 0; 92 | width: 100%; 93 | height: 1px; 94 | background: linear-gradient(90deg, transparent, #d85a63 25%, #d85a63 75%, transparent); 95 | } 96 | 97 | h2 { 98 | font-size: 1.5em; 99 | color: #4d6184; /* 日式藍 */ 100 | margin-top: 30px; 101 | font-weight: 500; 102 | position: relative; 103 | display: inline-block; 104 | } 105 | 106 | h2:after { 107 | content: ""; 108 | position: absolute; 109 | bottom: -5px; 110 | left: 0; 111 | width: 100%; 112 | height: 1px; 113 | background-color: rgba(77, 97, 132, 0.2); /* 淡藍色下劃線 */ 114 | } 115 | 116 | h3 { 117 | font-size: 1.2em; 118 | margin-top: 18px; 119 | margin-bottom: 12px; 120 | color: #333; 121 | font-weight: 500; 122 | } 123 | 124 | h4 { 125 | font-size: 1em; 126 | margin-top: 15px; 127 | margin-bottom: 8px; 128 | color: #444; 129 | font-weight: 500; 130 | padding-left: 15px; 131 | position: relative; 132 | } 133 | 134 | h4:before { 135 | content: ""; 136 | position: absolute; 137 | left: 0; 138 | top: 50%; 139 | transform: translateY(-50%); 140 | width: 6px; 141 | height: 6px; 142 | background-color: #d85a63; /* 櫻花紅 */ 143 | border-radius: 50%; 144 | box-shadow: 0 0 0 2px rgba(216, 90, 99, 0.2); 145 | } 146 | 147 | label { 148 | display: block; 149 | margin-bottom: 8px; 150 | font-weight: 500; 151 | color: #444; 152 | } 153 | 154 | input[type="text"] { 155 | width: calc(100% - 110px); 156 | padding: 10px 12px; 157 | margin-bottom: 15px; 158 | border: 1px solid #e0ddd4; /* 米色邊框 */ 159 | border-radius: 6px; 160 | box-sizing: border-box; 161 | font-family: 'Noto Sans TC', sans-serif; 162 | background-color: rgba(255, 255, 255, 0.8); 163 | transition: border-color 0.3s, box-shadow 0.3s; 164 | } 165 | 166 | input[type="text"]:focus { 167 | outline: none; 168 | border-color: #4d6184; 169 | box-shadow: 0 0 0 3px rgba(77, 97, 132, 0.1); 170 | } 171 | 172 | button { 173 | padding: 10px 18px; 174 | background-color: #4d6184; /* 日式藍 */ 175 | color: white; 176 | border: none; 177 | border-radius: 6px; 178 | cursor: pointer; 179 | vertical-align: top; 180 | margin-left: 8px; 181 | transition: all 0.3s ease; 182 | font-family: 'Noto Sans TC', sans-serif; 183 | letter-spacing: 0.5px; 184 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 185 | } 186 | 187 | button:hover { 188 | background-color: #3c4f6d; 189 | transform: translateY(-2px); 190 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); 191 | } 192 | 193 | .remove-btn { 194 | background-color: #d85a63; /* 櫻花紅 */ 195 | font-size: 0.8em; 196 | padding: 6px 10px; 197 | margin-left: 8px; 198 | } 199 | 200 | .remove-btn:hover { 201 | background-color: #b9454e; 202 | } 203 | 204 | #status { 205 | margin-top: 15px; 206 | padding: 8px 12px; 207 | color: #28a745; 208 | font-weight: bold; 209 | min-height: 20px; 210 | transition: all 0.3s ease; 211 | border-radius: 4px; 212 | } 213 | 214 | #status.error { 215 | color: #dc3545; 216 | background-color: rgba(220, 53, 69, 0.1); 217 | } 218 | 219 | #status.warning { 220 | color: #ffc107; 221 | background-color: rgba(255, 193, 7, 0.1); 222 | } 223 | 224 | .settings-section, .tags-main-container, .tag-category-section, .blacklist-section-container { 225 | margin-bottom: 25px; 226 | padding: 20px; 227 | border: none; 228 | border-radius: 10px; 229 | background-color: rgba(255, 255, 255, 0.7); 230 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 231 | transition: transform 0.3s ease, box-shadow 0.3s ease; 232 | } 233 | 234 | .settings-section:hover, .tags-main-container:hover, .tag-category-section:hover, .blacklist-section-container:hover { 235 | transform: translateY(-2px); 236 | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); 237 | } 238 | 239 | .tags-management-layout { 240 | display: flex; 241 | gap: 25px; 242 | } 243 | 244 | .tags-main-column { 245 | flex: 3; 246 | } 247 | 248 | .blacklist-column { 249 | flex: 1.2; 250 | min-width: 280px; 251 | } 252 | 253 | .tags-container { 254 | display: flex; 255 | flex-wrap: wrap; 256 | gap: 10px; 257 | margin-top: 12px; 258 | } 259 | 260 | .predefined-tag-btn { 261 | background-color: #71879c; /* 藍灰色按鈕 */ 262 | font-size: 0.9em; 263 | padding: 8px 14px; 264 | color: white; 265 | border: none; 266 | border-radius: 6px; 267 | cursor: pointer; 268 | box-shadow: 0 0 5px rgba(0, 0, 0, 0); 269 | transition: all 0.3s ease; 270 | font-family: 'Noto Sans TC', sans-serif; 271 | position: relative; 272 | overflow: hidden; 273 | } 274 | 275 | .predefined-tag-btn:hover { 276 | background-color: #5a6e80; 277 | transform: translateY(-2px); 278 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 279 | } 280 | 281 | .predefined-tag-btn.selected { 282 | background-color: #4d6184; /* 日式藍 */ 283 | box-shadow: 0 0 8px rgba(77, 97, 132, 0.5); 284 | position: relative; 285 | } 286 | 287 | .predefined-tag-btn.selected:before { 288 | content: ""; 289 | position: absolute; 290 | top: 0; 291 | right: 0; 292 | width: 0; 293 | height: 0; 294 | border-style: solid; 295 | border-width: 0 12px 12px 0; 296 | border-color: transparent #d85a63 transparent transparent; /* 櫻花紅角標 */ 297 | } 298 | 299 | .blacklisted-tag-item-btn { 300 | background-color: #fdf1f2; /* 淡櫻花紅背景 */ 301 | color: #d85a63; 302 | border: 1px solid #f5c6cb; 303 | padding: 6px 10px; 304 | font-size: 0.9em; 305 | align-items: center; 306 | display: inline-flex; 307 | border-radius: 6px; 308 | transition: all 0.2s ease; 309 | } 310 | 311 | .blacklisted-tag-item-btn .remove-btn { 312 | margin-left: 8px; 313 | padding: 3px 6px; 314 | font-size: 0.7em; 315 | background-color: #d85a63; 316 | border: none; 317 | } 318 | 319 | .blacklisted-tag-item-btn .remove-btn:hover { 320 | background-color: #b9454e; 321 | } 322 | 323 | select { 324 | padding: 10px 12px; 325 | border-radius: 6px; 326 | border: 1px solid #e0ddd4; 327 | margin-bottom: 15px; 328 | min-width: 200px; 329 | background-color: rgba(255, 255, 255, 0.8); 330 | font-family: 'Noto Sans TC', sans-serif; 331 | color: #444; 332 | appearance: none; 333 | background-image: url('data:image/svg+xml;utf8,'); 334 | background-repeat: no-repeat; 335 | background-position: right 10px center; 336 | padding-right: 30px; 337 | transition: border-color 0.3s, box-shadow 0.3s; 338 | } 339 | 340 | select:focus { 341 | outline: none; 342 | border-color: #4d6184; 343 | box-shadow: 0 0 0 3px rgba(77, 97, 132, 0.1); 344 | } 345 | 346 | .content-section { 347 | display: none; 348 | animation: fadeIn 0.5s ease; 349 | } 350 | 351 | @keyframes fadeIn { 352 | from { opacity: 0; transform: translateY(10px); } 353 | to { opacity: 1; transform: translateY(0); } 354 | } 355 | 356 | .content-section.active { 357 | display: block; 358 | } 359 | 360 | .toggle-switch-label { 361 | position: relative; 362 | display: inline-block; 363 | width: 60px; 364 | height: 34px; 365 | margin-top: 5px; 366 | } 367 | 368 | .toggle-switch-label input { 369 | opacity: 0; 370 | width: 0; 371 | height: 0; 372 | } 373 | 374 | .slider { 375 | position: absolute; 376 | cursor: pointer; 377 | top: 0; 378 | left: 0; 379 | right: 0; 380 | bottom: 0; 381 | background-color: #ccc; 382 | transition: .4s; 383 | border-radius: 34px; 384 | } 385 | 386 | .slider:before { 387 | position: absolute; 388 | content: ""; 389 | height: 26px; 390 | width: 26px; 391 | left: 4px; 392 | bottom: 4px; 393 | background-color: white; 394 | transition: .4s; 395 | border-radius: 50%; 396 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 397 | } 398 | 399 | input:checked + .slider { 400 | background-color: #4d6184; /* 日式藍 */ 401 | } 402 | 403 | input:focus + .slider { 404 | box-shadow: 0 0 1px #4d6184; 405 | } 406 | 407 | input:checked + .slider:before { 408 | transform: translateX(26px); 409 | } 410 | 411 | #desktop-notifications-label-text { 412 | margin-left: 8px; /* Space between slider and text */ 413 | vertical-align: middle; 414 | line-height: 1.5; 415 | display: inline-block; 416 | /* flex-grow: 1; Removed to prevent unwanted text wrapping issues */ 417 | } 418 | 419 | /* Message for empty tag categories */ 420 | .no-tags-in-category-message { 421 | color: #666; 422 | font-style: italic; 423 | padding: 10px 0; /* Adjusted padding */ 424 | margin: 0; /* Reset margin */ 425 | width: 100%; 426 | text-align: left; /* Align with other content if needed, or center */ 427 | font-size: 0.9em; 428 | } 429 | 430 | /* 自定義滾動條樣式 */ 431 | ::-webkit-scrollbar { 432 | width: 10px; 433 | background-color: transparent; 434 | } 435 | 436 | ::-webkit-scrollbar-track { 437 | background-color: rgba(240, 237, 230, 0.5); 438 | border-radius: 8px; 439 | } 440 | 441 | ::-webkit-scrollbar-thumb { 442 | background-color: rgba(113, 135, 156, 0.4); /* 藍灰色 */ 443 | border-radius: 8px; 444 | transition: background-color 0.3s; 445 | } 446 | 447 | ::-webkit-scrollbar-thumb:hover { 448 | background-color: rgba(113, 135, 156, 0.6); 449 | } 450 | 451 | /* Ad Container Styles */ 452 | .ad-in-column { 453 | margin-top: 20px; 454 | text-align: center; 455 | } 456 | 457 | .ad-in-column .ad-header { 458 | font-size: 0.9em; 459 | color: #888; 460 | font-weight: 400; 461 | text-transform: uppercase; 462 | letter-spacing: 1px; 463 | margin-bottom: 15px; 464 | } 465 | 466 | .ad-in-column .ad-banner img { 467 | max-width: 100%; 468 | height: auto; 469 | border-radius: 8px; 470 | box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 471 | transition: transform 0.2s ease-in-out; 472 | } 473 | 474 | .ad-in-column .ad-banner img:hover { 475 | transform: scale(1.02); 476 | } -------------------------------------------------------------------------------- /content.js: -------------------------------------------------------------------------------- 1 | // E-Hentai Tracker - Content Script 2 | 3 | console.log("E-Hentai Tracker content script loaded."); 4 | 5 | let currentContentLanguage = 'zh-TW'; // Default, will be updated 6 | const uiStringsContent = { 7 | 'en': { 8 | sidebarTitle: 'E-Hentai Tracker', 9 | refreshButton: 'Refresh Now', 10 | refreshingButton: 'Refreshing...', 11 | optionsButton: 'Options', 12 | loadingWorks: 'Loading works...', 13 | noTrackedTags: 'Please add tags to track first.', 14 | worksFound: (count) => `${count} works found.`, 15 | noWorksFound: 'No new works found.', 16 | errorLoadingWorks: 'Error loading works.', 17 | tagLabel: 'Tag', 18 | postedLabel: 'Posted', 19 | textSizeLabel: 'Text:', 20 | imageSizeLabel: 'Image:' 21 | }, 22 | 'zh-TW': { 23 | sidebarTitle: 'E-Hentai 漫畫追蹤器', 24 | refreshButton: '立即更新', 25 | refreshingButton: '更新中...', 26 | optionsButton: '後臺管理', 27 | loadingWorks: '正在載入作品...', 28 | noTrackedTags: '請先新增追蹤標籤。', 29 | worksFound: (count) => `找到 ${count} 本作品。`, 30 | noWorksFound: '未找到新作品。', 31 | errorLoadingWorks: '載入作品時發生錯誤。', 32 | tagLabel: '標籤', 33 | postedLabel: '發布於', 34 | textSizeLabel: '文字:', 35 | imageSizeLabel: '圖片大小:' 36 | }, 37 | 'ja': { 38 | sidebarTitle: 'E-Hentaiトラッカー', 39 | refreshButton: '今すぐ更新', 40 | refreshingButton: '更新中...', 41 | optionsButton: 'オプション', 42 | loadingWorks: '作品を読み込み中...', 43 | noTrackedTags: '最初に追跡するタグを追加してください。', 44 | worksFound: (count) => `${count}件の作品が見つかりました。`, 45 | noWorksFound: '新しい作品は見つかりませんでした。', 46 | errorLoadingWorks: '作品の読み込み中にエラーが発生しました。', 47 | tagLabel: 'タグ', 48 | postedLabel: '投稿日', 49 | textSizeLabel: '文字:', 50 | imageSizeLabel: '画像サイズ:' 51 | }, 52 | 'ko': { 53 | sidebarTitle: 'E-Hentai 트래커', 54 | refreshButton: '지금 새로고침', 55 | refreshingButton: '새로고침 중...', 56 | optionsButton: '옵션', 57 | loadingWorks: '작품 로딩 중...', 58 | noTrackedTags: '먼저 추적할 태그를 추가하십시오.', 59 | worksFound: (count) => `${count}개의 작품을 찾았습니다.`, 60 | noWorksFound: '새 작품을 찾을 수 없습니다.', 61 | errorLoadingWorks: '작품을 로드하는 중 오류가 발생했습니다.', 62 | tagLabel: '태그', 63 | postedLabel: '게시됨', 64 | textSizeLabel: '문자:', 65 | imageSizeLabel: '이미지 크기:' 66 | }, 67 | 'es': { 68 | sidebarTitle: 'E-Hentai Tracker', 69 | refreshButton: 'Actualizar Ahora', 70 | refreshingButton: 'Actualizando...', 71 | optionsButton: 'Opciones', 72 | loadingWorks: 'Cargando obras...', 73 | noTrackedTags: 'Por favor, añada etiquetas para rastrear primero.', 74 | worksFound: (count) => `${count} obras encontradas.`, 75 | noWorksFound: 'No se encontraron obras nuevas.', 76 | errorLoadingWorks: 'Error al cargar las obras.', 77 | tagLabel: 'Etiqueta', 78 | postedLabel: 'Publicado', 79 | textSizeLabel: 'Texto:', 80 | imageSizeLabel: 'Tamaño de la imagen:' 81 | } 82 | }; 83 | 84 | function getTranslatedString(key, ...args) { 85 | const langStrings = uiStringsContent[currentContentLanguage] || uiStringsContent['en']; 86 | const stringTemplate = langStrings[key] || (uiStringsContent['en'] ? uiStringsContent['en'][key] : key); 87 | if (typeof stringTemplate === 'function') { 88 | return stringTemplate(...args); 89 | } 90 | return stringTemplate || key; // Fallback to key if string not found 91 | } 92 | 93 | async function loadContentLanguagePreference() { 94 | try { 95 | const data = await chrome.storage.sync.get('language'); 96 | currentContentLanguage = data.language || 'zh-TW'; // Default to zh-TW if not set 97 | console.log("Content.js: Language loaded:", currentContentLanguage); 98 | } catch (error) { 99 | console.error("Content.js: Error loading language preference:", error); 100 | currentContentLanguage = 'zh-TW'; // Fallback 101 | } 102 | } 103 | 104 | 105 | // Helper function to ensure sidebar is created 106 | async function ensureSidebar() { 107 | await loadContentLanguagePreference(); // Load language before creating sidebar 108 | let sidebar = document.getElementById('eh-tracker-sidebar'); 109 | if (!sidebar) { 110 | sidebar = await createSidebar(); // createSidebar is now async 111 | document.body.appendChild(sidebar); 112 | } 113 | return sidebar; 114 | } 115 | 116 | async function createSidebar() { 117 | if (document.getElementById('eh-tracker-sidebar')) { 118 | return document.getElementById('eh-tracker-sidebar'); 119 | } 120 | // Ensure language is loaded if createSidebar is called directly or before ensureSidebar completes its first load. 121 | if (!uiStringsContent[currentContentLanguage]) { // Simple check if language was loaded 122 | await loadContentLanguagePreference(); 123 | } 124 | 125 | const sidebar = document.createElement('div'); 126 | sidebar.id = 'eh-tracker-sidebar'; 127 | sidebar.style.cssText = ` 128 | position: fixed; 129 | top: 0; 130 | right: -450px; /* Start off-screen, adjusted for new width */ 131 | width: 450px; /* Increased sidebar width */ 132 | height: 100%; 133 | background-color: #f0f0f0; 134 | border-left: 1px solid #ccc; 135 | box-shadow: -2px 0 5px rgba(0,0,0,0.1); 136 | z-index: 2147483647; 137 | transition: right 0.3s ease-in-out; 138 | display: flex; 139 | flex-direction: column; 140 | font-family: Arial, sans-serif; 141 | `; 142 | 143 | const header = document.createElement('div'); 144 | header.className = 'sidebar-header'; 145 | header.style.cssText = ` 146 | padding: 10px 15px; 147 | background-color: #333; 148 | color: white; 149 | display: flex; 150 | justify-content: space-between; 151 | align-items: center; 152 | `; 153 | 154 | const title = document.createElement('h2'); 155 | title.textContent = getTranslatedString('sidebarTitle'); 156 | title.style.margin = '0'; 157 | title.style.fontSize = '1.1em'; 158 | 159 | const closeButton = document.createElement('button'); 160 | closeButton.textContent = '✕'; 161 | closeButton.className = 'sidebar-close-button'; 162 | closeButton.style.cssText = ` 163 | background: none; 164 | border: none; 165 | color: white; 166 | font-size: 1.5em; 167 | cursor: pointer; 168 | padding: 0 5px; 169 | `; 170 | closeButton.onclick = () => { 171 | const sb = document.getElementById('eh-tracker-sidebar'); 172 | if (sb) { 173 | sb.style.right = '-450px'; // Adjusted for new width 174 | } 175 | }; 176 | 177 | header.appendChild(title); 178 | header.appendChild(closeButton); 179 | 180 | // --- Display Controls Container (Now only for Text Size) ---\ 181 | const displayControlsOuterContainer = document.createElement('div'); 182 | displayControlsOuterContainer.id = 'sidebar-display-controls-container'; 183 | displayControlsOuterContainer.style.cssText = ` 184 | padding: 5px 15px; 185 | background-color: #444; 186 | color: white; 187 | display: flex; 188 | justify-content: center; /* Center the remaining Text controls */ 189 | align-items: center; 190 | gap: 10px; 191 | border-bottom: 1px solid #555; 192 | `; 193 | 194 | const sizeControlsContainer = document.createElement('div'); 195 | sizeControlsContainer.style.cssText = ` 196 | display: flex; 197 | justify-content: flex-start; 198 | align-items: center; 199 | gap: 10px; 200 | `; 201 | 202 | // Helper to create button groups (slightly simplified as it's now only for text) 203 | const createSizeControlButtonGroup = (idPrefix, groupLabelTextKey, sizes, storageKey, prefKey, defaultSize) => { 204 | const groupContainer = document.createElement('div'); 205 | groupContainer.style.cssText = 'display: flex; align-items: center; gap: 5px;'; 206 | 207 | const label = document.createElement('span'); 208 | label.textContent = getTranslatedString(groupLabelTextKey); 209 | label.style.fontSize = "0.8em"; 210 | label.style.marginRight = "3px"; 211 | groupContainer.appendChild(label); 212 | 213 | sizes.forEach(size => { 214 | const btn = document.createElement('button'); 215 | btn.textContent = size.label; 216 | btn.id = `${idPrefix}-${size.value}`; 217 | btn.dataset.value = size.value; 218 | btn.className = 'sidebar-display-control-button'; 219 | btn.style.cssText = ` 220 | padding: 2px 5px; 221 | font-size: 0.7em; 222 | background-color: #666; 223 | color: white; 224 | border: 1px solid #888; 225 | border-radius: 3px; 226 | cursor: pointer; 227 | min-width: 20px; 228 | text-align: center; 229 | `; 230 | btn.onclick = async () => { 231 | let prefs = (await chrome.storage.local.get(storageKey))[storageKey] || {}; 232 | prefs[prefKey] = size.value; 233 | await chrome.storage.local.set({ [storageKey]: prefs }); 234 | updateDisplayControlButtonsActiveState(idPrefix, size.value, sizes); 235 | if (document.getElementById('eh-tracker-sidebar').style.right === '0px') { 236 | loadAndDisplayWorks(); 237 | } 238 | }; 239 | groupContainer.appendChild(btn); 240 | }); 241 | return groupContainer; 242 | }; 243 | 244 | // Text Size Controls 245 | sizeControlsContainer.appendChild(createSizeControlButtonGroup( 246 | 'text-size', 'textSizeLabel', // Use key for label 247 | [{label: 'S', value: 'small'}, {label: 'M', value: 'medium'}, {label: 'L', value: 'large'}], 248 | 'sidebarDisplayPrefs', 'textSize', 'medium' 249 | )); 250 | 251 | // Image Size Controls 252 | sizeControlsContainer.appendChild(createSizeControlButtonGroup( 253 | 'image-size', 'imageSizeLabel', 254 | [{label: 'S', value: 'small'}, {label: 'M', value: 'medium'}, {label: 'L', 'value': 'large'}], 255 | 'sidebarDisplayPrefs', 'imageSize', 'medium' 256 | )); 257 | 258 | displayControlsOuterContainer.appendChild(sizeControlsContainer); 259 | 260 | window.updateDisplayControlButtonsActiveState = (idPrefix, activeValue, sizes) => { 261 | sizes.forEach(size => { 262 | const btn = document.getElementById(`${idPrefix}-${size.value}`); 263 | if (btn) { 264 | if (size.value === activeValue) { 265 | btn.style.backgroundColor = '#007bff'; 266 | btn.style.borderColor = '#0056b3'; 267 | } else { 268 | btn.style.backgroundColor = '#666'; 269 | btn.style.borderColor = '#888'; 270 | } 271 | } 272 | }); 273 | }; 274 | 275 | // Load preferences and update button states upon creation 276 | chrome.storage.local.get('sidebarDisplayPrefs').then(result => { 277 | const prefs = result.sidebarDisplayPrefs || { textSize: 'medium', imageSize: 'medium' }; 278 | if (window.updateDisplayControlButtonsActiveState) { 279 | updateDisplayControlButtonsActiveState('text-size', prefs.textSize, [{label: 'S', value: 'small'}, {label: 'M', value: 'medium'}, {label: 'L', value: 'large'}]); 280 | updateDisplayControlButtonsActiveState('image-size', prefs.imageSize, [{label: 'S', value: 'small'}, {label: 'M', value: 'medium'}, {label: 'L', value: 'large'}]); 281 | } 282 | }); 283 | 284 | sidebar.appendChild(header); 285 | sidebar.appendChild(displayControlsOuterContainer); 286 | 287 | const controlsContainer = document.createElement('div'); 288 | controlsContainer.className = 'sidebar-controls'; // For CSS styling 289 | controlsContainer.style.cssText = ` 290 | padding: 10px; 291 | background-color: #e0e0e0; 292 | display: flex; 293 | gap: 10px; 294 | `; 295 | 296 | const refreshButton = document.createElement('button'); 297 | refreshButton.id = 'eh-tracker-refresh-now-button'; 298 | refreshButton.textContent = getTranslatedString('refreshButton'); 299 | refreshButton.className = 'sidebar-button'; // For CSS styling 300 | refreshButton.style.cssText = ` 301 | padding: 8px 12px; 302 | background-color: #4CAF50; 303 | color: white; 304 | border: none; 305 | border-radius: 4px; 306 | cursor: pointer; 307 | font-size: 0.9em; 308 | `; 309 | refreshButton.onclick = () => { 310 | refreshButton.textContent = getTranslatedString('refreshingButton'); 311 | refreshButton.disabled = true; 312 | chrome.runtime.sendMessage({ action: 'FORCE_CHECK_NEW_WORKS' }, (response) => { 313 | console.log("Response from forcing check:", response); 314 | // Re-enable button and set text AFTER response, consider language 315 | loadContentLanguagePreference().then(() => { // Ensure language is fresh 316 | refreshButton.textContent = getTranslatedString('refreshButton'); 317 | refreshButton.disabled = false; 318 | // Now that the background check is confirmed complete, refresh the sidebar display. 319 | loadAndDisplayWorks(); 320 | }); 321 | // The original comment below is now handled by this explicit callback. 322 | // loadAndDisplayWorks will be called by NEW_WORKS_FOUND message 323 | }); 324 | }; 325 | 326 | const openOptionsButton = document.createElement('button'); 327 | openOptionsButton.id = 'eh-tracker-open-options-button'; 328 | openOptionsButton.textContent = getTranslatedString('optionsButton'); 329 | openOptionsButton.className = 'sidebar-button'; // For CSS styling 330 | openOptionsButton.style.cssText = ` 331 | padding: 8px 12px; 332 | background-color: #007BFF; 333 | color: white; 334 | border: none; 335 | border-radius: 4px; 336 | cursor: pointer; 337 | font-size: 0.9em; 338 | `; 339 | openOptionsButton.onclick = () => { 340 | chrome.runtime.sendMessage({ action: 'OPEN_OPTIONS_PAGE' }); 341 | }; 342 | 343 | controlsContainer.appendChild(refreshButton); 344 | controlsContainer.appendChild(openOptionsButton); 345 | 346 | const worksContainer = document.createElement('div'); 347 | worksContainer.id = 'eh-tracked-works-container'; 348 | worksContainer.className = 'sidebar-works-container'; // For CSS styling 349 | worksContainer.style.cssText = ` 350 | overflow-y: auto; 351 | padding: 10px; 352 | flex-grow: 1; 353 | `; 354 | 355 | sidebar.appendChild(controlsContainer); 356 | sidebar.appendChild(worksContainer); 357 | 358 | console.log("Sidebar DOM created with language:", currentContentLanguage); 359 | return sidebar; 360 | } 361 | 362 | async function loadAndDisplayWorks() { 363 | // Ensure language is loaded before displaying works 364 | // ensureSidebar itself now calls loadContentLanguagePreference 365 | const sidebar = await ensureSidebar(); 366 | const worksContainer = document.getElementById('eh-tracked-works-container'); 367 | if (!worksContainer) { 368 | console.error('Works container not found, cannot load works.'); 369 | return; 370 | } 371 | worksContainer.innerHTML = `

${getTranslatedString('loadingWorks')}

`; 372 | 373 | try { 374 | // Language preference should be loaded by ensureSidebar or reloaded if necessary. 375 | // If createSidebar was called, it also attempts to load language pref. 376 | // To be absolutely sure for this async function context: 377 | if (!uiStringsContent[currentContentLanguage]) { 378 | await loadContentLanguagePreference(); 379 | } 380 | 381 | const storedData = await chrome.storage.local.get(['trackedTags', 'trackedWorks', 'sidebarDisplayPrefs']); 382 | const trackedTags = storedData.trackedTags || []; 383 | const trackedWorks = storedData.trackedWorks || {}; 384 | const displayPrefs = storedData.sidebarDisplayPrefs || { textSize: 'medium', imageSize: 'medium' }; 385 | 386 | worksContainer.className = 'sidebar-works-container'; // Reset classes 387 | worksContainer.classList.add(`text-size-${displayPrefs.textSize}`); 388 | worksContainer.classList.add(`image-size-${displayPrefs.imageSize}`); 389 | 390 | if (window.updateDisplayControlButtonsActiveState) { 391 | updateDisplayControlButtonsActiveState('text-size', displayPrefs.textSize, [{label: 'S', value: 'small'}, {label: 'M', value: 'medium'}, {label: 'L', value: 'large'}]); 392 | updateDisplayControlButtonsActiveState('image-size', displayPrefs.imageSize, [{label: 'S', value: 'small'}, {label: 'M', value: 'medium'}, {label: 'L', value: 'large'}]); 393 | } 394 | 395 | worksContainer.innerHTML = ''; 396 | let worksFoundCount = 0; 397 | const allWorksFlattened = []; 398 | const worksByUrl = new Map(); 399 | 400 | if (trackedTags.length > 0 && trackedWorks && typeof trackedWorks === 'object') { 401 | trackedTags.forEach(tag => { 402 | if (trackedWorks[tag] && Array.isArray(trackedWorks[tag]) && trackedWorks[tag].length > 0) { 403 | trackedWorks[tag].forEach(work => { 404 | if (worksByUrl.has(work.url)) { 405 | // If work already exists, just add the new tag to its list. 406 | const existingWork = worksByUrl.get(work.url); 407 | if (!existingWork.matchedTags.includes(tag)) { 408 | existingWork.matchedTags.push(tag); 409 | } 410 | } else { 411 | // First time seeing this work, add it to the map with its first matched tag. 412 | worksByUrl.set(work.url, { ...work, matchedTags: [tag] }); 413 | } 414 | }); 415 | } 416 | }); 417 | } 418 | 419 | const deDupedWorks = Array.from(worksByUrl.values()); 420 | worksFoundCount = deDupedWorks.length; 421 | 422 | const overallStatusMessageDiv = document.createElement('div'); 423 | overallStatusMessageDiv.id = 'eh-tracker-overall-status'; 424 | overallStatusMessageDiv.style.cssText = ` 425 | padding: 5px 8px; 426 | margin-bottom: 8px; 427 | text-align: center; 428 | font-weight: normal; 429 | font-size: 0.9em; 430 | background-color: #eef2f7; 431 | border-radius: 3px; 432 | color: #333; 433 | `; 434 | 435 | if (trackedTags.length === 0) { 436 | overallStatusMessageDiv.textContent = getTranslatedString('noTrackedTags'); 437 | } else if (worksFoundCount > 0) { 438 | overallStatusMessageDiv.textContent = getTranslatedString('worksFound', worksFoundCount); 439 | } else { 440 | overallStatusMessageDiv.textContent = getTranslatedString('noWorksFound'); 441 | } 442 | worksContainer.insertBefore(overallStatusMessageDiv, worksContainer.firstChild); 443 | 444 | 445 | if (worksFoundCount > 0) { 446 | deDupedWorks.sort((a, b) => b.posted - a.posted); 447 | 448 | deDupedWorks.forEach((work, index) => { 449 | const workDiv = document.createElement('div'); 450 | workDiv.className = 'work-item'; 451 | 452 | const img = document.createElement('img'); 453 | img.src = work.thumb; 454 | img.alt = work.title; 455 | img.className = 'work-thumbnail'; 456 | 457 | const infoDiv = document.createElement('div'); 458 | infoDiv.className = 'work-info'; 459 | 460 | const titleLink = document.createElement('a'); 461 | titleLink.href = work.url; 462 | titleLink.textContent = work.title; 463 | titleLink.target = '_blank'; 464 | titleLink.className = 'work-title'; 465 | 466 | const tagDisplay = document.createElement('div'); 467 | const displayableTags = work.matchedTags.join(', '); 468 | tagDisplay.textContent = `${getTranslatedString('tagLabel')}: ${displayableTags}`; 469 | tagDisplay.className = 'work-tag'; 470 | 471 | const postedDate = new Date(work.posted); 472 | const dateDiv = document.createElement('div'); 473 | dateDiv.textContent = `${getTranslatedString('postedLabel')}: ${postedDate.toLocaleDateString()} ${postedDate.toLocaleTimeString()}`; 474 | dateDiv.className = 'work-posted-date'; 475 | 476 | infoDiv.appendChild(titleLink); 477 | infoDiv.appendChild(tagDisplay); 478 | infoDiv.appendChild(dateDiv); 479 | workDiv.appendChild(img); 480 | workDiv.appendChild(infoDiv); 481 | worksContainer.appendChild(workDiv); 482 | 483 | // Inject ad only at position 4 (index 3) 484 | if (index === 3) { 485 | const adItem = document.createElement('div'); 486 | adItem.className = 'sidebar-ad-item'; 487 | adItem.innerHTML = `

`; 488 | worksContainer.appendChild(adItem); 489 | } 490 | }); 491 | } 492 | } catch (error) { 493 | console.error('Error loading and displaying works:', error); 494 | if (worksContainer) { 495 | worksContainer.innerHTML = `

${getTranslatedString('errorLoadingWorks')}

`; 496 | } 497 | } 498 | } 499 | 500 | async function toggleSidebar() { 501 | // ensureSidebar will load language preference 502 | const sidebar = await ensureSidebar(); 503 | const currentRight = sidebar.style.right; 504 | if (currentRight === '0px') { 505 | sidebar.style.right = '-450px'; 506 | } else { 507 | sidebar.style.right = '0px'; 508 | // loadAndDisplayWorks also loads language preference, but ensureSidebar did it too. 509 | // Calling it here ensures content is fresh when sidebar opens. 510 | await loadAndDisplayWorks(); 511 | } 512 | } 513 | 514 | // Listen for messages from the background script 515 | chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { 516 | console.log("Content.js received message:", request); 517 | if (request.action === 'TOGGLE_SIDEBAR') { 518 | (async () => { // Wrap in async IIFE to use await 519 | await toggleSidebar(); 520 | sendResponse({ status: "Sidebar toggle action received" }); 521 | })(); 522 | return true; // Indicate async response 523 | } else if (request.action === 'NEW_WORKS_FOUND' || request.action === 'TRACKED_TAGS_UPDATED' || request.action === 'LAST_UPLOAD_DATES_UPDATED') { 524 | console.log(`Sidebar update triggered by: ${request.action}`); 525 | (async () => { // Wrap in async IIFE 526 | // Ensure language preferences are up-to-date before redrawing. 527 | // loadAndDisplayWorks will handle its own language loading if needed. 528 | await loadAndDisplayWorks(); 529 | sendResponse({ status: `${request.action} processed` }); 530 | })(); 531 | return true; // Indicate async response 532 | } else if (request.action === 'LANGUAGE_CHANGED') { // Listen for language changes from options 533 | console.log("Content.js: Received LANGUAGE_CHANGED, reloading UI elements."); 534 | (async () => { 535 | await loadContentLanguagePreference(); // Reload language 536 | 537 | // Re-render sidebar if it exists and is visible, or just update texts if simpler 538 | const sidebar = document.getElementById('eh-tracker-sidebar'); 539 | if (sidebar) { 540 | // Update title 541 | const titleElement = sidebar.querySelector('.sidebar-header h2'); 542 | if (titleElement) titleElement.textContent = getTranslatedString('sidebarTitle'); 543 | 544 | // Update button texts in controlsContainer 545 | const refreshButton = document.getElementById('eh-tracker-refresh-now-button'); 546 | if (refreshButton && !refreshButton.disabled) refreshButton.textContent = getTranslatedString('refreshButton'); 547 | 548 | const openOptionsButton = document.getElementById('eh-tracker-open-options-button'); 549 | if (openOptionsButton) openOptionsButton.textContent = getTranslatedString('optionsButton'); 550 | 551 | // Update text size label 552 | const textSizeControlContainer = document.getElementById('sidebar-display-controls-container'); 553 | if(textSizeControlContainer) { 554 | const textLabel = textSizeControlContainer.querySelector('span'); // Assumes it's the first span 555 | if(textLabel) textLabel.textContent = getTranslatedString('textSizeLabel'); 556 | } 557 | 558 | // If sidebar is open, reload works to update all dynamic text inside 559 | if (sidebar.style.right === '0px') { 560 | await loadAndDisplayWorks(); 561 | } 562 | } 563 | sendResponse({status: "Content script UI updated for language change."}); 564 | })(); 565 | return true; 566 | } 567 | // return true; // Keep the message channel open for asynchronous sendResponse if needed (already true for handled cases) 568 | return false; // For messages not handled here explicitly. 569 | }); 570 | 571 | // Inject stylesheet 572 | function injectStylesheet() { 573 | const existingLink = document.getElementById('eh-tracker-sidebar-styles'); 574 | if (existingLink) return; 575 | 576 | const link = document.createElement('link'); 577 | link.id = 'eh-tracker-sidebar-styles'; 578 | link.rel = 'stylesheet'; 579 | link.type = 'text/css'; 580 | link.href = chrome.runtime.getURL('sidebar.css'); 581 | document.head.appendChild(link); 582 | console.log("Sidebar stylesheet injected."); 583 | } 584 | 585 | // Initialize 586 | async function initializeContentScript() { 587 | await loadContentLanguagePreference(); // Load language first 588 | injectStylesheet(); 589 | // The sidebar is created on demand by toggleSidebar or when a message requests it. 590 | // No need to call ensureSidebar here unless you want it always present in DOM. 591 | console.log("E-Hentai Tracker content script initialized with language:", currentContentLanguage); 592 | } 593 | 594 | if (document.readyState === 'loading') { 595 | document.addEventListener('DOMContentLoaded', initializeContentScript); 596 | } else { 597 | initializeContentScript(); 598 | } 599 | 600 | // TODO:添加一個觸發器來顯示/隱藏側邊欄，例如監聽 browser action click 601 | // (Already handled by background script sending TOGGLE_SIDEBAR message) 602 | 603 | // 可選：如果頁面是 SPA (Single Page Application)，可能需要在導航變化時重新檢查是否需要注入 604 | // 但對於普通的網頁，content script 在每次頁面加載時都會執行 605 | 606 | // TODO: 添加一個觸發器來顯示/隱藏側邊欄，例如監聽 browser action click 607 | // chrome.action.onClicked.addListener((tab) => { 608 | // // 這個監聽器應該在 background script 中，然後發送消息給 content script 609 | // }); -------------------------------------------------------------------------------- /background.js: -------------------------------------------------------------------------------- 1 | // E-Hentai Tracker - Background Script 2 | 3 | const EH_API_URL = "https://api.e-hentai.org/api.php"; 4 | const EH_RSS_URL = "https://e-hentai.org/rss/ehg.xml"; 5 | const CHECK_ALARM_NAME = "ehentai_check_alarm"; 6 | const DEFAULT_CHECK_INTERVAL_MINUTES = 60; // Default check interval: 1 hour 7 | const OFFSCREEN_DOCUMENT_PATH = 'offscreen.html'; 8 | const NOTIFICATION_ID_NEW_WORKS = 'ehtracker_new_works_notification'; 9 | 10 | // // 追蹤的漫畫家標籤 (示例，之後應從 chrome.storage 讀取) 11 | // const trackedArtistTags = ["artist:gentsuki", "artist:aiue oka"]; 12 | 13 | // Initialization: Setup alarm on startup and install/update 14 | chrome.runtime.onStartup.addListener(async () => { 15 | console.log("E-Hentai Tracker startup"); 16 | await ensureAlarmIsSet(); // Ensure this is awaited if it becomes async or has async parts 17 | await injectContentScriptsIntoExistingTabs(); // Inject into existing tabs on startup 18 | createContextMenus(); // Create context menus on startup 19 | }); 20 | 21 | chrome.runtime.onInstalled.addListener(async (details) => { 22 | console.log("E-Hentai Tracker installed/updated:", details); 23 | await ensureAlarmIsSet(); // Ensure this is awaited 24 | if (details.reason === chrome.runtime.OnInstalledReason.INSTALL) { 25 | const defaultTags = [ 26 | "artist:kemuri haku", 27 | "artist:tamagoro", 28 | "artist:tottotonero tarou", 29 | "artist:raiha", 30 | "group:mannen dokodoko dondodoko" 31 | ].map(tag => tag.toLowerCase()); 32 | chrome.storage.local.set({ 33 | trackedTags: defaultTags, 34 | discoveredGalleries: {}, 35 | trackedWorks: {}, 36 | blacklistedTags: [] // Initialize blacklistedTags 37 | }, () => { 38 | console.log("Initialized trackedTags, discoveredGalleries, trackedWorks, and blacklistedTags."); 39 | }); 40 | chrome.storage.sync.set({ 41 | showDesktopNotifications: true, // Default to true 42 | updateFrequencyInMinutes: DEFAULT_CHECK_INTERVAL_MINUTES 43 | }, () => { 44 | console.log("Initialized showDesktopNotifications and updateFrequencyInMinutes."); 45 | }); 46 | } else if (details.reason === chrome.runtime.OnInstalledReason.UPDATE) { 47 | // Handle storage migration if necessary, e.g., renaming trackedArtistTags to trackedTags 48 | chrome.storage.local.get(["trackedArtistTags", "trackedTags"], (result) => { 49 | if (result.trackedArtistTags && !result.trackedTags) { 50 | console.log("Migrating trackedArtistTags to trackedTags."); 51 | chrome.storage.local.set({ trackedTags: result.trackedArtistTags }, () => { 52 | chrome.storage.local.remove("trackedArtistTags", () => { 53 | console.log("Migration complete: trackedArtistTags removed."); 54 | }); 55 | }); 56 | } 57 | // Migrate artistTag in trackedWorks to matchedTag 58 | chrome.storage.local.get("trackedWorks", (data) => { 59 | if (data.trackedWorks) { 60 | const updatedTrackedWorks = {}; 61 | let migrationNeeded = false; 62 | for (const tag in data.trackedWorks) { 63 | updatedTrackedWorks[tag] = data.trackedWorks[tag].map(work => { 64 | if (work.hasOwnProperty('artistTag') && !work.hasOwnProperty('matchedTag')) { 65 | migrationNeeded = true; 66 | const { artistTag, ...rest } = work; 67 | return { ...rest, matchedTag: artistTag }; 68 | } 69 | return work; 70 | }); 71 | } 72 | if (migrationNeeded) { 73 | chrome.storage.local.set({ trackedWorks: updatedTrackedWorks }, () => { 74 | console.log("Migrated artistTag to matchedTag in trackedWorks."); 75 | }); 76 | } 77 | } 78 | }); 79 | }); 80 | // Ensure new settings have defaults if not present after an update 81 | chrome.storage.sync.get(['showDesktopNotifications', 'updateFrequencyInMinutes'], (syncResult) => { 82 | const syncUpdate = {}; 83 | if (syncResult.showDesktopNotifications === undefined) { 84 | syncUpdate.showDesktopNotifications = true; 85 | } 86 | if (syncResult.updateFrequencyInMinutes === undefined) { 87 | syncUpdate.updateFrequencyInMinutes = DEFAULT_CHECK_INTERVAL_MINUTES; 88 | } 89 | if (Object.keys(syncUpdate).length > 0) { 90 | chrome.storage.sync.set(syncUpdate); 91 | } 92 | }); 93 | chrome.storage.local.get('blacklistedTags', (localResult) => { 94 | if (localResult.blacklistedTags === undefined) { 95 | chrome.storage.local.set({ blacklistedTags: [] }); 96 | } 97 | }); 98 | } 99 | await injectContentScriptsIntoExistingTabs(); // Inject into existing tabs on install/update 100 | createContextMenus(); // Create context menus on install/update 101 | }); 102 | 103 | // Function to create context menu items 104 | function createContextMenus() { 105 | // Ensure old menus are removed first to avoid duplicates on update, if any existed with same IDs. 106 | // This is more robust if you reload the extension during development. 107 | chrome.contextMenus.removeAll(() => { 108 | chrome.contextMenus.create({ 109 | id: "EHT_saveTagParent", 110 | title: "儲存標籤到 E-Hentai Tracker", 111 | contexts: ["selection"], 112 | documentUrlPatterns: ["*://e-hentai.org/*", "*://exhentai.org/*"] 113 | }); 114 | 115 | const tagCategories = { 116 | "artist": "作者 (artist)", 117 | "group": "社團 (group)", 118 | "parody": "原作 (parody)", 119 | "character": "角色 (character)", 120 | "female": "女性標籤 (female)", 121 | "male": "男性標籤 (male)", 122 | "category": "分類 (category)", 123 | "misc": "一般標籤 (misc)" 124 | }; 125 | 126 | for (const [key, title] of Object.entries(tagCategories)) { 127 | chrome.contextMenus.create({ 128 | id: `EHT_saveAs_${key}`, 129 | parentId: "EHT_saveTagParent", 130 | title: `儲存為 ${title}`, 131 | contexts: ["selection"], 132 | documentUrlPatterns: ["*://e-hentai.org/*", "*://exhentai.org/*"] 133 | }); 134 | } 135 | console.log("Context menus created."); 136 | }); 137 | } 138 | 139 | // Function to inject content scripts into existing relevant tabs 140 | async function injectContentScriptsIntoExistingTabs() { 141 | const relevantTabUrls = ["*://e-hentai.org/*", "*://exhentai.org/*"]; 142 | try { 143 | const tabs = await chrome.tabs.query({ url: relevantTabUrls }); 144 | for (const tab of tabs) { 145 | // Check if the tab is complete and not a chrome:// URL or other restricted page 146 | if (tab.status === 'complete' && tab.url && !tab.url.startsWith('chrome://')) { 147 | try { 148 | await chrome.scripting.executeScript({ 149 | target: { tabId: tab.id }, 150 | files: ['content.js'] 151 | }); 152 | await chrome.scripting.insertCSS({ 153 | target: { tabId: tab.id }, 154 | files: ['sidebar.css'] 155 | }); 156 | console.log(`Successfully injected scripts into tab: ${tab.id} (${tab.url})`); 157 | } catch (err) { 158 | // Log errors, but don't let one failed injection stop others. 159 | // This might happen if the content script is already injected, 160 | // or if the page is a special page where injection is not allowed. 161 | console.warn(`Could not inject script into tab ${tab.id} (${tab.url}): ${err.message}`); 162 | } 163 | } else { 164 | console.log(`Skipping injection for tab ${tab.id} due to status '${tab.status}' or restricted URL '${tab.url}'`); 165 | } 166 | } 167 | } catch (queryError) { 168 | console.error("Error querying tabs for script injection:", queryError); 169 | } 170 | } 171 | 172 | // Function to get the desired alarm frequency from storage or use default 173 | async function getAlarmFrequency() { 174 | try { 175 | const data = await chrome.storage.sync.get("updateFrequencyInMinutes"); 176 | if (data.updateFrequencyInMinutes && typeof data.updateFrequencyInMinutes === 'number') { 177 | return data.updateFrequencyInMinutes; 178 | } 179 | } catch (error) { 180 | console.error("Error getting updateFrequencyInMinutes from sync storage:", error); 181 | } 182 | return DEFAULT_CHECK_INTERVAL_MINUTES; // Fallback to default 183 | } 184 | 185 | // Creates or updates the alarm with the specified (or fetched) frequency 186 | async function createOrUpdateAlarm() { 187 | const periodInMinutes = await getAlarmFrequency(); 188 | chrome.alarms.get(CHECK_ALARM_NAME, (existingAlarm) => { 189 | // If alarm exists and its period is already correct, do nothing. 190 | // Note: existingAlarm.periodInMinutes might not be perfectly accurate due to floating point issues with very old alarms, but generally fine. 191 | if (existingAlarm && existingAlarm.periodInMinutes === periodInMinutes) { 192 | // console.log(`Alarm '${CHECK_ALARM_NAME}' already exists with the correct period of ${periodInMinutes} minutes.`); 193 | // return; 194 | } 195 | // If we always want to recreate to ensure scheduledTime is updated or to handle minor discrepancies: 196 | chrome.alarms.create(CHECK_ALARM_NAME, { 197 | delayInMinutes: 1, // Delay first execution slightly after browser start or update 198 | periodInMinutes: periodInMinutes, 199 | }); 200 | console.log(`Alarm '${CHECK_ALARM_NAME}' created/updated to run every ${periodInMinutes} minutes.`); 201 | }); 202 | } 203 | 204 | // Ensures alarm is set, typically on startup or install. 205 | async function ensureAlarmIsSet() { 206 | // Check if alarm exists. If not, create it. 207 | // This is slightly different from createOrUpdateAlarm as it's more about ensuring *an* alarm exists. 208 | const alarm = await chrome.alarms.get(CHECK_ALARM_NAME); 209 | if (!alarm) { 210 | console.log("Alarm not found, creating new one."); 211 | await createOrUpdateAlarm(); 212 | } else { 213 | // Optional: if an alarm exists, one might still call createOrUpdateAlarm() 214 | // to ensure its period matches the latest setting from storage. 215 | // For now, if it exists, assume it's based on a previous correct setting or will be updated by options page. 216 | // console.log("Alarm already exists. Period will be updated if changed in options."); 217 | // Or, to be more robust and ensure it always matches storage setting: 218 | await createOrUpdateAlarm(); 219 | } 220 | } 221 | 222 | // Listen for alarm triggers 223 | chrome.alarms.onAlarm.addListener(async (alarm) => { 224 | if (alarm.name === CHECK_ALARM_NAME) { 225 | console.log("Alarm triggered: Checking for new galleries..."); 226 | await checkForNewGalleries(); 227 | } 228 | }); 229 | 230 | // Listen for messages from other parts of the extension (e.g., options page) 231 | chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { 232 | if (message.action === "UPDATE_ALARM_FREQUENCY") { 233 | console.log("Received message to update alarm frequency to:", message.frequency); 234 | // Clear the existing alarm first, then create a new one with the updated frequency. 235 | // The new frequency is already saved to storage by options.js, so createOrUpdateAlarm will pick it up. 236 | chrome.alarms.clear(CHECK_ALARM_NAME, (wasCleared) => { 237 | if (wasCleared) { 238 | console.log(`Alarm '${CHECK_ALARM_NAME}' cleared successfully.`); 239 | } 240 | createOrUpdateAlarm(); 241 | }); 242 | return true; // Indicates that we will send a response asynchronously (or not at all) 243 | } else if (message.action === "TRACKED_TAGS_UPDATED") { 244 | console.log("Tracked tags updated, an immediate check might be good or wait for alarm."); 245 | // checkForNewGalleries(); // Optional: immediate check. Be mindful of API rate limits. 246 | } else if (message.action === "FORCE_CHECK_NEW_WORKS") { 247 | console.log("Background: Received FORCE_CHECK_NEW_WORKS from content script."); 248 | (async () => { 249 | try { 250 | await checkForNewGalleries(); 251 | sendResponse({ status: "Check for new works completed." }); 252 | } catch (error) { 253 | console.error("Error during forced check for new works:", error); 254 | sendResponse({ status: "error", message: error.message }); 255 | } 256 | })(); 257 | return true; // Indicates that the response is sent asynchronously. 258 | } else if (message.action === "OPEN_OPTIONS_PAGE") { 259 | chrome.runtime.openOptionsPage(); 260 | return false; // No async response needed 261 | } else if (message.type === "REQUEST_IMMEDIATE_CHECK") { // New message handler 262 | console.log("Background: Received REQUEST_IMMEDIATE_CHECK from options page."); 263 | (async () => { 264 | try { 265 | await checkForNewGalleries(); 266 | sendResponse({ status: "Immediate check initiated successfully." }); 267 | } catch (error) { 268 | console.error("Error during immediate check:", error); 269 | sendResponse({ status: "Immediate check failed.", error: error.message }); 270 | } 271 | })(); 272 | return true; // Indicates that we will send a response asynchronously 273 | } 274 | // Handle other messages if any 275 | return false; // For synchronous response or no response needed for other types 276 | }); 277 | 278 | async function getTrackedTags() { 279 | try { 280 | const data = await chrome.storage.local.get("trackedTags"); 281 | if (data.trackedTags && Array.isArray(data.trackedTags)) { 282 | return data.trackedTags; 283 | } 284 | } catch (error) { 285 | console.error("Error getting trackedTags from storage:", error); 286 | } 287 | return []; // 如果未設置或出錯，返回空陣列 288 | } 289 | 290 | async function getBlacklistedTags() { 291 | try { 292 | const data = await chrome.storage.local.get("blacklistedTags"); 293 | return (data.blacklistedTags && Array.isArray(data.blacklistedTags)) ? data.blacklistedTags.map(t => t.toLowerCase()) : []; 294 | } catch (error) { 295 | console.error("Error getting blacklistedTags from storage:", error); 296 | return []; 297 | } 298 | } 299 | 300 | async function getDesktopNotificationSetting() { 301 | try { 302 | const data = await chrome.storage.sync.get("showDesktopNotifications"); 303 | // Default to true if undefined (e.g., first time or if setting was somehow cleared) 304 | return data.showDesktopNotifications !== undefined ? data.showDesktopNotifications : true; 305 | } catch (error) { 306 | console.error("Error getting showDesktopNotifications setting:", error); 307 | return true; // Default to true on error to be safe 308 | } 309 | } 310 | 311 | async function hasOffscreenDocument(path) { 312 | // Check all windows controlled by the service worker to see if one 313 | // of them is the offscreen document with the given path 314 | const offscreenUrl = chrome.runtime.getURL(path); 315 | const matchedClients = await clients.matchAll(); 316 | for (const client of matchedClients) { 317 | if (client.url === offscreenUrl) { 318 | return true; 319 | } 320 | } 321 | return false; 322 | } 323 | 324 | // Function to send a message to the offscreen document and get a response 325 | async function sendMessageToOffscreenDocument(type, data) { 326 | if (!(await hasOffscreenDocument(OFFSCREEN_DOCUMENT_PATH))) { 327 | console.log("Attempting to create offscreen document as it does not exist or was closed."); 328 | try { 329 | await chrome.offscreen.createDocument({ 330 | url: OFFSCREEN_DOCUMENT_PATH, 331 | reasons: [chrome.offscreen.Reason.DOM_PARSER], 332 | justification: 'Parse RSS XML', 333 | }); 334 | console.log("Offscreen document created (or was already being created)."); 335 | } catch (error) { 336 | console.error("Failed to create offscreen document:", error.message); 337 | // 如果創建失敗，可以根據情況決定是否拋出錯誤或返回特定值 338 | // 檢查是否是因為文檔已存在 (雖然 hasOffscreenDocument 應該處理這種情況) 339 | if (error.message.includes("Only one offscreen document may be active at a time")) { 340 | console.warn("Offscreen document likely already exists or is in the process of being created."); 341 | } else { 342 | return { success: false, error: `Failed to create offscreen document: ${error.message}` }; 343 | } 344 | } 345 | } 346 | 347 | console.log(`Sending message to runtime (intended for offscreen): ${type}`, data); 348 | try { 349 | // 直接發送消息，offscreen.js 中的監聽器會根據 type 過濾 350 | const response = await chrome.runtime.sendMessage({ type: type, ...data }); 351 | console.log("Received response via runtime.sendMessage (from offscreen):", response); 352 | // 通常 offscreen 文檔在完成任務後會關閉自己，但如果沒有，我們可以在這裡嘗試關閉它 353 | // closeOffscreenDocument(); // 可選：如果確定任務已完成 354 | return response; 355 | } catch (error) { 356 | console.error("Error sending message to or receiving from offscreen document:", error.message); 357 | return { success: false, error: error.message || "Failed to communicate with offscreen document" }; 358 | } 359 | } 360 | 361 | // Optional: Function to close the offscreen document if it exists 362 | async function closeOffscreenDocument() { 363 | if (await hasOffscreenDocument(OFFSCREEN_DOCUMENT_PATH)) { 364 | console.log("Closing offscreen document."); 365 | await chrome.offscreen.closeDocument().catch(err => console.error("Error closing offscreen document:", err)); 366 | } 367 | } 368 | 369 | async function parseRssUsingOffscreen(rssText) { 370 | const response = await sendMessageToOffscreenDocument('parse-rss-in-offscreen', { rssText }); 371 | if (response && response.success) { 372 | return response.galleryInfos; 373 | } else { 374 | console.error("Failed to parse RSS via offscreen document:", response ? response.error : "No response"); 375 | return []; // 返回空數組表示失敗 376 | } 377 | } 378 | 379 | async function checkForNewGalleries() { 380 | const userTrackedTags = await getTrackedTags(); 381 | if (!userTrackedTags || userTrackedTags.length === 0) { 382 | console.log("No tracked tags configured. Skipping check."); 383 | return; 384 | } 385 | console.log("Checking for tags:", userTrackedTags); 386 | 387 | // Fetch settings for notifications and blacklist before processing 388 | const blacklistedTags = await getBlacklistedTags(); 389 | const showNotifications = await getDesktopNotificationSetting(); 390 | console.log("Blacklisted tags:", blacklistedTags); 391 | console.log("Show desktop notifications setting:", showNotifications); 392 | 393 | try { 394 | const rssText = await fetchRssFeed(); 395 | if (!rssText) { 396 | console.log("No RSS text fetched, skipping parsing."); 397 | return; 398 | } 399 | 400 | // 使用 Offscreen Document 進行解析 401 | const galleryInfos = await parseRssUsingOffscreen(rssText); 402 | console.log("Gallery infos received from offscreen processing:", galleryInfos); // 新日誌 403 | 404 | if (!galleryInfos || galleryInfos.length === 0) { 405 | console.log("No gallery info extracted from RSS (via offscreen)."); 406 | return; 407 | } 408 | 409 | // 3. 分批處理 galleryInfos (每批最多25個) 410 | const batchSize = 25; 411 | for (let i = 0; i < galleryInfos.length; i += batchSize) { 412 | const batch = galleryInfos.slice(i, i + batchSize); 413 | const gidList = batch.map(info => [info.gid, info.token]); 414 | 415 | // Create a map of gid to RSS info for category extraction 416 | const rssInfoMap = {}; 417 | batch.forEach(info => { 418 | rssInfoMap[info.gid] = { 419 | title: info.title || "", 420 | category: info.category || "" 421 | }; 422 | }); 423 | 424 | // 4. 獲取 gdata API 的元數據 425 | const gdataPayload = { 426 | method: "gdata", 427 | gidlist: gidList, 428 | namespace: 1, 429 | }; 430 | console.log("Calling fetchGdata with payload:", JSON.stringify(gdataPayload, null, 2)); // 日誌 431 | const metadataResponse = await fetchGdata(gdataPayload); 432 | console.log("Received gdata response:", JSON.stringify(metadataResponse, null, 2)); // 日誌 433 | if (!metadataResponse || !metadataResponse.gmetadata) { 434 | console.warn("Failed to get gdata or no metadata found in batch."); 435 | continue; // 繼續處理下一批 436 | } 437 | 438 | // 5. 處理元數據，檢查新作品 439 | await processGdataResponse(metadataResponse.gmetadata, userTrackedTags, blacklistedTags, showNotifications, rssInfoMap); 440 | } 441 | 442 | } catch (error) { 443 | console.error("Error in checkForNewGalleries:", error); 444 | } finally { 445 | await closeOffscreenDocument(); 446 | } 447 | } 448 | 449 | async function fetchRssFeed() { 450 | try { 451 | const response = await fetch(EH_RSS_URL); 452 | if (!response.ok) { 453 | throw new Error(`HTTP error! status: ${response.status}`); 454 | } 455 | return await response.text(); 456 | } catch (error) { 457 | console.error("Failed to fetch RSS feed:", error); 458 | return null; 459 | } 460 | } 461 | 462 | async function fetchGdata(payload) { 463 | try { 464 | const response = await fetch(EH_API_URL, { 465 | method: "POST", 466 | headers: { 467 | "Content-Type": "application/json", 468 | }, 469 | body: JSON.stringify(payload), 470 | }); 471 | if (!response.ok) { 472 | throw new Error(`HTTP error! status: ${response.status}`); 473 | } 474 | return await response.json(); 475 | } catch (error) { 476 | console.error("Failed to fetch gdata:", error); 477 | return null; 478 | } 479 | } 480 | 481 | async function processGdataResponse(gmetadata, userTrackedTags, blacklistedTags, showNotifications, rssInfoMap = {}) { 482 | // 從 chrome.storage.local 獲取已發現的作品 483 | const { discoveredGalleries = {}, trackedWorks = {} } = await chrome.storage.local.get(["discoveredGalleries", "trackedWorks"]); 484 | const newWorksFoundDetails = []; // Store details of new works for notification and other uses 485 | 486 | for (const gallery of gmetadata) { 487 | if (gallery.error) { 488 | console.warn(`Error for gid ${gallery.gid}: ${gallery.error}`); 489 | continue; 490 | } 491 | 492 | console.log("Processing gallery in processGdataResponse:", gallery.gid, "Title:", gallery.title); 493 | // console.log("Gallery tags (raw from API):", gallery.tags); // Potentially verbose 494 | // console.log("Comparing with userTrackedTags (should be lowercase):", userTrackedTags); 495 | 496 | // Get RSS info for this gallery 497 | const rssInfo = rssInfoMap[gallery.gid] || {}; 498 | const galleryCategory = rssInfo.category || ""; 499 | 500 | // Create combined tags list: API tags + category from RSS 501 | const apiGalleryTagsLower = gallery.tags.map(t => t.toLowerCase()); 502 | const allGalleryTags = [...apiGalleryTagsLower]; 503 | 504 | // Add category as a tag if it exists 505 | if (galleryCategory) { 506 | const categoryTag = `category:${galleryCategory}`; 507 | allGalleryTags.push(categoryTag); 508 | console.log(`Gallery GID ${gallery.gid} has category: ${galleryCategory}, added tag: ${categoryTag}`); 509 | } 510 | 511 | // Check against blacklist first 512 | const isBlacklisted = allGalleryTags.some(galleryTag => blacklistedTags.includes(galleryTag)); 513 | if (isBlacklisted) { 514 | console.log(`Gallery GID ${gallery.gid} (${gallery.title}) is blacklisted. Skipping.`); 515 | continue; 516 | } 517 | 518 | // 匹配邏輯: 檢查 gallery 的任何一個 tag (包括category) 是否存在於 userTrackedTags 中 519 | const matchedUserTag = userTrackedTags.find(userTag => allGalleryTags.includes(userTag)); 520 | 521 | if (matchedUserTag) { 522 | console.log(`Matched gallery GID ${gallery.gid} for user tracked tag: ${matchedUserTag}`); 523 | 524 | const discoveredForThisTag = discoveredGalleries[matchedUserTag] || []; 525 | // console.log(`Discovered GIDs for ${matchedUserTag}:`, discoveredForThisTag); 526 | 527 | if (!discoveredForThisTag.includes(gallery.gid)) { 528 | console.log(`New work! GID ${gallery.gid} not in discovered list for ${matchedUserTag}.`); 529 | const work = { 530 | gid: gallery.gid, 531 | token: gallery.token, // Make sure token is included for URL generation 532 | title: gallery.title, 533 | thumb: gallery.thumb, 534 | posted: parseInt(gallery.posted) * 1000, // API 的 posted 是秒，轉成毫秒 535 | url: `https://e-hentai.org/g/${gallery.gid}/${gallery.token}/`, 536 | matchedTag: matchedUserTag, // Use matchedUserTag (which is already lowercase) 537 | }; 538 | newWorksFoundDetails.push(work); 539 | 540 | // 更新 discoveredGalleries 541 | discoveredGalleries[matchedUserTag] = [...discoveredForThisTag, gallery.gid]; 542 | 543 | // 更新 trackedWorks 544 | let worksForTag = trackedWorks[matchedUserTag] || []; 545 | worksForTag = [work, ...worksForTag]; // 添加到最前面 546 | if (worksForTag.length > 50) { // 最多保留 50 個 547 | worksForTag = worksForTag.slice(0, 50); 548 | } 549 | trackedWorks[matchedUserTag] = worksForTag; 550 | 551 | console.log(`Added GID ${gallery.gid} to discovered and tracked lists for ${matchedUserTag}.`); 552 | } else { 553 | // console.log(`GID ${gallery.gid} already discovered for ${matchedUserTag}.`); 554 | } 555 | } 556 | } 557 | 558 | if (newWorksFoundDetails.length > 0) { 559 | console.log("New works found overall:", newWorksFoundDetails.map(w => `${w.matchedTag}: ${w.title}`).join('; ')); 560 | await chrome.storage.local.set({ discoveredGalleries, trackedWorks }); 561 | // 通知 content script 有新作品 562 | chrome.tabs.query({ url: ["*://e-hentai.org/*", "*://exhentai.org/*"] }, (tabs) => { 563 | tabs.forEach(tab => { 564 | if (tab.id) { 565 | chrome.tabs.sendMessage(tab.id, { action: "NEW_WORKS_FOUND" }) 566 | .catch(err => console.log("Error sending NEW_WORKS_FOUND to tab:", tab.id, err.message)); 567 | } 568 | }); 569 | }); 570 | // 可選：顯示一個 badge 提示有新作品 571 | chrome.action.setBadgeText({ text: "NEW" }); 572 | chrome.action.setBadgeBackgroundColor({ color: "#FF0000" }); 573 | 574 | // Desktop Notification 575 | if (showNotifications) { 576 | let notificationMessage = `發現 ${newWorksFoundDetails.length} 個新作品！`; 577 | if (newWorksFoundDetails.length === 1) { 578 | notificationMessage = `新作品: ${newWorksFoundDetails[0].title}`; 579 | } 580 | // Provide more details for multiple works if feasible, or keep it simple. 581 | // For example, list the first few titles. 582 | if (newWorksFoundDetails.length > 1) { 583 | const titles = newWorksFoundDetails.slice(0, 3).map(w => w.title).join(", "); 584 | notificationMessage += `\n如: ${titles}${newWorksFoundDetails.length > 3 ? ' 等等' : ''}`; 585 | } 586 | 587 | chrome.notifications.create(NOTIFICATION_ID_NEW_WORKS, { 588 | type: 'basic', 589 | iconUrl: 'icons/icon128.png', 590 | title: 'E-Hentai Tracker 有新發現', 591 | message: notificationMessage, 592 | priority: 0 // Between -2 and 2. 0 is default. 593 | }); 594 | console.log("Desktop notification shown for new works."); 595 | } 596 | 597 | } else { 598 | console.log("No new (unblacklisted) works found in this batch."); 599 | } 600 | } 601 | 602 | // 首次運行時手動觸發一次檢查，方便測試 603 | // setTimeout(checkForNewGalleries, 2000); // 2秒後執行一次 604 | 605 | // 監聽擴充功能圖示點擊事件 606 | chrome.action.onClicked.addListener((tab) => { 607 | if (tab.id) { 608 | chrome.tabs.sendMessage(tab.id, { action: "TOGGLE_SIDEBAR" }, (response) => { 609 | if (chrome.runtime.lastError) { 610 | console.log("Could not send TOGGLE_SIDEBAR message to content script. It might not be injected or ready.", chrome.runtime.lastError.message); 611 | } else { 612 | console.log("TOGGLE_SIDEBAR message sent to content script, response:", response); 613 | } 614 | }); 615 | } 616 | }); 617 | 618 | // Context menu click listener 619 | chrome.contextMenus.onClicked.addListener(async (info, tab) => { 620 | if (info.menuItemId.startsWith("EHT_saveAs_")) { 621 | const category = info.menuItemId.substring("EHT_saveAs_".length); 622 | let selectedText = info.selectionText.trim(); 623 | 624 | // Remove existing known prefixes from selected text if present, to avoid duplication 625 | const knownPrefixes = ["artist:", "group:", "parody:", "character:", "female:", "male:", "category:", "misc:"]; 626 | for (const prefix of knownPrefixes) { 627 | if (selectedText.toLowerCase().startsWith(prefix)) { 628 | selectedText = selectedText.substring(prefix.length).trim(); 629 | break; 630 | } 631 | } 632 | 633 | const newTag = `${category}:${selectedText.toLowerCase()}`; 634 | 635 | console.log(`Context menu clicked: Add tag '${newTag}'`); 636 | 637 | try { 638 | const { trackedTags = [] } = await chrome.storage.local.get("trackedTags"); 639 | if (!trackedTags.includes(newTag)) { 640 | const updatedTags = [...trackedTags, newTag]; 641 | await chrome.storage.local.set({ trackedTags: updatedTags }); 642 | console.log(`Tag '${newTag}' added to trackedTags.`); 643 | // Notify other parts of the extension about the update 644 | chrome.runtime.sendMessage({ action: "TRACKED_TAGS_UPDATED", newTags: updatedTags }); 645 | // Optionally trigger a check or update for last uploaded dates 646 | // await fetchLastUploadedDates(updatedTags); 647 | // await checkForNewGalleries(); // Or a full check if desired 648 | } else { 649 | console.log(`Tag '${newTag}' already exists in trackedTags.`); 650 | // Optionally notify user that tag already exists, though console log is fine for now. 651 | } 652 | } catch (error) { 653 | console.error("Error saving tag from context menu:", error); 654 | } 655 | } 656 | }); -------------------------------------------------------------------------------- /options.js: -------------------------------------------------------------------------------- 1 | document.addEventListener("DOMContentLoaded", () => { 2 | const artistInput = document.getElementById("artist-input"); 3 | const addArtistButton = document.getElementById("add-artist-button"); 4 | const trackedArtistsListUI = document.getElementById("tracked-artists-list"); 5 | const predefinedArtistsContainer = document.getElementById("predefined-artists-container"); 6 | 7 | const groupInput = document.getElementById("group-input"); 8 | const addGroupButton = document.getElementById("add-group-button"); 9 | const trackedGroupsListUI = document.getElementById("tracked-groups-list"); 10 | const predefinedGroupsContainer = document.getElementById("predefined-groups-container"); 11 | 12 | const languageInput = document.getElementById("language-input"); 13 | const addLanguageButton = document.getElementById("add-language-button"); 14 | const trackedLanguagesList = document.getElementById("tracked-languages-list"); 15 | const predefinedLanguagesContainer = document.getElementById("predefined-languages-container"); 16 | 17 | const parodyInput = document.getElementById("parody-input"); 18 | const addParodyButton = document.getElementById("add-parody-button"); 19 | const trackedParodiesList = document.getElementById("tracked-parodies-list"); 20 | const predefinedParodiesContainer = document.getElementById("predefined-parodies-container"); 21 | 22 | const characterInput = document.getElementById("character-input"); 23 | const addCharacterButton = document.getElementById("add-character-button"); 24 | const trackedCharactersList = document.getElementById("tracked-characters-list"); 25 | const predefinedCharactersContainer = document.getElementById("predefined-characters-container"); 26 | 27 | const femaleInput = document.getElementById("female-input"); 28 | const addFemaleButton = document.getElementById("add-female-button"); 29 | const trackedFemalesList = document.getElementById("tracked-females-list"); 30 | const predefinedFemalesContainer = document.getElementById("predefined-females-container"); 31 | 32 | const categoryInput = document.getElementById("category-input"); 33 | const addCategoryButton = document.getElementById("add-category-button"); 34 | const trackedCategoriesList = document.getElementById("tracked-categories-list"); 35 | const predefinedCategoriesContainer = document.getElementById("predefined-categories-container"); 36 | 37 | const statusDiv = document.getElementById("status"); 38 | const updateFrequencySelect = document.getElementById("update-frequency-select"); 39 | const updateNowButton = document.getElementById("update-now-button"); 40 | const navLinks = document.querySelectorAll('.sidebar .nav-link'); 41 | const contentSections = document.querySelectorAll('.main-content .content-section'); 42 | const languageSelect = document.getElementById('language-select'); 43 | const desktopNotificationsToggle = document.getElementById('desktop-notifications-toggle'); 44 | const blacklistInput = document.getElementById('blacklist-input'); 45 | const addBlacklistTagButton = document.getElementById('add-blacklist-tag-button'); 46 | const blacklistedTagsContainer = document.getElementById('blacklisted-tags-container'); 47 | // Import/Export elements 48 | const exportSettingsButton = document.getElementById('export-settings-button'); 49 | const importSettingsButton = document.getElementById('import-settings-button'); 50 | const importFileInput = document.getElementById('import-file-input'); 51 | 52 | let currentTrackedTags = []; 53 | let currentBlacklistedTags = []; 54 | const DEFAULT_UPDATE_FREQUENCY_MINUTES = 60; 55 | let currentLanguage = 'zh-TW'; // Default language 56 | 57 | // --- UI STRINGS FOR TRANSLATION --- 58 | const uiStrings = { 59 | 'zh-TW': { 60 | // Titles 61 | optionsTitle: 'E-Hentai Tracker 選項', 62 | manageTagsTitle: '標籤管理', 63 | updateFrequencyTitle: '更新頻率設定', 64 | generalSettingsTitle: '一般設定', 65 | importExportTitle: '匯入/匯出設定', 66 | aboutTitle: '關於', 67 | // currentlyTrackedTagsLabel: '目前追蹤的標籤', 68 | // Labels & Subtitles 69 | manageTagsDescription: '在此處新增或移除您想追蹤的標籤。點擊下方的快速新增按鈕，或手動輸入後新增。', 70 | artistTagsLabel: 'Artist 標籤', 71 | groupTagsLabel: 'Group 標籤', 72 | languageTagsLabel: 'Language 標籤', 73 | parodyTagsLabel: 'Parody 標籤', 74 | characterTagsLabel: 'Character 標籤', 75 | femaleTagsLabel: 'Female 標籤 (內容導向)', 76 | categoryTagsLabel: 'Category 標籤', 77 | quickAddLabelPrefix: '快速新增 ', 78 | quickAddArtistLabel: '快速新增 Artist 標籤:', 79 | quickAddGroupLabel: '快速新增 Group 標籤:', 80 | quickAddLanguageLabel: '快速新增 Language 標籤:', 81 | quickAddParodyLabel: '快速新增 Parody 標籤:', 82 | quickAddCharacterLabel: '快速新增 Character 標籤:', 83 | quickAddFemaleLabel: '快速新增 Female 標籤:', 84 | quickAddCategoryLabel: '快速新增 Category 標籤:', 85 | checkFrequencyLabel: '檢查新作品頻率:', 86 | selectLanguageLabel: '選擇顯示語言:', 87 | desktopNotificationsSectionTitle: '桌面通知', 88 | desktopNotificationsLabel: '在新作品發現時顯示桌面通知', 89 | blacklistTagsSectionTitle: '黑名單標籤管理', 90 | blacklistTagsDescription: '加入黑名單的標籤將不會被追蹤，即使它們符合您追蹤的 Artist 或 Group。', 91 | addBlacklistButton: '新增至黑名單', 92 | currentBlacklistLabel: '目前黑名單中的標籤:', 93 | blacklistInputPlaceholder: '輸入標籤 (例如: yaoi)', 94 | // Buttons 95 | addArtistButton: '新增 Artist', 96 | addGroupButton: '新增 Group', 97 | addLanguageButton: '新增 Language', 98 | addParodyButton: '新增 Parody', 99 | addCharacterButton: '新增 Character', 100 | addFemaleButton: '新增 Female 標籤', 101 | addCategoryButton: '新增 Category', 102 | updateNowButton: '立即更新', 103 | // Placeholders 104 | artistInputPlaceholder: '例如: aiue oka', 105 | groupInputPlaceholder: '例如: neko works', 106 | languageInputPlaceholder: '例如: chinese (中文)', 107 | parodyInputPlaceholder: '例如: fate grand order (天命/冠位指定)', 108 | characterInputPlaceholder: '例如: hatsune miku (初音未來)', 109 | femaleInputPlaceholder: '例如: lolicon (蘿莉控)', 110 | categoryInputPlaceholder: '例如: doujinshi', 111 | // Select Options (Update Frequency) 112 | freq20min: '20 分鐘', 113 | freq40min: '40 分鐘', 114 | freq1hrDefault: '1 小時 (預設)', 115 | freq2hr: '2 小時', 116 | freq6hr: '6 小時', 117 | freq24hr: '24 小時', 118 | // Status Messages 119 | statusEnterTagName: (type) => `請輸入 ${type} 名稱。`, 120 | statusTagAdded: (tag) => `已新增追蹤: ${tag}`, 121 | statusTagExists: (tag) => `${tag} 已在追蹤列表中。`, 122 | statusTagRemoved: (tag) => `已移除追蹤: ${tag}`, 123 | statusFreqSet: (freq) => `更新頻率已設為 ${freq} 分鐘。`, 124 | statusLangSet: (lang) => { 125 | let langName = 'English'; 126 | if (lang === 'zh-TW') langName = '繁體中文'; 127 | else if (lang === 'ja') langName = '日本語'; 128 | else if (lang === 'ko') langName = '한국어'; 129 | else if (lang === 'es') langName = 'Español'; 130 | return `語言已設定為 ${langName}。`; 131 | }, 132 | statusDesktopNotificationEnabled: '桌面通知已啟用。', 133 | statusDesktopNotificationDisabled: '桌面通知已停用。', 134 | statusBlacklistTagAdded: (tag) => `已將 '${tag}' 加入黑名單。`, 135 | statusBlacklistTagExists: (tag) => `'${tag}' 已在黑名單中。`, 136 | statusBlacklistTagRemoved: (tag) => `已從黑名單移除 '${tag}'。`, 137 | statusInvalidBlacklistTag: '請輸入有效的黑名單標籤名稱。', 138 | statusUpdateInitiated: '已開始檢查更新...', 139 | aboutSectionPara1: 'E-Hentai Tracker v0.3.0', 140 | aboutSectionPara2: '協助您追蹤喜愛的 E-Hentai 內容。', 141 | featureNotAvailable: '此功能區尚未開放.', 142 | removeButtonText: '移除', 143 | noTagsInCategory: '此分類目前沒有追蹤的標籤。', 144 | noBlacklistTagsYet: '目前沒有黑名單標籤。', 145 | // Import/Export specific 146 | exportSettingsButton: '匯出設定', 147 | importSettingsButton: '匯入設定', 148 | exportDescription: '將您目前的追蹤列表、黑名單和一般設定儲存到檔案中。', 149 | importDescription: '從先前儲存的檔案載入追蹤列表、黑名單和一般設定。這將會覆寫目前的設定。', 150 | statusSettingsExported: '設定已成功匯出!', 151 | statusSettingsImported: '設定已成功匯入! 頁面將重新載入。', 152 | statusImportParseError: '匯入失敗: 無法解析檔案內容，請確認檔案格式正確。', 153 | statusImportReadError: '匯入失敗: 無法讀取檔案。', 154 | statusImportInvalidData: '匯入失敗: 檔案內容無效或缺少必要欄位。', 155 | quickAddBlacklistLabel: '快速新增黑名單標籤:' // New string 156 | }, 157 | 'en': { 158 | // Titles 159 | optionsTitle: 'E-Hentai Tracker Options', 160 | manageTagsTitle: 'Manage Tags', 161 | updateFrequencyTitle: 'Update Frequency Settings', 162 | generalSettingsTitle: 'General Settings', 163 | importExportTitle: 'Import/Export Settings', 164 | aboutTitle: 'About', 165 | // currentlyTrackedTagsLabel: 'Currently Tracked Tags', 166 | // Labels & Subtitles 167 | manageTagsDescription: 'Add or remove tags you want to track. Click quick add buttons below, or enter manually.', 168 | artistTagsLabel: 'Artist Tags', 169 | groupTagsLabel: 'Group Tags', 170 | languageTagsLabel: 'Language Tags', 171 | parodyTagsLabel: 'Parody Tags', 172 | characterTagsLabel: 'Character Tags', 173 | femaleTagsLabel: 'Female Tags (Content Oriented)', 174 | categoryTagsLabel: 'Category Tags', 175 | quickAddLabelPrefix: 'Quick Add ', 176 | quickAddArtistLabel: 'Quick Add Artist Tags:', 177 | quickAddGroupLabel: 'Quick Add Group Tags:', 178 | quickAddLanguageLabel: 'Quick Add Language Tags:', 179 | quickAddParodyLabel: 'Quick Add Parody Tags:', 180 | quickAddCharacterLabel: 'Quick Add Character Tags:', 181 | quickAddFemaleLabel: 'Quick Add Female Tags:', 182 | quickAddCategoryLabel: 'Quick Add Category Tags:', 183 | checkFrequencyLabel: 'Check for new works every:', 184 | selectLanguageLabel: 'Select Display Language:', 185 | desktopNotificationsSectionTitle: 'Desktop Notifications', 186 | desktopNotificationsLabel: 'Show desktop notifications for new works', 187 | blacklistTagsSectionTitle: 'Blacklist Tags Management', 188 | blacklistTagsDescription: 'Blacklisted tags will not be tracked, even if they match your tracked Artists or Groups.', 189 | addBlacklistButton: 'Add to Blacklist', 190 | currentBlacklistLabel: 'Currently Blacklisted Tags:', 191 | blacklistInputPlaceholder: 'Enter tag (e.g., yaoi)', 192 | // Buttons 193 | addArtistButton: 'Add Artist', 194 | addGroupButton: 'Add Group', 195 | addLanguageButton: 'Add Language', 196 | addParodyButton: 'Add Parody', 197 | addCharacterButton: 'Add Character', 198 | addFemaleButton: 'Add Female Tag', 199 | addCategoryButton: 'Add Category', 200 | updateNowButton: 'Update Now', 201 | // Placeholders 202 | artistInputPlaceholder: 'e.g., aiue oka', 203 | groupInputPlaceholder: 'e.g., neko works', 204 | languageInputPlaceholder: 'e.g., chinese', 205 | parodyInputPlaceholder: 'e.g., fate grand order', 206 | characterInputPlaceholder: 'e.g., hatsune miku', 207 | femaleInputPlaceholder: 'e.g., lolicon', 208 | categoryInputPlaceholder: 'e.g., doujinshi', 209 | // Select Options (Update Frequency) 210 | freq20min: '20 minutes', 211 | freq40min: '40 minutes', 212 | freq1hrDefault: '1 hour (default)', 213 | freq2hr: '2 hours', 214 | freq6hr: '6 hours', 215 | freq24hr: '24 hours', 216 | // Status Messages 217 | statusEnterTagName: (type) => `Please enter ${type} name.`, 218 | statusTagAdded: (tag) => `Added to tracking: ${tag}`, 219 | statusTagExists: (tag) => `${tag} is already in tracking list.`, 220 | statusTagRemoved: (tag) => `Removed from tracking: ${tag}`, 221 | statusFreqSet: (freq) => `Update frequency set to ${freq} minutes.`, 222 | statusLangSet: (lang) => { 223 | let langName = 'English'; 224 | if (lang === 'zh-TW') langName = 'Traditional Chinese'; 225 | else if (lang === 'ja') langName = 'Japanese'; 226 | else if (lang === 'ko') langName = 'Korean'; 227 | else if (lang === 'es') langName = 'Spanish'; 228 | return `Language set to ${langName}.`; 229 | }, 230 | statusDesktopNotificationEnabled: 'Desktop notifications enabled.', 231 | statusDesktopNotificationDisabled: 'Desktop notifications disabled.', 232 | statusBlacklistTagAdded: (tag) => `Added '${tag}' to blacklist.`, 233 | statusBlacklistTagExists: (tag) => `'${tag}' is already in blacklist.`, 234 | statusBlacklistTagRemoved: (tag) => `Removed '${tag}' from blacklist.`, 235 | statusInvalidBlacklistTag: 'Please enter a valid blacklist tag name.', 236 | statusUpdateInitiated: 'Update check initiated...', 237 | aboutSectionPara1: 'E-Hentai Tracker v0.3.0', 238 | aboutSectionPara2: 'Helps you track your favorite E-Hentai content.', 239 | featureNotAvailable: 'This feature is not yet available.', 240 | removeButtonText: 'Remove', 241 | noTagsInCategory: 'No tags are currently tracked in this category.', 242 | noBlacklistTagsYet: 'No tags are currently blacklisted.', 243 | // Import/Export specific 244 | exportSettingsButton: 'Export Settings', 245 | importSettingsButton: 'Import Settings', 246 | exportDescription: 'Save your current tracked tags, blacklist, and general settings to a file.', 247 | importDescription: 'Load tracked tags, blacklist, and general settings from a previously saved file. This will overwrite current settings.', 248 | statusSettingsExported: 'Settings exported successfully!', 249 | statusSettingsImported: 'Settings imported successfully! The page will reload.', 250 | statusImportParseError: 'Import failed: Could not parse file content. Ensure the file is a valid JSON.', 251 | statusImportReadError: 'Import failed: Could not read the file.', 252 | statusImportInvalidData: 'Import failed: Invalid data structure or missing required fields in the file.', 253 | quickAddBlacklistLabel: 'Quick Add Blacklist Tags:' // New string 254 | }, 255 | 'ja': { 256 | optionsTitle: 'E-Hentaiトラッカーオプション', 257 | manageTagsTitle: 'タグ管理', 258 | updateFrequencyTitle: '更新頻度設定', 259 | generalSettingsTitle: '一般設定', 260 | importExportTitle: 'インポート/エクスポート設定', 261 | aboutTitle: '概要', 262 | manageTagsDescription: '追跡したいタグを追加または削除します。下のクイック追加ボタンをクリックするか、手動で入力して追加します。', 263 | artistTagsLabel: 'アーティストタグ', 264 | groupTagsLabel: 'グループタグ', 265 | languageTagsLabel: '言語タグ', 266 | parodyTagsLabel: 'パロディタグ', 267 | characterTagsLabel: 'キャラクタータグ', 268 | femaleTagsLabel: '女性向けタグ（コンテンツ指向）', 269 | quickAddLabelPrefix: 'クイック追加 ', 270 | quickAddArtistLabel: 'クイック追加アーティストタグ:', 271 | quickAddGroupLabel: 'クイック追加グループタグ:', 272 | quickAddLanguageLabel: 'クイック追加言語タグ:', 273 | quickAddParodyLabel: 'クイック追加パロディタグ:', 274 | quickAddCharacterLabel: 'クイック追加キャラクタータグ:', 275 | quickAddFemaleLabel: 'クイック追加女性向けタグ:', 276 | checkFrequencyLabel: '新しい作品の確認頻度:', 277 | selectLanguageLabel: '表示言語を選択:', 278 | desktopNotificationsSectionTitle: 'デスクトップ通知', 279 | desktopNotificationsLabel: '新しい作品が見つかったときにデスクトップ通知を表示する', 280 | blacklistTagsSectionTitle: 'ブラックリストタグ管理', 281 | blacklistTagsDescription: 'ブラックリストに追加されたタグは、追跡対象のアーティストやグループに一致する場合でも追跡されません。', 282 | addBlacklistButton: 'ブラックリストに追加', 283 | currentBlacklistLabel: '現在のブラックリストタグ:', 284 | blacklistInputPlaceholder: 'タグを入力（例: yaoi）', 285 | addArtistButton: 'アーティスト追加', 286 | addGroupButton: 'グループ追加', 287 | addLanguageButton: '言語追加', 288 | addParodyButton: 'パロディ追加', 289 | addCharacterButton: 'キャラクター追加', 290 | addFemaleButton: '女性向けタグ追加', 291 | updateNowButton: '今すぐ更新', 292 | artistInputPlaceholder: '例: aiue oka', 293 | groupInputPlaceholder: '例: neko works', 294 | languageInputPlaceholder: '例: japanese (日本語)', 295 | parodyInputPlaceholder: '例: fate grand order', 296 | characterInputPlaceholder: '例: hatsune miku', 297 | femaleInputPlaceholder: '例: lolicon', 298 | freq20min: '20分', 299 | freq40min: '40分', 300 | freq1hrDefault: '1時間（デフォルト）', 301 | freq2hr: '2時間', 302 | freq6hr: '6時間', 303 | freq24hr: '24時間', 304 | statusEnterTagName: (type) => `${type}名を入力してください。`, 305 | statusTagAdded: (tag) => `追跡に追加しました: ${tag}`, 306 | statusTagExists: (tag) => `${tag} は既に追跡リストにあります。`, 307 | statusTagRemoved: (tag) => `追跡から削除しました: ${tag}`, 308 | statusFreqSet: (freq) => `更新頻度を ${freq} 分に設定しました。`, 309 | statusLangSet: (lang) => { 310 | let langName = 'English'; 311 | if (lang === 'zh-TW') langName = '繁體中文'; 312 | else if (lang === 'ja') langName = '日本語'; 313 | else if (lang === 'ko') langName = '한국어'; 314 | else if (lang === 'es') langName = 'Español'; 315 | return `言語を${langName}に設定しました。`; 316 | }, 317 | statusDesktopNotificationEnabled: 'デスクトップ通知が有効になりました。', 318 | statusDesktopNotificationDisabled: 'デスクトップ通知が無効になりました。', 319 | statusBlacklistTagAdded: (tag) => `\'${tag}\' をブラックリストに追加しました。`, 320 | statusBlacklistTagExists: (tag) => `\'${tag}\' は既にブラックリストにあります。`, 321 | statusBlacklistTagRemoved: (tag) => `\'${tag}\' をブラックリストから削除しました。`, 322 | statusInvalidBlacklistTag: '有効なブラックリストタグ名を入力してください。', 323 | statusUpdateInitiated: '更新チェックを開始しました...', 324 | aboutSectionPara1: 'E-Hentaiトラッカー v0.3.0', 325 | aboutSectionPara2: 'お気に入りのE-Hentaiコンテンツの追跡を支援します。', 326 | featureNotAvailable: 'この機能はまだ利用できません。', 327 | removeButtonText: '削除', 328 | noTagsInCategory: 'このカテゴリでは現在タグは追跡されていません。', 329 | noBlacklistTagsYet: '現在ブラックリストに登録されているタグはありません。', 330 | // Import/Export specific - Corrected to Japanese 331 | exportSettingsButton: '設定をエクスポート', 332 | importSettingsButton: '設定をインポート', 333 | exportDescription: '現在の追跡タグ、ブラックリスト、一般設定をファイルに保存します。', 334 | importDescription: '以前に保存したファイルから追跡タグ、ブラックリスト、一般設定を読み込みます。これにより現在の設定が上書きされます。', 335 | statusSettingsExported: '設定が正常にエクスポートされました！', 336 | statusSettingsImported: '設定が正常にインポートされました！ページが再読み込みされます。', 337 | statusImportParseError: 'インポート失敗：ファイル内容を解析できませんでした。ファイルが有効なJSONであることを確認してください。', 338 | statusImportReadError: 'インポート失敗：ファイルを読み取れませんでした。', 339 | statusImportInvalidData: 'インポート失敗：無効なデータ構造またはファイルに必要なフィールドがありません。', 340 | quickAddBlacklistLabel: 'クイック追加ブラックリストタグ:' // New string 341 | }, 342 | 'ko': { 343 | optionsTitle: 'E-Hentai 트래커 옵션', 344 | manageTagsTitle: '태그 관리', 345 | updateFrequencyTitle: '업데이트 빈도 설정', 346 | generalSettingsTitle: '일반 설정', 347 | importExportTitle: '가져오기/내보내기 설정', 348 | aboutTitle: '정보', 349 | manageTagsDescription: '추적할 태그를 추가하거나 제거합니다. 아래 빠른 추가 버튼을 클릭하거나 수동으로 입력하여 추가하십시오.', 350 | artistTagsLabel: '아티스트 태그', 351 | groupTagsLabel: '그룹 태그', 352 | languageTagsLabel: '언어 태그', 353 | parodyTagsLabel: '패러디 태그', 354 | characterTagsLabel: '캐릭터 태그', 355 | femaleTagsLabel: '여성 태그 (콘텐츠 지향)', 356 | quickAddLabelPrefix: '빠른 추가 ', 357 | quickAddArtistLabel: '빠른 추가 아티스트 태그:', 358 | quickAddGroupLabel: '빠른 추가 그룹 태그:', 359 | quickAddLanguageLabel: '빠른 추가 언어 태그:', 360 | quickAddParodyLabel: '빠른 추가 패러디 태그:', 361 | quickAddCharacterLabel: '빠른 추가 캐릭터 태그:', 362 | quickAddFemaleLabel: '빠른 추가 여성 태그:', 363 | checkFrequencyLabel: '새 작품 확인 빈도:', 364 | selectLanguageLabel: '표시 언어 선택:', 365 | desktopNotificationsSectionTitle: '데스크톱 알림', 366 | desktopNotificationsLabel: '새 작품 발견 시 데스크톱 알림 표시', 367 | blacklistTagsSectionTitle: '블랙리스트 태그 관리', 368 | blacklistTagsDescription: '블랙리스트에 추가된 태그는 추적된 아티스트 또는 그룹과 일치하더라도 추적되지 않습니다.', 369 | addBlacklistButton: '블랙리스트에 추가', 370 | currentBlacklistLabel: '현재 블랙리스트된 태그:', 371 | blacklistInputPlaceholder: '태그 입력 (예: yaoi)', 372 | addArtistButton: '아티스트 추가', 373 | addGroupButton: '그룹 추가', 374 | addLanguageButton: '언어 추가', 375 | addParodyButton: '패러디 추가', 376 | addCharacterButton: '캐릭터 추가', 377 | addFemaleButton: '여성 태그 추가', 378 | updateNowButton: '지금 업데이트', 379 | artistInputPlaceholder: '예: aiue oka', 380 | groupInputPlaceholder: '예: neko works', 381 | languageInputPlaceholder: '예: korean (한국어)', 382 | parodyInputPlaceholder: '예: fate grand order', 383 | characterInputPlaceholder: '예: hatsune miku', 384 | femaleInputPlaceholder: '예: lolicon', 385 | freq20min: '20분', 386 | freq40min: '40분', 387 | freq1hrDefault: '1시간 (기본값)', 388 | freq2hr: '2시간', 389 | freq6hr: '6시간', 390 | freq24hr: '24시간', 391 | statusEnterTagName: (type) => `${type} 이름을 입력하십시오.`, 392 | statusTagAdded: (tag) => `추적에 추가됨: ${tag}`, 393 | statusTagExists: (tag) => `${tag} 은(는) 이미 추적 목록에 있습니다.`, 394 | statusTagRemoved: (tag) => `추적에서 제거됨: ${tag}`, 395 | statusFreqSet: (freq) => `업데이트 빈도가 ${freq} 분으로 설정되었습니다.`, 396 | statusLangSet: (lang) => { 397 | let langName = 'English'; 398 | if (lang === 'zh-TW') langName = '繁體中文'; 399 | else if (lang === 'ja') langName = '日本語'; 400 | else if (lang === 'ko') langName = '한국어'; 401 | else if (lang === 'es') langName = 'Español'; 402 | return `언어가 ${langName}(으)로 설정되었습니다.`; 403 | }, 404 | statusDesktopNotificationEnabled: '데스크톱 알림이 활성화되었습니다.', 405 | statusDesktopNotificationDisabled: '데스크톱 알림이 비활성화되었습니다.', 406 | statusBlacklistTagAdded: (tag) => `'${tag}'을(를) 블랙리스트에 추가했습니다.`, 407 | statusBlacklistTagExists: (tag) => `'${tag}'은(는) 이미 블랙리스트에 있습니다.`, 408 | statusBlacklistTagRemoved: (tag) => `'${tag}'을(를) 블랙리스트에서 제거했습니다.`, 409 | statusInvalidBlacklistTag: '유효한 블랙리스트 태그 이름을 입력하십시오.', 410 | statusUpdateInitiated: '업데이트 확인 시작됨...', 411 | aboutSectionPara1: 'E-Hentai 트래커 v0.3.0', 412 | aboutSectionPara2: '좋아하는 E-Hentai 콘텐츠를 추적하는 데 도움이 됩니다.', 413 | featureNotAvailable: '이 기능은 아직 사용할 수 없습니다.', 414 | removeButtonText: '제거', 415 | noTagsInCategory: '이 카테고리에는 현재 추적된 태그가 없습니다.', 416 | noBlacklistTagsYet: '현재 블랙리스트에 등록된 태그가 없습니다.', 417 | exportSettingsButton: '설정 내보내기', 418 | importSettingsButton: '설정 가져오기', 419 | exportDescription: '현재 추적된 태그, 블랙리스트 및 일반 설정을 파일에 저장합니다.', 420 | importDescription: '이전에 저장된 파일에서 추적된 태그, 블랙리스트 및 일반 설정을 로드합니다. 이렇게 하면 현재 설정이 덮어쓰여집니다.', 421 | statusSettingsExported: '설정을 성공적으로 내보냈습니다!', 422 | statusSettingsImported: '설정을 성공적으로 가져왔습니다! 페이지가 다시 로드됩니다.', 423 | statusImportParseError: '가져오기 실패: 파일 내용을 구문 분석할 수 없습니다. 파일이 유효한 JSON인지 확인하십시오.', 424 | statusImportReadError: '가져오기 실패: 파일을 읽을 수 없습니다.', 425 | statusImportInvalidData: '가져오기 실패: 파일 내용이 유효하지 않거나 필수 필드가 누락되었습니다.', 426 | quickAddBlacklistLabel: '빠른 추가 블랙리스트 태그:' // New string 427 | }, 428 | 'es': { 429 | optionsTitle: 'Opciones de E-Hentai Tracker', 430 | manageTagsTitle: 'Gestionar Etiquetas', 431 | updateFrequencyTitle: 'Configuración de Frecuencia de Actualización', 432 | generalSettingsTitle: 'Configuración General', 433 | importExportTitle: 'Importar/Exportar Configuración', 434 | aboutTitle: 'Acerca de', 435 | manageTagsDescription: 'Añada o elimine las etiquetas que desea rastrear. Haga clic en los botones de adición rápida de abajo o ingrese manualmente y luego añada.', 436 | artistTagsLabel: 'Etiquetas de Artista', 437 | groupTagsLabel: 'Etiquetas de Grupo', 438 | languageTagsLabel: 'Etiquetas de Idioma', 439 | parodyTagsLabel: 'Etiquetas de Parodia', 440 | characterTagsLabel: 'Etiquetas de Personaje', 441 | femaleTagsLabel: 'Etiquetas Femeninas (Orientadas al Contenido)', 442 | quickAddLabelPrefix: 'Adición Rápida ', 443 | quickAddArtistLabel: 'Adición Rápida Etiquetas de Artista:', 444 | quickAddGroupLabel: 'Adición Rápida Etiquetas de Grupo:', 445 | quickAddLanguageLabel: 'Adición Rápida Etiquetas de Idioma:', 446 | quickAddParodyLabel: 'Adición Rápida Etiquetas de Parodia:', 447 | quickAddCharacterLabel: 'Adición Rápida Etiquetas de Personaje:', 448 | quickAddFemaleLabel: 'Adición Rápida Etiquetas Femeninas:', 449 | checkFrequencyLabel: 'Frecuencia de revisión de nuevas obras:', 450 | selectLanguageLabel: 'Seleccionar Idioma de Visualización:', 451 | desktopNotificationsSectionTitle: 'Notificaciones de Escritorio', 452 | desktopNotificationsLabel: 'Mostrar notificaciones de escritorio cuando se encuentren nuevas obras', 453 | blacklistTagsSectionTitle: 'Gestión de Etiquetas de Lista Negra', 454 | blacklistTagsDescription: 'Las etiquetas añadidas a la lista negra no serán rastreadas, incluso si coinciden con sus Artistas o Grupos rastreados.', 455 | addBlacklistButton: 'Añadir a Lista Negra', 456 | currentBlacklistLabel: 'Etiquetas Actualmente en Lista Negra:', 457 | blacklistInputPlaceholder: 'Ingrese etiqueta (ej: yaoi)', 458 | addArtistButton: 'Añadir Artista', 459 | addGroupButton: 'Añadir Grupo', 460 | addLanguageButton: 'Añadir Idioma', 461 | addParodyButton: 'Añadir Parodia', 462 | addCharacterButton: 'Añadir Personaje', 463 | addFemaleButton: 'Añadir Etiqueta Femenina', 464 | updateNowButton: 'Actualizar Ahora', 465 | artistInputPlaceholder: 'ej: aiue oka', 466 | groupInputPlaceholder: 'ej: neko works', 467 | languageInputPlaceholder: 'ej: spanish (español)', 468 | parodyInputPlaceholder: 'ej: fate grand order', 469 | characterInputPlaceholder: 'ej: hatsune miku', 470 | femaleInputPlaceholder: 'ej: lolicon', 471 | freq20min: '20 minutos', 472 | freq40min: '40 minutos', 473 | freq1hrDefault: '1 hora (predeterminado)', 474 | freq2hr: '2 horas', 475 | freq6hr: '6 horas', 476 | freq24hr: '24 horas', 477 | statusEnterTagName: (type) => `Por favor ingrese el nombre de ${type}.`, 478 | statusTagAdded: (tag) => `Añadido al rastreo: ${tag}`, 479 | statusTagExists: (tag) => `${tag} ya está en la lista de rastreo.`, 480 | statusTagRemoved: (tag) => `Eliminado del rastreo: ${tag}`, 481 | statusFreqSet: (freq) => `Frecuencia de actualización establecida en ${freq} minutos.`, 482 | statusLangSet: (lang) => { 483 | let langName = 'English'; 484 | if (lang === 'zh-TW') langName = '繁體中文'; 485 | else if (lang === 'ja') langName = '日本語'; 486 | else if (lang === 'ko') langName = '한국어'; 487 | else if (lang === 'es') langName = 'Español'; 488 | return `Idioma establecido a ${langName}.`; 489 | }, 490 | statusDesktopNotificationEnabled: 'Notificaciones de escritorio habilitadas.', 491 | statusDesktopNotificationDisabled: 'Notificaciones de escritorio deshabilitadas.', 492 | statusBlacklistTagAdded: (tag) => `Se ha añadido '${tag}' a la lista negra.`, 493 | statusBlacklistTagExists: (tag) => `'${tag}' ya está en la lista negra.`, 494 | statusBlacklistTagRemoved: (tag) => `Se ha eliminado '${tag}' de la lista negra.`, 495 | statusInvalidBlacklistTag: 'Por favor ingrese un nombre de etiqueta de lista negra válido.', 496 | statusUpdateInitiated: 'Comprobación de actualizaciones iniciada...', 497 | aboutSectionPara1: 'E-Hentai Tracker v0.3.0', 498 | aboutSectionPara2: 'Le ayuda a rastrear su contenido favorito de E-Hentai.', 499 | featureNotAvailable: 'Esta función aún no está disponible.', 500 | removeButtonText: 'Eliminar', 501 | noTagsInCategory: 'Actualmente no hay etiquetas rastreadas en esta categoría.', 502 | noBlacklistTagsYet: 'Actualmente no hay etiquetas en la lista negra.', 503 | exportSettingsButton: 'Exportar Configuración', 504 | importSettingsButton: 'Importar Configuración', 505 | exportDescription: 'Guarde sus etiquetas rastreadas actuales, lista negra y configuraciones generales en un archivo.', 506 | importDescription: 'Cargue etiquetas rastreadas, lista negra y configuraciones generales desde un archivo guardado previamente. Esto sobrescribirá la configuración actual.', 507 | statusSettingsExported: '¡Configuración exportada exitosamente!', 508 | statusSettingsImported: '¡Configuración importada exitosamente! La página se recargará.', 509 | statusImportParseError: 'Error de importación: No se pudo analizar el contenido del archivo. Asegúrese de que el archivo sea un JSON válido.', 510 | statusImportReadError: 'Error de importación: No se pudo leer el archivo.', 511 | statusImportInvalidData: 'Error de importación: Contenido de archivo inválido o faltan campos obligatorios.', 512 | quickAddBlacklistLabel: 'Adición Rápida Etiquetas de Lista Negra:' // New string 513 | } 514 | }; 515 | 516 | function applyTranslations(lang) { 517 | const s = uiStrings[lang] || uiStrings['en']; // Fallback to English 518 | document.title = s.optionsTitle; 519 | 520 | // Main title 521 | document.querySelector('.main-content > h1').textContent = s.optionsTitle; 522 | 523 | // Sidebar Nav Links 524 | document.querySelector('.sidebar a[href="#tags-management"]').textContent = s.manageTagsTitle; 525 | document.querySelector('.sidebar a[href="#update-frequency"]').textContent = s.updateFrequencyTitle; 526 | document.querySelector('.sidebar a[href="#general-settings"]').textContent = s.generalSettingsTitle; 527 | document.querySelector('.sidebar a[href="#import-export"]').textContent = s.importExportTitle; 528 | document.querySelector('.sidebar a[href="#about"]').textContent = s.aboutTitle; 529 | 530 | // Content Section Titles and Paragraphs 531 | const tagsManagementSection = document.getElementById('tags-management'); 532 | tagsManagementSection.querySelector('h2').textContent = s.manageTagsTitle; 533 | tagsManagementSection.querySelector('p').textContent = s.manageTagsDescription; 534 | 535 | // Translate the new "Currently Tracked Tags" label 536 | // const currentlyTrackedSection = tagsManagementSection.querySelector('#currently-tracked-tags-container').parentElement; 537 | // if (currentlyTrackedSection && currentlyTrackedSection.querySelector('h3')) { 538 | // currentlyTrackedSection.querySelector('h3').textContent = s.currentlyTrackedTagsLabel; 539 | // } 540 | 541 | tagsManagementSection.querySelector('.tag-category-section:nth-child(1) h3').textContent = s.categoryTagsLabel; 542 | tagsManagementSection.querySelector('.tag-category-section:nth-child(1) h4').textContent = s.quickAddCategoryLabel; 543 | categoryInput.placeholder = s.categoryInputPlaceholder; 544 | addCategoryButton.textContent = s.addCategoryButton; 545 | 546 | tagsManagementSection.querySelector('.tag-category-section:nth-child(2) h3').textContent = s.artistTagsLabel; 547 | tagsManagementSection.querySelector('.tag-category-section:nth-child(2) h4').textContent = s.quickAddArtistLabel; 548 | artistInput.placeholder = s.artistInputPlaceholder; 549 | addArtistButton.textContent = s.addArtistButton; 550 | 551 | tagsManagementSection.querySelector('.tag-category-section:nth-child(3) h3').textContent = s.groupTagsLabel; 552 | tagsManagementSection.querySelector('.tag-category-section:nth-child(3) h4').textContent = s.quickAddGroupLabel; 553 | groupInput.placeholder = s.groupInputPlaceholder; 554 | addGroupButton.textContent = s.addGroupButton; 555 | 556 | tagsManagementSection.querySelector('.tag-category-section:nth-child(4) h3').textContent = s.languageTagsLabel; 557 | tagsManagementSection.querySelector('.tag-category-section:nth-child(4) h4').textContent = s.quickAddLanguageLabel; 558 | languageInput.placeholder = s.languageInputPlaceholder; 559 | addLanguageButton.textContent = s.addLanguageButton; 560 | 561 | tagsManagementSection.querySelector('.tag-category-section:nth-child(5) h3').textContent = s.parodyTagsLabel; 562 | tagsManagementSection.querySelector('.tag-category-section:nth-child(5) h4').textContent = s.quickAddParodyLabel; 563 | parodyInput.placeholder = s.parodyInputPlaceholder; 564 | addParodyButton.textContent = s.addParodyButton; 565 | 566 | tagsManagementSection.querySelector('.tag-category-section:nth-child(6) h3').textContent = s.characterTagsLabel; 567 | tagsManagementSection.querySelector('.tag-category-section:nth-child(6) h4').textContent = s.quickAddCharacterLabel; 568 | characterInput.placeholder = s.characterInputPlaceholder; 569 | addCharacterButton.textContent = s.addCharacterButton; 570 | 571 | tagsManagementSection.querySelector('.tag-category-section:nth-child(7) h3').textContent = s.femaleTagsLabel; 572 | tagsManagementSection.querySelector('.tag-category-section:nth-child(7) h4').textContent = s.quickAddFemaleLabel; 573 | femaleInput.placeholder = s.femaleInputPlaceholder; 574 | addFemaleButton.textContent = s.addFemaleButton; 575 | 576 | const updateFreqSection = document.getElementById('update-frequency'); 577 | if (updateFreqSection) { 578 | updateFreqSection.querySelector('h2').textContent = s.updateFrequencyTitle; 579 | updateFreqSection.querySelector('label[for="update-frequency-select"]').textContent = s.checkFrequencyLabel; 580 | updateFrequencySelect.options[0].textContent = s.freq20min; 581 | updateFrequencySelect.options[1].textContent = s.freq40min; 582 | updateFrequencySelect.options[2].textContent = s.freq1hrDefault; 583 | updateFrequencySelect.options[3].textContent = s.freq2hr; 584 | updateFrequencySelect.options[4].textContent = s.freq6hr; 585 | updateFrequencySelect.options[5].textContent = s.freq24hr; 586 | // Translate new button 587 | const updateNowBtn = document.getElementById('update-now-button'); 588 | if (updateNowBtn) { 589 | updateNowBtn.textContent = s.updateNowButton; 590 | } 591 | } 592 | 593 | const generalSettingsSection = document.getElementById('general-settings'); 594 | generalSettingsSection.querySelector('h2').textContent = s.generalSettingsTitle; 595 | generalSettingsSection.querySelector('label[for="language-select"]').textContent = s.selectLanguageLabel; 596 | 597 | const importExportSection = document.getElementById('import-export'); 598 | importExportSection.querySelector('h2').textContent = s.importExportTitle; 599 | // importExportSection.querySelector('p').textContent = s.featureNotAvailable; // Commented out or remove if buttons are there 600 | const exportBtn = document.getElementById('export-settings-button'); 601 | if (exportBtn) exportBtn.textContent = s.exportSettingsButton; 602 | const importBtn = document.getElementById('import-settings-button'); 603 | if (importBtn) importBtn.textContent = s.importSettingsButton; 604 | 605 | const exportDesc = importExportSection.querySelector('p[data-translate-key="exportDescription"]'); 606 | if (exportDesc) exportDesc.textContent = s.exportDescription; 607 | const importDesc = importExportSection.querySelector('p[data-translate-key="importDescription"]'); 608 | if (importDesc) importDesc.textContent = s.importDescription; 609 | 610 | const aboutSection = document.getElementById('about'); 611 | aboutSection.querySelector('h2').textContent = s.aboutTitle; 612 | aboutSection.querySelector('p:nth-child(2)').textContent = s.aboutSectionPara1; // Assumes this is the v1.0.0 p 613 | aboutSection.querySelector('p:nth-child(3)').textContent = s.aboutSectionPara2; // Assumes this is the description p 614 | 615 | // Desktop Notifications 616 | const dnSection = document.getElementById('desktop-notifications-section'); 617 | if (dnSection) { 618 | dnSection.querySelector('h3').textContent = s.desktopNotificationsSectionTitle; 619 | dnSection.querySelector('#desktop-notifications-label-text').textContent = s.desktopNotificationsLabel; 620 | } 621 | 622 | // Blacklist Tags 623 | const blSection = document.getElementById('blacklist-tags-section'); 624 | if (blSection) { 625 | blSection.querySelector('h3').textContent = s.blacklistTagsSectionTitle; 626 | blSection.querySelector('p').textContent = s.blacklistTagsDescription; 627 | // Ensure the H4 for quick add is translated if it exists 628 | const quickAddBlLabel = blSection.querySelector('h4[data-translate-key="quickAddBlacklistLabel"]'); 629 | if (quickAddBlLabel) quickAddBlLabel.textContent = s.quickAddBlacklistLabel; 630 | 631 | blSection.querySelector('button:not(.remove-btn):not(.blacklisted-tag-item-btn)').textContent = s.addBlacklistButton; // More specific selector 632 | blSection.querySelector('h4:not([data-translate-key="quickAddBlacklistLabel"])').textContent = s.currentBlacklistLabel; // More specific selector 633 | blacklistInput.placeholder = s.blacklistInputPlaceholder; 634 | } 635 | 636 | // Update predefined tag display names (buttons) 637 | populateAllPredefinedTags(lang); // Pass current language 638 | populatePredefinedBlacklistTags(lang); // Add this call 639 | renderBlacklistedTags(); // Re-render with current language for remove buttons etc. 640 | } 641 | 642 | // Predefined tags with translations 643 | // Note: 'id' is the actual tag value used in EH, 'name' is for display and can be a function of language. 644 | // 'displayNameKey' will point to a key in uiStrings for dynamic name generation if needed, or use a direct map. 645 | // For simplicity, pre-translated names are directly in predefinedTagsData for now for the buttons. 646 | // But this means the buttons for predefined tags will need their text updated when language changes. 647 | const predefinedTagsData = { 648 | artist: [ 649 | { id: "aiue oka", name_zhTW: "aiue oka (あいうえお课)", name_en: "aiue oka" }, 650 | { id: "chiba tetsutarou", name_zhTW: "chiba tetsutarou (千葉サドル)", name_en: "chiba tetsutarou" }, 651 | { id: "dokuneko noil", name_zhTW: "dokuneko noil (毒猫ノイル)", name_en: "dokuneko noil" }, 652 | { id: "itou eight", name_zhTW: "itou eight (伊藤エイト)", name_en: "itou eight" }, 653 | { id: "civet", name_zhTW: "civet (ジャコウネコ)", name_en: "civet" }, 654 | { id: "oida hina", name_zhTW: "oida hina (老田ヒナ)", name_en: "oida hina" }, 655 | { id: "nanao", name_zhTW: "nanao (ななお)", name_en: "nanao" }, 656 | { id: "shimanto shisakugata", name_zhTW: "shimanto shisakugata (しまんと試作型)", name_en: "shimanto shisakugata" }, 657 | { id: "teterun", name_zhTW: "teterun (ててるん)", name_en: "teterun" }, 658 | { id: "pirason", name_zhTW: "pirason (ぴらそん)", name_en: "pirason" }, 659 | { id: "michiking", name_zhTW: "michiking (ミチキング)", name_en: "michiking" }, 660 | { id: "ouno you", name_zhTW: "ouno you (苑生よう)", name_en: "ouno you" }, 661 | { id: "kakao", name_zhTW: "kakao (カカオ)", name_en: "kakao" }, 662 | { id: "asahina hikage", name_zhTW: "asahina hikage (アサヒナヒカゲ)", name_en: "asahina hikage" }, 663 | { id: "sanba sou", name_zhTW: "sanba sou (さんば挿)", name_en: "sanba sou" }, 664 | { id: "kemuri haku", name_zhTW: "kemuri haku (煙ハク)", name_en: "kemuri haku" }, 665 | { id: "tamagoro", name_zhTW: "tamagoro (たまごろー)", name_en: "tamagoro" }, 666 | { id: "tottotonero tarou", name_zhTW: "tottotonero tarou (とっととねろ太郎)", name_en: "tottotonero tarou" }, 667 | { id: "raiha", name_zhTW: "raiha (らいは)", name_en: "raiha" }, 668 | // New artists from user request 669 | { id: "rindou", name_zhTW: "rindou (竜胆)", name_en: "rindou" }, 670 | { id: "sakamata nerimono", name_zhTW: "sakamata nerimono (逆又練物)", name_en: "sakamata nerimono" }, 671 | { id: "tachibana omina", name_zhTW: "tachibana omina (橘惡味那)", name_en: "tachibana omina" }, 672 | // tamagoro and tottotonero tarou are already present, urakan and zero no mono need name_zhTW if available, otherwise keep as is 673 | { id: "urakan", name_zhTW: "urakan (裏寒)", name_en: "urakan" }, 674 | { id: "zero no mono", name_zhTW: "zero no mono (ゼロの者)", name_en: "zero no mono" } 675 | ], 676 | group: [ 677 | { id: "akatsuki katsuie", name_zhTW: "akatsuki katsuie (暁カツいえ)", name_en: "akatsuki katsuie" }, 678 | { id: "fatalpulse", name_zhTW: "fatalpulse (フェイタルパルス)", name_en: "fatalpulse" }, 679 | { id: "nekonokankara", name_zhTW: "nekonokankara (ねこのかんから)", name_en: "nekonokankara" }, 680 | { id: "area-s", name_zhTW: "Area-S", name_en: "Area-S" }, 681 | { id: "hellabunna", name_zhTW: "hellabunna (ヘラブナ)", name_en: "hellabunna" }, 682 | { id: "shironegiya", name_zhTW: "shironegiya (白ネギ屋)", name_en: "shironegiya" }, 683 | { id: "studio n.ball", name_zhTW: "Studio N.BALL (スタジオN.BALL)", name_en: "Studio N.BALL" }, 684 | { id: "cyclone", name_zhTW: "cyclone (サイクロン)", name_en: "cyclone" }, 685 | { id: "maruarai", name_zhTW: "maruarai (まるあら)", name_en: "maruarai" }, 686 | { id: "forest village", name_zhTW: "Forest Village", name_en: "Forest Village" }, 687 | { id: "monogusa", name_zhTW: "Monogusa (ものぐさ)", name_en: "Monogusa" }, 688 | { id: "manaita", name_zhTW: "Manaita (まないた)", name_en: "Manaita" }, 689 | { id: "akikaze biidoro", name_zhTW: "Akikaze Biidoro (秋風緋色)", name_en: "Akikaze Biidoro" }, 690 | { id: "ame nochi yuki", name_zhTW: "Ame nochi Yuki (あめのちゆき)", name_en: "Ame nochi Yuki" }, 691 | { id: "kinokonomi", name_zhTW: "Kinokonomi (きのこのみ)", name_en: "Kinokonomi" }, 692 | { id: "mannen dokodoko dondodoko", name_zhTW: "mannen dokodoko dondodoko (万年どこどこどんドドコ)", name_en: "mannen dokodoko dondodoko" }, 693 | // New groups from user request 694 | { id: "black smile", name_zhTW: "black smile", name_en: "black smile" } 695 | // mannen dokodoko dondodoko is already present 696 | ], 697 | language: [ 698 | { id: "chinese", name_zhTW: "chinese (中文)", name_en: "chinese" }, 699 | { id: "japanese", name_zhTW: "japanese (日文)", name_en: "japanese" }, 700 | { id: "english", name_zhTW: "english (英文)", name_en: "english" }, 701 | { id: "translated", name_zhTW: "translated (翻譯)", name_en: "translated" }, 702 | { id: "korean", name_zhTW: "korean (韓文)", name_en: "korean" } 703 | // { id: "russian", name_zhTW: "russian (俄文)", name_en: "russian" }, 704 | // { id: "french", name_zhTW: "french (法文)", name_en: "french" }, 705 | // { id: "german", name_zhTW: "german (德文)", name_en: "german" }, 706 | // { id: "spanish", name_zhTW: "spanish (西班牙文)", name_en: "spanish" }, 707 | // { id: "rewrite", name_zhTW: "rewrite (改寫)", name_en: "rewrite" } 708 | ], 709 | parody: [ 710 | { id: "original", name_zhTW: "original (原創)", name_en: "original" }, 711 | { id: "touhou project", name_zhTW: "touhou project (東方Project)", name_en: "touhou project" }, 712 | { id: "kantai collection", name_zhTW: "kantai collection (艦隊これくしょん)", name_en: "kantai collection" }, 713 | { id: "fate grand order", name_zhTW: "fate/grand order (天命/冠位指定)", name_en: "fate/grand order" }, 714 | { id: "azur lane", name_zhTW: "azur lane (碧藍航線)", name_en: "azur lane" }, 715 | { id: "the idolmaster", name_zhTW: "the idolmaster (偶像大師)", name_en: "the idolmaster" }, 716 | { id: "granblue fantasy", name_zhTW: "granblue fantasy (碧藍幻想)", name_en: "granblue fantasy" }, 717 | { id: "love live", name_zhTW: "love live! (ラブライブ!)", name_en: "love live!" }, 718 | { id: "pokemon", name_zhTW: "pokemon (寶可夢)", name_en: "pokemon" }, 719 | { id: "blue archive", name_zhTW: "blue archive (蔚藍檔案)", name_en: "blue archive" }, 720 | { id: "genshin impact", name_zhTW: "genshin impact (原神)", name_en: "genshin impact" }, 721 | { id: "princess connect re dive", name_zhTW: "princess connect! re:dive (超異域公主連結)", name_en: "princess connect! re:dive" }, 722 | { id: "street fighter", name_zhTW: "street fighter (快打旋風)", name_en: "street fighter" }, 723 | { id: "neon genesis evangelion", name_zhTW: "neon genesis evangelion (新世紀福音戰士)", name_en: "neon genesis evangelion" }, 724 | { id: "persona 5", name_zhTW: "persona 5 (女神異聞錄5)", name_en: "persona 5" } 725 | ], 726 | character: [ 727 | { id: "hatsune miku", name_zhTW: "hatsune miku (初音未來)", name_en: "hatsune miku" }, 728 | { id: "rem", name_zhTW: "rem (雷姆)", name_en: "rem" }, 729 | { id: "asuna yuuki", name_zhTW: "asuna yuuki (結城明日奈)", name_en: "asuna yuuki" }, 730 | { id: "artoria pendragon", name_zhTW: "artoria pendragon (阿爾托莉雅·潘德拉剛)", name_en: "artoria pendragon" }, 731 | { id: "makise kurisu", name_zhTW: "makise kurisu (牧瀬紅莉栖)", name_en: "makise kurisu" }, 732 | { id: "shirakami fubuki", name_zhTW: "shirakami fubuki (白上吹雪)", name_en: "shirakami fubuki" }, 733 | { id: "usada pekora", name_zhTW: "usada pekora (兎田ぺこら)", name_en: "usada pekora" }, 734 | { id: "nanashi mumei", name_zhTW: "nanashi mumei (七詩ムメイ)", name_en: "nanashi mumei" }, 735 | { id: "gawr gura", name_zhTW: "gawr gura (噶嗚·古拉)", name_en: "gawr gura" }, 736 | { id: "tokino sora", name_zhTW: "tokino sora (ときのそら)", name_en: "tokino sora" }, 737 | { id: "frieren", name_zhTW: "frieren (芙莉蓮)", name_en: "frieren" }, // From Sousou no Frieren 738 | { id: "yor forger", name_zhTW: "yor forger (約兒·佛傑)", name_en: "yor forger" }, // From Spy x Family 739 | { id: "bocchi", name_zhTW: "hitori gotoh (後藤一里)", name_en: "hitori gotoh" }, // Bocchi the Rock! 740 | { id: "kasumigaoka utaha", name_zhTW: "kasumigaoka utaha (霞ヶ丘詩羽)", name_en: "kasumigaoka utaha" }, // Saekano 741 | { id: " Elaina", name_zhTW: "elaina (伊蕾娜)", name_en: "elaina" } // Majo no Tabitabi 742 | ], 743 | female: [ 744 | { id: "lolicon", name_zhTW: "lolicon (蘿莉控)", name_en: "lolicon" }, 745 | { id: "big breasts", name_zhTW: "big breasts (巨乳)", name_en: "big breasts" }, 746 | { id: "sole female", name_zhTW: "sole female (單獨女性)", name_en: "sole female" }, 747 | { id: "nakadashi", name_zhTW: "nakadashi (中出)", name_en: "nakadashi" }, 748 | { id: "schoolgirl uniform", name_zhTW: "schoolgirl uniform (女學生制服)", name_en: "schoolgirl uniform" }, 749 | { id: "anal", name_zhTW: "anal (肛交)", name_en: "anal" }, 750 | { id: "rape", name_zhTW: "rape (強姦)", name_en: "rape" }, 751 | { id: "tentacles", name_zhTW: "tentacles (觸手)", name_en: "tentacles" }, 752 | { id: "netorare", name_zhTW: "netorare (寢取)", name_en: "netorare" }, 753 | { id: "mind break", name_zhTW: "mind break (精神崩潰)", name_en: "mind break" }, 754 | { id: "milf", name_zhTW: "milf (熟女)", name_en: "milf" }, 755 | { id: "stockings", name_zhTW: "stockings (長襪)", name_en: "stockings" }, 756 | { id: "x-ray", name_zhTW: "x-ray (透視)", name_en: "x-ray" }, 757 | { id: "defloration", name_zhTW: "defloration (破處)", name_en: "defloration" }, 758 | { id: "inseki", name_zhTW: "inseki (飲精)", name_en: "inseki" } 759 | ], 760 | category: [ 761 | { id: "doujinshi", name_zhTW: "doujinshi (同人誌)", name_en: "doujinshi" }, 762 | { id: "manga", name_zhTW: "manga (漫畫)", name_en: "manga" }, 763 | { id: "artist cg", name_zhTW: "artist cg (藝術家CG)", name_en: "artist cg" }, 764 | { id: "game cg", name_zhTW: "game cg (遊戲CG)", name_en: "game cg" }, 765 | { id: "western", name_zhTW: "western (西方)", name_en: "western" }, 766 | { id: "non-h", name_zhTW: "non-h (非H)", name_en: "non-h" }, 767 | { id: "image set", name_zhTW: "image set (圖集)", name_en: "image set" }, 768 | { id: "cosplay", name_zhTW: "cosplay (角色扮演)", name_en: "cosplay" }, 769 | { id: "asian porn", name_zhTW: "asian porn (亞洲成人)", name_en: "asian porn" }, 770 | { id: "misc", name_zhTW: "misc (雜項)", name_en: "misc" } 771 | ] 772 | }; 773 | 774 | function showStatus(messageKey, args, isError = false, isWarning = false) { 775 | const s = uiStrings[currentLanguage] || uiStrings['en']; 776 | let messageText = messageKey; 777 | if (s && typeof s[messageKey] === 'function') { 778 | messageText = s[messageKey](args); 779 | } else if (s && s[messageKey]) { 780 | messageText = s[messageKey]; 781 | } 782 | 783 | statusDiv.textContent = messageText; 784 | statusDiv.className = ""; 785 | if (isError) { 786 | statusDiv.classList.add("error"); 787 | } else if (isWarning) { 788 | statusDiv.classList.add("warning"); 789 | } 790 | 791 | setTimeout(() => { 792 | statusDiv.textContent = ""; 793 | statusDiv.className = ""; 794 | }, 3000); 795 | } 796 | 797 | function saveTrackedTags() { 798 | chrome.storage.local.set({ trackedTags: currentTrackedTags }, () => { 799 | console.log("Tracked tags saved:", currentTrackedTags); 800 | // renderCurrentlyTrackedTags(); 801 | updatePredefinedButtonStates(); 802 | chrome.runtime.sendMessage({ type: "TRACKED_TAGS_UPDATED" }) 803 | .catch(err => console.warn("Error sending TRACKED_TAGS_UPDATED message:", err.message)); 804 | }); 805 | } 806 | 807 | function addTag(tagValue, type) { 808 | const tagName = tagValue.trim().toLowerCase(); 809 | if (!tagName) { 810 | showStatus('statusEnterTagName', type, true); 811 | return; 812 | } 813 | const fullTag = `${type}:${tagName}`; 814 | 815 | if (!currentTrackedTags.includes(fullTag)) { 816 | currentTrackedTags.push(fullTag); 817 | currentTrackedTags.sort(); 818 | saveTrackedTags(); 819 | showStatus('statusTagAdded', fullTag); 820 | if (inputs[type]) inputs[type].value = ''; 821 | } else { 822 | showStatus('statusTagExists', fullTag, false, true); 823 | } 824 | } 825 | 826 | function removeTag(fullTag) { 827 | const indexToRemove = currentTrackedTags.indexOf(fullTag); 828 | if (indexToRemove > -1) { 829 | currentTrackedTags.splice(indexToRemove, 1); 830 | saveTrackedTags(); 831 | showStatus('statusTagRemoved', fullTag); 832 | } 833 | } 834 | 835 | // Helper function to create a tag button 836 | function createTagButton(tagId, type, lang, name_zhTW, name_en, isPredefined) { 837 | const button = document.createElement('button'); 838 | const s = uiStrings[lang] || uiStrings['en']; 839 | let displayName; 840 | 841 | if (isPredefined && name_zhTW && name_en) { 842 | displayName = lang === 'en' ? name_en : name_zhTW; 843 | } else { 844 | // For user-added tags (not predefined), or predefined tags missing a specific lang name 845 | displayName = tagId; 846 | } 847 | button.textContent = displayName; 848 | button.classList.add('predefined-tag-btn'); // Reuse class for styling 849 | 850 | const fullTag = `${type}:${tagId.toLowerCase().replace(/\s+/g, ' ')}`; 851 | button.dataset.fullTag = fullTag; // Store full tag for easy access 852 | 853 | if (currentTrackedTags.includes(fullTag)) { 854 | button.classList.add('selected'); 855 | } 856 | 857 | button.addEventListener('click', () => { 858 | if (currentTrackedTags.includes(fullTag)) { 859 | removeTag(fullTag); 860 | } else { 861 | addTag(tagId, type); // addTag handles duplicates, saving, and UI updates via saveTrackedTags 862 | } 863 | }); 864 | return button; 865 | } 866 | 867 | function populateAllPredefinedTags(lang = 'zh-TW') { 868 | for (const type in predefinedTagsData) { 869 | populatePredefinedTagsForType(type, lang); 870 | } 871 | updatePredefinedButtonStates(); // Ensure all states are correct after initial population 872 | } 873 | 874 | function populatePredefinedTagsForType(type, lang = 'zh-TW') { 875 | const container = predefinedTagsContainers[type]; 876 | const predefinedTagsForCategory = predefinedTagsData[type] || []; 877 | const s = uiStrings[lang] || uiStrings['en']; 878 | if (!container) return; 879 | 880 | container.innerHTML = ''; // Clear existing buttons 881 | const displayedTagIdsThisCategory = new Set(); 882 | 883 | // 1. Add buttons for predefined tags for this category 884 | predefinedTagsForCategory.forEach(tagObject => { 885 | const button = createTagButton(tagObject.id, type, lang, tagObject.name_zhTW, tagObject.name_en, true); 886 | container.appendChild(button); 887 | displayedTagIdsThisCategory.add(tagObject.id.toLowerCase()); 888 | }); 889 | 890 | // 2. Add buttons for other tracked tags that belong to this category and are not predefined 891 | currentTrackedTags.forEach(fullTag => { 892 | const [tagType, ...tagNameParts] = fullTag.split(':'); 893 | const tagName = tagNameParts.join(':').trim(); 894 | 895 | if (tagType === type && tagName && !displayedTagIdsThisCategory.has(tagName.toLowerCase())) { 896 | const button = createTagButton(tagName, type, lang, null, null, false); // Not predefined 897 | container.appendChild(button); 898 | // No need to add to displayedTagIdsThisCategory here as we won't iterate again for this type 899 | } 900 | }); 901 | 902 | // If after adding all relevant buttons, the container for this type is still empty, show the message. 903 | if (container.children.length === 0) { 904 | const noTagsMessage = document.createElement('p'); 905 | noTagsMessage.textContent = s.noTagsInCategory; 906 | noTagsMessage.className = 'no-tags-in-category-message'; 907 | container.appendChild(noTagsMessage); 908 | } 909 | } 910 | 911 | function updatePredefinedButtonStates(specificType = null) { 912 | const typesToUpdate = specificType ? [specificType] : Object.keys(predefinedTagsContainers); 913 | 914 | typesToUpdate.forEach(type => { 915 | const container = predefinedTagsContainers[type]; 916 | if (!container) return; 917 | 918 | const buttons = container.querySelectorAll('.predefined-tag-btn'); 919 | buttons.forEach(button => { 920 | const fullTag = button.dataset.fullTag; 921 | if (fullTag) { 922 | if (currentTrackedTags.includes(fullTag)) { 923 | button.classList.add('selected'); 924 | } else { 925 | button.classList.remove('selected'); 926 | } 927 | } 928 | }); 929 | }); 930 | } 931 | 932 | const inputs = { 933 | artist: document.getElementById('artist-input'), 934 | group: document.getElementById('group-input'), 935 | language: document.getElementById('language-input'), 936 | parody: document.getElementById('parody-input'), 937 | character: document.getElementById('character-input'), 938 | female: document.getElementById('female-input'), 939 | category: document.getElementById('category-input'), 940 | }; 941 | const addButtons = { 942 | artist: document.getElementById('add-artist-button'), 943 | group: document.getElementById('add-group-button'), 944 | language: document.getElementById('add-language-button'), 945 | parody: document.getElementById('add-parody-button'), 946 | character: document.getElementById('add-character-button'), 947 | female: document.getElementById('add-female-button'), 948 | category: document.getElementById('add-category-button'), 949 | }; 950 | const predefinedTagsContainers = { 951 | artist: document.getElementById('predefined-artists-container'), 952 | group: document.getElementById('predefined-groups-container'), 953 | language: document.getElementById('predefined-languages-container'), 954 | parody: document.getElementById('predefined-parodies-container'), 955 | character: document.getElementById('predefined-characters-container'), 956 | female: document.getElementById('predefined-females-container'), 957 | category: document.getElementById('predefined-categories-container'), 958 | blacklist: document.getElementById('predefined-blacklist-tags-container') // New container 959 | }; 960 | 961 | for (const type in addButtons) { 962 | addButtons[type].addEventListener('click', () => { 963 | addTag(inputs[type].value, type); 964 | }); 965 | inputs[type].addEventListener('keypress', (event) => { 966 | if (event.key === 'Enter') { 967 | addTag(inputs[type].value, type); 968 | } 969 | }); 970 | } 971 | 972 | navLinks.forEach(link => { 973 | link.addEventListener('click', (e) => { 974 | e.preventDefault(); 975 | navLinks.forEach(nav => nav.classList.remove('active')); 976 | link.classList.add('active'); 977 | 978 | const targetId = link.getAttribute('href').substring(1); 979 | contentSections.forEach(section => { 980 | if (section.id === targetId) { 981 | section.classList.add('active'); 982 | } else { 983 | section.classList.remove('active'); 984 | } 985 | }); 986 | }); 987 | }); 988 | 989 | async function loadLanguagePreference() { 990 | try { 991 | const data = await chrome.storage.sync.get('language'); 992 | currentLanguage = data.language || 'zh-TW'; // Default to zh-TW if not set 993 | languageSelect.value = currentLanguage; 994 | applyTranslations(currentLanguage); 995 | } catch (error) { 996 | console.error("Error loading language preference:", error); 997 | currentLanguage = 'zh-TW'; // Fallback 998 | languageSelect.value = currentLanguage; 999 | applyTranslations(currentLanguage); 1000 | } 1001 | } 1002 | 1003 | async function saveLanguagePreference() { 1004 | currentLanguage = languageSelect.value; 1005 | try { 1006 | await chrome.storage.sync.set({ language: currentLanguage }); 1007 | applyTranslations(currentLanguage); 1008 | showStatus('statusLangSet', currentLanguage); 1009 | 1010 | // Notify content scripts about the language change 1011 | chrome.tabs.query({}, (tabs) => { // Query all tabs 1012 | for (let tab of tabs) { 1013 | if (tab.id) { // Check if tab.id is defined 1014 | chrome.tabs.sendMessage(tab.id, { action: "LANGUAGE_CHANGED", newLanguage: currentLanguage }) 1015 | .catch(err => { 1016 | // It's common for this to error if the content script isn't injected on a page 1017 | // or if the tab is a special page (e.g., chrome://, about:), so we'll just log it. 1018 | if (!tab.url || (!tab.url.startsWith('chrome://') && !tab.url.startsWith('about:'))) { 1019 | console.warn(`Options.js: Could not send LANGUAGE_CHANGED to tab ${tab.id} (${tab.url || 'no URL'}): ${err.message}`); 1020 | } 1021 | }); 1022 | } 1023 | } 1024 | }); 1025 | 1026 | } catch (error) { 1027 | console.error("Error saving language preference:", error); 1028 | } 1029 | } 1030 | languageSelect.addEventListener('change', saveLanguagePreference); 1031 | 1032 | function loadUpdateFrequency() { 1033 | chrome.storage.sync.get("updateFrequencyInMinutes", (data) => { 1034 | const freq = data.updateFrequencyInMinutes || DEFAULT_UPDATE_FREQUENCY_MINUTES; 1035 | updateFrequencySelect.value = freq; 1036 | }); 1037 | } 1038 | 1039 | function saveUpdateFrequency() { 1040 | const newFrequency = parseInt(updateFrequencySelect.value, 10); 1041 | chrome.storage.sync.set({ updateFrequencyInMinutes: newFrequency }, () => { 1042 | showStatus('statusFreqSet', newFrequency); 1043 | chrome.runtime.sendMessage({ type: "UPDATE_ALARM_FREQUENCY", frequency: newFrequency }) 1044 | .catch(err => console.warn("Error sending UPDATE_ALARM_FREQUENCY: ", err.message)); 1045 | }); 1046 | } 1047 | updateFrequencySelect.addEventListener('change', saveUpdateFrequency); 1048 | 1049 | // Event listener for the new "Update Now" button 1050 | if (updateNowButton) { 1051 | updateNowButton.addEventListener('click', () => { 1052 | chrome.runtime.sendMessage({ type: "REQUEST_IMMEDIATE_CHECK" }) 1053 | .then(response => { 1054 | if (response && response.status) { 1055 | showStatus('statusUpdateInitiated'); // Show generic initiated message 1056 | console.log('Immediate check requested, background responded:', response.status); 1057 | } else { 1058 | // Handle cases where background script might not respond or error occurs 1059 | console.warn('Immediate check request sent, but no specific status in response or response was undefined.'); 1060 | showStatus('statusUpdateInitiated'); // Still show initiated, as message was sent 1061 | } 1062 | }) 1063 | .catch(err => { 1064 | console.error("Error sending REQUEST_IMMEDIATE_CHECK message:", err.message); 1065 | // Optionally show an error status to the user 1066 | showStatus('Error requesting update: ' + err.message, null, true); 1067 | }); 1068 | }); 1069 | } 1070 | 1071 | async function loadInitialData() { 1072 | await loadLanguagePreference(); // Load language first to apply translations 1073 | await loadDesktopNotificationSetting(); 1074 | await loadBlacklistedTags(); 1075 | 1076 | const data = await chrome.storage.local.get("trackedTags"); 1077 | if (data.trackedTags && Array.isArray(data.trackedTags)) { 1078 | currentTrackedTags = data.trackedTags.sort(); 1079 | } 1080 | populateAllPredefinedTags(currentLanguage); 1081 | populatePredefinedBlacklistTags(currentLanguage); // Add this call 1082 | loadUpdateFrequency(); 1083 | 1084 | const hash = window.location.hash; 1085 | let activeSectionFound = false; 1086 | if (hash) { 1087 | navLinks.forEach(link => { 1088 | if (link.getAttribute('href') === hash) { 1089 | link.click(); 1090 | activeSectionFound = true; 1091 | } 1092 | }); 1093 | } 1094 | if (!activeSectionFound && navLinks.length > 0) { 1095 | navLinks[0].click(); 1096 | } 1097 | } 1098 | 1099 | // Initial load 1100 | loadInitialData(); 1101 | 1102 | // Listener for updates from background script (e.g., context menu add) 1103 | chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { 1104 | if (request.action === "TRACKED_TAGS_UPDATED") { 1105 | console.log("Options.js: Received TRACKED_TAGS_UPDATED, reloading data."); 1106 | // Reload tags to reflect changes made elsewhere (e.g., context menu) 1107 | loadInitialData(); // This function should reload trackedTags and update the UI (including currently tracked) 1108 | sendResponse({ status: "Tags reloaded in options page" }); 1109 | } else if (request.action === "LAST_UPLOAD_DATES_UPDATED") { 1110 | // If options page needs to display something based on last upload dates, handle here 1111 | console.log("Options.js: Received LAST_UPLOAD_DATES_UPDATED."); 1112 | // Potentially re-render parts of the UI if necessary 1113 | } 1114 | return true; // Keep message channel open for async response 1115 | }); 1116 | 1117 | // --- Blacklist Logic --- 1118 | async function loadBlacklistedTags() { 1119 | const data = await chrome.storage.local.get('blacklistedTags'); 1120 | currentBlacklistedTags = (data.blacklistedTags && Array.isArray(data.blacklistedTags)) ? data.blacklistedTags.sort() : []; 1121 | renderBlacklistedTags(); 1122 | if (predefinedTagsContainers.blacklist) { // Ensure container is there before populating 1123 | populatePredefinedBlacklistTags(currentLanguage); // Update predefined buttons based on current blacklist 1124 | } 1125 | } 1126 | 1127 | async function saveBlacklistedTags() { 1128 | await chrome.storage.local.set({ blacklistedTags: currentBlacklistedTags }); 1129 | // Potentially send a message if background script needs to know immediately, though it usually reads on check. 1130 | } 1131 | 1132 | function addBlacklistedTag() { 1133 | const tagName = blacklistInput.value.trim().toLowerCase(); 1134 | if (!tagName) { 1135 | showStatus('statusInvalidBlacklistTag', null, true); 1136 | return; 1137 | } 1138 | if (!currentBlacklistedTags.includes(tagName)) { 1139 | currentBlacklistedTags.push(tagName); 1140 | currentBlacklistedTags.sort(); 1141 | saveBlacklistedTags(); // This will now also trigger re-render of predefined blacklist buttons 1142 | renderBlacklistedTags(); 1143 | blacklistInput.value = ''; 1144 | showStatus('statusBlacklistTagAdded', tagName); 1145 | // Update predefined blacklist buttons state 1146 | populatePredefinedBlacklistTags(currentLanguage); 1147 | } else { 1148 | showStatus('statusBlacklistTagExists', tagName, false, true); 1149 | } 1150 | } 1151 | 1152 | function removeBlacklistedTag(tagToRemove) { 1153 | currentBlacklistedTags = currentBlacklistedTags.filter(tag => tag !== tagToRemove); 1154 | saveBlacklistedTags(); // This will now also trigger re-render of predefined blacklist buttons 1155 | renderBlacklistedTags(); 1156 | showStatus('statusTagRemoved', tagToRemove); // Corrected from statusBlacklistTagRemoved for i18n consistency 1157 | // Update predefined blacklist buttons state 1158 | populatePredefinedBlacklistTags(currentLanguage); 1159 | } 1160 | 1161 | function renderBlacklistedTags() { 1162 | blacklistedTagsContainer.innerHTML = ''; 1163 | const s = uiStrings[currentLanguage] || uiStrings['en']; 1164 | 1165 | if (currentBlacklistedTags.length === 0) { // Check if blacklist is empty 1166 | const noTagsMessage = document.createElement('p'); 1167 | noTagsMessage.textContent = s.noBlacklistTagsYet || "No tags are currently blacklisted."; // Add new i18n string 1168 | noTagsMessage.className = 'no-tags-message'; // Can reuse or make specific 1169 | blacklistedTagsContainer.appendChild(noTagsMessage); 1170 | return; 1171 | } 1172 | 1173 | currentBlacklistedTags.forEach(tag => { 1174 | const tagButton = document.createElement('button'); 1175 | tagButton.textContent = tag; 1176 | tagButton.classList.add('blacklisted-tag-item-btn'); 1177 | 1178 | const removeBtn = document.createElement('button'); 1179 | removeBtn.textContent = s.removeButtonText || 'X'; 1180 | removeBtn.classList.add('remove-btn'); 1181 | removeBtn.title = (s.statusTagRemoved ? s.statusTagRemoved(tag).replace(s.removeButtonText, '').trim() : `Remove ${tag}`); // Adjusted title source 1182 | 1183 | removeBtn.addEventListener('click', (e) => { 1184 | e.stopPropagation(); 1185 | removeBlacklistedTag(tag); 1186 | }); 1187 | tagButton.appendChild(removeBtn); 1188 | }); 1189 | } 1190 | 1191 | addBlacklistTagButton.addEventListener('click', addBlacklistedTag); 1192 | blacklistInput.addEventListener('keypress', (event) => { 1193 | if (event.key === 'Enter') { 1194 | addBlacklistedTag(); 1195 | } 1196 | }); 1197 | 1198 | // --- Desktop Notification Logic --- 1199 | async function loadDesktopNotificationSetting() { 1200 | const data = await chrome.storage.sync.get('showDesktopNotifications'); 1201 | desktopNotificationsToggle.checked = data.showDesktopNotifications !== undefined ? data.showDesktopNotifications : true; // Default to true 1202 | } 1203 | 1204 | async function saveDesktopNotificationSetting() { 1205 | const enabled = desktopNotificationsToggle.checked; 1206 | await chrome.storage.sync.set({ showDesktopNotifications: enabled }); 1207 | showStatus(enabled ? 'statusDesktopNotificationEnabled' : 'statusDesktopNotificationDisabled'); 1208 | } 1209 | desktopNotificationsToggle.addEventListener('change', saveDesktopNotificationSetting); 1210 | 1211 | // --- Import/Export Logic --- 1212 | async function exportSettings() { 1213 | try { 1214 | const localData = await chrome.storage.local.get(['trackedTags', 'blacklistedTags', 'discoveredGalleries', 'trackedWorks', 'lastUploadedDates']); 1215 | const syncData = await chrome.storage.sync.get(['updateFrequencyInMinutes', 'showDesktopNotifications', 'language']); 1216 | 1217 | const settings = { 1218 | trackedTags: localData.trackedTags || [], 1219 | blacklistedTags: localData.blacklistedTags || [], 1220 | // Optional: include discoveredGalleries and trackedWorks if desired, though they can get large 1221 | // discoveredGalleries: localData.discoveredGalleries || {}, 1222 | // trackedWorks: localData.trackedWorks || {}, 1223 | // lastUploadedDates: localData.lastUploadedDates || {}, 1224 | updateFrequencyInMinutes: syncData.updateFrequencyInMinutes || DEFAULT_UPDATE_FREQUENCY_MINUTES, 1225 | showDesktopNotifications: syncData.showDesktopNotifications !== undefined ? syncData.showDesktopNotifications : true, 1226 | language: syncData.language || 'zh-TW' 1227 | }; 1228 | 1229 | const jsonString = JSON.stringify(settings, null, 2); 1230 | const blob = new Blob([jsonString], { type: 'application/json' }); 1231 | const url = URL.createObjectURL(blob); 1232 | const a = document.createElement('a'); 1233 | a.href = url; 1234 | a.download = 'ehentai_tracker_settings.json'; 1235 | document.body.appendChild(a); 1236 | a.click(); 1237 | document.body.removeChild(a); 1238 | URL.revokeObjectURL(url); 1239 | showStatus('statusSettingsExported'); 1240 | } catch (error) { 1241 | console.error("Error exporting settings:", error); 1242 | showStatus('Error exporting settings: ' + error.message, null, true); 1243 | } 1244 | } 1245 | 1246 | function handleImportFile(event) { 1247 | const file = event.target.files[0]; 1248 | if (!file) { 1249 | return; 1250 | } 1251 | 1252 | const reader = new FileReader(); 1253 | reader.onload = async (e) => { 1254 | try { 1255 | const importedSettings = JSON.parse(e.target.result); 1256 | 1257 | // Basic validation 1258 | if (typeof importedSettings !== 'object' || importedSettings === null) { 1259 | throw new Error("Invalid file content."); 1260 | } 1261 | 1262 | const { 1263 | trackedTags, 1264 | blacklistedTags, 1265 | updateFrequencyInMinutes, 1266 | showDesktopNotifications, 1267 | language 1268 | // discoveredGalleries, // If exported, decide if/how to import 1269 | // trackedWorks, 1270 | // lastUploadedDates 1271 | } = importedSettings; 1272 | 1273 | // Validate presence and types more thoroughly if needed 1274 | if (!Array.isArray(trackedTags) || !Array.isArray(blacklistedTags)) { 1275 | showStatus('statusImportInvalidData', null, true); 1276 | return; 1277 | } 1278 | // Further checks for other fields can be added 1279 | 1280 | const localSettingsToSave = {}; 1281 | if (trackedTags) localSettingsToSave.trackedTags = trackedTags; 1282 | if (blacklistedTags) localSettingsToSave.blacklistedTags = blacklistedTags; 1283 | // If you decide to import discoveredGalleries, trackedWorks, lastUploadedDates, add them here: 1284 | // if (importedSettings.discoveredGalleries) localSettingsToSave.discoveredGalleries = importedSettings.discoveredGalleries; 1285 | // if (importedSettings.trackedWorks) localSettingsToSave.trackedWorks = importedSettings.trackedWorks; 1286 | // if (importedSettings.lastUploadedDates) localSettingsToSave.lastUploadedDates = importedSettings.lastUploadedDates; 1287 | 1288 | const syncSettingsToSave = {}; 1289 | if (updateFrequencyInMinutes) syncSettingsToSave.updateFrequencyInMinutes = updateFrequencyInMinutes; 1290 | if (showDesktopNotifications !== undefined) syncSettingsToSave.showDesktopNotifications = showDesktopNotifications; 1291 | if (language) syncSettingsToSave.language = language; 1292 | 1293 | if (Object.keys(localSettingsToSave).length > 0) { 1294 | await chrome.storage.local.set(localSettingsToSave); 1295 | } 1296 | if (Object.keys(syncSettingsToSave).length > 0) { 1297 | await chrome.storage.sync.set(syncSettingsToSave); 1298 | } 1299 | 1300 | showStatus('statusSettingsImported'); 1301 | // Reload the options page to reflect new settings 1302 | setTimeout(() => window.location.reload(), 1500); 1303 | 1304 | } catch (error) { 1305 | console.error("Error importing settings:", error); 1306 | if (error instanceof SyntaxError) { 1307 | showStatus('statusImportParseError', null, true); 1308 | } else { 1309 | showStatus('statusImportInvalidData', error.message , true); 1310 | } 1311 | } finally { 1312 | // Reset file input so the same file can be imported again if needed after a failure 1313 | importFileInput.value = ''; 1314 | } 1315 | }; 1316 | reader.onerror = () => { 1317 | showStatus('statusImportReadError', null, true); 1318 | importFileInput.value = ''; 1319 | }; 1320 | reader.readAsText(file); 1321 | } 1322 | 1323 | if (exportSettingsButton) { 1324 | exportSettingsButton.addEventListener('click', exportSettings); 1325 | } 1326 | 1327 | if (importSettingsButton) { 1328 | importSettingsButton.addEventListener('click', () => { 1329 | importFileInput.click(); // Trigger hidden file input 1330 | }); 1331 | } 1332 | 1333 | if (importFileInput) { 1334 | importFileInput.addEventListener('change', handleImportFile); 1335 | } 1336 | 1337 | // New predefined blacklist tags 1338 | const predefinedBlacklistTags = [ 1339 | { id: "yaoi", name_zhTW: "yaoi (男同性戀)", name_en: "yaoi" }, 1340 | { id: "yuri", name_zhTW: "yuri (女同性戀)", name_en: "yuri" }, 1341 | { id: "guro", name_zhTW: "guro (獵奇)", name_en: "guro" }, 1342 | { id: "scat", name_zhTW: "scat (嗜糞)", name_en: "scat" }, 1343 | { id: "furry", name_zhTW: "furry (獸人)", name_en: "furry" }, 1344 | { id: "vore", name_zhTW: "vore (吞噬)", name_en: "vore" } 1345 | ]; 1346 | 1347 | // New function to populate predefined blacklist tags 1348 | function populatePredefinedBlacklistTags(lang = 'zh-TW') { 1349 | const container = predefinedTagsContainers.blacklist; // Use the new container 1350 | const s = uiStrings[lang] || uiStrings['en']; 1351 | if (!container) { 1352 | console.warn("Predefined blacklist tags container not found."); 1353 | return; 1354 | } 1355 | 1356 | container.innerHTML = ''; // Clear existing buttons 1357 | 1358 | predefinedBlacklistTags.forEach(tagObject => { 1359 | const button = document.createElement('button'); 1360 | const displayName = lang === 'en' ? (tagObject.name_en || tagObject.id) : (tagObject.name_zhTW || tagObject.id); 1361 | button.textContent = displayName; 1362 | button.classList.add('predefined-tag-btn'); // Can reuse styling 1363 | button.dataset.tagId = tagObject.id; // Store tag id 1364 | 1365 | // Check if already blacklisted to style differently or disable 1366 | if (currentBlacklistedTags.includes(tagObject.id.toLowerCase())) { 1367 | button.classList.add('selected'); // Or a different class like 'disabled' or style directly 1368 | button.disabled = true; 1369 | } 1370 | 1371 | button.addEventListener('click', () => { 1372 | if (!currentBlacklistedTags.includes(tagObject.id.toLowerCase())) { 1373 | blacklistInput.value = tagObject.id; // Populate input for consistency with addBlacklistedTag 1374 | addBlacklistedTag(); // This function handles UI update, saving, and clearing input 1375 | // After adding, we might want to disable this button 1376 | button.classList.add('selected'); 1377 | button.disabled = true; 1378 | } 1379 | }); 1380 | container.appendChild(button); 1381 | }); 1382 | 1383 | if (container.children.length === 0) { 1384 | // Optional: Message if no predefined blacklist tags (should not happen with current setup) 1385 | // const noTagsMessage = document.createElement('p'); 1386 | // noTagsMessage.textContent = "No predefined blacklist tags available."; 1387 | // container.appendChild(noTagsMessage); 1388 | } 1389 | } 1390 | }); --------------------------------------------------------------------------------