From 923241a56dd32de07132df1d182781e328b7e51c Mon Sep 17 00:00:00 2001
From: Pavel Tatarskiy <pavel.tatarsky@gmail.com>
Date: Sun, 29 Sep 2024 21:39:12 +0300
Subject: [PATCH] add svg favicon

---
 templates/layouts/main.html |  1 +
 webpack.config.js           | 67 ++++++++++++++++++++-----------------
 2 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/templates/layouts/main.html b/templates/layouts/main.html
index d80ae37..3cb39e0 100644
--- a/templates/layouts/main.html
+++ b/templates/layouts/main.html
@@ -6,6 +6,7 @@
         <title>{{ template "title" . }} | Webtor.io</title>
         <meta name="description" content="Download and play torrents with free online torrent web player and downloader. Just paste the magnet link or open the torrent file and start downloading or watching torrent content safely and anonymously through your web browser. Works instantly without client and registration!">
         <link rel="shortcut icon" href="/assets/night/favicon.ico">
+        <link rel="icon" type="image/svg+xml" href="/assets/night/favicon.svg" >
         <link rel="icon" type="image/png" sizes="16x16" href="/assets/night/favicon-16x16.png">
         <link rel="icon" type="image/png" sizes="32x32" href="/assets/night/favicon-32x32.png">
         <link rel="icon" type="image/png" sizes="48x48" href="/assets/night/favicon-48x48.png">
diff --git a/webpack.config.js b/webpack.config.js
index ae40d2e..ac51afb 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -7,6 +7,9 @@ const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 
 const fs = require('fs');
 
+const tailwindConfig = require('./tailwind.config');
+const themes = tailwindConfig.daisyui.themes;
+
 function getEntries(path, ext, prefix = '') {
     return new Promise((resolve) => {
         fs.readdir(path, { recursive: true }, (err, files) => {
@@ -19,28 +22,45 @@ function getEntries(path, ext, prefix = '') {
     })
 }
 
-function makeFavicons(theme) {
-    return new FaviconsWebpackPlugin({
-        logo: `./assets/src/images/logo-${theme}.svg`,
-        prefix: `${theme}/`,
-        favicons: {
-            icons: {
-                android: false,
-                appleIcon: false,
-                appleStartup: false,
-                favicons: true,
-                windows: false,
-                yandex: false,
-            },
-        },
-    });
-}
 
 module.exports = async (env, options) => {
     const jsEntries = await getEntries('./assets/src/js/app', '.js');
     const styleEntries = await getEntries('./assets/src/styles', '.css');
     const devMode = options.mode !== 'production';
     const devEntries = devMode ? await getEntries('./assets/src/js/dev', '.js', 'dev/') : {};
+    const plugins = [
+        new MiniCssExtractPlugin({
+            filename: '[name].css',
+        }),
+        new CopyPlugin({
+            patterns: [
+                { from: 'node_modules/mediaelement/build/mejs-controls.svg', to: 'mejs-controls.svg' },
+                { from: 'node_modules/hls.js/dist/hls.min.js', to: 'lib/hls.min.js'},
+                { from: 'node_modules/iframe-resizer/js/iframeResizer.contentWindow.min.js', to: 'lib/iframeResizer.contentWindow.min.js'},
+            ],
+        }),
+    ];
+    for (const t of themes) {
+        plugins.push(new FaviconsWebpackPlugin({
+            logo: `./assets/src/images/logo-${t}.svg`,
+            prefix: `${t}/`,
+            favicons: {
+                icons: {
+                    android: false,
+                    appleIcon: false,
+                    appleStartup: false,
+                    favicons: true,
+                    windows: false,
+                    yandex: false,
+                },
+            },
+        }));
+        plugins.push(new CopyPlugin({
+            patterns: [
+                { from: `assets/src/images/logo-${t}.svg`, to: `${t}/favicon.svg` },
+            ],
+        }));
+    }
     return {
         entry: {
             ...jsEntries,
@@ -108,19 +128,6 @@ module.exports = async (env, options) => {
                 },
             ]
         },
-        plugins: [
-            new MiniCssExtractPlugin({
-                filename: '[name].css',
-            }),
-            new CopyPlugin({
-                patterns: [
-                    { from: 'node_modules/mediaelement/build/mejs-controls.svg', to: 'mejs-controls.svg' },
-                    { from: 'node_modules/hls.js/dist/hls.min.js', to: 'lib/hls.min.js'},
-                    { from: 'node_modules/iframe-resizer/js/iframeResizer.contentWindow.min.js', to: 'lib/iframeResizer.contentWindow.min.js'},
-                ],
-            }),
-            makeFavicons('lofi'),
-            makeFavicons('night'),
-        ],
+        plugins,
     };
 }
\ No newline at end of file