feat(geraete): Barcode/QR-Scanner per Smartphone-Kamera

- Neue Komponente BarcodeScanner (Modal mit Video-Stream + Such-Rahmen)
- @zxing/browser als Dependency (dynamisch importiert -> eigener Chunk,
  nicht im Initial-Bundle)
- Im Geraete-Formular Scan-Button neben dem Seriennummer-Input
- Auto-Erkennung: erster Treffer fuellt Feld + schliesst Modal
- Bevorzugt Rueckkamera (facingMode environment), Kamera-Switch-Button
  wenn mehrere Cams verfuegbar
- Fehlerbehandlung: NotAllowedError (Permission denied) mit Hinweis-Text
- Mobile-friendly: aspect-square Video, Touch-Targets

Unterstuetzte Formate: QR, Code128, Code39, EAN-8/13, UPC-A/E, Data Matrix u.a.
This commit is contained in:
christian
2026-05-26 14:29:06 +00:00
parent 0f9fdf8fab
commit 6d00e7e703
3 changed files with 152 additions and 4 deletions

View File

@@ -11,7 +11,8 @@
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^5.5.0"
"react-icons": "^5.5.0",
"@zxing/browser": "^0.1.5"
},
"devDependencies": {
"@vitejs/plugin-react": "^4.5.1",
@@ -21,4 +22,4 @@
"vite": "^5.2.0",
"vite-plugin-pwa": "^1.0.0"
}
}
}