canvasframework 0.5.12 → 0.5.14

package/components/QRCodeReader.js

@@ -354,15 +354,18 @@ class QRCodeReader extends Component {
 
     // Fond semi-transparent autour
     ctx.fillStyle = 'rgba(0, 0, 0, 0.7)';
-    
+  
     // Haut
-    ctx.fillRect(this.x, this.y, this.width, centerY - halfSize);
+    ctx.fillRect(this.x, this.y, this.width, centerY - this.y - halfSize);
+  
     // Bas
-    ctx.fillRect(this.x, centerY + halfSize, this.width, this.height - (centerY + halfSize));
+    ctx.fillRect(this.x, centerY + halfSize, this.width, this.y + this.height - (centerY + halfSize));
+  
     // Gauche
-    ctx.fillRect(this.x, centerY - halfSize, centerX - halfSize, frameSize);
+    ctx.fillRect(this.x, centerY - halfSize, centerX - this.x - halfSize, frameSize);
+  
     // Droite
-    ctx.fillRect(centerX + halfSize, centerY - halfSize, centerX - halfSize, frameSize);
+    ctx.fillRect(centerX + halfSize, centerY - halfSize, this.x + this.width - (centerX + halfSize), frameSize);
 
     // Cadre de scan
     ctx.strokeStyle = this.scannerFrameColor;
@@ -371,7 +374,7 @@ class QRCodeReader extends Component {
 
     // Coins décoratifs
     const cornerSize = 20;
-    
+  
     // Coin haut gauche
     ctx.beginPath();
     ctx.moveTo(centerX - halfSize, centerY - halfSize + cornerSize);

package/core/CanvasFramework.js

@@ -1932,16 +1932,37 @@ class CanvasFramework {
         // ✅ OPTIONNEL : Marquer les composants comme "dirty" pour forcer le rendu
         this._maxScrollDirty = true;
 		
-		this.components.forEach(comp => {
+		// ✅ ARRÊTER LES CAMÉRAS DES ANCIENS COMPOSANTS
+		oldComponents.forEach(comp => {
 			// Vérifier si c'est un composant caméra
-			if (comp.constructor.name === 'FloatedCamera' || comp.constructor.name === 'Camera') {
+			if (comp.constructor.name === 'FloatedCamera' || 
+				comp.constructor.name === 'Camera' || 
+				comp.constructor.name === 'QRCodeReader') {
 				// Arrêter le stream vidéo
 				if (comp.stopCamera && typeof comp.stopCamera === 'function') {
 					comp.stopCamera();
-					console.log(`🎥 Caméra ${comp.constructor.name} arrêtée avant navigation`);
 				}
 			}
 		});
+		
+		// ✅ NOUVEAU : Vérifier si la nouvelle route contient des composants caméra
+		const hasCamera = this.components.some(comp => 
+			comp.constructor.name === 'FloatedCamera' || 
+			comp.constructor.name === 'Camera' || 
+			comp.constructor.name === 'QRCodeReader'
+		);
+		
+		// Si la nouvelle route N'A PAS de caméra, nettoyer toutes les vidéos après 3 secondes
+		if (!hasCamera) {
+			console.log('⏰ Nettoyage des vidéos programmé dans 3 secondes...');
+			setTimeout(() => {
+				const videos = document.querySelectorAll('video');
+				videos.forEach(v => v.remove());
+			}, 3000);
+		} else {
+			console.log('📹 Route avec caméra détectée, pas de nettoyage automatique');
+		}
+		
     }
 
     /**

package/index.js

@@ -116,4 +116,4 @@ export { default as FeatureFlags } from './manager/FeatureFlags.js';
 
 // Version du framework
 
-export const VERSION = '0.5.7';
+export const VERSION = '0.5.13';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvasframework",
-  "version": "0.5.12",
+  "version": "0.5.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/beyons/CanvasFramework.git"