How zardasht-2018/zip-wifi-qr-decoder works
ZIP QR is a bilingual, browser-local Wi-Fi QR decoder PWA. Users scan with a camera or upload an image, decode and parse the QR payload, review network details, and optionally save scans for local history or copy/export results. Settings and history support Kurdish Sorani and English; the PWA also provides offline caching and update behavior. The production workflow is documented around src/templates/runtime.js; service-level call wiring is not shown in the excerpts, so uncertain links are dashed.
Main entry points: runtime.js App Runtime · cameraService.ts Camera Control · storageService.ts Scan History · sw.js Service Worker
Components 14
Application
- App Runtime
ZIP-WIFI-QR-DECODER-GITHUB/src/templates/runtime.js - Screen Markup
ZIP-WIFI-QR-DECODER-GITHUB/src/templates/body.html - App Styles
ZIP-WIFI-QR-DECODER-GITHUB/src/templates/app.css - Translations
ZIP-WIFI-QR-DECODER-GITHUB/src/i18n/translations.ts
Scan and Decode
- Camera Control
ZIP-WIFI-QR-DECODER-GITHUB/src/services/cameraService.ts - QR Recognition
ZIP-WIFI-QR-DECODER-GITHUB/src/services/qrDecoder.ts - Payload Parser
ZIP-WIFI-QR-DECODER-GITHUB/src/services/wifiParser.ts
Local Data
- Scan History
ZIP-WIFI-QR-DECODER-GITHUB/src/services/storageService.ts - Domain Types
ZIP-WIFI-QR-DECODER-GITHUB/src/types/index.ts - Copy and Export
ZIP-WIFI-QR-DECODER-GITHUB/src/utils/clipboardAndExport.ts
PWA
- Service Worker
ZIP-WIFI-QR-DECODER-GITHUB/public/sw.js - PWA Manifest
ZIP-WIFI-QR-DECODER-GITHUB/public/manifest.json
Other components
- User
- Browser APIs
Connections 14
- User → App Runtime: uses
README.md - App Runtime → Camera Control: controls scanning
- App Runtime → QR Recognition: requests recognition
- App Runtime → Payload Parser: parses payloads
- App Runtime → Scan History: manages history
- App Runtime → Copy and Export: copies or exports
- App Runtime → Translations: localizes interface
- App Runtime → Screen Markup: renders screens
README.md - App Runtime → App Styles: uses styles
README.md - Camera Control → Browser APIs: requests camera
ZIP-WIFI-QR-DECODER-GITHUB/src/services/cameraService.ts - Scan History → Browser APIs: stores locally
ZIP-WIFI-QR-DECODER-GITHUB/src/services/storageService.ts - App Runtime → Service Worker: checks updates
README.md - Service Worker → Browser APIs: caches assets
README.md - App Runtime → PWA Manifest: provides PWA metadata
README.md