feat(reader): add proxy-md setting

AdollaApp · Jul 10, 2024 · d0eaac9 · d0eaac9
1 parent 6c985b7
commit d0eaac9
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 14 deletions.
diff --git a/public/js/pages/reader.js b/public/js/pages/reader.js
@@ -421,13 +421,10 @@ function doImages(bypassCache = false) {
 		img.setAttribute("data-i", clone.length - i);
 		img.style.minHeight = "30vh";
 
-		const referer = location.href.includes("mangasee")
-			? "mangasee"
-			: location.href.includes("manganelo")
-			? "manganelo"
-			: location.href.includes("mangahere")
-			? "mangahere"
-			: "null";
+		let referer = "null";
+		if (location.href.includes("mangasee")) referer = "mangasee";
+		if (location.href.includes("manganelo")) referer = "manganelo";
+		if (location.href.includes("mangahere")) referer = "mangahere";
 
 		// Set source
 		const proxySrc = `/proxy-image?url=${encodeURIComponent(
@@ -436,10 +433,14 @@ function doImages(bypassCache = false) {
 
 		const isBookMode = getSettings()["double-pages"] === "yes";
 
+		const isMangaDex = location.href.includes("mangadex");
+		const imgUrl =
+			isMangaDex && getSettings()["proxy-md"] === "yes" ? proxySrc : url;
+
 		if (isBookMode) {
-			img.setAttribute("src", url);
+			img.setAttribute("src", imgUrl);
 		} else {
-			img.setAttribute("data-src", url);
+			img.setAttribute("data-src", imgUrl);
 			img.src =
 				"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
 		}

diff --git a/public/js/reusable/reader-settings.js b/public/js/reusable/reader-settings.js
@@ -11,6 +11,7 @@ const defaultSettings = {
 	"double-pages": "no",
 	"image-scaling": "width",
 	"tap-navigation": "yes",
+	"proxy-md": "yes",
 };
 
 // Get current settings
@@ -116,11 +117,17 @@ function updateSettingToggles(settings) {
 	}
 }
 
+function mdProxyUpdated() {
+	localStorage.removeItem("image-cache");
+	initImages();
+}
+
 // Set setting
 async function setSetting(key, value) {
 	let settings = getSettings();
 	settings[key] = value;
 	localStorage.setItem("settings", JSON.stringify(settings));
+	if (key === "proxy-md") mdProxyUpdated();
 }
 
 initSettings();
diff --git a/public/js_compiled/pages/reader.js b/public/js_compiled/pages/reader.js
@@ -463,15 +463,20 @@ function doImages() {
     img.setAttribute("alt", "Page ".concat(Number(clone.length - i)));
     img.setAttribute("data-i", clone.length - i);
     img.style.minHeight = "30vh";
-    var referer = location.href.includes("mangasee") ? "mangasee" : location.href.includes("manganelo") ? "manganelo" : location.href.includes("mangahere") ? "mangahere" : "null";
+    var referer = "null";
+    if (location.href.includes("mangasee")) referer = "mangasee";
+    if (location.href.includes("manganelo")) referer = "manganelo";
+    if (location.href.includes("mangahere")) referer = "mangahere";
 
     // Set source
     var proxySrc = "/proxy-image?url=".concat(encodeURIComponent(url), "&referer=").concat(referer).concat(bypassCache ? "&c=".concat(+Date.now()) : "");
     var isBookMode = getSettings()["double-pages"] === "yes";
+    var isMangaDex = location.href.includes("mangadex");
+    var imgUrl = isMangaDex && getSettings()["proxy-md"] === "yes" ? proxySrc : url;
     if (isBookMode) {
-      img.setAttribute("src", url);
+      img.setAttribute("src", imgUrl);
     } else {
-      img.setAttribute("data-src", url);
+      img.setAttribute("data-src", imgUrl);
       img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
     }
     img.addEventListener("error", function () {

diff --git a/public/js_compiled/reusable/reader-settings.js b/public/js_compiled/reusable/reader-settings.js
diff --git a/views/partials/settings-inner.handlebars b/views/partials/settings-inner.handlebars
@@ -92,4 +92,8 @@
 		<label>Keyboard controls</label>
 		<input type="checkbox" class="switch" data-true="yes" data-false="no" />
 	</div>
+	<div class="setting-wrapper toggle" data-setting="proxy-md">
+		<label>Proxy MangaDex</label>
+		<input type="checkbox" class="switch" data-true="yes" data-false="no" />
+	</div>
 </div>