Pr/conditional loading

.gitignore

@@ -0,0 +1,7 @@
+node_modules/
+*.log
+.DS_Store
+coverage/
+.nyc_output/
+.vscode/
+package-lock.json

_locales/ar/messages.json

@@ -512,6 +512,9 @@
     "orange": {
         "message": "برتقالي"
     },
+    "originalTitleToggle": {
+        "message": "التبديل بين العنوان الأصلي/المترجم"
+    },
     "os": {
         "message": "نظام التشغيل"
     },

_locales/de/messages.json

@@ -983,6 +983,9 @@
   "orange": {
     "message": "Orange"
   },
+  "originalTitleToggle": {
+    "message": "Originalen/übersetzten Titel umschalten"
+  },
   "os": {
     "message": "Betriebsystem"
   },

_locales/en/messages.json

@@ -314,9 +314,6 @@
   "characterEdgeStyle": {
     "message": "Character Edge Style"
   },
-  "cinemaMode": {
-    "message": "Cinema Mode"
-  },
   "clip": {
     "message": "Clip"
   },
@@ -692,6 +689,9 @@
   "hideDetails": {
     "message": "Hide details"
   },
+  "originalTitleToggle": {
+    "message": "Toggle original/translated title"
+  },
   "hideEndscreen": {
     "message": "Hide endscreen"
   },

_locales/es/messages.json

@@ -734,6 +734,9 @@
     "orange": {
         "message": "Naranja"
     },
+    "originalTitleToggle": {
+        "message": "Alternar título original/traducido"
+    },
     "os": {
         "message": "OS"
     },

_locales/fr/messages.json

@@ -455,6 +455,9 @@
     "openPopupPlayer": {
         "message": "Ouvrir Video/playlist dans un nouvelle onglet"
     },
+    "originalTitleToggle": {
+        "message": "Basculer entre titre original/traduit"
+    },
     "other": {
         "message": "Autres"
     },

_locales/hi/messages.json

@@ -545,6 +545,9 @@
     "orange": {
         "message": "नारंगी रंग"
     },
+    "originalTitleToggle": {
+        "message": "मूल/अनुवादित शीर्षक टॉगल करें"
+    },
     "os": {
         "message": "ओ एस"
     },

_locales/it/messages.json

@@ -614,6 +614,9 @@
     "orange": {
         "message": "Arancione"
     },
+    "originalTitleToggle": {
+        "message": "Alterna titolo originale/tradotto"
+    },
     "os": {
         "message": "Sistema Operativo"
     },

_locales/ja/messages.json

@@ -683,6 +683,9 @@
     "orange": {
         "message": "オレンジ"
     },
+    "originalTitleToggle": {
+        "message": "元のタイトル/翻訳されたタイトルを切り替え"
+    },
     "other": {
         "message": "その他"
     },

_locales/ko/messages.json

@@ -977,6 +977,9 @@
     "orange": {
         "message": "주황"
     },
+    "originalTitleToggle": {
+        "message": "원본/번역된 제목 전환"
+    },
     "os": {
         "message": "운영체제"
     },

_locales/nl/messages.json

@@ -566,6 +566,9 @@
     "orange": {
         "message": "Oranje"
     },
+    "originalTitleToggle": {
+        "message": "Schakel tussen originele/vertaalde titel"
+    },
     "os": {
         "message": "Besturingssysteem"
     },

_locales/pl/messages.json

@@ -632,6 +632,9 @@
     "orange": {
         "message": "Pomarańczowy"
     },
+    "originalTitleToggle": {
+        "message": "Przełącz tytuł oryginalny/przetłumaczony"
+    },
     "other": {
         "message": "Inne"
     },

_locales/pt/messages.json

@@ -869,6 +869,9 @@
     "orange": {
         "message": "Laranja"
     },
+    "originalTitleToggle": {
+        "message": "Alternar título original/traduzido"
+    },
     "os": {
         "message": "Sistema Operacional"
     },

_locales/ru/messages.json

@@ -677,6 +677,9 @@
     "orange": {
         "message": "Оранжевый"
     },
+    "originalTitleToggle": {
+        "message": "Переключить оригинальное/переведённое название"
+    },
     "os": {
         "message": "ОС"
     },

_locales/sk/messages.json

@@ -455,6 +455,9 @@
     "orange": {
         "message": "Oranžová"
     },
+    "originalTitleToggle": {
+        "message": "Prepnúť pôvodný/preložený názov"
+    },
     "other": {
         "message": "Ostatné"
     },

