@percy/core 1.27.4-beta.1 → 1.27.4-beta.3

package/dist/api.js

@@ -3,7 +3,7 @@ import path from 'path';
 import { createRequire } from 'module';
 import logger from '@percy/logger';
 import { normalize } from '@percy/config/utils';
-import { getPackageJSON, Server, percyAutomateRequestHandler } from './utils.js';
+import { getPackageJSON, Server, percyAutomateRequestHandler, percyBuildEventHandler } from './utils.js';
 import WebdriverUtils from '@percy/webdriver-utils';
 // need require.resolve until import.meta.resolve can be transpiled
 export const PERCY_DOM = createRequire(import.meta.url).resolve('@percy/dom');
@@ -144,6 +144,15 @@ export function createPercyServer(percy, port) {
       success: true
     });
   })
+  // Recieves events from sdk's.
+  .route('post', '/percy/events', async (req, res) => {
+    var _percy$build2;
+    const body = percyBuildEventHandler(req, pkg.version);
+    await percy.client.sendBuildEvents((_percy$build2 = percy.build) === null || _percy$build2 === void 0 ? void 0 : _percy$build2.id, body);
+    res.json(200, {
+      success: true
+    });
+  })
   // stops percy at the end of the current event loop
   .route('/percy/stop', (req, res) => {
     setImmediate(() => percy.stop());

package/dist/config.js

@@ -47,9 +47,15 @@ export const configSchema = {
         type: 'boolean',
         default: false
       },
+      enableLayout: {
+        type: 'boolean'
+      },
       domTransformation: {
         type: 'string'
       },
+      reshuffleInvalidTags: {
+        type: 'boolean'
+      },
       scope: {
         type: 'string'
       },
@@ -280,6 +286,12 @@ export const snapshotSchema = {
         domTransformation: {
           $ref: '/config/snapshot#/properties/domTransformation'
         },
+        enableLayout: {
+          $ref: '/config/snapshot#/properties/enableLayout'
+        },
+        reshuffleInvalidTags: {
+          $ref: '/config/snapshot#/properties/reshuffleInvalidTags'
+        },
         discovery: {
           type: 'object',
           additionalProperties: false,
@@ -524,6 +536,12 @@ export const snapshotSchema = {
                     }
                   }
                 }
+              },
+              hints: {
+                type: 'array',
+                items: {
+                  type: 'string'
+                }
               }
             }
           }]

package/dist/discovery.js

