From 02d4ca789801f240a0d7f7d9c605b1db0d12824d Mon Sep 17 00:00:00 2001
From: matthieu42morin <matthieu.bernard.morin@gmail.com>
Date: Mon, 29 Apr 2024 15:45:18 +0200
Subject: [PATCH] TODO add support for added icons, list in app.html

---
 src/lib/config/icon.ts | 121 ++++++++++++++++++++++++++++++-----------
 1 file changed, 88 insertions(+), 33 deletions(-)

diff --git a/src/lib/config/icon.ts b/src/lib/config/icon.ts
index 845beec..474d2f8 100644
--- a/src/lib/config/icon.ts
+++ b/src/lib/config/icon.ts
@@ -2,43 +2,98 @@ import type { Icon } from '$lib/types/icon'
 import { site } from '$lib/config/site'
 
 export const favicon: Icon = {
-  src: site.protocol + site.domain + '/favicon.png',
-  sizes: '48x48',
-  type: 'image/png'
+    src: site.protocol + site.domain + '/favicon.png',
+    sizes: '48x48',
+    type: 'image/png'
 }
 
 export const any: { [key: number]: Icon } = {
-  180: {
-    src: site.protocol + site.domain + '/assets/any@180.png',
-    sizes: '180x180',
-    type: 'image/png'
-  },
-  192: {
-    src: site.protocol + site.domain + '/assets/any@192.png',
-    sizes: '192x192',
-    type: 'image/png'
-  },
-  512: {
-    src: site.protocol + site.domain + '/assets/any@512.png',
-    sizes: '512x512',
-    type: 'image/png'
-  }
+    180: {
+        src: site.protocol + site.domain + '/assets/any@180.png',
+        sizes: '180x180',
+        type: 'image/png'
+    },
+    192: {
+        src: site.protocol + site.domain + '/assets/any@192.png',
+        sizes: '192x192',
+        type: 'image/png'
+    },
+    512: {
+        src: site.protocol + site.domain + '/assets/any@512.png',
+        sizes: '512x512',
+        type: 'image/png'
+    }
 }
 
 export const maskable: { [key: number]: Icon } = {
-  180: {
-    src: site.protocol + site.domain + '/assets/maskable@180.png',
-    sizes: '180x180',
-    type: 'image/png'
-  },
-  192: {
-    src: site.protocol + site.domain + '/assets/maskable@192.png',
-    sizes: '192x192',
-    type: 'image/png'
-  },
-  512: {
-    src: site.protocol + site.domain + '/assets/maskable@512.png',
-    sizes: '512x512',
-    type: 'image/png'
-  }
+    180: {
+        src: site.protocol + site.domain + '/assets/maskable@180.png',
+        sizes: '180x180',
+        type: 'image/png'
+    },
+    192: {
+        src: site.protocol + site.domain + '/assets/maskable@192.png',
+        sizes: '192x192',
+        type: 'image/png'
+    },
+    512: {
+        src: site.protocol + site.domain + '/assets/maskable@512.png',
+        sizes: '512x512',
+        type: 'image/png'
+    }
 }
+
+// <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
+// <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
+// <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
+// <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
+// <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
+// <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
+// <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
+// <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
+// <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+// <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
+// <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+// <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+// <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+// <link rel="manifest" href="/manifest.json">
+// <meta name="msapplication-TileColor" content="#ffffff">
+// <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+// <meta name="theme-color" content="#ffffff">
+
+// {
+//  "src": "\/android-icon-36x36.png",
+//  "sizes": "36x36",
+//  "type": "image\/png",
+//  "density": "0.75"
+// },
+// {
+//  "src": "\/android-icon-48x48.png",
+//  "sizes": "48x48",
+//  "type": "image\/png",
+//  "density": "1.0"
+// },
+// {
+//  "src": "\/android-icon-72x72.png",
+//  "sizes": "72x72",
+//  "type": "image\/png",
+//  "density": "1.5"
+// },
+// {
+//  "src": "\/android-icon-96x96.png",
+//  "sizes": "96x96",
+//  "type": "image\/png",
+//  "density": "2.0"
+// },
+// {
+//  "src": "\/android-icon-144x144.png",
+//  "sizes": "144x144",
+//  "type": "image\/png",
+//  "density": "3.0"
+// },
+// {
+//  "src": "\/android-icon-192x192.png",
+//  "sizes": "192x192",
+//  "type": "image\/png",
+//  "density": "4.0"
+// }