Architecture des composants QR Code

Concept

L'architecture des composants QR Code vise à centraliser la génération et l'affichage des codes QR dans l'application, en fournissant une interface unifiée pour les modals, stories et autres intégrations. Elle assure la réutilisabilité et la maintenance en séparant la logique de préparation des données du rendu visuel.

Les écrans QR Code sont désormais composés autour d'un composant public unique : src/lib/components/qr/QrCode.svelte. Ce wrapper expose la même API que v2/QrCodeDisplay.svelte et sert de point d'entrée pour les modals, stories et intégrations applicatives.

Diagrammes

• QrCodeCard.svelte gère toute la structure visuelle commune (container, bandeaux, section Wi-Fi, autoscroll du lien). Les informations spécifiques (SVG du QR, code alphanumérique, libellé, détails Wi-Fi) sont injectées via des props HTML dédiées, ce qui garantit leur rendu même dans les environnements de build stricts.
• v2/QrCodeDisplay.svelte se concentre sur la préparation des données (génération SVG, formatage du lien, extraction Wi-Fi) puis délègue le rendu à QrCodeCard en lui fournissant ces fragments HTML et les métadonnées nécessaires.
• QrCode.svelte sert d'alias stable pour la consommation externe.

Wrappers utilitaires

Les helpers QrCodeFromProps.svelte et QrCodeFromStore.svelte consomment désormais QrCode.svelte. Ils restent disponibles pour simplifier l'alimentation du composant depuis des props simples ou depuis les stores applicatifs.

Nettoyage

Les anciens composants QrCodeComponent.svelte et QrCodeComponentCast.svelte, obsolètes et non référencés, ont été supprimés. Les modales utilisent exclusivement QrCode.svelte, ce qui évite toute ambiguïté sur le composant à importer.

---

e-novatis
Date de dernière mise à jour : date inconnue