snapdrift 0.2.0 → 0.3.0

package/lib/drift-summary.mjs

@@ -1,156 +1,5 @@
 // @ts-check
+// Re-exports from packages — this module is a thin shim.
 
-import fs from 'node:fs/promises';
-import path from 'node:path';
-
-import { splitCommaList } from './snapdrift-config.mjs';
-
-const DEFAULT_OUT_DIR = path.join('qa-artifacts', 'snapdrift', 'drift', 'current');
-const DEFAULT_SNAPDRIFT_REPO_URL = 'https://github.com/ranacseruet/snapdrift';
-const DEFAULT_SNAPDRIFT_ICON_URL = 'https://raw.githubusercontent.com/ranacseruet/snapdrift/main/assets/snapdrift-logo-icon.png';
-
-const STATUS_ICONS = {
-  clean: '✅',
-  'changes-detected': '🟡',
-  incomplete: '⚠️',
-  skipped: '⏭️'
-};
-
-const STATUS_LABELS = {
-  clean: 'Clean',
-  'changes-detected': 'Drift detected',
-  incomplete: 'Incomplete',
-  skipped: 'Skipped'
-};
-
-/**
- * @param {string} reason
- * @returns {{ message: string, markdownReason: string }}
- */
-function describeReason(reason) {
-  if (reason === 'missing_main_baseline_artifact') {
-    return {
-      message: 'The latest successful `main` SnapDrift baseline was not available.',
-      markdownReason: 'latest successful `main` SnapDrift baseline was not available'
-    };
-  }
-
-  if (reason === 'no_snapdrift_relevant_changes') {
-    return {
-      message: 'No drift-relevant changes were detected in this pull request.',
-      markdownReason: 'no drift-relevant changes were detected in this pull request'
-    };
-  }
-
-  const text = reason.replace(/_/g, ' ');
-  return {
-    message: text,
-    markdownReason: text
-  };
-}
-
-/**
- * @param {{
- *   status?: 'skipped' | 'clean' | 'changes-detected' | 'incomplete',
- *   reason: string,
- *   message?: string,
- *   selectedRouteIds?: string[] | string,
- *   currentResultsPath?: string,
- *   baselineAvailable?: boolean
- * }} options
- * @returns {{ summary: Record<string, unknown>, markdown: string }}
- */
-export function buildDriftSummary(options) {
-  const description = describeReason(options.reason);
-  const status = options.status || 'skipped';
-  const selectedRoutes = Array.isArray(options.selectedRouteIds)
-    ? options.selectedRouteIds
-    : splitCommaList(options.selectedRouteIds);
-  const message = options.message || description.message;
-  const statusIcon = STATUS_ICONS[status] || '⚠️';
-  const statusLabel = STATUS_LABELS[status] || status;
-  const baselineAvailable = typeof options.baselineAvailable === 'boolean'
-    ? String(options.baselineAvailable)
-    : 'n/a';
-  const currentCapture = options.currentResultsPath
-    ? `\`${options.currentResultsPath}\``
-    : 'n/a';
-
-  /** @type {Record<string, unknown>} */
-  const summary = {
-    status,
-    reason: options.reason,
-    message,
-    selectedRoutes
-  };
-
-  if (typeof options.baselineAvailable === 'boolean') {
-    summary.baselineAvailable = options.baselineAvailable;
-  }
-  if (options.currentResultsPath) {
-    summary.currentResultsPath = options.currentResultsPath;
-  }
-
-  const lines = [
-    `<img src="${DEFAULT_SNAPDRIFT_ICON_URL}" alt="SnapDrift" width="24" height="24" />`,
-    '',
-    `# ${statusIcon} SnapDrift Report — ${statusLabel}`,
-    '',
-    '| Selected routes | Baseline available | Current capture |',
-    '|---------------:|:-------------------|:----------------|',
-    `| ${selectedRoutes.length} | ${baselineAvailable} | ${currentCapture} |`
-  ];
-
-  lines.push('');
-  lines.push(`> **Reason:** ${description.markdownReason}`);
-  lines.push(`> **Details:** ${message}`);
-
-  if (options.reason === 'missing_main_baseline_artifact') {
-    lines.push('');
-    lines.push('## Next action');
-    lines.push('');
-    lines.push('- Publish or refresh a SnapDrift baseline on `main`, then rerun the pull request check.');
-  }
-
-  lines.push('');
-  lines.push(`<div align="right"><sub>Powered by <a href="${DEFAULT_SNAPDRIFT_REPO_URL}">SnapDrift</a></sub></div>`);
-
-  return {
-    summary,
-    markdown: `${lines.join('\n')}\n`
-  };
-}
-
-/**
- * @param {{
- *   status?: 'skipped' | 'clean' | 'changes-detected' | 'incomplete',
- *   reason: string,
- *   message?: string,
- *   selectedRouteIds?: string[] | string,
- *   currentResultsPath?: string,
- *   baselineAvailable?: boolean,
- *   outDir?: string,
- *   summaryPath?: string,
- *   markdownPath?: string
- * }} options
- * @returns {Promise<{ summaryPath: string, markdownPath: string, summary: Record<string, unknown>, markdown: string }>}
- */
-export async function writeDriftSummary(options) {
-  const resolvedOutDir = path.resolve(options.outDir || DEFAULT_OUT_DIR);
-  const resolvedSummaryPath = path.resolve(options.summaryPath || path.join(resolvedOutDir, 'summary.json'));
-  const resolvedMarkdownPath = path.resolve(options.markdownPath || path.join(resolvedOutDir, 'summary.md'));
-  const { summary, markdown } = buildDriftSummary(options);
-
-  await fs.mkdir(resolvedOutDir, { recursive: true });
-  await Promise.all([
-    fs.writeFile(resolvedSummaryPath, `${JSON.stringify(summary, null, 2)}\n`),
-    fs.writeFile(resolvedMarkdownPath, markdown)
-  ]);
-
-  return {
-    summaryPath: resolvedSummaryPath,
-    markdownPath: resolvedMarkdownPath,
-    summary,
-    markdown
-  };
-}
+export { buildDriftSummary } from '@snapdrift/adapter-report-md';
+export { writeDriftSummary } from '@snapdrift/adapter-fs';

