feat: add Progressive Web App (PWA) support with service worker registration, manifest, update notifications, and install prompts

2026-03-24 23:55:15 -04:00
parent 611cd3ca02
commit f22a2abae8
25 changed files with 2522 additions and 1 deletions
@@ -0,0 +1,42 @@
+# ObsiGate PWA Icons
+
+## Generated Icons
+
+This directory contains PWA icons in SVG format.
+
+### Converting to PNG
+
+For production, convert these SVG files to PNG:
+
+**Using ImageMagick:**
+```bash
+for file in *.svg; do
+  size=$(echo $file | grep -oP '\d+x\d+' | head -1 | cut -d'x' -f1)
+  convert -background none -resize ${size}x${size} "$file" "${file%.svg}.png"
+done
+```
+
+**Using Inkscape:**
+```bash
+for file in *.svg; do
+  size=$(echo $file | grep -oP '\d+x\d+' | head -1 | cut -d'x' -f1)
+  inkscape "$file" --export-filename="${file%.svg}.png" --export-width=$size
+done
+```
+
+**Online tools:**
+- https://cloudconvert.com/svg-to-png
+- https://convertio.co/svg-png/
+
+### Icon Types
+
+- **Regular icons**: Standard app icons with rounded corners
+- **Maskable icons**: Icons with safe zone padding for adaptive icons
+- **Search icon**: Icon for the search shortcut
+
+### Sizes
+
+- 72x72, 96x96, 128x128, 144x144, 152x152: Mobile devices
+- 192x192: Android home screen
+- 384x384: High-res displays
+- 512x512: Splash screens and high-DPI displays