feat: add PWA support with service worker, manifest, and icons

index.html

@@ -5,6 +5,13 @@
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       <title>Meatloaf Config</title>
+      <meta name="theme-color" content="#4d4d4d" />
+      <link rel="manifest" href="/manifest.webmanifest" />
+      <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
+      <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png" />
+      <meta name="apple-mobile-web-app-capable" content="yes" />
+      <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+      <link rel="apple-touch-icon" href="/icon-192.png" />
       <style>html, body { height: 100%; margin: 0; } #root { height: 100%; }</style>
     </head>
 

public/manifest.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Meatloaf Config",
+  "short_name": "Meatloaf",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#4d4d4d",
+  "theme_color": "#4d4d4d",
+  "description": "Configuration app for Meatloaf device.",
+  "icons": [
+    {
+      "src": "/icon.192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icon.512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}

public/service-worker.js

@@ -0,0 +1,15 @@
+self.addEventListener('install', event => {
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', event => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('fetch', event => {
+  event.respondWith(
+    caches.match(event.request).then(response => {
+      return response || fetch(event.request);
+    })
+  );
+});

src/main.tsx

@@ -1,7 +1,15 @@
 
+
   import { createRoot } from "react-dom/client";
   import App from "./app/App.tsx";
   import "./styles/index.css";
 
+  // Register service worker for PWA installability
+  if ('serviceWorker' in navigator) {
+    window.addEventListener('load', () => {
+      navigator.serviceWorker.register('/service-worker.js');
+    });
+  }
+
   createRoot(document.getElementById("root")!).render(<App />);