package/lib/pr-comment.mjs

@@ -1,147 +1,4 @@
 // @ts-check
+// Re-exports from packages — this module is a thin shim.
 
-export const PR_COMMENT_MARKER = '<!-- snapdrift-report -->';
-export const PR_COMMENT_MARKERS = [PR_COMMENT_MARKER];
-export const DEFAULT_SNAPDRIFT_REPO_URL = 'https://github.com/ranacseruet/snapdrift';
-
-/**
- * Escape characters that could break markdown table cells or inject links.
- * @param {unknown} value
- * @returns {string}
- */
-function escapeMarkdown(value) {
-  return String(value ?? '')
-    .replace(/\|/g, '\\|')
-    .replace(/\[/g, '\\[')
-    .replace(/\]/g, '\\]');
-}
-
-const STATUS_ICONS = {
-  clean: '✅',
-  'changes-detected': '🟡',
-  incomplete: '⚠️',
-  skipped: '⏭️'
-};
-
-const STATUS_LABELS = {
-  clean: 'Clean',
-  'changes-detected': 'Drift detected',
-  incomplete: 'Incomplete',
-  skipped: 'Skipped'
-};
-
-/**
- * @param {Record<string, unknown>} summary
- * @param {{ artifactName?: string, runUrl?: string }} [meta]
- * @returns {string}
- */
-export function buildReportCommentBody(summary, meta = {}) {
-  const status = /** @type {string} */ (summary.status) || 'incomplete';
-  const statusIcon = STATUS_ICONS[status] || '⚠️';
-  const statusLabel = STATUS_LABELS[status] || status;
-  const dimensionChanges = /** @type {Array<Record<string, unknown>>} */ (summary.dimensionChanges) || [];
-  const errors = /** @type {Array<Record<string, unknown>>} */ (summary.errors) || [];
-  const errorCount = (/** @type {unknown[]} */ (summary.errors) || []).length;
-
-  const lines = [
-    PR_COMMENT_MARKER,
-    `## ${statusIcon} SnapDrift Report — ${statusLabel}`,
-    '',
-    '| Signal | Count |',
-    '|:-------|------:|',
-    `| Drift signals | ${summary.changedScreenshots || 0} |`,
-    `| Missing in baseline | ${summary.missingInBaseline || 0} |`,
-    `| Missing in current capture | ${summary.missingInCurrent || 0} |`,
-    `| Dimension shifts | ${dimensionChanges.length} |`
-  ];
-
-  if (summary.message) {
-    lines.push('');
-    lines.push(`> **Note:** ${escapeMarkdown(summary.message)}`);
-  }
-
-  if (errors.length > 0) {
-    lines.push('');
-    lines.push('<details><summary>Error details</summary>');
-    lines.push('');
-    lines.push('| Route | Viewport | Error |');
-    lines.push('|:------|:---------|:------|');
-    for (const item of errors.slice(0, 10)) {
-      lines.push(`| ${escapeMarkdown(item.id)} | ${escapeMarkdown(item.viewport)} | ${escapeMarkdown(item.message)} |`);
-    }
-    if (errorCount > 10) {
-      lines.push('');
-      const runLinkSuffix = meta.runUrl && /^https?:\/\//.test(meta.runUrl)
-        ? ` — [View full report →](${meta.runUrl})`
-        : '';
-      lines.push(`*...and ${errorCount - 10} more*${runLinkSuffix}`);
-    }
-    lines.push('');
-    lines.push('</details>');
-  }
-
-  const changed = /** @type {Array<Record<string, unknown>>} */ (summary.changed) || [];
-  if (changed.length > 0) {
-    lines.push('');
-    lines.push('<details><summary>Drift signals</summary>');
-    lines.push('');
-    lines.push('| Route | Viewport | Mismatch |');
-    lines.push('|:------|:---------|:---------|');
-    for (const item of changed.slice(0, 20)) {
-      const percentChanged = typeof item.mismatchRatio === 'number'
-        ? `${(item.mismatchRatio * 100).toFixed(2)}%`
-        : 'n/a';
-      lines.push(`| ${escapeMarkdown(item.id)} | ${escapeMarkdown(item.viewport)} | ${percentChanged} |`);
-    }
-    if (changed.length > 20) {
-      lines.push('');
-      const runLinkSuffix = meta.runUrl && /^https?:\/\//.test(meta.runUrl)
-        ? ` — [View full report →](${meta.runUrl})`
-        : '';
-      lines.push(`*...and ${changed.length - 20} more*${runLinkSuffix}`);
-    }
-    lines.push('');
-    lines.push('</details>');
-  }
-
-  if (dimensionChanges.length > 0) {
-    lines.push('');
-    lines.push('<details open><summary>Dimension shifts — comparison skipped</summary>');
-    lines.push('');
-    lines.push('> SnapDrift detected a dimension shift between the baseline and current capture. Pixel comparison was skipped for these routes.');
-    lines.push('>');
-    lines.push('> **Next step:** refresh the baseline after this change lands so SnapDrift can compare like-for-like frames.');
-    lines.push('');
-    lines.push('| Route | Viewport | Baseline | Current |');
-    lines.push('|:------|:---------|:---------|:--------|');
-    for (const item of dimensionChanges) {
-      lines.push(`| ${escapeMarkdown(item.id)} | ${escapeMarkdown(item.viewport)} | ${item.baselineWidth}×${item.baselineHeight} | ${item.currentWidth}×${item.currentHeight} |`);
-    }
-    lines.push('');
-    lines.push('</details>');
-  }
-
-  const metaItems = [];
-  if (meta.artifactName) {
-    metaItems.push(`artifact \`${meta.artifactName}\``);
-  }
-  if (summary.baselineArtifactName) {
-    metaItems.push(`baseline \`${summary.baselineArtifactName}\``);
-  }
-  if (summary.baselineSourceSha) {
-    const sha = /** @type {string} */ (summary.baselineSourceSha);
-    metaItems.push(`sha \`${sha.slice(0, 7)}\``);
-  }
-  if (meta.runUrl && /^https?:\/\//.test(meta.runUrl)) {
-    metaItems.push(`[View run](${meta.runUrl})`);
-  }
-  if (metaItems.length > 0) {
-    lines.push('');
-    lines.push(`<sub>SnapDrift · ${metaItems.join(' · ')}</sub>`);
-  }
-
-  lines.push('');
-  lines.push(`<div align="right"><sub>Powered by <a href="${DEFAULT_SNAPDRIFT_REPO_URL}">SnapDrift</a></sub></div>`);
-
-  return lines.join('\n');
-}
+export { buildReportCommentBody, PR_COMMENT_MARKER, PR_COMMENT_MARKERS, escapeMarkdown } from '@snapdrift/adapter-report-md';

