rebuild icons using vite-pwa/assets-generator

cleech · Sep 6, 2023 · 7f1ddad · 7f1ddad
1 parent e491590
commit 7f1ddad
Show file tree

Hide file tree

Showing 14 changed files with 585 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" sizes="any">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#000000" />
-    <link rel="apple-touch-icon" href="/logo192.png" />
     <title>Guild Ball Playbook</title>
-
     <link rel="dns-prefetch" href="https://fonts.googleapis.com">
     <link rel="dns-prefetch" href="https://fonts.gstatic.com">
     <link rel="preconnect" crossorigin="anonymous" href="https://fonts.googleapis.com">

diff --git a/package.json b/package.json
@@ -9,7 +9,8 @@
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "deploy": "npx gh-pages --dist dist --dotfiles"
+    "deploy": "npx gh-pages --dist dist --dotfiles",
+    "icons": "pwa-assets-generator --preset minimal public/favicon.svg"
   },
   "dependencies": {
     "@emotion/react": "^11.11.1",
@@ -41,6 +42,7 @@
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
+    "@vite-pwa/assets-generator": "^0.0.9",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",

diff --git a/public/apple-touch-icon-180x180.png b/public/apple-touch-icon-180x180.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/gbpb-logo-full.png b/public/gbpb-logo-full.png
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/maskable-icon-512x512.png b/public/maskable-icon-512x512.png
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
diff --git a/public/pwa-64x64.png b/public/pwa-64x64.png
diff --git a/vite.config.ts b/vite.config.ts
@@ -51,27 +51,26 @@ export default defineConfig({
         description: 'Guild Ball reference and tracking',
         icons: [
           {
-            src: "favicon.ico",
-            sizes: "48x48 32x32 16x16",
-            type: "image/x-icon"
+            src: 'pwa-64x64.png',
+            sizes: '64x64',
+            type: 'image/png'
           },
           {
-            src: "logo192.png",
-            type: "image/png",
-            sizes: "192x192",
-            purpose: "any"
+            src: 'pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png'
           },
           {
-            src: "logo512.png",
-            type: "image/png",
-            sizes: "512x512",
-            purpose: "any"
+            src: 'pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any'
           },
           {
-            src: "gbpb-logo-full.png",
-            type: "image/png",
-            sizes: "1024x1024",
-            purpose: "maskable"
+            src: 'maskable-icon-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'maskable'
           }
         ],
         display: "standalone",