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

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 } from './utils.js';
+import { DefaultMap, createResource, hostnameMatches, normalizeURL, waitFor, decodeAndEncodeURLWithLogging, handleGoogleFontMimeType } 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'];
@@ -516,6 +516,7 @@ async function saveResponseResource(network, request, session) {
   let resource = network.intercept.getResource(url);
   if (!resource || !resource.root && !resource.provided && disableCache) {
     try {
+      var _mimeType;
       // Don't rename the below log line as it is used in getting network logs in api
       log.debug(`Processing resource: ${url}`, meta);
       let shouldCapture = response && hostnameMatches(allowedHostnames, url);
@@ -546,11 +547,14 @@ async function saveResponseResource(network, request, session) {
       // ensure the mimetype is correct for text/plain responses
       response.mimeType === 'text/plain' && detectedMime || response.mimeType;
 
+      // Handle Google Fonts MIME type detection and override
+      mimeType = handleGoogleFontMimeType(urlObj, mimeType, body, log, 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
       // font anyway as font responses from the browser may not be properly encoded,
       // so request them directly.
-      if (mimeType !== null && mimeType !== void 0 && mimeType.includes('font') || detectedMime && detectedMime.includes('font')) {
+      if ((_mimeType = mimeType) !== null && _mimeType !== void 0 && _mimeType.includes('font') || detectedMime && detectedMime.includes('font')) {
         log.debug('- Requesting asset directly', meta);
         body = await makeDirectRequest(network, request, session);
         log.debug('- Got direct response', meta);

package/dist/utils.js

@@ -26,6 +26,66 @@ 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
+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;
+  } catch (error) {
+    // Return null on any error during detection
+    return null;
+  }
+}
+
+// Handles Google 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) {
+  // 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 detectedFontMime = detectFontMimeType(body);
+    if (detectedFontMime) {
+      mimeType = detectedFontMime;
+      log.debug(`- 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);
+    }
+  }
+  return mimeType;
+}
+
 /* istanbul ignore next: tested, but coverage is stripped */
 // Returns the body for automateScreenshot in structure
 export function percyAutomateRequestHandler(req, percy) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/core",
-  "version": "1.31.6-beta.4",
+  "version": "1.31.6-beta.6",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,12 +43,12 @@
     "test:types": "tsd"
   },
   "dependencies": {
-    "@percy/client": "1.31.6-beta.4",
-    "@percy/config": "1.31.6-beta.4",
-    "@percy/dom": "1.31.6-beta.4",
-    "@percy/logger": "1.31.6-beta.4",
-    "@percy/monitoring": "1.31.6-beta.4",
-    "@percy/webdriver-utils": "1.31.6-beta.4",
+    "@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",
     "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": "1b6ad1626f99fc294d4777140e34776d83d1e35e"
+  "gitHead": "d324722ebebe9f69066bfc5d726fa69dfcbb2cf8"
 }