package/lib/report.mjs

@@ -1,40 +1,20 @@
 // @ts-check
+// Shim: delegates to adapter-report-md with default filesystem imageReader.
 
 import fs from 'node:fs/promises';
-
-import { resolveImagePath } from './compare-results.mjs';
-
-/** @typedef {import('../types/visual-diff-types').VisualDiffSummary} DriftSummary */
-/** @typedef {import('../types/visual-diff-types').VisualViewport} VisualViewport */
-
-/**
- * @param {VisualViewport | undefined} viewport
- * @returns {string}
- */
-function formatViewport(viewport) {
-  if (!viewport) return '';
-  return typeof viewport === 'string' ? viewport : `${viewport.width}x${viewport.height}`;
-}
-
-/**
- * @param {string} text
- * @returns {string}
- */
-function escapeHtml(text) {
-  return String(text)
-    .replace(/&/g, '&')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;');
-}
+import { resolveImagePath } from '@snapdrift/adapter-fs';
+import { generateHtmlReport as _generateHtmlReport } from '@snapdrift/adapter-report-md';
 
 /**
- * @param {string} filePath
+ * Default filesystem image reader — resolves image path and reads as base64.
+ * @param {string} runDir
+ * @param {string} imagePath
  * @returns {Promise<string | null>}
  */
