releasebird-javascript-sdk 1.0.68 → 1.0.70

package/src/RbirdScreenshotManager.js

@@ -586,7 +586,8 @@ export default class RbirdScreenshotManager {
     }
 
     /**
-     * Convert CSS url() references to data URLs with resizing
+     * Convert CSS url() references to data URLs
+     * Handles both images (with resizing) and fonts (without resizing)
      */
     async loadCSSUrlResources(cssText, basePath) {
         const urlRegex = /url\(['"]?([^'"()]+)['"]?\)/g;
@@ -597,32 +598,101 @@ export default class RbirdScreenshotManager {
             matches.push(match);
         }
 
+        // Font file extensions
+        const fontExtensions = ['.woff2', '.woff', '.ttf', '.eot', '.otf'];
+        // Image file extensions
+        const imageExtensions = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.svg', '.bmp'];
+
         for (const match of matches) {
             const url = match[1];
 
-            // Skip if already a data URL or absolute URL
-            if (url.startsWith('data:') || url.startsWith('http')) {
+            // Skip if already a data URL
+            if (url.startsWith('data:')) {
                 continue;
             }
 
+            // Determine file type
+            const urlLower = url.toLowerCase();
+            const isFont = fontExtensions.some(ext => urlLower.includes(ext));
+            const isImage = imageExtensions.some(ext => urlLower.includes(ext));
+
             try {
-                const fullURL = new URL(url, basePath + '/').href;
-                const dataURL = await this.fetchImageAsDataURL(fullURL);
+                let fullURL;
+
+                // Handle both relative and absolute URLs
+                if (url.startsWith('http://') || url.startsWith('https://') || url.startsWith('//')) {
+                    fullURL = url.startsWith('//') ? 'https:' + url : url;
+                } else {
+                    fullURL = new URL(url, basePath + '/').href;
+                }
+
+                console.log(`[Screenshot] Processing CSS resource: ${fullURL} (font: ${isFont}, image: ${isImage})`);
+
+                const dataURL = await this.fetchResourceAsDataURL(fullURL);
+
                 if (dataURL) {
-                    // Resize CSS background images too
-                    const resizedDataURL = await this.resizeImage(dataURL, 500, 500, 0.7);
-                    if (resizedDataURL) {
-                        cssText = cssText.replace(match[0], `url(${resizedDataURL})`);
+                    if (isFont) {
+                        // Don't resize fonts - use as-is
+                        cssText = cssText.split(match[0]).join(`url(${dataURL})`);
+                        console.log(`[Screenshot] Embedded font: ${url}`);
+                    } else if (isImage) {
+                        // Resize images to reduce payload
+                        try {
+                            const resizedDataURL = await this.resizeImage(dataURL, 500, 500, 0.7);
+                            if (resizedDataURL) {
+                                cssText = cssText.split(match[0]).join(`url(${resizedDataURL})`);
+                            }
+                        } catch (resizeErr) {
+                            // If resize fails, use original
+                            cssText = cssText.split(match[0]).join(`url(${dataURL})`);
+                        }
+                    } else {
+                        // Unknown type - embed as-is
+                        cssText = cssText.split(match[0]).join(`url(${dataURL})`);
                     }
                 }
             } catch (err) {
-                console.warn('[Screenshot] Failed to convert CSS url:', url, err);
+                console.warn('[Screenshot] Failed to convert CSS url:', url, err.message);
             }
         }
 
         return cssText;
     }
 
+    /**
+     * Fetch any resource and convert to data URL
+     * Works for images, fonts, and other binary files
+     */
+    fetchResourceAsDataURL(url) {
+        return new Promise((resolve, reject) => {
+            const xhr = new XMLHttpRequest();
+            xhr.onload = function() {
+                if (xhr.status === 200) {
+                    const reader = new FileReader();
+                    reader.onloadend = function() {
+                        resolve(reader.result);
+                    };
+                    reader.onerror = function() {
+                        reject(new Error('Failed to read resource'));
+                    };
+                    reader.readAsDataURL(xhr.response);
+                } else {
+                    reject(new Error(`HTTP ${xhr.status}`));
+                }
+            };
+            xhr.onerror = function() {
+                reject(new Error('Failed to fetch resource'));
+            };
+            xhr.ontimeout = function() {
+                reject(new Error('Request timeout'));
+            };
+            xhr.open('GET', url);
+            xhr.responseType = 'blob';
+            xhr.timeout = 10000; // 10 second timeout
+            xhr.send();
+        });
+    }
+
 
     /**
      * Compress string using gzip

package/src/RbirdWebsiteWidget.js

@@ -350,7 +350,7 @@ export default class RbirdWebsiteWidget {
     }
 
     updateIframe(iframeSrc) {
-        this.widgetContent.innerHTML = `<iframe src=${iframeSrc} class="rbird-content-iframe" scrolling="yes" title="Releasebird" allow="autoplay; encrypted-media; fullscreen;" frameborder="0"></iframe>`;
+        this.widgetContent.innerHTML = `<iframe src=${iframeSrc} class="rbird-content-iframe" scrolling="yes" title="Releasebird" allow="autoplay; encrypted-media; fullscreen; microphone;" frameborder="0"></iframe>`;
         this.iframe = this.widgetContent.firstChild;
         this.iframe.scrolling="no";
     }