@bebranded/bb-contents 1.0.84-beta → 1.0.85

package/bb-contents.js

@@ -1,7 +1,7 @@
 /**
  * BeBranded Contents
  * Contenus additionnels français pour Webflow
- * @version 1.0.84
+ * @version 1.0.85
  * @author BeBranded
  * @license MIT
  * @website https://www.bebranded.xyz
@@ -32,11 +32,11 @@
     window._bbContentsInitialized = true;
 
     // Log de démarrage simple (une seule fois)
-    console.log('bb-contents | v1.0.84');
+    console.log('bb-contents | v1.0.85');
 
     // Configuration
     const config = {
-        version: '1.0.84',
+        version: '1.0.85',
         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)
@@ -589,259 +589,259 @@
 
         // Module Share (Partage Social)
         share: {
-            // Configuration des réseaux
-            networks: {
-                twitter: function(data) {
-                    return 'https://twitter.com/intent/tweet?url=' + 
-                           encodeURIComponent(data.url) + 
-                           '&text=' + encodeURIComponent(data.text);
-                },
-                facebook: function(data) {
-                    return 'https://facebook.com/sharer/sharer.php?u=' + 
-                           encodeURIComponent(data.url);
-                },
-                linkedin: function(data) {
-                    // LinkedIn - URL de partage officielle (2024+)
-                    return 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent(data.url);
-                },
-                whatsapp: function(data) {
-                    return 'https://wa.me/?text=' + 
-                           encodeURIComponent(data.text + ' ' + data.url);
-                },
-                telegram: function(data) {
-                    return 'https://t.me/share/url?url=' + 
-                           encodeURIComponent(data.url) + 
-                           '&text=' + encodeURIComponent(data.text);
-                },
-                email: function(data) {
-                    return 'mailto:?subject=' + 
-                           encodeURIComponent(data.text) + 
-                           '&body=' + encodeURIComponent(data.text + ' ' + data.url);
-                },
-                copy: function(data) {
-                    return 'copy:' + data.url;
-                },
-                native: function(data) {
-                    return 'native:' + JSON.stringify(data);
-                }
+        // Configuration des réseaux
+        networks: {
+            twitter: function(data) {
+                return 'https://twitter.com/intent/tweet?url=' + 
+                       encodeURIComponent(data.url) + 
+                       '&text=' + encodeURIComponent(data.text);
             },
-            
-            // Détection
-            detect: function(scope) {
-                const s = scope || document;
-                return s.querySelector(bbContents._attrSelector('share')) !== null;
+            facebook: function(data) {
+                return 'https://facebook.com/sharer/sharer.php?u=' + 
+                       encodeURIComponent(data.url);
             },
-            
-            // Initialisation
-            init: function(root) {
-                const scope = root || document;
-                if (scope.closest && scope.closest('[data-bb-disable]')) return;
-                const elements = scope.querySelectorAll(bbContents._attrSelector('share'));
-                
-                elements.forEach(function(element) {
-                    // Vérifier si déjà traité
-                    if (element.bbProcessed) return;
-                    element.bbProcessed = true;
-                    
-                    // Récupérer les données
-                    const network = bbContents._getAttr(element, 'bb-share');
-                    const customUrl = bbContents._getAttr(element, 'bb-url');
-                    const customText = bbContents._getAttr(element, 'bb-text');
-                    
-                    // Valeurs par défaut sécurisées
-                    const data = {
-                        url: bbContents.utils.isValidUrl(customUrl) ? customUrl : window.location.href,
-                        text: bbContents.utils.sanitize(customText || document.title || 'Découvrez ce site')
-                    };
-                    
-                    // Gestionnaire de clic
-                    element.addEventListener('click', function(e) {
-                        e.preventDefault();
-                        bbContents.modules.share.share(network, data, element);
-                    });
-                    
-                    // Accessibilité
-                    if (element.tagName !== 'BUTTON' && element.tagName !== 'A') {
-                        element.setAttribute('role', 'button');
-                        element.setAttribute('tabindex', '0');
-                        
-                        // Support clavier
-                        element.addEventListener('keydown', function(e) {
-                            if (e.key === 'Enter' || e.key === ' ') {
-                                e.preventDefault();
-                                bbContents.modules.share.share(network, data, element);
-                            }
-                        });
-                    }
-                    
-                    element.style.cursor = 'pointer';
-                });
-                
-                bbContents.utils.log('Module Share initialisé:', elements.length, 'éléments');
+            linkedin: function(data) {
+                // LinkedIn - URL de partage officielle (2024+)
+                return 'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent(data.url);
             },
+            whatsapp: function(data) {
+                return 'https://wa.me/?text=' + 
+                       encodeURIComponent(data.text + ' ' + data.url);
+            },
+            telegram: function(data) {
+                return 'https://t.me/share/url?url=' + 
+                       encodeURIComponent(data.url) + 
+                       '&text=' + encodeURIComponent(data.text);
+            },
+            email: function(data) {
+                return 'mailto:?subject=' + 
+                       encodeURIComponent(data.text) + 
+                       '&body=' + encodeURIComponent(data.text + ' ' + data.url);
+            },
+            copy: function(data) {
+                return 'copy:' + data.url;
+            },
+            native: function(data) {
+                return 'native:' + JSON.stringify(data);
+            }
+        },
+        
+        // Détection
+        detect: function(scope) {
+            const s = scope || document;
+            return s.querySelector(bbContents._attrSelector('share')) !== null;
+        },
+        
+        // Initialisation
+        init: function(root) {
+            const scope = root || document;
+            if (scope.closest && scope.closest('[data-bb-disable]')) return;
+            const elements = scope.querySelectorAll(bbContents._attrSelector('share'));
             
-            // Fonction de partage
-            share: function(network, data, element) {
-                const networkFunc = this.networks[network];
-                
-                if (!networkFunc) {
-                    return;
-                }
-                
-                const shareUrl = networkFunc(data);
-                
-                // Cas spécial : copier le lien
-                if (shareUrl.startsWith('copy:')) {
-                    const url = shareUrl.substring(5);
-                    // Copie silencieuse (pas de feedback visuel)
-                    this.copyToClipboard(url, element, true);
-                    return;
-                }
+            elements.forEach(function(element) {
+                // Vérifier si déjà traité
+                if (element.bbProcessed) return;
+                element.bbProcessed = true;
                 
-                // Cas spécial : partage natif (Web Share API)
-                if (shareUrl.startsWith('native:')) {
-                    const shareData = JSON.parse(shareUrl.substring(7));
-                    this.nativeShare(shareData, element);
-                    return;
-                }
+                // Récupérer les données
+                const network = bbContents._getAttr(element, 'bb-share');
+                const customUrl = bbContents._getAttr(element, 'bb-url');
+                const customText = bbContents._getAttr(element, 'bb-text');
                 
-                // Ouvrir popup de partage
-                const width = 600;
-                const height = 400;
-                const left = (window.innerWidth - width) / 2;
-                const top = (window.innerHeight - height) / 2;
+                // Valeurs par défaut sécurisées
+                const data = {
+                        url: bbContents.utils.isValidUrl(customUrl) ? customUrl : window.location.href,
+                        text: bbContents.utils.sanitize(customText || document.title || 'Découvrez ce site')
+                };
                 
-                window.open(
-                    shareUrl,
-                    'bbshare',
-                    'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',noopener,noreferrer'
-                );
+                // Gestionnaire de clic
+                element.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    bbContents.modules.share.share(network, data, element);
+                });
                 
-                bbContents.utils.log('Partage sur', network, data);
-            },
-            
-            // Copier dans le presse-papier
-            copyToClipboard: function(text, element, silent) {
-                const isSilent = !!silent;
-                // Méthode moderne
-                if (navigator.clipboard && navigator.clipboard.writeText) {
-                    navigator.clipboard.writeText(text).then(function() {
-                        if (!isSilent) {
-                            bbContents.modules.share.showFeedback(element, '✓ ' + (bbContents.config.i18n.copied || 'Lien copié !'));
+                // Accessibilité
+                if (element.tagName !== 'BUTTON' && element.tagName !== 'A') {
+                    element.setAttribute('role', 'button');
+                    element.setAttribute('tabindex', '0');
+                    
+                    // Support clavier
+                    element.addEventListener('keydown', function(e) {
+                        if (e.key === 'Enter' || e.key === ' ') {
+                            e.preventDefault();
+                            bbContents.modules.share.share(network, data, element);
                         }
-                    }).catch(function() {
-                        bbContents.modules.share.fallbackCopy(text, element, isSilent);
                     });
-                } else {
-                    // Fallback pour environnements sans Clipboard API
-                    this.fallbackCopy(text, element, isSilent);
                 }
-            },
+                
+                element.style.cursor = 'pointer';
+            });
             
-            // Fallback copie
-            fallbackCopy: function(text, element, silent) {
-                const isSilent = !!silent;
-                // Pas de UI si silencieux (exigence produit)
-                if (isSilent) return;
-                try {
-                    // Afficher un prompt natif pour permettre à l'utilisateur de copier manuellement
-                    // (solution universelle sans execCommand)
-                    window.prompt('Copiez le lien ci-dessous (Ctrl/Cmd+C) :', text);
-                } catch (err) {
-                    // Dernier recours: ne rien faire
-                }
-            },
+            bbContents.utils.log('Module Share initialisé:', elements.length, 'éléments');
+        },
+        
+        // Fonction de partage
+        share: function(network, data, element) {
+            const networkFunc = this.networks[network];
             
-            // Partage natif (Web Share API)
-            nativeShare: function(data, element) {
-                // Vérifier si Web Share API est disponible
-                if (navigator.share) {
-                    navigator.share({
-                        title: data.text,
-                        url: data.url
-                    }).then(function() {
-                        bbContents.utils.log('Partage natif réussi');
-                    }).catch(function(error) {
-                        if (error.name !== 'AbortError') {
-                            // Fallback vers copie si échec
-                            bbContents.modules.share.copyToClipboard(data.url, element, false);
-                        }
-                    });
-                } else {
-                    // Fallback si Web Share API non disponible
-                    bbContents.utils.log('Web Share API non disponible, fallback vers copie');
-                    this.copyToClipboard(data.url, element, false);
-                }
-            },
+            if (!networkFunc) {
+                return;
+            }
             
-            // Feedback visuel
-            showFeedback: function(element, message) {
-                const originalText = element.textContent;
-                element.textContent = message;
-                element.style.pointerEvents = 'none';
-                
-                setTimeout(function() {
-                    element.textContent = originalText;
-                    element.style.pointerEvents = '';
-                }, 2000);
+            const shareUrl = networkFunc(data);
+            
+            // Cas spécial : copier le lien
+            if (shareUrl.startsWith('copy:')) {
+                const url = shareUrl.substring(5);
+                // Copie silencieuse (pas de feedback visuel)
+                this.copyToClipboard(url, element, true);
+                return;
             }
+            
+            // Cas spécial : partage natif (Web Share API)
+            if (shareUrl.startsWith('native:')) {
+                const shareData = JSON.parse(shareUrl.substring(7));
+                this.nativeShare(shareData, element);
+                return;
+            }
+            
+            // Ouvrir popup de partage
+            const width = 600;
+            const height = 400;
+            const left = (window.innerWidth - width) / 2;
+            const top = (window.innerHeight - height) / 2;
+            
+            window.open(
+                shareUrl,
+                'bbshare',
+                'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',noopener,noreferrer'
+            );
+            
+            bbContents.utils.log('Partage sur', network, data);
+        },
+        
+        // Copier dans le presse-papier
+        copyToClipboard: function(text, element, silent) {
+            const isSilent = !!silent;
+            // Méthode moderne
+            if (navigator.clipboard && navigator.clipboard.writeText) {
+                navigator.clipboard.writeText(text).then(function() {
+                    if (!isSilent) {
+                        bbContents.modules.share.showFeedback(element, '✓ ' + (bbContents.config.i18n.copied || 'Lien copié !'));
+                    }
+                }).catch(function() {
+                    bbContents.modules.share.fallbackCopy(text, element, isSilent);
+                });
+            } else {
+                // Fallback pour environnements sans Clipboard API
+                this.fallbackCopy(text, element, isSilent);
+            }
+        },
+        
+        // Fallback copie
+        fallbackCopy: function(text, element, silent) {
+            const isSilent = !!silent;
+            // Pas de UI si silencieux (exigence produit)
+            if (isSilent) return;
+            try {
+                // Afficher un prompt natif pour permettre à l'utilisateur de copier manuellement
+                // (solution universelle sans execCommand)
+                window.prompt('Copiez le lien ci-dessous (Ctrl/Cmd+C) :', text);
+            } catch (err) {
+                // Dernier recours: ne rien faire
+            }
+        },
+        
+        // Partage natif (Web Share API)
+        nativeShare: function(data, element) {
+            // Vérifier si Web Share API est disponible
+            if (navigator.share) {
+                navigator.share({
+                    title: data.text,
+                    url: data.url
+                }).then(function() {
+                    bbContents.utils.log('Partage natif réussi');
+                }).catch(function(error) {
+                    if (error.name !== 'AbortError') {
+                        // Fallback vers copie si échec
+                        bbContents.modules.share.copyToClipboard(data.url, element, false);
+                    }
+                });
+            } else {
+                // Fallback si Web Share API non disponible
+                bbContents.utils.log('Web Share API non disponible, fallback vers copie');
+                this.copyToClipboard(data.url, element, false);
+            }
+        },
+        
+        // Feedback visuel
+        showFeedback: function(element, message) {
+            const originalText = element.textContent;
+            element.textContent = message;
+            element.style.pointerEvents = 'none';
+            
+            setTimeout(function() {
+                element.textContent = originalText;
+                element.style.pointerEvents = '';
+            }, 2000);
+        }
         },
 
         // Module Current Year (Année courante)
         currentYear: {
-            detect: function(scope) {
-                const s = scope || document;
-                return s.querySelector(bbContents._attrSelector('current-year')) !== null;
-            },
-            init: function(root) {
-                const scope = root || document;
-                if (scope.closest && scope.closest('[data-bb-disable]')) return;
-                const elements = scope.querySelectorAll(bbContents._attrSelector('current-year'));
+        detect: function(scope) {
+            const s = scope || document;
+            return s.querySelector(bbContents._attrSelector('current-year')) !== null;
+        },
+        init: function(root) {
+            const scope = root || document;
+            if (scope.closest && scope.closest('[data-bb-disable]')) return;
+            const elements = scope.querySelectorAll(bbContents._attrSelector('current-year'));
 
-                const year = String(new Date().getFullYear());
-                elements.forEach(function(element) {
-                    if (element.bbProcessed) return;
-                    element.bbProcessed = true;
+            const year = String(new Date().getFullYear());
+            elements.forEach(function(element) {
+                if (element.bbProcessed) return;
+                element.bbProcessed = true;
 
                     const customFormat = bbContents._getAttr(element, 'bb-current-year-format');
                     const prefix = bbContents._getAttr(element, 'bb-current-year-prefix');
                     const suffix = bbContents._getAttr(element, 'bb-current-year-suffix');
 
-                    if (customFormat && customFormat.includes('{year}')) {
-                        element.textContent = customFormat.replace('{year}', year);
-                    } else if (prefix || suffix) {
-                        element.textContent = prefix + year + suffix;
-                    } else {
-                        element.textContent = year;
-                    }
-                });
+                if (customFormat && customFormat.includes('{year}')) {
+                    element.textContent = customFormat.replace('{year}', year);
+                } else if (prefix || suffix) {
+                    element.textContent = prefix + year + suffix;
+                } else {
+                    element.textContent = year;
+                }
+            });
 
-                bbContents.utils.log('Module CurrentYear initialisé:', elements.length, 'éléments');
-            }
+            bbContents.utils.log('Module CurrentYear initialisé:', elements.length, 'éléments');
+        }
         },
 
         // Module Reading Time (Temps de lecture)
         readingTime: {
-            detect: function(scope) {
-                const s = scope || document;
-                return s.querySelector(bbContents._attrSelector('reading-time')) !== null;
-            },
-            init: function(root) {
-                const scope = root || document;
-                if (scope.closest && scope.closest('[data-bb-disable]')) return;
-                const elements = scope.querySelectorAll(bbContents._attrSelector('reading-time'));
+        detect: function(scope) {
+            const s = scope || document;
+            return s.querySelector(bbContents._attrSelector('reading-time')) !== null;
+        },
+        init: function(root) {
+            const scope = root || document;
+            if (scope.closest && scope.closest('[data-bb-disable]')) return;
+            const elements = scope.querySelectorAll(bbContents._attrSelector('reading-time'));
 
-                elements.forEach(function(element) {
-                    if (element.bbProcessed) return;
-                    element.bbProcessed = true;
+            elements.forEach(function(element) {
+                if (element.bbProcessed) return;
+                element.bbProcessed = true;
 
                     const targetSelector = bbContents._getAttr(element, 'bb-reading-time-target');
-                    const speedAttr = bbContents._getAttr(element, 'bb-reading-time-speed');
-                    const imageSpeedAttr = bbContents._getAttr(element, 'bb-reading-time-image-speed');
-                    const format = bbContents._getAttr(element, 'bb-reading-time-format') || '{minutes} min';
+                const speedAttr = bbContents._getAttr(element, 'bb-reading-time-speed');
+                const imageSpeedAttr = bbContents._getAttr(element, 'bb-reading-time-image-speed');
+                const format = bbContents._getAttr(element, 'bb-reading-time-format') || '{minutes} min';
 
-                    const wordsPerMinute = Number(speedAttr) > 0 ? Number(speedAttr) : 230;
-                    const secondsPerImage = Number(imageSpeedAttr) > 0 ? Number(imageSpeedAttr) : 12;
+                const wordsPerMinute = Number(speedAttr) > 0 ? Number(speedAttr) : 230;
+                const secondsPerImage = Number(imageSpeedAttr) > 0 ? Number(imageSpeedAttr) : 12;
                     
                     // Validation des valeurs
                     if (isNaN(wordsPerMinute) || wordsPerMinute <= 0) {
@@ -851,143 +851,158 @@
                         bbContents.utils.log('Temps par image invalide, utilisation de la valeur par défaut (12)');
                     }
 
-                    let sourceNode = element;
-                    if (targetSelector) {
-                        const found = document.querySelector(targetSelector);
-                        if (found) sourceNode = found;
-                    }
+                let sourceNode = element;
+                if (targetSelector) {
+                    const found = document.querySelector(targetSelector);
+                    if (found) sourceNode = found;
+                }
 
-                    const text = (sourceNode.textContent || '').trim();
-                    const wordCount = text ? (text.match(/\b\w+\b/g) || []).length : 0;
-                    
-                    // Compter les images dans le contenu ciblé
-                    const images = sourceNode.querySelectorAll('img');
-                    const imageCount = images.length;
-                    const imageTimeInMinutes = (imageCount * secondsPerImage) / 60;
-                    
-                    let minutesFloat = (wordCount / wordsPerMinute) + imageTimeInMinutes;
-                    let minutes = Math.ceil(minutesFloat);
+                const text = (sourceNode.textContent || '').trim();
+                const wordCount = text ? (text.match(/\b\w+\b/g) || []).length : 0;
+                
+                // Compter les images dans le contenu ciblé
+                const images = sourceNode.querySelectorAll('img');
+                const imageCount = images.length;
+                const imageTimeInMinutes = (imageCount * secondsPerImage) / 60;
+                
+                let minutesFloat = (wordCount / wordsPerMinute) + imageTimeInMinutes;
+                let minutes = Math.ceil(minutesFloat);
 
-                    if ((wordCount > 0 || imageCount > 0) && minutes < 1) minutes = 1; // affichage minimal 1 min si contenu non vide
-                    if (wordCount === 0 && imageCount === 0) minutes = 0;
+                if ((wordCount > 0 || imageCount > 0) && minutes < 1) minutes = 1; // affichage minimal 1 min si contenu non vide
+                if (wordCount === 0 && imageCount === 0) minutes = 0;
 
-                    const output = format.replace('{minutes}', String(minutes));
-                    element.textContent = output;
-                });
+                const output = format.replace('{minutes}', String(minutes));
+                element.textContent = output;
+            });
 
-                bbContents.utils.log('Module ReadingTime initialisé:', elements.length, 'éléments');
-            }
+            bbContents.utils.log('Module ReadingTime initialisé:', elements.length, 'éléments');
+        }
         },
 
         // Module Favicon (Favicon Dynamique)
         favicon: {
-            originalFavicon: null,
-            
-            // Détection
-            detect: function(scope) {
-                const s = scope || document;
-                return s.querySelector(bbContents._attrSelector('favicon')) !== null;
-            },
+        originalFavicon: null,
+        
+        // Détection
+        detect: function(scope) {
+            const s = scope || document;
+            return s.querySelector(bbContents._attrSelector('favicon')) !== null;
+        },
+        
+        // Initialisation
+        init: function(root) {
+            const scope = root || document;
+            if (scope.closest && scope.closest('[data-bb-disable]')) return;
             
-            // Initialisation
-            init: function(root) {
-                const scope = root || document;
-                if (scope.closest && scope.closest('[data-bb-disable]')) return;
-                
-                // Chercher les éléments avec bb-favicon ou bb-favicon-dark
+            // Chercher les éléments avec bb-favicon ou bb-favicon-dark
                 const elements = scope.querySelectorAll(bbContents._attrSelector('favicon') + ', ' + bbContents._attrSelector('favicon-dark'));
-                if (elements.length === 0) return;
-                
-                // Sauvegarder le favicon original
-                const existingLink = document.querySelector("link[rel*='icon']");
-                if (existingLink) {
-                    this.originalFavicon = existingLink.href;
-                }
-                
-                // Collecter les URLs depuis tous les éléments
-                let faviconUrl = null;
-                let darkUrl = null;
-                
-                elements.forEach(function(element) {
-                    const light = bbContents._getAttr(element, 'bb-favicon') || bbContents._getAttr(element, 'favicon');
-                    const dark = bbContents._getAttr(element, 'bb-favicon-dark') || bbContents._getAttr(element, 'favicon-dark');
-                    
-                    if (light) faviconUrl = light;
-                    if (dark) darkUrl = dark;
-                });
-                
-                // Appliquer la logique
-                if (faviconUrl && darkUrl) {
-                    this.setupDarkMode(faviconUrl, darkUrl);
-                } else if (faviconUrl) {
-                    this.setFavicon(faviconUrl);
-                    bbContents.utils.log('Favicon changé:', faviconUrl);
-                }
-            },
+            if (elements.length === 0) return;
             
-            // Helper: Récupérer ou créer un élément favicon
-            getFaviconElement: function() {
-                let favicon = document.querySelector('link[rel="icon"]') ||
-                    document.querySelector('link[rel="shortcut icon"]');
-                if (!favicon) {
-                    favicon = document.createElement('link');
-                    favicon.rel = 'icon';
-                    document.head.appendChild(favicon);
-                }
-                return favicon;
-            },
+            // Sauvegarder le favicon original
+            const existingLink = document.querySelector("link[rel*='icon']");
+            if (existingLink) {
+                this.originalFavicon = existingLink.href;
+            }
             
-            // Changer le favicon
-            setFavicon: function(url) {
-                if (!url) return;
-                
-                // Ajouter un timestamp pour forcer le rafraîchissement du cache
-                const cacheBuster = '?v=' + Date.now();
-                const urlWithCacheBuster = url + cacheBuster;
-                
-                const favicon = this.getFaviconElement();
-                favicon.href = urlWithCacheBuster;
-            },
+            // Collecter les URLs depuis tous les éléments
+            let faviconUrl = null;
+            let darkUrl = null;
             
-            // Support dark mode (méthode simplifiée et directe)
-            setupDarkMode: function(lightUrl, darkUrl) {
-                // Fonction pour mettre à jour le favicon selon le mode sombre
-                const updateFavicon = function(e) {
-                    const darkModeOn = e ? e.matches : window.matchMedia('(prefers-color-scheme: dark)').matches;
-                    const selectedUrl = darkModeOn ? darkUrl : lightUrl;
-                    bbContents.modules.favicon.setFavicon(selectedUrl);
-                };
-                
-                // Initialiser le favicon au chargement de la page
-                updateFavicon();
+            elements.forEach(function(element) {
+                const light = bbContents._getAttr(element, 'bb-favicon') || bbContents._getAttr(element, 'favicon');
+                const dark = bbContents._getAttr(element, 'bb-favicon-dark') || bbContents._getAttr(element, 'favicon-dark');
                 
-                // Écouter les changements du mode sombre
-                const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-                if (typeof darkModeMediaQuery.addEventListener === 'function') {
-                    darkModeMediaQuery.addEventListener('change', updateFavicon);
-                } else if (typeof darkModeMediaQuery.addListener === 'function') {
-                    darkModeMediaQuery.addListener(updateFavicon);
-                }
+                if (light) faviconUrl = light;
+                if (dark) darkUrl = dark;
+            });
+            
+            // Appliquer la logique
+            if (faviconUrl && darkUrl) {
+                this.setupDarkMode(faviconUrl, darkUrl);
+            } else if (faviconUrl) {
+                this.setFavicon(faviconUrl);
+                bbContents.utils.log('Favicon changé:', faviconUrl);
+            }
+        },
+        
+        // Helper: Récupérer ou créer un élément favicon
+        getFaviconElement: function() {
+            let favicon = document.querySelector('link[rel="icon"]') ||
+                document.querySelector('link[rel="shortcut icon"]');
+            if (!favicon) {
+                favicon = document.createElement('link');
+                favicon.rel = 'icon';
+                document.head.appendChild(favicon);
+            }
+            return favicon;
+        },
+        
+        // Changer le favicon
+        setFavicon: function(url) {
+            if (!url) return;
+            
+            // Ajouter un timestamp pour forcer le rafraîchissement du cache
+            const cacheBuster = '?v=' + Date.now();
+            const urlWithCacheBuster = url + cacheBuster;
+            
+            const favicon = this.getFaviconElement();
+            favicon.href = urlWithCacheBuster;
+        },
+        
+        // Support dark mode (méthode simplifiée et directe)
+        setupDarkMode: function(lightUrl, darkUrl) {
+            // Fonction pour mettre à jour le favicon selon le mode sombre
+            const updateFavicon = function(e) {
+                const darkModeOn = e ? e.matches : window.matchMedia('(prefers-color-scheme: dark)').matches;
+                const selectedUrl = darkModeOn ? darkUrl : lightUrl;
+                bbContents.modules.favicon.setFavicon(selectedUrl);
+            };
+            
+            // Initialiser le favicon au chargement de la page
+            updateFavicon();
+            
+            // Écouter les changements du mode sombre
+            const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            if (typeof darkModeMediaQuery.addEventListener === 'function') {
+                darkModeMediaQuery.addEventListener('change', updateFavicon);
+            } else if (typeof darkModeMediaQuery.addListener === 'function') {
+                darkModeMediaQuery.addListener(updateFavicon);
             }
+        }
         },
 
         // Module YouTube Feed
         youtube: {
-            // Détection des bots pour éviter les appels API inutiles
+            // OPTIMISATION: Détection améliorée des bots pour éviter les appels API inutiles
             isBot: function() {
                 const userAgent = navigator.userAgent.toLowerCase();
                 const botPatterns = [
                     'bot', 'crawler', 'spider', 'scraper', 'googlebot', 'bingbot', 'slurp',
                     'duckduckbot', 'baiduspider', 'yandexbot', 'facebookexternalhit', 'twitterbot',
-                    'linkedinbot', 'whatsapp', 'telegrambot', 'discordbot', 'slackbot'
+                    'linkedinbot', 'whatsapp', 'telegrambot', 'discordbot', 'slackbot', 'headless',
+                    'phantom', 'selenium', 'puppeteer', 'playwright', 'lighthouse', 'gtmetrix',
+                    'pagespeed', 'pingdom', 'uptime', 'monitor', 'check', 'test'
                 ];
                 
-                return botPatterns.some(pattern => userAgent.includes(pattern)) || 
+                // Vérifications supplémentaires pour détecter plus de bots
+                const isBot = botPatterns.some(pattern => userAgent.includes(pattern)) || 
                        navigator.webdriver || 
-                       !navigator.userAgent;
+                       !navigator.userAgent ||
+                       !window.chrome || // Détecte les navigateurs headless
+                       navigator.userAgent.includes('HeadlessChrome') ||
+                       window.navigator.plugins.length === 0; // Bots n'ont souvent pas de plugins
+                
+                if (isBot) {
+                    // Log pour debug (en mode debug seulement)
+                    if (bbContents.config.debug) {
+                        bbContents.utils.log('Bot détecté, pas d\'appel API YouTube');
+                    }
+                }
+                
+                return isBot;
             },
             
-            // Gestion du cache localStorage
+            // OPTIMISATION: Cache amélioré avec protection contre les appels multiples
             cache: {
                 get: function(key) {
                     try {
@@ -997,7 +1012,7 @@
                         const data = JSON.parse(cached);
                         const now = Date.now();
                         
-                        // Cache expiré après 24h
+                        // OPTIMISATION: Cache plus long (24h maintenu)
                         if (now - data.timestamp > 24 * 60 * 60 * 1000) {
                             localStorage.removeItem(key);
                             return null;
@@ -1022,7 +1037,22 @@
                 }
             },
             
-            detect: function(scope) {
+            // OPTIMISATION: Protection globale contre les appels multiples
+            _activeRequests: new Set(),
+            
+            isRequestActive: function(cacheKey) {
+                return this._activeRequests.has(cacheKey);
+            },
+            
+            markRequestActive: function(cacheKey) {
+                this._activeRequests.add(cacheKey);
+            },
+            
+            markRequestComplete: function(cacheKey) {
+                this._activeRequests.delete(cacheKey);
+            },
+            
+        detect: function(scope) {
                 return scope.querySelector('[bb-youtube-channel]') !== null;
             },
             
@@ -1075,23 +1105,23 @@
                 }
                 
                 if (!endpoint) {
-                    // Attendre que la configuration soit définie (max 5 secondes)
+                    // OPTIMISATION: Réduire drastiquement les retries (de 50 à 10)
                     const retryCount = element.getAttribute('data-youtube-retry-count') || '0';
                     const retries = parseInt(retryCount);
                     
-                    if (retries < 50) { // 50 * 100ms = 5 secondes max
+                    if (retries < 10) { // 10 * 500ms = 5 secondes max (plus espacé)
                         element.innerHTML = '<div style="padding: 20px; text-align: center; color: #6b7280;">Configuration YouTube en cours...</div>';
                         element.setAttribute('data-youtube-retry-count', (retries + 1).toString());
                         
-                        // Réessayer dans 100ms
+                        // OPTIMISATION: Espacer les retries (500ms au lieu de 100ms)
                         setTimeout(() => {
                             this.initElement(element);
-                        }, 100);
+                        }, 500);
                         return;
                     } else {
                         // Timeout après 5 secondes
                         element.innerHTML = '<div style="padding: 20px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; color: #dc2626;"><strong>Configuration YouTube manquante</strong><br>Ajoutez dans le &lt;head&gt; :<br><code style="display: block; background: #f3f4f6; padding: 10px; margin: 10px 0; border-radius: 4px; font-family: monospace;">&lt;script&gt;<br>bbContents.config.youtubeEndpoint = \'votre-worker-url\';<br>&lt;/script&gt;</code></div>';
-                        return;
+                            return;
                     }
                 }
                 
@@ -1110,9 +1140,9 @@
                 
                 if (!template) {
                     element.innerHTML = '<div style="padding: 20px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; color: #dc2626;"><strong>Template manquant</strong><br>Ajoutez un élément avec l\'attribut bb-youtube-item</div>';
-                    return;
-                }
-                
+                            return;
+                        }
+                        
                 // Cacher le template original
                 template.style.display = 'none';
                 
@@ -1129,12 +1159,11 @@
                     return;
                 }
                 
-                // Vérifier si un appel API est déjà en cours pour cette clé
-                const loadingKey = `loading_${cacheKey}`;
-                if (window[loadingKey]) {
-                    // Attendre que l'autre appel se termine
-                    const checkLoading = () => {
-                        if (!window[loadingKey]) {
+                // OPTIMISATION: Protection globale contre les appels multiples
+                if (this.isRequestActive(cacheKey)) {
+                    // Un appel est déjà en cours pour cette clé, attendre
+                    const checkActive = () => {
+                        if (!this.isRequestActive(cacheKey)) {
                             // L'autre appel est terminé, vérifier le cache
                             const newCachedData = this.cache.get(cacheKey);
                             if (newCachedData && newCachedData.value) {
@@ -1143,15 +1172,15 @@
                                 container.innerHTML = '<div style="padding: 20px; text-align: center; color: #6b7280;">Erreur de chargement</div>';
                             }
                         } else {
-                            setTimeout(checkLoading, 100);
+                            setTimeout(checkActive, 200); // Vérifier moins souvent
                         }
                     };
-                    checkLoading();
+                    checkActive();
                     return;
                 }
                 
                 // Marquer qu'un appel API est en cours
-                window[loadingKey] = true;
+                this.markRequestActive(cacheKey);
                 
                 // Afficher un loader
                 container.innerHTML = '<div style="padding: 20px; text-align: center; color: #6b7280;">Chargement des vidéos YouTube...</div>';
@@ -1169,20 +1198,20 @@
                             throw new Error(data.error.message || 'Erreur API YouTube');
                         }
                         
-                        // Sauvegarder en cache pour 24h
+                        // OPTIMISATION: Sauvegarder en cache pour 24h
                         this.cache.set(cacheKey, data);
                         // Données YouTube mises en cache pour 24h (économie API)
                         
                         this.generateYouTubeFeed(container, template, data, allowShorts, language);
                         
-                        // Libérer le verrou
-                        window[loadingKey] = false;
+                        // OPTIMISATION: Libérer le verrou avec la nouvelle méthode
+                        this.markRequestComplete(cacheKey);
                     })
                     .catch(error => {
                         // Erreur dans le module youtube
                         
-                        // Libérer le verrou en cas d'erreur
-                        window[loadingKey] = false;
+                        // OPTIMISATION: Libérer le verrou en cas d'erreur
+                        this.markRequestComplete(cacheKey);
                         
                         // En cas d'erreur, essayer de récupérer du cache même expiré
                         const expiredCache = localStorage.getItem(cacheKey);
@@ -1284,7 +1313,7 @@
                         if (bbContents.config.debug) {
                             // Thumbnail optimisée
                                         }
-                                    } else {
+                            } else {
                         // Aucune thumbnail disponible
                     }
                 }
@@ -1372,7 +1401,7 @@
                 return textarea.value;
             },
             
-            // Nettoyer le cache expiré
+            // OPTIMISATION: Nettoyer le cache expiré (48h)
             cleanCache: function() {
                 try {
                     const keys = Object.keys(localStorage);
@@ -1383,6 +1412,7 @@
                         if (key.startsWith('youtube_')) {
                             try {
                                 const cached = JSON.parse(localStorage.getItem(key));
+                                // OPTIMISATION: Cache 24h maintenu
                                 if (now - cached.timestamp > 24 * 60 * 60 * 1000) {
                                     localStorage.removeItem(key);
                                     cleaned++;

package/package.json

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