feat(front+back): pwa added, register parkour update with it, and jeux added in coming soon

frontend/vite.config.js

@@ -2,6 +2,15 @@ const { defineConfig } = require('vite')
 const vue = require('@vitejs/plugin-vue')
 const path = require('path')
 
+// Import conditionnel du plugin PWA
+let VitePWA = null
+try {
+  VitePWA = require('vite-plugin-pwa').VitePWA
+} catch (e) {
+  console.warn('⚠️  vite-plugin-pwa n\'est pas installé. La fonctionnalité PWA sera désactivée.')
+  console.warn('   Installez-le avec: npm install --save-dev vite-plugin-pwa')
+}
+
 // Configuration par environnement
 const getEnvironmentConfig = (mode) => {
   const configs = {
@@ -79,8 +88,163 @@ module.exports = defineConfig(({ command, mode }) => {
     VITE_APP_URL: process.env.VITE_APP_URL
   })
   
+  const plugins = [vue()]
+  
+  // Ajouter le plugin PWA seulement s'il est installé
+  if (VitePWA) {
+    plugins.push(VitePWA({
+        registerType: 'autoUpdate',
+        includeAssets: ['favicon.ico', 'logo_lediscord.png'],
+        manifest: {
+          name: 'LeDiscord - Notre espace',
+          short_name: 'LeDiscord',
+          description: 'Plateforme communautaire LeDiscord',
+          theme_color: '#6366f1',
+          background_color: '#ffffff',
+          display: 'standalone',
+          orientation: 'portrait-primary',
+          scope: '/',
+          start_url: '/',
+          icons: [
+            {
+              src: '/icon-72x72.png',
+              sizes: '72x72',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-96x96.png',
+              sizes: '96x96',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-128x128.png',
+              sizes: '128x128',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-144x144.png',
+              sizes: '144x144',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-152x152.png',
+              sizes: '152x152',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-192x192.png',
+              sizes: '192x192',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-384x384.png',
+              sizes: '384x384',
+              type: 'image/png',
+              purpose: 'any maskable'
+            },
+            {
+              src: '/icon-512x512.png',
+              sizes: '512x512',
+              type: 'image/png',
+              purpose: 'any maskable'
+            }
+          ],
+          shortcuts: [
+            {
+              name: 'Vlogs',
+              short_name: 'Vlogs',
+              description: 'Voir les vlogs',
+              url: '/vlogs',
+              icons: [{ src: '/icon-96x96.png', sizes: '96x96' }]
+            },
+            {
+              name: 'Albums',
+              short_name: 'Albums',
+              description: 'Voir les albums',
+              url: '/albums',
+              icons: [{ src: '/icon-96x96.png', sizes: '96x96' }]
+            }
+          ],
+          categories: ['social', 'entertainment']
+        },
+        workbox: {
+          globPatterns: ['**/*.{js,css,html,ico,png,svg,jpg,jpeg,webp,mp4}'],
+          // Notifications push
+          navigateFallback: null,
+          skipWaiting: true,
+          clientsClaim: true,
+          runtimeCaching: [
+            {
+              urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
+              handler: 'CacheFirst',
+              options: {
+                cacheName: 'google-fonts-cache',
+                expiration: {
+                  maxEntries: 10,
+                  maxAgeSeconds: 60 * 60 * 24 * 365 // 1 year
+                },
+                cacheableResponse: {
+                  statuses: [0, 200]
+                }
+              }
+            },
+            {
+              urlPattern: /^https:\/\/fonts\.gstatic\.com\/.*/i,
+              handler: 'CacheFirst',
+              options: {
+                cacheName: 'gstatic-fonts-cache',
+                expiration: {
+                  maxEntries: 10,
+                  maxAgeSeconds: 60 * 60 * 24 * 365 // 1 year
+                },
+                cacheableResponse: {
+                  statuses: [0, 200]
+                }
+              }
+            },
+            {
+              urlPattern: /^https?:\/\/.*\/api\/.*/i,
+              handler: 'NetworkFirst',
+              options: {
+                cacheName: 'api-cache',
+                expiration: {
+                  maxEntries: 50,
+                  maxAgeSeconds: 60 * 5 // 5 minutes
+                },
+                networkTimeoutSeconds: 10
+              }
+            },
+            {
+              urlPattern: /^https?:\/\/.*\/uploads\/.*/i,
+              handler: 'CacheFirst',
+              options: {
+                cacheName: 'uploads-cache',
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 24 * 7 // 7 days
+                },
+                cacheableResponse: {
+                  statuses: [0, 200]
+                }
+              }
+            }
+          ]
+        },
+        devOptions: {
+          enabled: true,
+          type: 'module'
+        }
+      }))
+  }
+  
   return {
-    plugins: [vue()],
+    plugins,
     resolve: {
       alias: {
         '@': path.resolve(__dirname, './src')