From 26c8e15436ccad567c91214e92404fe6314cd065 Mon Sep 17 00:00:00 2001
From: Oskar Manhart <52569953+oskardotglobal@users.noreply.github.com>
Date: Sat, 3 Aug 2024 14:59:16 +0200
Subject: [PATCH] feat: resize and convert images to webp using
 Flask-Image-Resizer

---
 cps/__init__.py          | 6 +++++-
 cps/templates/image.html | 4 ++--
 requirements.txt         | 1 +
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/cps/__init__.py b/cps/__init__.py
index 157dd14e5..f945b97a7 100755
--- a/cps/__init__.py
+++ b/cps/__init__.py
@@ -26,12 +26,13 @@ import os
 import mimetypes
 
 from flask import Flask
+from flask_image_resizer import Images
+
 from .MyLoginManager import MyLoginManager
 from flask_principal import Principal
 
 from . import logger
 from .cli import CliParameter
-from .constants import CONFIG_DIR
 from .reverseproxy import ReverseProxied
 from .server import WebServer
 from .dep_check import dependency_check
@@ -124,6 +125,9 @@ def create_app():
     config_sql.load_configuration(ub.session, encrypt_key)
     config.init_config(ub.session, encrypt_key, cli_param)
 
+    # Initialize Flask-Images
+    Images(app)
+
     if error:
         log.error(error)
 
diff --git a/cps/templates/image.html b/cps/templates/image.html
index f84fa12b2..088e6b99b 100644
--- a/cps/templates/image.html
+++ b/cps/templates/image.html
@@ -4,7 +4,7 @@
     {% set srcset = book|get_cover_srcset %}
     <img
         srcset="{{ srcset }}"
-        src="{{ url_for('web.get_cover', book_id=book.id, resolution='og', c=book|last_modified) }}"
+        src="{{ resized_img_src(url_for('web.get_cover', book_id=book.id, resolution='og', c=book|last_modified), format='webp') }}"
         alt="{{ image_alt }}"
         loading="lazy"
     />
@@ -15,7 +15,7 @@
     {% set srcset = series|get_series_srcset %}
     <img
         srcset="{{ srcset }}"
-        src="{{ url_for('web.get_series_cover', series_id=series.id, resolution='og', c='day'|cache_timestamp) }}"
+        src="{{ resized_img_src(url_for('web.get_series_cover', series_id=series.id, resolution='og', c='day'|cache_timestamp), format='webp') }}"
         alt="{{ book_title }}"
         loading="lazy"
     />
diff --git a/requirements.txt b/requirements.txt
index 460a73578..965d039fa 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -20,3 +20,4 @@ regex>=2022.3.2,<2024.6.25
 bleach>=6.0.0,<6.2.0
 python-magic>=0.4.27,<0.5.0
 flask-httpAuth>=4.4.0,<5.0.0
+Flask-Image-Resizer==3.0.6