@bebranded/bb-contents 1.0.79-beta → 1.0.81-beta

package/bb-contents.js

@@ -1,7 +1,7 @@
 /**
  * BeBranded Contents
  * Contenus additionnels français pour Webflow
- * @version 1.0.79-beta
+ * @version 1.0.80-beta
  * @author BeBranded
  * @license MIT
  * @website https://www.bebranded.xyz
@@ -34,15 +34,13 @@
     }
     window._bbContentsInitialized = true;
 
-    // Log de démarrage très visible
-    console.log('🚀 [BB Contents] DÉMARRAGE v1.0.72-beta - Safari Debug');
-    console.log('🔍 [BB Contents] User Agent:', navigator.userAgent);
-    console.log('🔍 [BB Contents] Safari détecté:', /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
+    // Log de démarrage simple
+    console.log('bb-contents | v1.0.81-beta');
 
     // Configuration
     const config = {
-        version: '1.0.79-beta',
-        debug: true, // Debug activé pour diagnostic
+        version: '1.0.81-beta',
+        debug: false, // Debug désactivé pour rendu propre
         prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
         youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
         i18n: {
@@ -247,7 +245,7 @@
                 subtree: true
             });
 
-            this.utils.log('MutationObserver actif');
+                this.utils.log('MutationObserver actif');
         }
     };
 
@@ -255,14 +253,14 @@
     bbContents.modules = {
         // Module Marquee - Version simplifiée et robuste
         marquee: {
-            detect: function(scope) {
-                const s = scope || document;
+        detect: function(scope) {
+            const s = scope || document;
                 return s.querySelector(bbContents._attrSelector('marquee')) !== null;
-            },
-            
-            init: function(root) {
-                const scope = root || document;
-                if (scope.closest && scope.closest('[data-bb-disable]')) return;
+        },
+        
+        init: function(root) {
+            const scope = root || document;
+            if (scope.closest && scope.closest('[data-bb-disable]')) return;
                 const elements = scope.querySelectorAll(bbContents._attrSelector('marquee'));
 
                 console.log('🔍 [MARQUEE] Éléments trouvés:', elements.length);
@@ -273,9 +271,8 @@
                     if (element.bbProcessed || element.hasAttribute('data-bb-marquee-processed')) {
                         return;
                     }
-                    element.bbProcessed = true;
-
-                    console.log(`🔍 [MARQUEE] Initialisation ${index + 1}/${elements.length}`);
+                element.bbProcessed = true;
+                
 
                     // Récupérer les options
                     const speed = bbContents._getAttr(element, 'bb-marquee-speed') || '100';
@@ -357,7 +354,6 @@
                 // Calculer les dimensions
                 const contentSize = isVertical ? mainBlock.offsetHeight : mainBlock.offsetWidth;
                 
-                console.log(`🔍 [MARQUEE] Animation démarrée - contentSize: ${contentSize}px, isVertical: ${isVertical}`);
                 
                 if (contentSize === 0) {
                     console.log('⚠️ [MARQUEE] Contenu vide, retry dans 200ms');
@@ -367,7 +363,6 @@
 
                 // Détection Safari
                 const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-                console.log(`🔍 [MARQUEE] Safari détecté: ${isSafari}`);
 
                 const gapSize = parseInt(gap);
                 const step = (parseFloat(speed) * (isVertical ? 1.5 : 0.8)) / 60;
@@ -389,14 +384,12 @@
             initSafariAnimation: function(element, scrollContainer, mainBlock, options) {
                 const { speed, direction, gap, isVertical, useAutoHeight, contentSize, gapSize } = options;
                 
-                console.log(`🔍 [MARQUEE] Safari Animation - direction: ${direction}, isVertical: ${isVertical}, contentSize: ${contentSize}`);
                 
                 // SOLUTION SAFARI : Forcer le chargement des images avant animation
                 const images = mainBlock.querySelectorAll('img');
                 let imagesLoaded = 0;
                 const totalImages = images.length;
                 
-                console.log(`🔍 [MARQUEE] Safari - ${totalImages} images détectées`);
                 
                 // Forcer le chargement de toutes les images
                 images.forEach(img => {
@@ -406,20 +399,18 @@
                     }
                     img.onload = () => {
                         imagesLoaded++;
-                        console.log(`🖼️ [MARQUEE] Safari - Image ${imagesLoaded}/${totalImages} chargée`);
                     };
                     img.onerror = () => {
                         imagesLoaded++;
-                        console.log(`❌ [MARQUEE] Safari - Image ${imagesLoaded}/${totalImages} erreur de chargement`);
                     };
                 });
                 
-                // Attendre que les images se chargent avec timeout adapté mobile
-                let waitTimeout = 0;
-                const maxWaitTime = 3000; // 3 secondes max sur mobile
+                // SOLUTION SAFARI MOBILE SIMPLE : Attendre plus longtemps
                 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
                 
-                console.log(`🔍 [MARQUEE] Safari - Mobile détecté: ${isMobile}`);
+                // Timeout plus long sur mobile pour laisser le temps aux images de se charger
+                const maxWaitTime = isMobile ? 5000 : 3000; // 5 secondes sur mobile
+                let waitTimeout = 0;
                 
                 const waitForImages = () => {
                     waitTimeout += 100;
@@ -427,16 +418,19 @@
                     if (imagesLoaded >= totalImages || imagesLoaded === 0 || waitTimeout >= maxWaitTime) {
                         console.log(`✅ [MARQUEE] Safari - Images chargées: ${imagesLoaded}/${totalImages} (timeout: ${waitTimeout}ms)`);
                         
-                        // Attendre encore un peu pour que les images se rendent visuellement
+                        // Attendre plus longtemps sur mobile pour le rendu visuel
+                        const renderDelay = isMobile ? 1000 : 200;
                         setTimeout(() => {
                             console.log(`🖼️ [MARQUEE] Safari - Attente rendu visuel des images...`);
                             startSafariAnimation();
-                        }, isMobile ? 500 : 200); // Plus de temps sur mobile
+                        }, renderDelay);
                     } else {
                         setTimeout(waitForImages, 100);
                     }
                 };
                 
+                waitForImages();
+                
                 const startSafariAnimation = () => {
                     // Forcer le chargement des images restantes si timeout
                     if (waitTimeout >= maxWaitTime && imagesLoaded < totalImages) {
@@ -493,7 +487,7 @@
                     let currentPosition;
                     if (direction === (isVertical ? 'bottom' : 'right')) {
                         currentPosition = -(finalContentSize + gapSize);
-                    } else {
+            } else {
                         currentPosition = 0;
                     }
 
@@ -517,7 +511,7 @@
                                     console.log(`🔄 [MARQUEE] Safari RESET bottom/right: ${currentPosition} → ${-(finalContentSize + gapSize)}`);
                                     currentPosition = -(finalContentSize + gapSize);
                                 }
-                            } else {
+            } else {
                                 currentPosition -= step;
                                 if (currentPosition <= -(2 * (finalContentSize + gapSize))) {
                                     console.log(`🔄 [MARQUEE] Safari RESET top/left: ${currentPosition} → ${-(finalContentSize + gapSize)}`);
@@ -928,8 +922,8 @@
                         // Debug: logger la qualité utilisée (en mode debug seulement)
                         if (bbContents.config.debug) {
                             // Thumbnail optimisée
-                        }
-                    } else {
+                                        }
+                                    } else {
                         // Aucune thumbnail disponible
                     }
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bebranded/bb-contents",
-  "version": "1.0.79-beta",
+  "version": "1.0.81-beta",
   "description": "Contenus additionnels français pour Webflow",
   "main": "bb-contents.js",
   "scripts": {