@reddoorla/maintenance 0.86.0 → 0.87.0

package/dist/index.js

@@ -1,29 +1,19 @@
 import "./chunk-2SLED3NB.js";
-import "./chunk-F5KM4LEQ.js";
+import "./chunk-NCMZMLY7.js";
 import {
   draftReportForSite
-} from "./chunk-BYK66EWO.js";
+} from "./chunk-BBUSGEES.js";
 import {
   approveBlockers
-} from "./chunk-N45M3FDK.js";
+} from "./chunk-SDDPUAWH.js";
 import {
   findDueReports
 } from "./chunk-PZR4EBPY.js";
-import {
-  upgradeSvelte4to5
-} from "./chunk-Z3KYFUN6.js";
 import {
   DEFAULT_INIT_STEPS,
   a11yFixturesPage,
   init
-} from "./chunk-ZKXSX4LO.js";
-import {
-  convertToPnpm
-} from "./chunk-XIDUYLSR.js";
-import {
-  svelteCodemods
-} from "./chunk-IYSEC543.js";
-import "./chunk-J7SZQUCW.js";
+} from "./chunk-TD2NNXLZ.js";
 import "./chunk-BQRFQSGY.js";
 import "./chunk-Y53WOQIJ.js";
 import {
@@ -31,53 +21,71 @@ import {
   selfCaretRange,
   selfPackageVersion
 } from "./chunk-7RJ2HMMJ.js";
-import "./chunk-ILUNZHYV.js";
+import "./chunk-YFAXOD7Z.js";
 import {
   bumpDeps
 } from "./chunk-2NJQLSEU.js";
 import "./chunk-R53VL3RI.js";
 import {
-  fromAirtableBase
-} from "./chunk-SLUQ7R6I.js";
+  upgradeSvelte4to5
+} from "./chunk-Z3KYFUN6.js";
+import {
+  convertToPnpm
+} from "./chunk-XIDUYLSR.js";
+import {
+  svelteCodemods
+} from "./chunk-IYSEC543.js";
+import "./chunk-J7SZQUCW.js";
 import {
   parseAddresses,
   sendApprovedReports,
   withGlobalCc
-} from "./chunk-2NDRHXMR.js";
-import "./chunk-GECESMVS.js";
+} from "./chunk-NDWYJLRF.js";
+import "./chunk-NYUYNYQL.js";
 import {
-  domainFromUrl,
-  generateHeaderImage,
-  loadHeadline,
-  loadPlate
-} from "./chunk-5UINJNAJ.js";
+  isPendingApproval
+} from "./chunk-F3JWOPTG.js";
+import {
+  checklistFor,
+  gatingFields,
+  isHealthGateClear
+} from "./chunk-VAD43MOR.js";
+import {
+  fromAirtableBase
+} from "./chunk-C6CLRKPV.js";
+import "./chunk-IY6256GK.js";
+import "./chunk-HN6I2XWI.js";
+import "./chunk-ZGBEIWSC.js";
+import "./chunk-GECESMVS.js";
 import {
   BLURRED_CID,
   CHECK_CID,
   loadBundledImages,
-  renderReportHtml
-} from "./chunk-CQR4LIM7.js";
-import "./chunk-Z7AXYKQB.js";
+  renderReportHtml,
+  rendersCommentary
+} from "./chunk-MT2JINSS.js";
 import {
   escapeHtml,
   safeUrl
 } from "./chunk-DJZWYIPP.js";
 import {
-  isPendingApproval
-} from "./chunk-ACBRLLFT.js";
+  domainFromUrl,
+  generateHeaderImage,
+  loadHeadline,
+  loadPlate
+} from "./chunk-5UINJNAJ.js";
 import {
-  checklistFor,
-  gatingFields,
-  isHealthGateClear
-} from "./chunk-VAD43MOR.js";
-import "./chunk-HN6I2XWI.js";
+  CANONICAL_STATUSES,
+  SEVERITY_RANK,
+  siteSlug,
+  toAirtableStatus
+} from "./chunk-7NYN2P6I.js";
 import "./chunk-WEKL2HYJ.js";
-import "./chunk-NYUYNYQL.js";
 import {
   syncConfigs
-} from "./chunk-3VQWSE3F.js";
-import "./chunk-3G25KIWW.js";
+} from "./chunk-7UAYMAKR.js";
 import "./chunk-73UFRZKY.js";