@@ -26,6 +26,9 @@ function debugSnapshotOptions(snapshot) {
   debugProp(snapshot, 'enableJavaScript');
   debugProp(snapshot, 'cliEnableJavaScript');
   debugProp(snapshot, 'disableShadowDOM');
+  debugProp(snapshot, 'enableLayout');
+  debugProp(snapshot, 'domTransformation');
+  debugProp(snapshot, 'reshuffleInvalidTags');
   debugProp(snapshot, 'deviceScaleFactor');
   debugProp(snapshot, 'waitForTimeout');
   debugProp(snapshot, 'waitForSelector');
@@ -101,6 +104,7 @@ function processSnapshotResources({
   ...snapshot
 }) {
   var _resources;
+  let log = logger('core:snapshot');
   resources = [...(((_resources = resources) === null || _resources === void 0 ? void 0 : _resources.values()) ?? [])];
 
   // find any root resource matching the provided dom snapshot
@@ -119,6 +123,11 @@ function processSnapshotResources({
 
   // inject Percy CSS
   if (snapshot.percyCSS) {
+    // check @percy/dom/serialize-dom.js
+    let domSnapshotHints = (domSnapshot === null || domSnapshot === void 0 ? void 0 : domSnapshot.hints) ?? [];
+    if (domSnapshotHints.includes('DOM elements found outside </body>')) {
+      log.warn('DOM elements found outside </body>, percyCSS might not work');
+    }
     let css = createPercyCSSResource(root.url, snapshot.percyCSS);
     resources.push(css);
 

package/dist/page.js

@@ -146,7 +146,8 @@ export class Page {
       width,
       enableJavaScript,
       disableShadowDOM,
-      domTransformation
+      domTransformation,
+      reshuffleInvalidTags
     } = snapshot;
     this.log.debug(`Taking snapshot: ${name}${width ? ` @${width}px` : ''}`, this.meta);
 
@@ -191,7 +192,8 @@ export class Page {
     }), {
       enableJavaScript,
       disableShadowDOM,
-      domTransformation
+      domTransformation,
+      reshuffleInvalidTags
     });
     return {
       ...snapshot,

package/dist/utils.js

@@ -55,6 +55,40 @@ export function percyAutomateRequestHandler(req, percy) {
   req.body.buildInfo = percy.build;
 }
 
+// Returns the body for sendEvent structure
+export function percyBuildEventHandler(req, cliVersion) {
+  if (Array.isArray(req.body)) {
+    return req.body.map(item => processSendEventData(item, cliVersion));
+  } else {
+    // Treat the input as an object and perform instructions
+    return processSendEventData(req.body, cliVersion);
+  }
+}
+
+// Process sendEvent object
+function processSendEventData(input, cliVersion) {
+  // Add Properties here to send to eventData
+  const allowedEventProperties = ['message', 'cliVersion', 'clientInfo', 'errorKind', 'extra'];
+  const extractedData = {};
+  for (const property of allowedEventProperties) {
+    if (Object.prototype.hasOwnProperty.call(input, property)) {
+      extractedData[property] = input[property];
+    }
+  }
+  if (extractedData.clientInfo) {
+    const [client, clientVersion] = extractedData.clientInfo.split('/');
+
+    // Add the client and clientVersion fields to the object
+    extractedData.client = client;
+    extractedData.clientVersion = clientVersion;
+    delete extractedData.clientInfo;
+  }
+  if (!input.cliVersion) {
+    extractedData.cliVersion = cliVersion;
+  }
+  return extractedData;
+}
+
 // Creates a local resource object containing the resource URL, mimetype, content, sha, and any
 // other additional resources attributes.
 export function createResource(url, content, mimetype, attrs) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/core",
-  "version": "1.27.4-beta.1",
+  "version": "1.27.4-beta.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -43,11 +43,11 @@
     "test:types": "tsd"
   },
   "dependencies": {
-    "@percy/client": "1.27.4-beta.1",
-    "@percy/config": "1.27.4-beta.1",
-    "@percy/dom": "1.27.4-beta.1",
-    "@percy/logger": "1.27.4-beta.1",
-    "@percy/webdriver-utils": "1.27.4-beta.1",
+    "@percy/client": "1.27.4-beta.3",
+    "@percy/config": "1.27.4-beta.3",
+    "@percy/dom": "1.27.4-beta.3",
+    "@percy/logger": "1.27.4-beta.3",
+    "@percy/webdriver-utils": "1.27.4-beta.3",
     "content-disposition": "^0.5.4",
     "cross-spawn": "^7.0.3",
     "extract-zip": "^2.0.1",
@@ -58,5 +58,5 @@
     "rimraf": "^3.0.2",
     "ws": "^8.0.0"
   },
-  "gitHead": "d0eea0c0d75cb6c034dceba122b1bc1f946b679a"
+  "gitHead": "e560f5df1637d30722f8d1d7e6eae9cf99ede2dd"
 }

package/types/index.d.ts

@@ -39,6 +39,9 @@ interface CommonSnapshotOptions {
   percyCSS?: string;
   enableJavaScript?: boolean;
   disableShadowDOM?: boolean;
+  enableLayout?: boolean;
+  domTransformation?: string;
+  reshuffleInvalidTags?: boolean;
   devicePixelRatio?: number;
   scope?: string;
 }