From 872e09d1033112c78497a2719025a1e590af4ee9 Mon Sep 17 00:00:00 2001
From: Markus Heiser <markus.heiser@darmarit.de>
Date: Wed, 5 Feb 2025 13:28:19 +0100
Subject: [PATCH] [web-client] simple theme: move SVGs to client/simple/src and
 deploy to static by plg_svg2svg

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
---
 client/simple/src/svg/empty_favicon.svg          |  4 ++++
 client/simple/theme_icons.js                     |  4 ++++
 client/simple/tools/jinja_svg_catalog.html.edge  |  2 +-
 client/simple/vite.config.js                     | 11 +++++++++++
 searx/static/themes/simple/img/empty_favicon.svg |  5 +----
 searx/static/themes/simple/img/select-dark.svg   |  1 +
 searx/static/themes/simple/img/select-light.svg  |  1 +
 7 files changed, 23 insertions(+), 5 deletions(-)
 create mode 100644 client/simple/src/svg/empty_favicon.svg
 create mode 100644 searx/static/themes/simple/img/select-dark.svg
 create mode 100644 searx/static/themes/simple/img/select-light.svg

diff --git a/client/simple/src/svg/empty_favicon.svg b/client/simple/src/svg/empty_favicon.svg
new file mode 100644
index 000000000..b65e09399
--- /dev/null
+++ b/client/simple/src/svg/empty_favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+  <path fill="#58f" d="M11 20.85a.92.92 0 0 1-1.1.93A10 10 0 0 1 2.06 13c-.06-.55.4-1 .95-1h3a1 1 0 0 1 1 1 3 3 0 0 0 3 3 1 1 0 0 1 1 1v3.85Zm6-1.92c0 .77.83 1.23 1.42.74a10 10 0 0 0 2.03-2.32c.39-.61-.09-1.35-.81-1.35H18a1 1 0 0 0-1 1v1.93ZM12 2a10 10 0 0 1 6.65 2.53c.61.55.17 1.47-.65 1.47h-.15A2.85 2.85 0 0 0 15 8.85c0 .33-.18.62-.47.77l-.08.04a1 1 0 0 1-.9 0l-.08-.04a.85.85 0 0 1-.47-.77A2.85 2.85 0 0 0 10.15 6H10a1 1 0 0 1-1-1V3.2c0-.44.28-.84.7-.94C10.45 2.1 11.22 2 12 2Z"/>
+  <path fill="#58f" d="M3.42 10c-.63 0-1.1-.58-.9-1.18.6-1.8 1.7-3.36 3.12-4.53C6.2 3.82 7 4.26 7 5a3 3 0 0 0 3 3h.15c.47 0 .85.38.85.85 0 1.09.61 2.07 1.58 2.56l.08.04a3 3 0 0 0 2.68 0l.08-.04A2.85 2.85 0 0 0 17 8.85c0-.47.38-.85.85-.85h2.66c.4 0 .77.23.9.6a9.98 9.98 0 0 1 .52 4.6.94.94 0 0 1-.95.8H18a3 3 0 0 0-3 3v3.8c0 .44-.28.84-.7.94l-.2.04a.92.92 0 0 1-1.1-.93V17a3 3 0 0 0-3-3 1 1 0 0 1-1-1 3 3 0 0 0-3-3H3.42Z"/>
+</svg>
diff --git a/client/simple/theme_icons.js b/client/simple/theme_icons.js
index 04ae89614..dc896a15c 100644
--- a/client/simple/theme_icons.js
+++ b/client/simple/theme_icons.js
@@ -40,6 +40,7 @@ const simple_icons = [
       "appstore": "apps-outline.svg",
       "book": "book-outline.svg",
       "close": "close-outline.svg",
+      "download": "download-outline.svg",
       "ellipsis-vertical": "ellipsis-vertical-outline.svg",
       "file-tray-full": "file-tray-full-outline.svg",
       "film": "film-outline.svg",
@@ -47,6 +48,7 @@ const simple_icons = [
       "heart": "heart-outline.svg",
       "image": "image-outline.svg",
       "layers": "layers-outline.svg",
+      "leecher": "arrow-down.svg",
       "location": "location-outline.svg",
       "magnet": "magnet-outline.svg",
       "musical-notes": "musical-notes-outline.svg",
@@ -57,8 +59,10 @@ const simple_icons = [
       "people": "people-outline.svg",
       "play": "play-outline.svg",
       "radio": "radio-outline.svg",
+      "save": "save-outline.svg",
       "school": "school-outline.svg",
       "search": "search-outline.svg",
+      "seeder": "swap-vertical.svg",
       "settings": "settings-outline.svg",
       "tv": "tv-outline.svg",
     },
diff --git a/client/simple/tools/jinja_svg_catalog.html.edge b/client/simple/tools/jinja_svg_catalog.html.edge
index ffec58cd5..420f07624 100644
--- a/client/simple/tools/jinja_svg_catalog.html.edge
+++ b/client/simple/tools/jinja_svg_catalog.html.edge
@@ -13,7 +13,7 @@ template. This file from:
 {%-
 set catalog = {
 @each((svg, name) in svg_catalog)
-    "{{{name}}}" : """{{{svg}}}""",
+    '{{{name}}}' : '{{{svg}}}',
 @end
 }
 -%}
diff --git a/client/simple/vite.config.js b/client/simple/vite.config.js
index edf3b1f80..f8d3e6757 100644
--- a/client/simple/vite.config.js
+++ b/client/simple/vite.config.js
@@ -137,6 +137,17 @@ export default defineConfig({
       ]
     }),
 
+    // -- svg images
+
+    plg_svg2svg(
+      [
+        { src: PATH.src + "/svg/empty_favicon.svg", dest: PATH.dist + "/img/empty_favicon.svg" },
+        { src: PATH.src + "/svg/select-dark.svg", dest: PATH.dist + "/img/select-dark.svg" },
+        { src: PATH.src + "/svg/select-light.svg", dest: PATH.dist + "/img/select-light.svg" },
+      ],
+      svg2svg_opts,
+    ),
+
     // SearXNG brand (static)
 
     plg_svg2png(
diff --git a/searx/static/themes/simple/img/empty_favicon.svg b/searx/static/themes/simple/img/empty_favicon.svg
index b65e09399..580025e32 100644
--- a/searx/static/themes/simple/img/empty_favicon.svg
+++ b/searx/static/themes/simple/img/empty_favicon.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-  <path fill="#58f" d="M11 20.85a.92.92 0 0 1-1.1.93A10 10 0 0 1 2.06 13c-.06-.55.4-1 .95-1h3a1 1 0 0 1 1 1 3 3 0 0 0 3 3 1 1 0 0 1 1 1v3.85Zm6-1.92c0 .77.83 1.23 1.42.74a10 10 0 0 0 2.03-2.32c.39-.61-.09-1.35-.81-1.35H18a1 1 0 0 0-1 1v1.93ZM12 2a10 10 0 0 1 6.65 2.53c.61.55.17 1.47-.65 1.47h-.15A2.85 2.85 0 0 0 15 8.85c0 .33-.18.62-.47.77l-.08.04a1 1 0 0 1-.9 0l-.08-.04a.85.85 0 0 1-.47-.77A2.85 2.85 0 0 0 10.15 6H10a1 1 0 0 1-1-1V3.2c0-.44.28-.84.7-.94C10.45 2.1 11.22 2 12 2Z"/>
-  <path fill="#58f" d="M3.42 10c-.63 0-1.1-.58-.9-1.18.6-1.8 1.7-3.36 3.12-4.53C6.2 3.82 7 4.26 7 5a3 3 0 0 0 3 3h.15c.47 0 .85.38.85.85 0 1.09.61 2.07 1.58 2.56l.08.04a3 3 0 0 0 2.68 0l.08-.04A2.85 2.85 0 0 0 17 8.85c0-.47.38-.85.85-.85h2.66c.4 0 .77.23.9.6a9.98 9.98 0 0 1 .52 4.6.94.94 0 0 1-.95.8H18a3 3 0 0 0-3 3v3.8c0 .44-.28.84-.7.94l-.2.04a.92.92 0 0 1-1.1-.93V17a3 3 0 0 0-3-3 1 1 0 0 1-1-1 3 3 0 0 0-3-3H3.42Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#58f" d="M11 20.85a.92.92 0 0 1-1.1.93A10 10 0 0 1 2.06 13c-.06-.55.4-1 .95-1h3a1 1 0 0 1 1 1 3 3 0 0 0 3 3 1 1 0 0 1 1 1v3.85Zm6-1.92c0 .77.83 1.23 1.42.74a10 10 0 0 0 2.03-2.32c.39-.61-.09-1.35-.81-1.35H18a1 1 0 0 0-1 1zM12 2a10 10 0 0 1 6.65 2.53c.61.55.17 1.47-.65 1.47h-.15A2.85 2.85 0 0 0 15 8.85c0 .33-.18.62-.47.77l-.08.04a1 1 0 0 1-.9 0l-.08-.04a.85.85 0 0 1-.47-.77A2.85 2.85 0 0 0 10.15 6H10a1 1 0 0 1-1-1V3.2c0-.44.28-.84.7-.94C10.45 2.1 11.22 2 12 2"/><path fill="#58f" d="M3.42 10c-.63 0-1.1-.58-.9-1.18.6-1.8 1.7-3.36 3.12-4.53C6.2 3.82 7 4.26 7 5a3 3 0 0 0 3 3h.15c.47 0 .85.38.85.85 0 1.09.61 2.07 1.58 2.56l.08.04a3 3 0 0 0 2.68 0l.08-.04A2.85 2.85 0 0 0 17 8.85c0-.47.38-.85.85-.85h2.66c.4 0 .77.23.9.6a10 10 0 0 1 .52 4.6.94.94 0 0 1-.95.8H18a3 3 0 0 0-3 3v3.8c0 .44-.28.84-.7.94l-.2.04a.92.92 0 0 1-1.1-.93V17a3 3 0 0 0-3-3 1 1 0 0 1-1-1 3 3 0 0 0-3-3z"/></svg>
\ No newline at end of file
diff --git a/searx/static/themes/simple/img/select-dark.svg b/searx/static/themes/simple/img/select-dark.svg
new file mode 100644
index 000000000..36e871e0b
--- /dev/null
+++ b/searx/static/themes/simple/img/select-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><path fill="#ddd" d="m128 192 128 128 128-128z"/></svg>
\ No newline at end of file
diff --git a/searx/static/themes/simple/img/select-light.svg b/searx/static/themes/simple/img/select-light.svg
new file mode 100644
index 000000000..8336fe759
--- /dev/null
+++ b/searx/static/themes/simple/img/select-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><path d="m128 192 128 128 128-128z"/></svg>
\ No newline at end of file