+import "./chunk-3G25KIWW.js";
 import "./chunk-OTGB6YQO.js";
 import {
   ALL_AUDIT_NAMES,
@@ -87,7 +95,7 @@ import {
   runAudits,
   runAuditsAcross,
   securityAudit
-} from "./chunk-2ZPT7GLV.js";
+} from "./chunk-3JQ2FO3D.js";
 import "./chunk-LKGVSM2O.js";
 import "./chunk-GASBX52O.js";
 import "./chunk-XHHMM5HX.js";
@@ -111,12 +119,6 @@ import "./chunk-UDRHAQT7.js";
 import "./chunk-PTDMVGKL.js";
 import "./chunk-LBYOLBW7.js";
 import "./chunk-XXTZBPUY.js";
-import {
-  CANONICAL_STATUSES,
-  SEVERITY_RANK,
-  siteSlug,
-  toAirtableStatus
-} from "./chunk-LDWZSLSU.js";
 import "./chunk-6VAL7XJT.js";
 import "./chunk-NMAWXBJA.js";
 import "./chunk-C6B4RHXR.js";
@@ -314,6 +316,14 @@ var SUBMISSION_STATUS_SCRIPT = `document.querySelectorAll("button.subm-status").
 // src/dashboard/site-details.ts
 var SITE_STATUS_OPTIONS = CANONICAL_STATUSES.map(toAirtableStatus);
 var FREQ_OPTIONS = ["None", "Monthly", "Quarterly", "Yearly"];
+var WATCH_CONDITION_OPTIONS = [
+  "Performance",
+  "Accessibility",
+  "Best Practices",
+  "SEO",
+  "stale repo",
+  "no custom domain"
+];
 
 // src/dashboard/render.ts
 var DASH = "\u2014";
@@ -465,14 +475,27 @@ function recipientsLine(site) {
   const ccPart = cc.length > 0 ? ` \xB7 CC ${cc.map(escapeHtml).join(", ")}` : "";
   return `<span class="recipients">To ${to.map(escapeHtml).join(", ")}${ccPart}</span>`;
 }
+function rerenderButton(r) {
+  if (r.sentAt !== null) return "";
+  const url = `/api/reports/${encodeURIComponent(r.id)}/rerender`;
+  return `<button class="rerender" data-rerender-url="${escapeHtml(url)}" title="Re-render this report from its current row (runs in Actions; takes a minute or two)">refresh preview</button>`;
+}
+function reportPreviewUrl(reportId) {
+  return `/api/reports/${encodeURIComponent(reportId)}/preview`;
+}
+function commentaryEditor(r) {
+  if (!rendersCommentary(r.reportType)) return "";
+  const url = `/api/reports/${encodeURIComponent(r.id)}/commentary`;
+  return `<div class="commentary"><label for="commentary-${escapeHtml(r.id)}">Commentary <span class="muted">(re-rendered into the email at send)</span></label><textarea id="commentary-${escapeHtml(r.id)}" data-commentary-for="${escapeHtml(r.id)}" data-commentary-url="${escapeHtml(url)}" rows="3">${escapeHtml(r.commentary ?? "")}</textarea><span class="commentary-saved" data-for="${escapeHtml(r.id)}"></span></div>`;
+}
 function pendingRow(r, site, now) {
   const type = escapeHtml(r.reportType);
   const period = r.period ? escapeHtml(r.period) : "\u2014";
   const findings = approveBlockers(site, r);
   const blocked = findings.some((f) => f.level === "fail");
-  const preview = r.renderedHtmlAttachment ? `<a href="${escapeHtml(safeUrl(r.renderedHtmlAttachment.url))}" rel="noopener noreferrer" title="rendered at draft time \u2014 Commentary/subject edits after drafting are not reflected">draft preview \u25B8</a>` : `<span class="muted">no preview yet</span>`;
+  const preview = r.renderedHtmlAttachment ? `<a href="${escapeHtml(reportPreviewUrl(r.id))}" rel="noopener noreferrer" title="rendered at draft time \u2014 Commentary/subject edits after drafting are not reflected">draft preview \u25B8</a>` : `<span class="muted">no preview yet</span>`;
   const sendLine = sendTimingLine(now);
-  return `<li><div class="pending-head"><strong>${type}</strong> <span class="muted">${period}</span> ${preflightChip(findings)} ${preview} ${approveButton(r, blocked)}</div><div class="pending-info">${recipientsLine(site)} ${sendLine}</div>${checklistBlock(r)}${overrideControl(r)}</li>`;
+  return `<li><div class="pending-head"><strong>${type}</strong> <span class="muted">${period}</span> ${preflightChip(findings)} ${preview} ${rerenderButton(r)} ${approveButton(r, blocked)}</div><div class="pending-info">${recipientsLine(site)} ${sendLine}</div>${checklistBlock(r)}${commentaryEditor(r)}${overrideControl(r)}</li>`;
 }
 function pendingSection(reports, site, now) {
   const pending = reports.filter(isPendingApproval);
@@ -502,12 +525,13 @@ function reportRow(r, site) {
   const id = escapeHtml(r.reportId);
   const ga = gaUsersCell(r);
   const search = searchCell(r);
-  const link = r.renderedHtmlAttachment ? `<a href="${escapeHtml(safeUrl(r.renderedHtmlAttachment.url))}">view</a>` : `<span class="muted">no attachment</span>`;
+  const link = r.renderedHtmlAttachment ? `<a href="${escapeHtml(reportPreviewUrl(r.id))}">view</a>` : `<span class="muted">no attachment</span>`;
   const action = isPendingApproval(r) ? approveButton(
     r,
     approveBlockers(site, r).some((f) => f.level === "fail")
   ) : "";
-  return `<tr><td>${date}</td><td>${type}</td><td><code>${id}</code></td><td>${ga}</td><td>${search}</td><td>${link}</td><td>${action}</td></tr>`;
+  const commentary = r.sentAt === null && !isPendingApproval(r) ? `<tr class="commentary-row"><td colspan="7">${commentaryEditor(r)}</td></tr>` : "";
+  return `<tr><td>${date}</td><td>${type}</td><td><code>${id}</code></td><td>${ga}</td><td>${search}</td><td>${link}</td><td>${action}</td></tr>${commentary}`;
 }
 var SUBMISSIONS_PER_SITE_CAP = 25;
 function submissionsSection(submissions, site) {
@@ -586,9 +610,28 @@ function selectRow(label, field, options, current, url) {
 function inputRow(label, field, value, url) {
   return `<div class="detail"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><input type="text" id="detail-${field}" data-detail-field="${field}" data-details-url="${url}" value="${escapeHtml(value ?? "")}" />${savedSpan(field)}</dd></div>`;
 }
+var DETAIL_VALUE_FN = `function detailValue(el) {
+      if (el.type === "checkbox") return el.checked ? "true" : "false";
+      if (el.multiple) return Array.from(el.selectedOptions).map((o) => o.value).join(",");
+      return el.value;
+    }`;
 function dateRow(label, field, value, url) {
   return `<div class="detail"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><input type="date" id="detail-${field}" data-detail-field="${field}" data-details-url="${url}" value="${escapeHtml(value ?? "")}" />${savedSpan(field)}</dd></div>`;
 }
+function checkboxRow(label, field, checked, url) {
+  return `<div class="detail"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><input type="checkbox" id="detail-${field}" data-detail-field="${field}" data-details-url="${url}"${checked ? " checked" : ""} />${savedSpan(field)}</dd></div>`;
+}
+function multiSelectRow(label, field, options, selected, url) {
+  const sel = new Set(selected);
+  const opts = options.map(
+    (o) => `<option value="${escapeHtml(o)}"${sel.has(o) ? " selected" : ""}>${escapeHtml(o)}</option>`
+  ).join("");
+  return `<div class="detail wide"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><select multiple id="detail-${field}" data-detail-field="${field}" data-details-url="${url}">${opts}</select>${savedSpan(field)}</dd></div>`;
+}
+function secretRow(label, field, isSet, url) {
+  const ph = isSet ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (set \u2014 type to replace)" : "not set";
+  return `<div class="detail"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><input type="password" autocomplete="off" id="detail-${field}" data-detail-field="${field}" data-details-url="${url}" placeholder="${escapeHtml(ph)}" />${savedSpan(field)}</dd></div>`;
+}
 function textareaRow(label, field, value, url) {
   return `<div class="detail wide"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><textarea id="detail-${field}" data-detail-field="${field}" data-details-url="${url}">${escapeHtml(value ?? "")}</textarea>${savedSpan(field)}</dd></div>`;
 }
@@ -621,6 +664,15 @@ function siteDetailsSection(site) {
     // Raw JSON, and shown as the raw cell rather than the parsed object: what the
     // operator edits has to be the thing `parseNotifyRouting` will read back.
     textareaRow("Notify routing (JSON)", "notifyRouting", site.notifyRoutingRaw, url),
+    checkboxRow("Require Turnstile", "requireTurnstile", site.requireTurnstile, url),
+    secretRow("Mailchimp API key", "mailchimpApiKey", site.mailchimpApiKey !== null, url),
+    multiSelectRow(
+      "Accepted watch conditions",
+      "acceptedWatchConditions",
+      WATCH_CONDITION_OPTIONS,
+      site.acceptedWatchConditions,
+      url
+    ),
     textareaRow("Copy \u2014 Intro", "copyIntro", site.copyIntro, url),
     textareaRow("Copy \u2014 Contact", "copyContact", site.copyContact, url),
     textareaRow("Copy \u2014 Footer", "copyFooter", site.copyFooter, url),
@@ -963,12 +1015,13 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
     });
     // Site-details editor: save on change (selects) / blur (inputs+textareas, only
     // when the value actually changed). The per-field span shows \u2713 / \u2717.
+    ${DETAIL_VALUE_FN}
     function saveDetail(el) {
       const span = document.querySelector('.detail-saved[data-for="' + el.dataset.detailField + '"]');
       fetch(el.dataset.detailsUrl, {
         method: "POST",
         headers: { "content-type": "application/json" },
-        body: JSON.stringify({ field: el.dataset.detailField, value: el.value }),
+        body: JSON.stringify({ field: el.dataset.detailField, value: detailValue(el) }),
       })
         .then((r) => {
           if (span) span.textContent = r.ok ? " \u2713" : " \u2717";
@@ -980,11 +1033,55 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
     document.querySelectorAll("select[data-detail-field]").forEach((s) => {
       s.addEventListener("change", () => saveDetail(s));
     });
-    document.querySelectorAll("input[data-detail-field], textarea[data-detail-field]").forEach((i) => {
+    // Checkboxes save on CHANGE. They cannot use the blur path below: that path
+    // only fires when \`value !== defaultValue\`, and for a checkbox both are the
+    // "on" content attribute, so it would never save at all.
+    document.querySelectorAll("input[type=checkbox][data-detail-field]").forEach((c) => {
+      c.addEventListener("change", () => saveDetail(c));
+    });
+    document.querySelectorAll("input:not([type=checkbox])[data-detail-field], textarea[data-detail-field]").forEach((i) => {
       i.addEventListener("blur", () => {
         if (i.value !== i.defaultValue) saveDetail(i);
       });
     });
+    // Refresh preview: dispatch the re-render workflow, then tell the operator to
+    // reload once it lands. No polling \u2014 the run takes a minute or two and a
+    // spinner that long reads as a hang.
+    document.querySelectorAll("button.rerender").forEach((b) => {
+      b.addEventListener("click", async () => {
+        b.disabled = true;
+        b.textContent = "Refreshing\u2026";
+        try {
+          const res = await fetch(b.dataset.rerenderUrl, { method: "POST" });
+          b.textContent = res.ok ? "Queued \u2713 reload in ~2 min" : "Failed";
+          if (!res.ok) b.disabled = false;
+        } catch {
+          b.textContent = "Failed";
+          b.disabled = false;
+        }
+      });
+    });
+    // Report commentary: save on blur, only when it actually changed. Same
+    // shape as the site-details editor, but keyed on the REPORT id rather than a
+    // field name, so it posts { text } to the report's own endpoint.
+    document.querySelectorAll("textarea[data-commentary-for]").forEach((t) => {
+      t.addEventListener("blur", () => {
+        if (t.value === t.defaultValue) return;
+        const span = document.querySelector('.commentary-saved[data-for="' + t.dataset.commentaryFor + '"]');
+        fetch(t.dataset.commentaryUrl, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ text: t.value }),
+        })
+          .then((r) => {
+            if (span) span.textContent = r.ok ? " \u2713" : " \u2717";
+            if (r.ok) t.defaultValue = t.value;
+          })
+          .catch(() => {
+            if (span) span.textContent = " \u2717";
+          });
+      });
+    });
     ${SUBMISSION_STATUS_SCRIPT}
   </script>
 </body>