feat: make it PWA

2025-12-10 12:56:58 -03:00
parent 39ce9e4684
commit 6b36bf0e19
9 changed files with 5290 additions and 45 deletions
@@ -1,6 +1,67 @@
 import { defineConfig } from 'vite'
+import { VitePWA } from 'vite-plugin-pwa'

 export default defineConfig({
  base: '/calories-tracker/',
-  include: ['src', 'vite-end.d.ts']
+  include: ['src', 'vite-end.d.ts'],
+
+  plugins: [
+    VitePWA({
+      registerType: 'prompt',
+      includeAssets: ['assets/*.png', 'assets/*.ico', 'assets/*.xml'],
+
+      manifest: {
+        name: 'Food Tracker - Daily Calorie Tracker',
+        short_name: 'Food Tracker',
+        description: 'Track your nutrition, transform your health. Monitor calories, protein, fat, carbs, and fiber for every meal.',
+        theme_color: '#121212',
+        background_color: '#121212',
+        display: 'standalone', // CRITICAL: Enables fullscreen
+        orientation: 'portrait',
+        scope: '/calories-tracker/',
+        start_url: '/calories-tracker/',
+
+        icons: [
+          {
+            src: '/calories-tracker/assets/android-icon-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+            purpose: 'any maskable'
+          },
+          {
+            src: '/calories-tracker/assets/icon-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable'
+          }
+        ]
+      },
+
+      workbox: {
+        runtimeCaching: [
+          {
+            urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
+            handler: 'CacheFirst',
+            options: {
+              cacheName: 'google-fonts-cache',
+              expiration: {
+                maxEntries: 10,
+                maxAgeSeconds: 60 * 60 * 24 * 365
+              },
+              cacheableResponse: {
+                statuses: [0, 200]
+              }
+            }
+          }
+        ],
+        cleanupOutdatedCaches: true,
+        globPatterns: ['**/*.{js,css,html,ico,png,svg}']
+      },
+
+      devOptions: {
+        enabled: false, // Disable in dev to avoid warnings; test with preview mode
+        type: 'module'
+      }
+    })
+  ]
 })