();
+
+ for (const result of results) {
+ const existing = grouped.get(result.status) || [];
+ existing.push(result);
+ grouped.set(result.status, existing);
+ }
+
+ return grouped;
+}
+
+/**
+ * Generates a simple line-by-line diff HTML
+ */
+function generateDiffHtml(fileContent: IFileContentComparison): string {
+ if (fileContent.isBinary) {
+ return `${escapeHtml(Constants.Strings.HTML_REPORT_BINARY_FILE_MESSAGE)}
`;
+ }
+
+ const { localContent, remoteContent, result } = fileContent;
+
+ // Handle cases where content couldn't be read
+ if (localContent === null && remoteContent === null) {
+ return `${escapeHtml(Constants.Strings.HTML_REPORT_UNABLE_TO_READ_CONTENTS)}
`;
+ }
+
+ // For added files, show all lines as additions
+ if (result.status === FileComparisonStatus.ADDED) {
+ if (localContent === null) {
+ return `${escapeHtml(Constants.Strings.HTML_REPORT_UNABLE_TO_READ_LOCAL)}
`;
+ }
+ const lines = localContent.split("\n");
+ const diffLines = lines.map((line, idx) =>
+ `${idx + 1}+ ${escapeHtml(line)}
`
+ ).join("");
+ return `${diffLines}
`;
+ }
+
+ // For deleted files, show all lines as deletions
+ if (result.status === FileComparisonStatus.DELETED) {
+ if (remoteContent === null) {
+ return `${escapeHtml(Constants.Strings.HTML_REPORT_UNABLE_TO_READ_REMOTE)}
`;
+ }
+ const lines = remoteContent.split("\n");
+ const diffLines = lines.map((line, idx) =>
+ `${idx + 1}- ${escapeHtml(line)}
`
+ ).join("");
+ return `${diffLines}
`;
+ }
+
+ // For modified files, compute a simple diff
+ if (localContent === null || remoteContent === null) {
+ return `${escapeHtml(Constants.Strings.HTML_REPORT_UNABLE_TO_READ_BOTH)}
`;
+ }
+
+ const diffLines = computeSimpleDiff(remoteContent, localContent);
+ return `${diffLines}
`;
+}
+
+/**
+ * Computes a simple line-by-line diff between two texts
+ * Uses a basic longest common subsequence approach
+ */
+function computeSimpleDiff(oldText: string, newText: string): string {
+ const oldLines = oldText.split("\n");
+ const newLines = newText.split("\n");
+
+ // Simple diff using LCS
+ const lcs = computeLCS(oldLines, newLines);
+ const result: string[] = [];
+
+ let oldIdx = 0;
+ let newIdx = 0;
+ let oldLineNum = 1;
+ let newLineNum = 1;
+
+ for (const commonLine of lcs) {
+ // Output deletions (lines in old but not in common)
+ while (oldIdx < oldLines.length && oldLines[oldIdx] !== commonLine) {
+ result.push(`${oldLineNum}- ${escapeHtml(oldLines[oldIdx])}
`);
+ oldIdx++;
+ oldLineNum++;
+ }
+
+ // Output additions (lines in new but not in common)
+ while (newIdx < newLines.length && newLines[newIdx] !== commonLine) {
+ result.push(`${newLineNum}+ ${escapeHtml(newLines[newIdx])}
`);
+ newIdx++;
+ newLineNum++;
+ }
+
+ // Output the common line
+ result.push(`${oldLineNum}${newLineNum} ${escapeHtml(commonLine)}
`);
+ oldIdx++;
+ newIdx++;
+ oldLineNum++;
+ newLineNum++;
+ }
+
+ // Output remaining deletions
+ while (oldIdx < oldLines.length) {
+ result.push(`${oldLineNum}- ${escapeHtml(oldLines[oldIdx])}
`);
+ oldIdx++;
+ oldLineNum++;
+ }
+
+ // Output remaining additions
+ while (newIdx < newLines.length) {
+ result.push(`${newLineNum}+ ${escapeHtml(newLines[newIdx])}
`);
+ newIdx++;
+ newLineNum++;
+ }
+
+ return result.join("");
+}
+
+/**
+ * Computes the longest common subsequence of two string arrays
+ */
+function computeLCS(arr1: string[], arr2: string[]): string[] {
+ const m = arr1.length;
+ const n = arr2.length;
+
+ // Create DP table
+ const dp: number[][] = Array(m + 1).fill(null).map(() => Array(n + 1).fill(0));
+
+ for (let i = 1; i <= m; i++) {
+ for (let j = 1; j <= n; j++) {
+ if (arr1[i - 1] === arr2[j - 1]) {
+ dp[i][j] = dp[i - 1][j - 1] + 1;
+ } else {
+ dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+ }
+ }
+ }
+
+ // Backtrack to find LCS
+ const lcs: string[] = [];
+ let i = m;
+ let j = n;
+
+ while (i > 0 && j > 0) {
+ if (arr1[i - 1] === arr2[j - 1]) {
+ lcs.unshift(arr1[i - 1]);
+ i--;
+ j--;
+ } else if (dp[i - 1][j] > dp[i][j - 1]) {
+ i--;
+ } else {
+ j--;
+ }
+ }
+
+ return lcs;
+}
+
+/**
+ * Generates the HTML content for the report
+ */
+function generateHtmlContent(
+ fileContents: IFileContentComparison[],
+ siteName: string,
+ environmentName: string
+): string {
+ const generatedDate = formatDateForDisplay(new Date());
+ const comparisonResults = fileContents.map(fc => fc.result);
+ const groupedResults = groupByStatus(comparisonResults);
+
+ const addedCount = groupedResults.get(FileComparisonStatus.ADDED)?.length || 0;
+ const modifiedCount = groupedResults.get(FileComparisonStatus.MODIFIED)?.length || 0;
+ const deletedCount = groupedResults.get(FileComparisonStatus.DELETED)?.length || 0;
+
+ // Sort results by path
+ const sortedFileContents = [...fileContents].sort((a, b) =>
+ a.result.relativePath.localeCompare(b.result.relativePath)
+ );
+
+ const fileRows = sortedFileContents.map((fc, index) => {
+ const result = fc.result;
+ const diffHtml = generateDiffHtml(fc);
+
+ return `
+ `;
+ }).join("");
+
+ return `
+
+
+
+
+ ${escapeHtml(Constants.Strings.HTML_REPORT_TITLE)} - ${escapeHtml(siteName)}
+
+
+
+
+
+
+
+
+
+
${comparisonResults.length}
+
${escapeHtml(Constants.Strings.HTML_REPORT_TOTAL_CHANGES)}
+
+
${addedCount}
+
${escapeHtml(Constants.Strings.HTML_REPORT_ADDED)}
+
+
${modifiedCount}
+
${escapeHtml(Constants.Strings.HTML_REPORT_MODIFIED)}
+
+
${deletedCount}
+
${escapeHtml(Constants.Strings.HTML_REPORT_DELETED)}
+
+
+
+ ${escapeHtml(Constants.Strings.HTML_REPORT_COMPARISON_DETAILS)}
+
+
+ ${escapeHtml(Constants.Strings.HTML_REPORT_SITE_NAME_LABEL)}
+ ${escapeHtml(siteName)}
+
+
+ ${escapeHtml(Constants.Strings.HTML_REPORT_ENVIRONMENT_LABEL)}
+ ${escapeHtml(environmentName)}
+
+
+ ${escapeHtml(Constants.Strings.HTML_REPORT_GENERATED_LABEL)}
+ ${escapeHtml(generatedDate)}
+
+
+
+
+
+
+