-async function readFileAsBase64(filePath) {
+async function defaultImageReader(runDir, imagePath) {
   try {
-    const buffer = await fs.readFile(filePath);
+    const resolved = await resolveImagePath(runDir, imagePath);
+    const buffer = await fs.readFile(resolved);
     return buffer.toString('base64');
   } catch {
     return null;
@@ -42,227 +22,18 @@ async function readFileAsBase64(filePath) {
 }
 
 /**
- * @param {string | null} base64Data
- * @param {string} alt
- * @returns {string}
- */
-function imgTag(base64Data, alt) {
-  if (!base64Data) return `<span class="no-img">Image unavailable</span>`;
-  return `<img src="data:image/png;base64,${base64Data}" alt="${escapeHtml(alt)}" />`;
-}
-
-/**
- * Generates a self-contained HTML report from a diff summary.
- * Images are embedded as base64 data URIs when screenshot directories are provided.
- *
- * @param {DriftSummary} summary
+ * @param {import('../types/visual-diff-types').VisualDiffSummary} summary
  * @param {{
  *   baselineRunDir?: string,
- *   currentRunDir?: string
+ *   currentRunDir?: string,
+ *   imageReader?: (runDir: string, imagePath: string) => Promise<string | null>
  * }} [options]
  * @returns {Promise<string>}
  */
 export async function generateHtmlReport(summary, options = {}) {
-  const { baselineRunDir, currentRunDir } = options;
-  const dimensionChanges = summary.dimensionChanges || [];
-
-  const statusClass = {
-    clean: 'status-clean',
-    'changes-detected': 'status-changes',
-    incomplete: 'status-incomplete',
-    skipped: 'status-skipped'
-  }[summary.status || 'incomplete'] || 'status-incomplete';
-
-  const statusLabel = {
-    clean: '&#10003; Clean',
-    'changes-detected': 'Drift detected',
-    incomplete: 'Incomplete',
-    skipped: 'Skipped'
-  }[summary.status || 'incomplete'] || 'Incomplete';
-
-  // --- Changed routes ---
-  let changedHtml;
-  if (summary.changed.length === 0) {
-    changedHtml = '<p class="none">None</p>';
-  } else {
-    const rows = await Promise.all(summary.changed.map(async (item) => {
-      let baselineImgHtml = '';
-      let currentImgHtml = '';
-
-      if (baselineRunDir) {
-        try {
-          const resolved = await resolveImagePath(baselineRunDir, item.baselineImagePath);
-          baselineImgHtml = imgTag(await readFileAsBase64(resolved), `Baseline: ${item.id}`);
-        } catch {
-          baselineImgHtml = imgTag(null, `Baseline: ${item.id}`);
-        }
-      }
-      if (currentRunDir) {
-        try {
-          const resolved = await resolveImagePath(currentRunDir, item.currentImagePath);
-          currentImgHtml = imgTag(await readFileAsBase64(resolved), `Current: ${item.id}`);
-        } catch {
-          currentImgHtml = imgTag(null, `Current: ${item.id}`);
-        }
-      }
-
-      const dataRow = `<tr>
-        <td>${escapeHtml(item.id)}</td>
-        <td>${escapeHtml(item.path)}</td>
-        <td>${escapeHtml(formatViewport(item.viewport))}</td>
-        <td>${(item.mismatchRatio * 100).toFixed(2)}%</td>
-        <td>${item.differentPixels}/${item.totalPixels}</td>
-      </tr>`;
-
-      const imagesRow = (baselineImgHtml || currentImgHtml) ? `<tr class="images-row"><td colspan="5">
-        <div class="image-compare">
-          <div class="image-col"><div class="image-label">Baseline</div>${baselineImgHtml || '<span class="no-img">&ndash;</span>'}</div>
-          <div class="image-col"><div class="image-label">Current</div>${currentImgHtml || '<span class="no-img">&ndash;</span>'}</div>
-        </div>
-      </td></tr>` : '';
-
-      return dataRow + imagesRow;
-    }));
-
-    changedHtml = `<table>
-      <thead><tr><th>Route</th><th>Path</th><th>Viewport</th><th>Mismatch</th><th>Pixels changed</th></tr></thead>
-      <tbody>${rows.join('')}</tbody>
-    </table>`;
-  }
-
-  // --- Capture gaps ---
-  let missingHtml;
-  if (summary.missing.length === 0) {
-    missingHtml = '<p class="none">None</p>';
-  } else {
-    const rows = summary.missing.map((item) => `<tr>
-        <td>${escapeHtml(item.id)}</td>
-        <td>${escapeHtml(item.location)}</td>
-        <td>${escapeHtml(item.reason)}</td>
-      </tr>`).join('');
-    missingHtml = `<table>
-      <thead><tr><th>Route</th><th>Missing from</th><th>Reason</th></tr></thead>
-      <tbody>${rows}</tbody>
-    </table>`;
-  }
-
-  // --- Dimension shifts ---
-  let dimensionHtml;
-  if (dimensionChanges.length === 0) {
-    dimensionHtml = '<p class="none">None</p>';
-  } else {
-    const rows = dimensionChanges.map((item) => `<tr>
-        <td>${escapeHtml(item.id)}</td>
-        <td>${escapeHtml(formatViewport(item.viewport))}</td>
-        <td>${item.baselineWidth}&times;${item.baselineHeight}</td>
-        <td>${item.currentWidth}&times;${item.currentHeight}</td>
-      </tr>`).join('');
-    dimensionHtml = `<table>
-      <thead><tr><th>Route</th><th>Viewport</th><th>Baseline</th><th>Current</th></tr></thead>
-      <tbody>${rows}</tbody>
-    </table>`;
-  }
-
-  // --- Errors ---
-  let errorsHtml;
-  if (summary.errors.length === 0) {
-    errorsHtml = '<p class="none">None</p>';
-  } else {
-    const rows = summary.errors.map((item) => `<tr>
-        <td>${escapeHtml(item.id)}</td>
-        <td>${escapeHtml(item.message)}</td>
-      </tr>`).join('');
-    errorsHtml = `<table>
-      <thead><tr><th>Route</th><th>Error</th></tr></thead>
-      <tbody>${rows}</tbody>
-    </table>`;
+  const enrichedOptions = { ...options };
+  if (!enrichedOptions.imageReader && (options.baselineRunDir || options.currentRunDir)) {
+    enrichedOptions.imageReader = defaultImageReader;
   }
-
-  // --- Meta bar ---
-  const metaParts = [];
-  if (summary.baselineArtifactName) metaParts.push(`Baseline: <code>${escapeHtml(summary.baselineArtifactName)}</code>`);
-  if (summary.baselineSourceSha) metaParts.push(`SHA: <code>${escapeHtml(summary.baselineSourceSha)}</code>`);
-  metaParts.push(`Diff mode: <code>${escapeHtml(summary.diffMode)}</code>`);
-  metaParts.push(`Threshold: <code>${summary.threshold}</code>`);
-
-  const generatedAt = escapeHtml(summary.finishedAt || summary.startedAt);
-
-  return `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>SnapDrift Report</title>
-  <style>
-    *, *::before, *::after { box-sizing: border-box; }
-    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; padding: 24px; background: #f6f8fa; color: #24292f; line-height: 1.5; }
-    a { color: #0969da; }
-    h1 { margin: 0 0 8px; font-size: 1.4em; }
-    h2 { font-size: 1.1em; border-bottom: 1px solid #d0d7de; padding-bottom: 6px; margin: 0 0 12px; }
-    .header { background: #fff; border: 1px solid #d0d7de; border-radius: 8px; padding: 20px 24px; margin-bottom: 20px; }
-    .status { display: inline-block; font-size: 1.1em; font-weight: 600; padding: 3px 10px; border-radius: 12px; }
-    .status-clean { background: #dafbe1; color: #116329; }
-    .status-changes { background: #fff8c5; color: #7d4e00; }
-    .status-incomplete { background: #fff3cd; color: #664d03; }
-    .status-skipped { background: #f6f8fa; color: #57606a; }
-    .stats { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
-    .stat { background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 6px; padding: 8px 14px; min-width: 100px; }
-    .stat strong { display: block; font-size: 1.5em; line-height: 1.2; }
-    .stat span { font-size: 0.8em; color: #57606a; }
-    .meta { margin-top: 12px; font-size: 0.85em; color: #57606a; }
-    .meta em { margin-right: 14px; font-style: normal; }
-    section { background: #fff; border: 1px solid #d0d7de; border-radius: 8px; padding: 20px 24px; margin-bottom: 20px; }
-    table { border-collapse: collapse; width: 100%; font-size: 0.9em; }
-    th { background: #f6f8fa; text-align: left; padding: 7px 10px; border-bottom: 1px solid #d0d7de; white-space: nowrap; }
-    td { padding: 7px 10px; border-bottom: 1px solid #eaecef; vertical-align: top; word-break: break-word; }
-    tr:last-child td { border-bottom: none; }
-    .images-row td { padding: 0 10px 14px; background: #fafafa; }
-    .image-compare { display: flex; gap: 16px; flex-wrap: wrap; }
-    .image-col { flex: 1; min-width: 260px; }
-    .image-label { font-size: 0.78em; font-weight: 600; color: #57606a; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
-    .image-col img { max-width: 100%; border: 1px solid #d0d7de; border-radius: 4px; display: block; }
-    .no-img { color: #57606a; font-size: 0.85em; font-style: italic; }
-    .none { color: #57606a; font-style: italic; margin: 0; }
-    code { background: #eaeef2; padding: 1px 5px; border-radius: 4px; font-size: 0.88em; }
-    footer { font-size: 0.8em; color: #57606a; text-align: right; margin-top: 8px; }
-  </style>
-</head>
-<body>
-  <div class="header">
-    <h1>SnapDrift Visual Diff Report</h1>
-    <span class="status ${statusClass}">${statusLabel}</span>
-    <div class="stats">
-      <div class="stat"><strong>${summary.changedScreenshots}</strong><span>Drift signals</span></div>
-      <div class="stat"><strong>${summary.matchedScreenshots}</strong><span>Stable captures</span></div>
-      <div class="stat"><strong>${summary.missingInBaseline + summary.missingInCurrent}</strong><span>Capture gaps</span></div>
-      <div class="stat"><strong>${dimensionChanges.length}</strong><span>Dimension shifts</span></div>
-      <div class="stat"><strong>${summary.errors.length}</strong><span>Errors</span></div>
-    </div>
-    <div class="meta">${metaParts.map((p) => `<em>${p}</em>`).join('')}</div>
-  </div>
-
-  <section>
-    <h2>Drift signals</h2>
-    ${changedHtml}
-  </section>
-
-  <section>
-    <h2>Capture gaps</h2>
-    ${missingHtml}
-  </section>
-
-  <section>
-    <h2>Dimension shifts</h2>
-    ${dimensionHtml}
-  </section>
-
-  <section>
-    <h2>Comparison errors</h2>
-    ${errorsHtml}
-  </section>
-
-  <footer>Generated by <a href="https://github.com/ranacseruet/snapdrift">SnapDrift</a> &middot; ${generatedAt}</footer>
-</body>
-</html>
-`;
-}
+  return _generateHtmlReport(summary, enrichedOptions);
+}