Update diff tool

tjprescott · tjprescott · commit 65b436b08d25 · 2025-03-11T15:32:23.000-07:00
diff --git a/src/html-diff.ts b/src/html-diff.ts
@@ -11,11 +11,42 @@ export class HtmlDiffClient {
 
     const unifiedDiff = createTwoFilesPatch(lhsPath, rhsPath, lhs, rhs);
 
-    this.htmlOutput = Diff2Html.html(unifiedDiff, {
-      drawFileList: true,
+    const htmlOutput = Diff2Html.html(unifiedDiff, {
+      drawFileList: false,
       outputFormat: "side-by-side",
       matching: "lines",
     });
+
+    // Step 4: Dynamically read CSS file
+    const diff2htmlCss = fs.readFileSync(
+      "./node_modules/diff2html/bundles/css/diff2html.min.css",
+      "utf8"
+    );
+
+    // Step 5: Embed CSS into the final HTML
+    this.htmlOutput = `
+  <!DOCTYPE html>
+  <html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Diff View</title>
+    <style>
+      body {
+        font-family: Arial, sans-serif;
+        margin: 0;
+        padding: 0;
+      }
+      .d2h-wrapper {
+        font-size: 14px;
+      }
+      /* Inline CSS for diff2html */
+      ${diff2htmlCss}
+    </style>
+  </head>
+  <body>
+    ${htmlOutput}
+  </body>
+  </html>`;
   }
 
   writeOutput(outputPath: string) {
