@smoothdeploy/playwright-core 1.57.0 → 1.57.1-beta-1770368987000

package/lib/server/screenshotCompositor.js

@@ -0,0 +1,127 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screenshotCompositor_exports = {};
+__export(screenshotCompositor_exports, {
+  compositeHighlight: () => compositeHighlight,
+  cropFullWidth: () => cropFullWidth,
+  cropRegion: () => cropRegion,
+  setPixel: () => setPixel
+});
+module.exports = __toCommonJS(screenshotCompositor_exports);
+var import_utilsBundle = require("../utilsBundle");
+function setPixel(data, width, height, x, y, color) {
+  if (x < 0 || x >= width || y < 0 || y >= height)
+    return;
+  const i = (y * width + x) * 4;
+  data[i] = color.r;
+  data[i + 1] = color.g;
+  data[i + 2] = color.b;
+  data[i + 3] = 255;
+}
+function cropFullWidth(data, imgWidth, imgHeight, by, bh) {
+  const cw = imgWidth;
+  let ch = Math.min(imgHeight, Math.round(cw / (16 / 9)));
+  const elementCenterY = by + Math.round(bh / 2);
+  let cy = Math.max(0, elementCenterY - Math.round(ch / 2));
+  if (cy + ch > imgHeight)
+    cy = Math.max(0, imgHeight - ch);
+  ch = Math.min(imgHeight - cy, ch);
+  const cropped = Buffer.alloc(cw * ch * 4);
+  for (let row = 0; row < ch; row++) {
+    const srcOffset = (cy + row) * cw * 4;
+    const dstOffset = row * cw * 4;
+    data.copy(cropped, dstOffset, srcOffset, srcOffset + cw * 4);
+  }
+  return { data: cropped, width: cw, height: ch };
+}
+function cropRegion(data, imgWidth, imgHeight, bx, by, bw, bh, dpr, padPx = 50) {
+  const pad = padPx * dpr;
+  let cx = Math.max(0, bx - pad);
+  let cy = Math.max(0, by - pad);
+  let cw = Math.min(imgWidth - cx, bw + 2 * pad);
+  let ch = Math.min(imgHeight - cy, bh + 2 * pad);
+  const targetRatio = 16 / 9;
+  if (cw / ch < targetRatio) {
+    const newCw = Math.round(ch * targetRatio);
+    const expand = newCw - cw;
+    cx = Math.max(0, cx - Math.round(expand / 2));
+    cw = Math.min(imgWidth - cx, newCw);
+  } else {
+    const newCh = Math.round(cw / targetRatio);
+    const expand = newCh - ch;
+    cy = Math.max(0, cy - Math.round(expand / 2));
+    ch = Math.min(imgHeight - cy, newCh);
+  }
+  const cropped = Buffer.alloc(cw * ch * 4);
+  for (let row = 0; row < ch; row++) {
+    const srcOffset = ((cy + row) * imgWidth + cx) * 4;
+    const dstOffset = row * cw * 4;
+    data.copy(cropped, dstOffset, srcOffset, srcOffset + cw * 4);
+  }
+  return { data: cropped, width: cw, height: ch };
+}
+function compositeHighlight(pngBuffer, box, viewport) {
+  const png = import_utilsBundle.PNG.sync.read(pngBuffer);
+  const { width, height, data } = png;
+  const scaleX = viewport ? width / viewport.width : 1;
+  const scaleY = viewport ? height / viewport.height : 1;
+  const bx = Math.max(0, Math.round(box.x * scaleX));
+  const by = Math.max(0, Math.round(box.y * scaleY));
+  const bw = Math.min(width - bx, Math.round(box.width * scaleX));
+  const bh = Math.min(height - by, Math.round(box.height * scaleY));
+  for (let y = 0; y < height; y++) {
+    for (let x = 0; x < width; x++) {
+      if (x >= bx && x < bx + bw && y >= by && y < by + bh)
+        continue;
+      const i = (y * width + x) * 4;
+      data[i] = data[i] * 0.5 | 0;
+      data[i + 1] = data[i + 1] * 0.5 | 0;
+      data[i + 2] = data[i + 2] * 0.5 | 0;
+    }
+  }
+  const borderColor = { r: 255, g: 0, b: 0 };
+  const dpr = Math.round(scaleX) || 1;
+  const offset = 2 * dpr;
+  const thickness = 3 * dpr;
+  const ox = bx - offset - thickness;
+  const oy = by - offset - thickness;
+  const ow = bw + (offset + thickness) * 2;
+  const oh = bh + (offset + thickness) * 2;
+  for (let t = 0; t < thickness; t++) {
+    for (let x = ox; x < ox + ow; x++)
+      setPixel(data, width, height, x, oy + t, borderColor);
+    for (let x = ox; x < ox + ow; x++)
+      setPixel(data, width, height, x, oy + oh - 1 - t, borderColor);
+    for (let y = oy; y < oy + oh; y++)
+      setPixel(data, width, height, ox + t, y, borderColor);
+    for (let y = oy; y < oy + oh; y++)
+      setPixel(data, width, height, ox + ow - 1 - t, y, borderColor);
+  }
+  const fullData = Buffer.from(data.buffer, data.byteOffset, data.byteLength);
+  const full = cropFullWidth(fullData, width, height, by, bh);
+  const cropped = cropRegion(fullData, width, height, bx, by, bw, bh, dpr, 50);
+  return { full, cropped };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compositeHighlight,
+  cropFullWidth,
+  cropRegion,
+  setPixel
+});