refactor: fix lint error and update ci build node versions

Author: rars

.github/workflows/node.js.yml

@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [20.x, 22.x, 24.x]
 
     steps:
       - uses: actions/checkout@v3

projects/ngx-diff/src/lib/components/side-by-side-diff/side-by-side-diff.component.ts

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 import { Diff, DiffOp } from 'diff-match-patch-ts';
 import { DiffMatchPatchService } from '../../services/diff-match-patch/diff-match-patch.service';
 
@@ -32,6 +32,8 @@ interface ILine {
     styleUrl: './side-by-side-diff.component.scss'
 })
 export class SideBySideDiffComponent implements OnInit, OnChanges {
+  private readonly dmp = inject(DiffMatchPatchService);
+
   /**
    * Optional title to be displayed at the top of the diff.
    */
@@ -64,8 +66,6 @@ export class SideBySideDiffComponent implements OnInit, OnChanges {
   public afterLines: ILine[] = [];
   public selectedLineIndex?: number;
 
-  public constructor(private readonly dmp: DiffMatchPatchService) {}
-
   public ngOnInit(): void {
     this.update();
   }

projects/ngx-diff/src/lib/components/unified-diff/unified-diff.component.ts

@@ -1,6 +1,6 @@
 import { Diff, DiffOp } from 'diff-match-patch-ts';
 
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnChanges, OnInit, Output, inject } from '@angular/core';
 
 import { IDiffCalculation } from '../../common/diff-calculation.interface';
 import { LineDiffType } from '../../common/line-diff-type';
@@ -26,6 +26,8 @@ type LineDiff = {
     styleUrl: './unified-diff.component.scss'
 })
 export class UnifiedDiffComponent implements OnInit, OnChanges {
+  private readonly dmp = inject(DiffMatchPatchService);
+
   /**
    * Optional title to be displayed at the top of the diff.
    */
@@ -53,8 +55,6 @@ export class UnifiedDiffComponent implements OnInit, OnChanges {
   public selectedLine?: LineDiff;
   public isContentEqual: boolean = false;
 
-  public constructor(private readonly dmp: DiffMatchPatchService) {}
-
   public ngOnInit(): void {
     this.updateHtml();
   }