@bebranded/bb-contents 1.0.13-beta → 1.0.15-beta

package/bb-contents.js

@@ -1,7 +1,7 @@
 /**
  * BeBranded Contents
  * Contenus additionnels français pour Webflow
- * @version 1.0.13-beta
+ * @version 1.0.15-beta
  * @author BeBranded
  * @license MIT
  * @website https://www.bebranded.xyz
@@ -17,7 +17,7 @@
 
     // Configuration
     const config = {
-        version: '1.0.13-beta',
+        version: '1.0.15-beta',
         debug: window.location.hostname === 'localhost' || window.location.hostname.includes('webflow.io'),
         prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
         i18n: {
@@ -320,7 +320,7 @@
                     if (element.bbProcessed) return;
                     element.bbProcessed = true;
                     
-                    const speed = bbContents._getAttr(element, 'bb-marquee-speed') || '30';
+                    const speed = bbContents._getAttr(element, 'bb-marquee-speed') || '100';
                     const direction = bbContents._getAttr(element, 'bb-marquee-direction') || 'left';
                     const pause = bbContents._getAttr(element, 'bb-marquee-pause') || 'true';
                     const gap = bbContents._getAttr(element, 'bb-marquee-gap') || '50';
@@ -345,7 +345,7 @@
                         align-items: center;
                         ${orientation === 'vertical' ? 'flex-direction: column;' : ''}
                         gap: ${gap}px;
-                        animation: marquee ${speed}s linear infinite;
+                        animation: marquee ${speed}ms linear infinite;
                         ${direction === 'right' ? 'animation-direction: reverse;' : ''}
                         ${orientation === 'vertical' ? 'animation-name: marquee-vertical;' : ''}
                     `;
@@ -399,7 +399,7 @@
                     // Délai pour l'animation
                     const isVertical = orientation === 'vertical';
                     setTimeout(() => {
-                        scrollContainer.style.animation = `marquee${isVertical ? '-vertical' : ''} ${speed}s linear infinite`;
+                        scrollContainer.style.animation = `marquee${isVertical ? '-vertical' : ''} ${speed}ms linear infinite`;
                         if (direction === 'right') {
                             scrollContainer.style.animationDirection = 'reverse';
                         }
@@ -528,23 +528,28 @@
                     element.rel = 'noopener noreferrer';
                 }
                 
-                // Remplir la thumbnail
+                // Remplir la thumbnail (haute qualité)
                 const thumbnail = element.querySelector('[bb-youtube-thumbnail]');
                 if (thumbnail) {
-                    thumbnail.src = snippet.thumbnails.medium.url;
+                    // Utiliser la meilleure qualité disponible
+                    const highQualityUrl = snippet.thumbnails.maxres?.url || 
+                                         snippet.thumbnails.high?.url || 
+                                         snippet.thumbnails.medium?.url || 
+                                         snippet.thumbnails.default?.url;
+                    thumbnail.src = highQualityUrl;
                     thumbnail.alt = snippet.title;
                 }
                 
-                // Remplir le titre
+                // Remplir le titre (avec décodage HTML)
                 const title = element.querySelector('[bb-youtube-title]');
                 if (title) {
-                    title.textContent = snippet.title;
+                    title.textContent = this.decodeHtmlEntities(snippet.title);
                 }
                 
-                // Remplir la description
+                // Remplir la description (avec décodage HTML)
                 const description = element.querySelector('[bb-youtube-description]');
                 if (description) {
-                    description.textContent = snippet.description;
+                    description.textContent = this.decodeHtmlEntities(snippet.description);
                 }
                 
                 // Remplir la date
@@ -571,6 +576,14 @@
                 if (diffDays < 30) return `Il y a ${Math.floor(diffDays / 7)} semaines`;
                 if (diffDays < 365) return `Il y a ${Math.floor(diffDays / 30)} mois`;
                 return `Il y a ${Math.floor(diffDays / 365)} ans`;
+            },
+            
+            // Fonction pour décoder les entités HTML
+            decodeHtmlEntities: function(text) {
+                if (!text) return '';
+                const textarea = document.createElement('textarea');
+                textarea.innerHTML = text;
+                return textarea.value;
             }
         }
     };

package/package.json

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