Add logger

Author: Stigmatoz

src/background.ts

@@ -1,7 +1,11 @@
-import browser from "webextension-polyfill";
+import Browser from "webextension-polyfill";
+import { initTracker } from "./tracker";
+import { logger } from "./compositions/logger";
 
-console.log("Start background script");
+logger.log("Start background script");
 
-browser.runtime.onInstalled.addListener((details) => {
-  console.log("Extension installed:", details);
+Browser.runtime.onInstalled.addListener((details) => {
+  logger.log("Extension installed:", details);
 });
+
+initTracker();

src/compositions/logger.ts

@@ -0,0 +1,28 @@
+function print(logFn: typeof console.log, style: string, ...args: any[]) {
+    if (typeof args[0] === 'string') {
+      const newArgs = [...args];
+      logFn(
+        `%cWeb Activity Time Tracker%c${new Date().toLocaleTimeString()}%c ${newArgs.shift()}`,
+        style,
+        'background-color: #eaf1fb; padding: 2px 4px; border-radius: 3px',
+        '',
+        ...newArgs,
+      );
+    } else {
+      logFn('%cWeb Activity Time Tracker', style, ...args);
+    }
+  }
+
+export function log(...args: any[]) {
+    if (__DEV__)
+      print(
+        console.log,
+        'color: white; background-color: #1e8e3e; padding: 2px 4px; border-radius: 3px; font-weight: bold',
+        ...args,
+      );
+}
+
+
+export const logger = {
+    log,
+};

src/repository/inject-tabs-repository.ts

@@ -11,7 +11,6 @@ async function createAndInitInstance() {
 
 export async function injectTabsRepository(): Promise<ITabsRepository> {
   if (instanse == null) {
-    console.log("test");
     instanse = await createAndInitInstance();
   }
   return instanse;