@bebranded/bb-contents 1.0.41-beta → 1.0.43-beta

package/bb-contents.js

@@ -1,7 +1,7 @@
 /**
  * BeBranded Contents
  * Contenus additionnels français pour Webflow
- * @version 1.0.41-beta
+ * @version 1.0.43-beta
  * @author BeBranded
  * @license MIT
  * @website https://www.bebranded.xyz
@@ -17,7 +17,7 @@
 
     // Configuration
     const config = {
-        version: '1.0.41-beta',
+        version: '1.0.43-beta',
         debug: true, // Activé temporairement pour debug
         prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
         youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
@@ -600,6 +600,7 @@
                 this.cleanCache();
                 
                 const elements = scope.querySelectorAll('[bb-youtube-channel]');
+                console.log('[DEBUG] YouTube elements found:', elements.length);
                 if (elements.length === 0) return;
                 
                 // Module détecté: youtube
@@ -616,17 +617,38 @@
                     const videoCount = bbContents._getAttr(element, 'bb-youtube-video-count') || '10';
                     const allowShorts = bbContents._getAttr(element, 'bb-youtube-allow-shorts') === 'true';
                     const language = bbContents._getAttr(element, 'bb-youtube-language') || 'fr';
+                    
+                    // Vérifier la configuration au moment de l'initialisation
                     const endpoint = bbContents.config.youtubeEndpoint;
                     
+                    console.log('[DEBUG] YouTube config:', {channelId, videoCount, allowShorts, language, endpoint});
+                    
                     if (!channelId) {
                         // Erreur: bb-youtube-channel manquant
                         return;
                     }
                     
                     if (!endpoint) {
-                        // Erreur: youtubeEndpoint non configuré
-                        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;
+                        // Attendre que la configuration soit définie (max 5 secondes)
+                        const retryCount = element.getAttribute('data-youtube-retry-count') || '0';
+                        const retries = parseInt(retryCount);
+                        
+                        if (retries < 50) { // 50 * 100ms = 5 secondes max
+                            console.log('[DEBUG] YouTube endpoint not configured yet, waiting... (attempt', retries + 1, ')');
+                            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
+                            setTimeout(() => {
+                                this.init(scope);
+                            }, 100);
+                            return;
+                        } else {
+                            // Timeout après 5 secondes
+                            console.log('[DEBUG] YouTube endpoint configuration timeout');
+                            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;
+                        }
                     }
                     
                     // Chercher le template pour une vidéo (directement dans l'élément ou dans un conteneur)
@@ -668,14 +690,17 @@
                     container.innerHTML = '<div style="padding: 20px; text-align: center; color: #6b7280;">Chargement des vidéos YouTube...</div>';
                     
                     // Appeler l'API via le Worker
+                    console.log('[DEBUG] Fetching YouTube data from:', `${endpoint}?channelId=${channelId}&maxResults=${videoCount}&allowShorts=${allowShorts}`);
                     fetch(`${endpoint}?channelId=${channelId}&maxResults=${videoCount}&allowShorts=${allowShorts}`)
                         .then(response => {
+                            console.log('[DEBUG] YouTube API response status:', response.status);
                             if (!response.ok) {
                                 throw new Error(`HTTP ${response.status}`);
                             }
                             return response.json();
                         })
                         .then(data => {
+                            console.log('[DEBUG] YouTube API data received:', data);
                             if (data.error) {
                                 throw new Error(data.error.message || 'Erreur API YouTube');
                             }
@@ -687,6 +712,7 @@
                             this.generateYouTubeFeed(container, template, data, allowShorts, language);
                         })
                         .catch(error => {
+                            console.error('[DEBUG] YouTube API error:', error);
                             // Erreur dans le module youtube
                             
                             // En cas d'erreur, essayer de récupérer du cache même expiré
@@ -694,10 +720,12 @@
                             if (expiredCache) {
                                 try {
                                     const cachedData = JSON.parse(expiredCache);
+                                    console.log('[DEBUG] Using expired cache:', cachedData);
                                     // Utilisation du cache expiré en cas d'erreur API
                                     this.generateYouTubeFeed(container, template, cachedData.value, allowShorts, language);
                                     return;
                                 } catch (e) {
+                                    console.error('[DEBUG] Cache parsing error:', e);
                                     // Ignorer les erreurs de parsing
                                 }
                             }
@@ -708,13 +736,16 @@
             },
             
             generateYouTubeFeed: function(container, template, data, allowShorts, language = 'fr') {
+                console.log('[DEBUG] generateYouTubeFeed called with data:', data);
                 if (!data.items || data.items.length === 0) {
+                    console.log('[DEBUG] No videos found in data');
                     container.innerHTML = '<div style="padding: 20px; text-align: center; color: #6b7280;">Aucune vidéo trouvée</div>';
                     return;
                 }
                 
                 // Les vidéos sont déjà filtrées par l'API YouTube selon allowShorts
                 let videos = data.items;
+                console.log('[DEBUG] Processing', videos.length, 'videos');
                 // Vidéos reçues de l'API
                 
                 // Vider le conteneur (en préservant les éléments marquee)

package/package.json

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