Update FileListRenderer to class

src/__tests__/file-list-renderer-tests.ts

@@ -1,4 +1,4 @@
-import { render } from '../file-list-renderer';
+import { FileListRenderer } from '../file-list-renderer';
 import HoganJsUtils from '../hoganjs-utils';
 
 describe('FileListRenderer', () => {
@@ -10,6 +10,7 @@ describe('FileListRenderer', () => {
           'file-summary-line': '{{oldName}}, {{newName}}, {{fileName}}',
         },
       });
+      const fileListRenderer = new FileListRenderer(hoganUtils);
       const files = [
         {
           isCombined: false,
@@ -55,7 +56,7 @@ describe('FileListRenderer', () => {
         },
       ];
 
-      const fileHtml = render(files, hoganUtils);
+      const fileHtml = fileListRenderer.render(files);
 
       expect(fileHtml).toMatchInlineSnapshot(`
         "my/file/name.js, my/file/name.js, my/file/name.js
@@ -67,6 +68,8 @@ describe('FileListRenderer', () => {
 
     it('should work for all kinds of files', () => {
       const hoganUtils = new HoganJsUtils({});
+      const fileListRenderer = new FileListRenderer(hoganUtils);
+
       const files = [
         {
           isCombined: false,
@@ -111,7 +114,7 @@ describe('FileListRenderer', () => {
           isDeleted: true,
         },
       ];
-      const fileHtml = render(files, hoganUtils);
+      const fileHtml = fileListRenderer.render(files);
       expect(fileHtml).toMatchInlineSnapshot(`
         "<div class="d2h-file-list-wrapper">
             <div class="d2h-file-list-header">

src/diff2html.ts

@@ -1,5 +1,5 @@
 import * as DiffParser from './diff-parser';
-import * as fileListPrinter from './file-list-renderer';
+import { FileListRenderer } from './file-list-renderer';
 import LineByLineRenderer, { LineByLineRendererConfig, defaultLineByLineRendererConfig } from './line-by-line-renderer';
 import SideBySideRenderer, { SideBySideRendererConfig, defaultSideBySideRendererConfig } from './side-by-side-renderer';
 import { DiffFile, OutputFormatType } from './types';
@@ -32,7 +32,7 @@ export function html(diffInput: string | DiffFile[], configuration: Diff2HtmlCon
 
   const hoganUtils = new HoganJsUtils(config);
 
-  const fileList = config.drawFileList ? fileListPrinter.render(diffJson, hoganUtils) : '';
+  const fileList = config.drawFileList ? new FileListRenderer(hoganUtils).render(diffJson) : '';
 
   const diffOutput =
     config.outputFormat === 'side-by-side'

src/file-list-renderer.ts

@@ -5,10 +5,17 @@ import { DiffFile } from './types';
 const baseTemplatesPath = 'file-summary';
 const iconsBaseTemplatesPath = 'icon';
 
-export function render(diffFiles: DiffFile[], hoganUtils: HoganJsUtils): string {
+export class FileListRenderer {
+  private readonly hoganUtils: HoganJsUtils;
+
+  constructor(hoganUtils: HoganJsUtils) {
+    this.hoganUtils = hoganUtils;
+  }
+
+  render(diffFiles: DiffFile[]): string {
     const files = diffFiles
       .map(file =>
-      hoganUtils.render(
+        this.hoganUtils.render(
           baseTemplatesPath,
           'line',
           {
@@ -20,14 +27,15 @@ export function render(diffFiles: DiffFile[], hoganUtils: HoganJsUtils): string
             addedLines: '+' + file.addedLines,
           },
           {
-          fileIcon: hoganUtils.template(iconsBaseTemplatesPath, renderUtils.getFileIcon(file)),
+            fileIcon: this.hoganUtils.template(iconsBaseTemplatesPath, renderUtils.getFileIcon(file)),
           },
         ),
       )
       .join('\n');
 
-  return hoganUtils.render(baseTemplatesPath, 'wrapper', {
+    return this.hoganUtils.render(baseTemplatesPath, 'wrapper', {
       filesNumber: diffFiles.length,
       files: files,
     });
   }
+}