Feature: PWA #479

Merged
Taoshan98 merged 3 commits from pwa into dev-1.10.1 2026-01-12 07:36:03 +00:00
Taoshan98 commented 2026-01-02 16:27:33 +00:00 (Migrated from github.com)

Overview

Short summary of what this PR does

  • Added: PWA Feture.

Changes Made

  • Add web app manifest with icons and theme configuration
  • Add service worker with cache-first strategy for static assets
  • Add useServiceWorker hook for SW registration
  • Add PWA meta tags and Apple-specific tags to index.html
  • Update vite.config.ts for optimal asset caching

I decided not to use any npm packages such as vite-plugin-pwa or others because, with the recent attacks on packages, I thought it would be better to have control, also because it is a feature that needs few additions and can always be improved.

Tips

This actually works only if web app is served under https with valid certificate like let's encrypt ones.

Screenshots / Demos

Without PWA

https://github.com/user-attachments/assets/05079d86-ce26-4df5-94b2-ad580a2b8f99

With PWA

https://github.com/user-attachments/assets/28bf1a2c-680a-492e-9062-6199e7476260

Checklist

  • Code follows project style guidelines
  • Supports mobile and desktop UI/app (if applicable)
  • I have read Contributing.md
# Overview _Short summary of what this PR does_ - [x] Added: PWA Feture. # Changes Made - Add web app manifest with icons and theme configuration - Add service worker with cache-first strategy for static assets - Add useServiceWorker hook for SW registration - Add PWA meta tags and Apple-specific tags to index.html - Update vite.config.ts for optimal asset caching I decided not to use any npm packages such as vite-plugin-pwa or others because, with the recent attacks on packages, I thought it would be better to have control, also because it is a feature that needs few additions and can always be improved. ## Tips This actually works only if web app is served under https with valid certificate like let's encrypt ones. # Screenshots / Demos ### Without PWA https://github.com/user-attachments/assets/05079d86-ce26-4df5-94b2-ad580a2b8f99 ### With PWA https://github.com/user-attachments/assets/28bf1a2c-680a-492e-9062-6199e7476260 # Checklist - [x] Code follows project style guidelines - [x] Supports mobile and desktop UI/app (if applicable) - [x] I have read [Contributing.md](https://github.com/Termix-SSH/Termix/blob/main/CONTRIBUTING.md)
LukeGus (Migrated from github.com) reviewed 2026-01-02 16:27:33 +00:00
ZacharyZcR commented 2026-01-03 09:59:20 +00:00 (Migrated from github.com)

Oh, we are so grateful to you. We will audit this PR request as soon as possible.

Oh, we are so grateful to you. We will audit this PR request as soon as possible.
LukeGus commented 2026-01-12 07:35:59 +00:00 (Migrated from github.com)

LGTM. I dont know much about PWA's so thanks for doing it for me!

LGTM. I dont know much about PWA's so thanks for doing it for me!
Sign in to join this conversation.