From f249bfbab166505221f1811f1e16d7b4c68fbdd5 Mon Sep 17 00:00:00 2001
From: lenafx <jaiet7@gmail.com>
Date: Thu, 11 Dec 2025 19:20:35 +0100
Subject: [PATCH] added placeholders on reader

---
 public/assets/placeholder.svg | 1 +
 src/scripts/books/reader.js   | 7 +++++++
 2 files changed, 8 insertions(+)
 create mode 100644 public/assets/placeholder.svg

diff --git a/public/assets/placeholder.svg b/public/assets/placeholder.svg
new file mode 100644
index 0000000..a8c9d51
--- /dev/null
+++ b/public/assets/placeholder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="1200" viewBox="0 0 800 1200"><rect width="100%" height="100%" fill="#DDDDDD"/><path fill="#999999" d="M214.535 564.095h11.97v73.02h-6.97q-1.61 0-2.7-.53-1.08-.53-2.09-1.79l-38.13-48.69q.3 3.34.3 6.17v44.84h-11.97v-73.02h7.12q.86 0 1.49.07.63.08 1.11.31.48.22.94.65.45.43 1.01 1.14l38.28 48.88q-.15-1.77-.26-3.48-.1-1.72-.1-3.18zm49.19 20.4q5.76 0 10.48 1.87t8.08 5.3 5.18 8.38q1.81 4.95 1.81 11.06 0 6.16-1.81 11.11-1.82 4.95-5.18 8.44-3.36 3.48-8.08 5.35t-10.48 1.87q-5.81 0-10.55-1.87-4.75-1.87-8.11-5.35-3.36-3.49-5.2-8.44t-1.84-11.11q0-6.11 1.84-11.06t5.2-8.38 8.11-5.3q4.74-1.87 10.55-1.87m0 43.78q6.46 0 9.57-4.34t3.11-12.73q0-8.38-3.11-12.77-3.11-4.4-9.57-4.4-6.56 0-9.72 4.42t-3.16 12.75q0 8.34 3.16 12.7 3.16 4.37 9.72 4.37m52.37 9.65q-6.77 0-10.38-3.81-3.61-3.82-3.61-10.53v-28.94h-5.3q-1.01 0-1.72-.66-.71-.65-.71-1.97v-4.95l8.34-1.36 2.62-14.14q.26-1.01.96-1.56.71-.56 1.82-.56h6.46v16.31h13.84v8.89h-13.84v28.08q0 2.42 1.19 3.78 1.19 1.37 3.26 1.37 1.16 0 1.94-.28.79-.28 1.37-.58t1.03-.58q.46-.28.91-.28.56 0 .91.28t.76.83l3.73 6.06q-2.72 2.27-6.26 3.44-3.53 1.16-7.32 1.16m92.87-63.03h-32.42v21.62h27.37v10.86h-27.37v29.74h-13.64v-73.02h46.06zm32.07 9.6q5.75 0 10.47 1.87 4.73 1.87 8.08 5.3 3.36 3.43 5.18 8.38t1.82 11.06q0 6.16-1.82 11.11t-5.18 8.44q-3.35 3.48-8.08 5.35-4.72 1.87-10.47 1.87-5.81 0-10.56-1.87t-8.1-5.35q-3.36-3.49-5.21-8.44-1.84-4.95-1.84-11.11 0-6.11 1.84-11.06 1.85-4.95 5.21-8.38 3.35-3.43 8.1-5.3t10.56-1.87m0 43.78q6.46 0 9.57-4.34 3.1-4.34 3.1-12.73 0-8.38-3.1-12.77-3.11-4.4-9.57-4.4-6.57 0-9.73 4.42-3.15 4.42-3.15 12.75 0 8.34 3.15 12.7 3.16 4.37 9.73 4.37m67.26-42.97h12.48v51.81h-7.63q-2.47 0-3.13-2.27l-.86-4.14q-3.18 3.23-7.02 5.22-3.84 2-9.04 2-4.24 0-7.5-1.44-3.25-1.44-5.48-4.07-2.22-2.62-3.36-6.23-1.13-3.61-1.13-7.96v-32.92h12.47v32.92q0 4.75 2.2 7.35t6.59 2.6q3.23 0 6.06-1.44t5.35-3.96zm35.6 2.27.86 4.09q1.57-1.57 3.31-2.9 1.74-1.34 3.69-2.28 1.94-.93 4.16-1.46 2.23-.53 4.85-.53 4.24 0 7.53 1.44 3.28 1.44 5.48 4.04 2.19 2.6 3.33 6.21 1.13 3.61 1.13 7.95v32.98h-12.47v-32.98q0-4.74-2.17-7.34-2.17-2.61-6.62-2.61-3.23 0-6.06 1.47-2.82 1.46-5.35 3.99v37.47h-12.47v-51.81h7.62q2.43 0 3.18 2.27m78.68 34.19v-23.23q-2.12-2.58-4.62-3.64t-5.38-1.06q-2.82 0-5.1 1.06-2.27 1.06-3.88 3.21-1.62 2.14-2.48 5.45t-.86 7.8q0 4.55.73 7.71.74 3.15 2.1 5.15 1.36 1.99 3.33 2.88 1.97.88 4.4.88 3.89 0 6.61-1.62 2.73-1.61 5.15-4.59m0-59.69h12.48v75.04h-7.63q-2.47 0-3.13-2.27l-1.06-5q-3.13 3.58-7.2 5.81-4.06 2.22-9.46 2.22-4.25 0-7.78-1.77-3.54-1.77-6.09-5.13-2.55-3.35-3.94-8.3-1.38-4.95-1.38-11.32 0-5.75 1.56-10.7 1.57-4.95 4.5-8.59 2.92-3.63 7.01-5.68 4.1-2.04 9.2-2.04 4.34 0 7.42 1.36t5.5 3.69z"/></svg>
\ No newline at end of file
diff --git a/src/scripts/books/reader.js b/src/scripts/books/reader.js
index 2daa005..31f78e1 100644
--- a/src/scripts/books/reader.js
+++ b/src/scripts/books/reader.js
@@ -294,6 +294,13 @@ function createImageElement(page, index) {
     img.dataset.index = index;
 
     const url = buildProxyUrl(page.url, page.headers);
+    const placeholder = "/public/assets/placeholder.svg";
+
+    img.onerror = () => {
+        if (img.src !== placeholder) {
+            img.src = placeholder;
+        }
+    };
 
     if (config.manga.mode === 'longstrip' && index > 0) {
         img.classList.add('longstrip-fit');