Skip to content

feat(pwa): add PWA manifest, window controls overlay, and offline caching support#88

Merged
benStre merged 2 commits intorelease/0.0.1from
feature/pwa-support
Mar 13, 2026
Merged

feat(pwa): add PWA manifest, window controls overlay, and offline caching support#88
benStre merged 2 commits intorelease/0.0.1from
feature/pwa-support

Conversation

@anmol-virk
Copy link
Collaborator

@anmol-virk anmol-virk commented Mar 10, 2026

Summary #88

Adds PWA support to DATEX Workbench, making it installable as a desktop app.

Changes

  • Added vite-plugin-pwa with autoUpdate service worker
  • PWA manifest with display_override: window-controls-overlay so the app header fills the full title bar
  • Offline/caching support via Workbox, caching all JS, CSS, HTML, fonts and images
  • Updated HeaderProvider.vue with WCO CSS env variables so header respects titlebar area
  • Updated App.vue to offset main content by titlebar height
  • Added theme-color meta tag to index.html

How to test

  1. npm run build && npm run preview
  2. Open in Chrome → look for install icon in address bar
  3. Install the app → header should fill the title bar with OS window controls overlaid on top
  4. Go offline → app should still load from cache

##Related issue
Closes #25

@benStre benStre changed the base branch from main to release/0.0.1 March 12, 2026 14:16
@anmol-virk anmol-virk force-pushed the feature/pwa-support branch from 52af8e2 to 44bf5e9 Compare March 13, 2026 12:35
@anmol-virk anmol-virk marked this pull request as ready for review March 13, 2026 12:39
@benStre benStre merged commit adab8d7 into release/0.0.1 Mar 13, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants