PWA init

2026-03-18 17:02:16 +01:00
parent f022ce8dc2
commit a2a0c8350b
8 changed files with 4104 additions and 6 deletions
@@ -5,7 +5,7 @@

 <head>
  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="src/assets/favicon.svg" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

  <title>VolleyManager</title>
@@ -13,7 +13,7 @@

 <body class="transition bg-zinc-50 dark:bg-zinc-950">
  <div id="root"></div>
-  <script type="module" src="/src/main.jsx"></script>
+  <script type="module" src="/src/main.tsx"></script>
 </body>

 </html>
@@ -7,7 +7,7 @@
    "dev": "vite --host",
    "build": "tsc -b && vite build",
    "lint": "tsc -b && eslint .",
-    "preview": "vite preview",
+    "preview": "vite preview --host",
    "test": "vitest"
  },
  "dependencies": {
@@ -38,6 +38,7 @@
    "tailwindcss": "^4.1.18",
    "typescript-eslint": "^8.57.0",
    "vite": "^7.3.1",
+    "vite-plugin-pwa": "^1.2.0",
    "vitest": "^4.0.18"
  }
 }
@@ -3,11 +3,43 @@
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vitest/config';
+import { VitePWA } from 'vite-plugin-pwa';

 export default defineConfig({
  plugins: [
    react(),
-    tailwindcss()
+    tailwindcss(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['favicon.svg'],
+      manifest: {
+        name: 'VolleyManager',
+        short_name: 'VolleyManager',
+        description: 'Tournament Operations Manager',
+        theme_color: '#09090b',
+        background_color: '#fafafa',
+        display: 'standalone',
+        orientation: 'portrait-primary',
+        icons: [
+          {
+            src: 'pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: 'pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
+        ],
+      }
+    })
  ],
  test: {
    globals: true,