@percy/core 1.31.6-beta.6 → 1.31.6-beta.8

package/dist/config.js

@@ -508,6 +508,24 @@ export const configSchema = {
             default: true
           }
         }
+      },
+      fontDomains: {
+        type: 'array',
+        default: [],
+        items: {
+          type: 'string',
+          allOf: [{
+            not: {
+              pattern: '[^/]/'
+            },
+            error: 'must not include a pathname'
+          }, {
+            not: {
+              pattern: '^([a-zA-Z]+:)?//'
+            },
+            error: 'must not include a protocol'
+          }]
+        }
       }
     }
   }
@@ -635,6 +653,9 @@ export const snapshotSchema = {
             },
             scrollToBottom: {
               $ref: '/config/discovery#/properties/scrollToBottom'
+            },
+            fontDomains: {
+              $ref: '/config/discovery#/properties/fontDomains'
             }
           }
         }

package/dist/discovery.js

@@ -492,6 +492,7 @@ export function createDiscoveryQueue(percy) {
           requestHeaders: snapshot.discovery.requestHeaders,
           authorization: snapshot.discovery.authorization,
           userAgent: snapshot.discovery.userAgent,
+          fontDomains: snapshot.discovery.fontDomains,
           captureMockedServiceWorker: snapshot.discovery.captureMockedServiceWorker,
           meta: {
             ...snapshot.meta,

package/dist/network.js

@@ -1,7 +1,7 @@
 import { request as makeRequest } from '@percy/client/utils';
 import logger from '@percy/logger';
 import mime from 'mime-types';
-import { DefaultMap, createResource, hostnameMatches, normalizeURL, waitFor, decodeAndEncodeURLWithLogging, handleGoogleFontMimeType } from './utils.js';
+import { DefaultMap, createResource, hostnameMatches, normalizeURL, waitFor, decodeAndEncodeURLWithLogging, handleIncorrectFontMimeType } from './utils.js';
 const MAX_RESOURCE_SIZE = 25 * 1024 ** 2 * 0.63; // 25MB, 0.63 factor for accounting for base64 encoding
 const ALLOWED_STATUSES = [200, 201, 301, 302, 304, 307, 308];
 const ALLOWED_RESOURCES = ['Document', 'Stylesheet', 'Image', 'Media', 'Font', 'Other'];
@@ -38,6 +38,7 @@ export class Network {
     this.userAgent = options.userAgent ??
     // by default, emulate a non-headless browser
     page.session.browser.version.userAgent.replace('Headless', '');
+    this.fontDomains = options.fontDomains || [];
     this.intercept = options.intercept;
     this.meta = options.meta;
     this._initializeNetworkIdleWaitTimeout();
@@ -548,7 +549,7 @@ async function saveResponseResource(network, request, session) {
       response.mimeType === 'text/plain' && detectedMime || response.mimeType;
 
       // Handle Google Fonts MIME type detection and override
-      mimeType = handleGoogleFontMimeType(urlObj, mimeType, body, log, meta);
+      mimeType = handleIncorrectFontMimeType(urlObj, mimeType, body, network.fontDomains, meta);
 
       // if we detect a font mime, we dont want to override it as different browsers may behave
       // differently for incorrect mimetype in font response, but we want to treat it as a

package/dist/snapshot.js

@@ -152,7 +152,8 @@ function getSnapshotOptions(options, {
       captureSrcset: config.discovery.captureSrcset,
       userAgent: config.discovery.userAgent,
       retry: config.discovery.retry,
-      scrollToBottom: config.discovery.scrollToBottom
+      scrollToBottom: config.discovery.scrollToBottom,
+      fontDomains: config.discovery.fontDomains
     }
   }, options], (path, prev, next) => {
     var _next, _next2, _next3;

package/dist/utils.js

@@ -26,61 +26,56 @@ export function normalizeURL(url) {
   return `${protocol}//${host}${pathname}${search}`;
 }
 
-// Detects font MIME type from file content by checking magic bytes
-// Returns the detected MIME type or null if not a recognized font format
+/**
+ * Detects font MIME type from file content by checking magic bytes.
+ * Handles string-based signatures (WOFF, OTTO) and binary signatures (TTF).
+ */
 export function detectFontMimeType(buffer) {
   try {
-    // Ensure buffer has at least 4 bytes
     if (!buffer || buffer.length < 4) {
       return null;
     }
 
-    // Read the first 4 bytes as the file header
-    const header = buffer.slice(0, 4).toString('binary');
-
-    // Check for WOFF signature: 'wOFF'
-    if (header === 'wOFF') {
-      return 'font/woff';
-    }
-
-    // Check for WOFF2 signature: 'wOF2'
-    if (header === 'wOF2') {
-      return 'font/woff2';
-    }
-
-    // Check for TrueType/OpenType signature: 0x00 0x01 0x00 0x00
-    if (header.charCodeAt(0) === 0x00 && header.charCodeAt(1) === 0x01 && header.charCodeAt(2) === 0x00 && header.charCodeAt(3) === 0x00) {
-      return 'font/ttf';
-    }
-
-    // Check for OpenType signature: 'OTTO'
-    if (header === 'OTTO') {
-      return 'font/otf';
-    }
-
-    // Not a recognized font format
-    return null;
+    // Convert the first 4 bytes into two formats for matching:
+    // 1. A lowercase string for text-based signatures (e.g., 'otto')
+    // 2. A hex string for binary/null-byte signatures (e.g., '00010000')
+    const headerString = buffer.slice(0, 4).toString('binary').toLowerCase();
+    const headerHex = buffer.slice(0, 4).toString('hex');
+    const mimeMap = {
+      woff: 'font/woff',
+      wof2: 'font/woff2',
+      otto: 'font/otf',
+      '00010000': 'font/ttf'
+    };
+
+    // Return the match if it exists in our map for either format
+    return mimeMap[headerString] || mimeMap[headerHex] || null;
   } catch (error) {
-    // Return null on any error during detection
+    // Fail silently and return null if buffer reading fails
     return null;
   }
 }
+const KNOWN_PROBLEMATIC_FONT_DOMAINS = ['fonts.gstatic.com'];
+function isKnownFontDomain(hostname, userConfiguredFontDomains = []) {
+  return KNOWN_PROBLEMATIC_FONT_DOMAINS.includes(hostname) || userConfiguredFontDomains.includes(hostname);
+}
 
-// Handles Google Fonts MIME type detection and override
+// Handles Inncorrect Fonts MIME type detection and override
 // Google Fonts sometimes returns font files with text/html mime type
 // This function detects the actual font format from the file content
-export function handleGoogleFontMimeType(urlObj, mimeType, body, log, meta) {
+export function handleIncorrectFontMimeType(urlObj, mimeType, body, userConfiguredFontDomains, meta) {
   // Check if this is a Google Fonts request with incorrect mime type
-  let isGoogleFont = urlObj.hostname === 'fonts.gstatic.com';
-  if (isGoogleFont && mimeType === 'text/html') {
+  const log = logger('core:utils');
+  let isFontDomain = isKnownFontDomain(urlObj.hostname, userConfiguredFontDomains);
+  if (isFontDomain && mimeType === 'text/html') {
     const detectedFontMime = detectFontMimeType(body);
     if (detectedFontMime) {
       mimeType = detectedFontMime;
-      log.debug(`- Detected Google Font as ${detectedFontMime} from content, overriding mime type`, meta);
+      log.warn(`- Detected Google Font as ${detectedFontMime} from content, overriding mime type`, meta);
     } else {
       // Fallback to generic font mime type if we can't detect the specific format
       mimeType = 'application/font-woff2';
-      log.debug('- Google Font detected but format unclear, treating as font', meta);
+      log.warn('- Google Font detected but format unclear, treating as font', meta);
     }
   }
   return mimeType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/core",
-  "version": "1.31.6-beta.6",
+  "version": "1.31.6-beta.8",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,12 +43,12 @@
     "test:types": "tsd"
   },
   "dependencies": {
-    "@percy/client": "1.31.6-beta.6",
-    "@percy/config": "1.31.6-beta.6",
-    "@percy/dom": "1.31.6-beta.6",
-    "@percy/logger": "1.31.6-beta.6",
-    "@percy/monitoring": "1.31.6-beta.6",
-    "@percy/webdriver-utils": "1.31.6-beta.6",
+    "@percy/client": "1.31.6-beta.8",
+    "@percy/config": "1.31.6-beta.8",
+    "@percy/dom": "1.31.6-beta.8",
+    "@percy/logger": "1.31.6-beta.8",
+    "@percy/monitoring": "1.31.6-beta.8",
+    "@percy/webdriver-utils": "1.31.6-beta.8",
     "content-disposition": "^0.5.4",
     "cross-spawn": "^7.0.3",
     "extract-zip": "^2.0.1",
@@ -61,5 +61,5 @@
     "ws": "^8.17.1",
     "yaml": "^2.4.1"
   },
-  "gitHead": "d324722ebebe9f69066bfc5d726fa69dfcbb2cf8"
+  "gitHead": "568a5597976a30d4feec5c8d58de0108bb595be3"
 }