Simplifying the logging for now

src/hooks/useLogging.ts

@@ -1,6 +1,11 @@
 import { useRef } from 'react';
 import Logging from '../library/Logging';
 
+/**
+ * A hook for a simple logging library.
+ * @param namespace  string that will be displayed after the timestamp and before the log level as [namespace].
+ * @returns object of type Logging
+ */
 export const useLogging = (namespace?: string): [Logging] => {
     const { current: logging } = useRef(new Logging(namespace));
 

src/index.ts

@@ -1 +1,2 @@
 export * from './hooks';
+export * from './library';

src/library/Logging.ts

@@ -1,33 +1,23 @@
-class Logging {
+const DEBUG = 'DEBUG';
+const INFO = 'INFO';
+const WARN = 'WARN';
+const ERROR = 'ERROR';
+
+export class Logging {
     private namespace = 'Default';
 
     constructor(namespace?: string) {
         if (namespace) this.namespace = namespace;
     }
 
-    public info = (message: any) => {
+    public log = (key: string, obj: any, ...objs: any[]) => {
-        if (typeof message === 'string') {
+        console.info(`[${this.getDate()}] [${this.namespace}] [${key}] %c${obj}`, ...objs);
-            console.log(`[${this.getDate()}] [${this.namespace}] [INFO] ${message}`);
-        } else {
-            console.log(`[${this.getDate()}] [${this.namespace}] [INFO]`, message);
-        }
     };
 
-    public warn = (message: any) => {
+    public debug = (obj: any, ...objs: any[]) => this.log(DEBUG, obj, objs);
-        if (typeof message === 'string') {
+    public info = (obj: any, ...objs: any[]) => this.log(INFO, obj, objs);
-            console.log(`[${this.getDate()}] [${this.namespace}] [WARN] ${message}`);
+    public warn = (obj: any, ...objs: any[]) => this.log(WARN, obj, objs);
-        } else {
+    public error = (obj: any, ...objs: any[]) => this.log(ERROR, obj, objs);
-            console.log(`[${this.getDate()}] [${this.namespace}] [WARN]`, message);
-        }
-    };
-
-    public error = (message: any) => {
-        if (typeof message === 'string') {
-            console.log(`[${this.getDate()}] [${this.namespace}] [ERROR] ${message}`);
-        } else {
-            console.log(`[${this.getDate()}] [${this.namespace}] [ERROR]`, message);
-        }
-    };
 
     public getDate = () => {
         return new Date().toISOString();

src/library/index.ts

@@ -0,0 +1 @@
+export * from './Logging';