fix eslint

new-log-viewer/src/components/Layout.tsx

@@ -337,10 +337,10 @@ const Layout = () => {
                     multiple={true}
                     name={"log-level"}
                     style={{display: "table-row", height: "2rcap"}}
-                    value={selectedLogLevels.map(index => index.toString())}
+                    value={selectedLogLevels.map((index) => index.toString())}
                     onChange={handleLogLevelSelectChange}
                 >
-                    {LOG_LEVEL_NAMES_LIST.map((logLevelName,index) => (
+                    {LOG_LEVEL_NAMES_LIST.map((logLevelName, index) => (
                         <option
                             key={logLevelName}
                             style={{display: "table-cell", width: "8rch", borderStyle: "solid"}}

new-log-viewer/src/contexts/StateContextProvider.tsx

@@ -144,8 +144,10 @@ const StateContextProvider = ({children}: StateContextProviderProps) => {
     const {filePath, logEventNum} = useContext(UrlContext);
 
     const [fileName, setFileName] = useState<string>(STATE_DEFAULT.fileName);
-    const [firstLogEventNumPerPage, setFirstLogEventNumPerPage] = useState<number[]>(STATE_DEFAULT.firstLogEventNumPerPage);
-    const [lastLogEventNumPerPage, setLastLogEventNumPerPage] = useState<number[]>(STATE_DEFAULT.lastLogEventNumPerPage);
+    const [firstLogEventNumPerPage, setFirstLogEventNumPerPage] =
+        useState<number[]>(STATE_DEFAULT.firstLogEventNumPerPage);
+    const [lastLogEventNumPerPage, setLastLogEventNumPerPage] =
+        useState<number[]>(STATE_DEFAULT.lastLogEventNumPerPage);
     const [logData, setLogData] = useState<string>(STATE_DEFAULT.logData);
     const [numEvents, setNumEvents] = useState<number>(STATE_DEFAULT.numEvents);
     const [numFilteredEvents, setNumFilteredEvents] =

new-log-viewer/src/services/LogFileManager.ts

@@ -18,6 +18,7 @@ import {getBasenameFromUrlOrDefault} from "../utils/url";
 import ClpIrDecoder from "./decoders/ClpIrDecoder";
 import JsonlDecoder from "./decoders/JsonlDecoder";
 
+
 /**
  * Loads a file from a given source.
  *
@@ -241,18 +242,18 @@ class LogFileManager {
         this.#numFilteredEvents = filteredLogEventsIndices.length;
 
         for (let i = 0; i < this.#numFilteredEvents; i += this.#pageSize) {
-            const firstLogEventOnPageIdx: number = filteredLogEventsIndices[i] as number
+            const firstLogEventOnPageIdx: number = filteredLogEventsIndices[i] as number;
             this.#firstLogEventNumPerPage.push(1 + firstLogEventOnPageIdx);
 
-            //Need to minus one from page size to get correct index into filtered log events.
+            // Need to minus one from page size to get correct index into filtered log events.
             let lastPageIdx: number = i + this.#pageSize - 1
 
-            //Guard to prevent indexing out of array on last page.
+            // Guard to prevent indexing out of array on last page.
             if (lastPageIdx >= this.#numFilteredEvents) {
-                lastPageIdx = this.#numFilteredEvents - 1
+                lastPageIdx = this.#numFilteredEvents - 1;
             }
 
-            const lastLogEventOnPageIdx: number = filteredLogEventsIndices[lastPageIdx] as number
+            const lastLogEventOnPageIdx: number = filteredLogEventsIndices[lastPageIdx] as number;
             this.#lastLogEventNumPerPage.push(1 + lastLogEventOnPageIdx);
         }
     }

new-log-viewer/src/services/decoders/ClpIrDecoder.ts

@@ -1,12 +1,11 @@
 import clpFfiJsModuleInit, {ClpIrStreamReader} from "clp-ffi-js";
-
 import {Nullable} from "../../typings/common";
-
 import {
     Decoder,
     DecodeResultType,
     LogEventCount,
 } from "../../typings/decoders";
+import {LogLevelFilter} from "../../typings/logs";
 
 class ClpIrDecoder implements Decoder {
     #streamReader: ClpIrStreamReader;
@@ -44,7 +43,7 @@ class ClpIrDecoder implements Decoder {
         };
     }
 
-    // eslint-disable-next-line class-methods-use-this
+    // eslint-disable-next-line class-methods-use-this no-unused-vars
     changeLogLevelFilter (logLevelFilter: LogLevelFilter): boolean {
          // TODO: fix this after log level filtering is implemented in clp-ffi-js
         return true

new-log-viewer/src/services/decoders/JsonlDecoder.ts

@@ -71,7 +71,7 @@ class JsonlDecoder implements Decoder {
         }
 
         this.#deserialize();
-        this.#filteredLogIndices = this.#createIndicesArray(this.#logEvents.length)
+        this.#filteredLogIndices = createIndicesArray(this.#logEvents.length);
 
         const numInvalidEvents = Array.from(this.#invalidLogEventIdxToRawLine.keys())
             .filter((eventIdx) => (beginIdx <= eventIdx && eventIdx < endIdx))
@@ -85,6 +85,7 @@ class JsonlDecoder implements Decoder {
 
     changeLogLevelFilter (logLevelFilter: LogLevelFilter): boolean {
         this.#filterLogs(logLevelFilter);
+
         return true;
     }
 
@@ -190,7 +191,7 @@ class JsonlDecoder implements Decoder {
         this.#filteredLogIndices.length = 0;
 
         if (!logLevelFilter) {
-            return
+            return;
         }
 
         this.#logEvents.forEach((logEvent, index) => {
@@ -200,21 +201,6 @@ class JsonlDecoder implements Decoder {
         });
     }
 
-    /**
-     * Creates an array containing indices as values. Method is used to set the default log level
-     * filter (i.e. all levels are selected, so the array should include all log indices).
-     *
-     * @param length The length of the array
-     * @return Array with indices as values (i.e [0, 1, 2, 3, ..., length - 1])
-     */
-    #createIndicesArray (length: number): number[] {
-        const filteredLogIndices: number[]  = Array.from(
-            {length: length},
-            (_, index) => index
-        );
-        return filteredLogIndices;
-    }
-
     /**
      * Parses the log level from the given log event.
      *
@@ -260,4 +246,19 @@ class JsonlDecoder implements Decoder {
     }
 }
 
+/**
+ * Creates an array containing indices as values. Method is used to set the default log level
+ * filter (i.e. all levels are selected, so the array should include all log indices).
+ *
+ * @param length The length of the array
+ * @return Array with indices as values (i.e [0, 1, 2, 3, ..., length - 1])
+ */
+function createIndicesArray (length: number): number[] {
+    const filteredLogIndices: number[]  = Array.from(
+        {length: length},
+        (_, index) => index
+    );
+    return filteredLogIndices;
+}
+
 export default JsonlDecoder;

new-log-viewer/src/typings/decoders.ts

@@ -7,6 +7,7 @@ import {
     LogLevelFilter,
 } from "./logs";
 
+
 interface LogEventCount {
     numValidEvents: number,
     numInvalidEvents: number,