@reddoorla/maintenance 0.17.0 → 0.18.0

package/dist/index.js

@@ -2417,9 +2417,16 @@ function commentarySection(text) {
       </mj-column>
     </mj-section>`;
 }
+function headerImageTag(data) {
+  const src = `cid:${data.headerImageCid}`;
+  const alt = `${data.siteName} maintenance report`;
+  if (data.headerWidth && data.headerHeight && data.headerBgColor) {
+    return `<mj-image href="${data.siteUrl}" src="${src}" alt="${alt}" width="${data.headerWidth}px" height="${data.headerHeight}px" container-background-color="${data.headerBgColor}" />`;
+  }
+  return `<mj-image href="${data.siteUrl}" src="${src}" alt="${alt}" />`;
+}
 function buildMjml(data) {
   const isTesting = data.reportType === "Testing";
-  const headerSrc = `cid:${data.headerImageCid}`;
   const previewText = `Checked up on ${data.siteName}`;
   return `<mjml>
   <mj-head>
@@ -2433,7 +2440,7 @@ function buildMjml(data) {
   <mj-body background-color="white">
     <mj-section background-color="#F4F4F4" padding-top="0px" padding-bottom="0px" padding-left="0px" padding-right="0px">
       <mj-column>
-        <mj-image href="${data.siteUrl}" src="${headerSrc}" />
+        ${headerImageTag(data)}
       </mj-column>
     </mj-section>
     <mj-section background-color="white">
@@ -2647,7 +2654,7 @@ function scoresFromWebsite(siteRow) {
 }
 function daysAgo(today, n) {
   const out = new Date(today);
-  out.setDate(out.getDate() - n);
+  out.setUTCDate(out.getUTCDate() - n);
   return out;
 }
 async function draftReportForSite(base, siteRow, reportType, options = {}) {
@@ -2733,6 +2740,38 @@ function openBase(cfg) {
   return new Airtable({ apiKey: cfg.apiKey }).base(cfg.baseId);
 }
 
+// src/reports/maintenance-email/header-image.ts
+import sharp from "sharp";
+var DEFAULT_DISPLAY_WIDTH = 600;
+var RETINA_SCALE = 2;
+var JPEG_QUALITY = 82;
+function channelToHex(value) {
+  return Math.max(0, Math.min(255, Math.round(value))).toString(16).padStart(2, "0");
+}
+async function prepareHeaderImage(bytes, options = {}) {
+  const requestedDisplayWidth = options.displayWidth ?? DEFAULT_DISPLAY_WIDTH;
+  const input = Buffer.from(bytes);
+  const meta = await sharp(input).metadata();
+  const origWidth = meta.width;
+  const origHeight = meta.height;
+  if (!origWidth || !origHeight) {
+    throw new Error("prepareHeaderImage: could not read source image dimensions");
+  }
+  const displayWidth = Math.min(requestedDisplayWidth, origWidth);
+  const displayHeight = Math.round(displayWidth * origHeight / origWidth);
+  const targetSourceWidth = Math.min(origWidth, displayWidth * RETINA_SCALE);
+  const out = await sharp(input).resize({ width: targetSourceWidth, withoutEnlargement: true }).flatten({ background: "#ffffff" }).jpeg({ quality: JPEG_QUALITY }).toBuffer();
+  const { dominant } = await sharp(out).stats();
+  const placeholderColor = `#${channelToHex(dominant.r)}${channelToHex(dominant.g)}${channelToHex(dominant.b)}`;
+  return {
+    bytes: new Uint8Array(out),
+    contentType: "image/jpeg",
+    displayWidth,
+    displayHeight,
+    placeholderColor
+  };
+}
+
 // src/reports/send/resend.ts
 import { Resend } from "resend";
 function defaultResendClient() {
@@ -2796,7 +2835,8 @@ async function sendOne(client, base, site, report) {
   if (!report.lighthouse) {
     throw new Error(`Report ${report.reportId} has no Lighthouse scores`);
   }
-  const { bytes, contentType } = await fetchAttachmentBytes(site.headerImage.url);
+  const original = await fetchAttachmentBytes(site.headerImage.url);
+  const header = await prepareHeaderImage(original.bytes);
   const bundled = await loadBundledImages();
   const slug = siteSlug(site.name);
   const cidName = `${slug}-header`;
@@ -2810,7 +2850,10 @@ async function sendOne(client, base, site, report) {
     gaUsersPrevious: report.gaUsersPrevious ?? 0,
     lastTestedDate: report.lastTestedDate ? new Date(report.lastTestedDate) : null,
     commentary: report.commentary,
-    headerImageCid: cidName
+    headerImageCid: cidName,
+    headerWidth: header.displayWidth,
+    headerHeight: header.displayHeight,
+    headerBgColor: header.placeholderColor
   });
   const subject = report.subjectOverride ?? `${site.name} ${report.reportType} Report`;
   const explicitTo = parseAddresses(site.reportRecipientsTo);
@@ -2846,9 +2889,9 @@ async function sendOne(client, base, site, report) {
     html,
     attachments: [
       {
-        filename: site.headerImage.filename,
-        content: Buffer.from(bytes).toString("base64"),
-        contentType,
+        filename: `${cidName}.jpg`,
+        content: Buffer.from(header.bytes).toString("base64"),
+        contentType: header.contentType,
         inlineContentId: cidName
       },
       // Bundled images referenced via cid:rd-check-png / cid:rd-blurred-tests-jpg