_locales/tr/messages.json

@@ -725,6 +725,9 @@
     "orange": {
         "message": "Turuncu"
     },
+    "originalTitleToggle": {
+        "message": "Orijinal/çevrilmiş başlığı değiştir"
+    },
     "other": {
         "message": "Diğer"
     },

_locales/zh/messages.json

@@ -194,6 +194,9 @@
     "ok": {
         "message": "確定"
     },
+    "originalTitleToggle": {
+        "message": "切换原始/翻译标题"
+    },
     "other": {
         "message": "其他"
     },

background.js

@@ -320,6 +320,54 @@ chrome.runtime.onMessage.addListener(function (message, sender, sendResponse) {
 				} else { console.error('Permission is not granted.'); }
 			})
 			break
+		case 'get-original-title':
+		case 'fetch-video-page':
+			// Fetch the original title without CORS restrictions
+			if (message.videoId) {
+				fetch(`https://www.youtube.com/watch?v=${message.videoId}`)
+					.then(response => response.text())
+					.then(html => {
+						// Helper function to decode HTML entities (without DOM)
+						function decodeHtmlEntities(text) {
+							return text
+								.replace(/&/g, '&')
+								.replace(/&lt;/g, '<')
+								.replace(/&gt;/g, '>')
+								.replace(/&quot;/g, '"')
+								.replace(/&#39;/g, "'")
+								.replace(/&#(\d+);/g, (match, dec) => String.fromCharCode(dec))
+								.replace(/&#x([0-9a-f]+);/gi, (match, hex) => String.fromCharCode(parseInt(hex, 16)));
+						}
+
+						// Extract title from HTML
+						const titleMatch = html.match(/<meta\s+name="title"\s+content="([^"]+)"/i);
+						if (titleMatch && titleMatch[1]) {
+							const decodedTitle = decodeHtmlEntities(titleMatch[1]);
+							console.log('Background: Found title from meta tag:', decodedTitle);
+							sendResponse({ title: decodedTitle });
+						} else {
+							// Try alternate method
+							const altMatch = html.match(/"title":"([^"]+)"/);
+							if (altMatch && altMatch[1]) {
+								// This one might have unicode escapes, decode them too
+								let title = altMatch[1];
+								title = title.replace(/\\u([0-9a-fA-F]{4})/g, (match, code) => String.fromCharCode(parseInt(code, 16)));
+								const decodedTitle = decodeHtmlEntities(title);
+								console.log('Background: Found title from JSON:', decodedTitle);
+								sendResponse({ title: decodedTitle });
+							} else {
+								console.log('Background: No title found in HTML');
+								sendResponse({ title: null });
+							}
+						}
+					})
+					.catch(error => {
+						console.error('Background: Error fetching original title:', error);
+						sendResponse({ title: null });
+					});
+				return true; // Keep the message channel open for async response
+			}
+			break
 	}
 });
 /*-----# UNINSTALL URL-----------------------------------*/

build/manifest3Firefox.json

@@ -38,6 +38,7 @@
 				"js&css/extension/www.youtube.com/appearance/header/header.css",
 				"js&css/extension/www.youtube.com/appearance/player/player.css",
 				"js&css/extension/www.youtube.com/appearance/details/details.css",
+				"js&css/extension/www.youtube.com/appearance/details/original-title.css",
 				"js&css/extension/www.youtube.com/appearance/sidebar/sidebar.css",
 				"js&css/extension/www.youtube.com/appearance/comments/comments.css"
 			],
@@ -82,6 +83,7 @@
 				"js&css/web-accessible/www.youtube.com/shortcuts.js",
 				"js&css/web-accessible/www.youtube.com/blocklist.js",
 				"js&css/web-accessible/www.youtube.com/settings.js",
+				"js&css/web-accessible/www.youtube.com/original-title.js",
 				"js&css/web-accessible/init.js",
 				"menu/icons/48.png"
 			],

jest.config.js

@@ -1,8 +1,17 @@
 module.exports = {
+	testEnvironment: 'jsdom',
 	testPathIgnorePatterns: [
 		"/node_modules/"
 	],
 	testMatch: [
 		"**/tests/**/*.js"
+	],
+	collectCoverage: true,
+	coverageDirectory: "coverage",
+	coverageReporters: ["text", "lcov", "html"],
+	collectCoverageFrom: [
+		"js&css/**/*.js",
+		"!js&css/**/node_modules/**",
+		"!js&css/web-accessible/www.youtube.com/original-title.js" // We'll test this file
 	]
 };