chore rename util.js to Logger.js and refactor functions to a class

src/ContentScript/index.js

@@ -1,4 +1,4 @@
-import { logError, logTime } from '../utills';
+import Logger from '../Logger';
 import NodeObserver from './observer';
 
 const runTimeHandler = typeof browser === 'undefined' ? chrome : browser;
@@ -69,6 +69,7 @@ function parseNode(/** @type Element */ node) {
 }
 
 function mutationCallback(/** @type MutationRecord[] */ mutationRecords) {
+  Logger.logInfo('mutationCallback fired ', mutationRecords.length);
   mutationRecords.forEach(({ type, addedNodes }) => {
     if (type !== 'childList') return;
 
@@ -77,7 +78,7 @@ function mutationCallback(/** @type MutationRecord[] */ mutationRecords) {
 }
 
 const ToggleReading = (enableReading) => {
-  const endTimer = logTime('ToggleReading-Time');
+  const endTimer = Logger.logTime('ToggleReading-Time');
   try {
     const boldedElements = document.getElementsByTagName('br-bold');
 
@@ -107,7 +108,7 @@ const ToggleReading = (enableReading) => {
       }
     }
   } catch (error) {
-    logError(error);
+    Logger.logError(error);
   } finally {
     endTimer();
   }

src/Logger.js

@@ -0,0 +1,40 @@
+/**
+ *
+ * provide development utility functions for reporting errors, logging data and logging time
+ */
+
+/* eslint-disable no-console */
+export default class Logger {
+  static #isProductionEnv = () => process.env.NODE_ENV === 'production';
+
+  static logError = (error) => {
+    if (this.#isProductionEnv()) return;
+    console.error(error);
+  };
+
+  /**
+ *
+ * @param  {...any} data
+ * @returns {void}
+ */
+  static logInfo = (...data) => {
+    if (this.#isProductionEnv()) return;
+
+    console.log(...data);
+  };
+
+  /**
+ *
+ * @param {String} label
+ * @returns {Function} end and display time when called in non production environment
+ */
+  static logTime = (label) => {
+    if (this.#isProductionEnv()) {
+      return () => {
+      // no-op}
+      };
+    }
+    console.time(label);
+    return () => console.timeEnd(label);
+  };
+}