feat: Progressive Web App

Les utilisateurs peuvent désormais installer des pages Web sur leurs téléphones mobiles via PWA pour les utiliser.

Author: CestMerNeil

kommande-access-gui/next.config.js

@@ -1,4 +1,10 @@
 // next.config.js
+const withPWA = require('next-pwa')({
+    dest: 'public',
+    register: true,
+    skipWaiting: true,
+});
+
 module.exports = {
     reactStrictMode: true,
     images: {

kommande-access-gui/package.json

@@ -14,6 +14,7 @@
     "lucide-react": "^0.454.0",
     "next": "14.2.15",
     "next-auth": "^4.24.8",
+    "next-pwa": "^5.6.0",
     "node-fetch": "^3.3.2",
     "react": "^18",
     "react-dom": "^18",

kommande-access-gui/public/Service_Worker.js

@@ -0,0 +1,8 @@
+self.addEventListener('install', (event) => {
+    console.log('Service Worker installing...');
+    self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+    console.log('Service Worker activated.');
+});

kommande-access-gui/public/icons/favicon-192.ico

@@ -0,0 +1,44 @@
+{
+    "name": "KASA",
+    "short_name": "KASA",
+    "description": "KASA is a platform for showcasing multimedia products like PCs, phones, and tablets.",
+    "start_url": "/",
+    "id": "com.kasa.app",
+    "display": "standalone",
+    "display_override": [
+        "window-controls-overlay",
+        "standalone"
+    ],
+    "background_color": "#f0f0f0",
+    "theme_color": "#FFFFFF",
+    "icons": [
+        {
+            "src": "/icons/favicon-192.ico",
+            "sizes": "192x192",
+            "type": "image/x-icon"
+        },
+        {
+            "src": "/icons/favicon-256.ico",
+            "sizes": "256x256",
+            "type": "image/x-icon"
+        },
+        {
+            "src": "/icons/favicon.png",
+            "sizes": "1000x1000",
+            "type": "image/png"
+        }
+    ],
+    "screenshots": [
+        {
+            "src": "/screenshots/iPad-Pro.png",
+            "sizes": "2048x2732",
+            "type": "image/png"
+        },
+        {
+            "src": "/screenshots/desktop.png",
+            "sizes": "2060x1936",
+            "type": "image/png",
+            "form_factor": "wide"
+        }
+    ]
+}