create self-handled logger

src/api/apis.ts

@@ -1,6 +1,7 @@
 import api from "../api/config";
 import { UpdateInfo } from "../states/app";
 import { mapAPIResponseServerListToAppStructure } from "../utils/helpers";
+import { Log } from "../utils/logger";
 import { APIResponseServer, Server } from "../utils/types";
 
 export const getCachedList = async () => {
@@ -15,7 +16,7 @@ export const getCachedList = async () => {
         }
       })
       .catch((e) => {
-        console.log(e);
+        Log.debug(e);
         resolve({ success: false, servers: [] });
       });
   });
@@ -30,7 +31,7 @@ export const getUpdateInfo = async () => {
           resolve({ success: true, info: response.data });
         })
         .catch((e) => {
-          console.log(e);
+          Log.debug(e);
           resolve({ success: false, info: undefined });
         });
     }

src/containers/MainBody/ServerList/Item.tsx

@@ -92,7 +92,6 @@ const ServerItem = memo((props: IProps) => {
       onPress={() => onPress()}
       // @ts-ignore
       onContextMenu={(e) => {
-        console.log(e);
         e.preventDefault();
         showContextMenu({ x: e.clientX, y: e.clientY }, server);
         return e;

src/containers/Settings/Tab/General.tsx

@@ -10,6 +10,7 @@ import { usePersistentServers } from "../../../states/servers";
 import { useSettings } from "../../../states/settings";
 import { checkDirectoryValidity } from "../../../utils/helpers";
 import { Server } from "../../../utils/types";
+import { Log } from "../../../utils/logger";
 
 const General = () => {
   const { hostOS } = useAppState();
@@ -45,7 +46,7 @@ const General = () => {
         setNickName(name);
       }
     } catch (e) {
-      console.log(e);
+      Log.debug(e);
     }
   };
 

src/utils/logger.ts

@@ -0,0 +1,16 @@
+import { process } from "@tauri-apps/api";
+
+export namespace Log {
+  export const info = (message?: any, ...optionalParams: any[]) => {
+    console.log(message, ...optionalParams);
+  };
+
+  export const debug = (message?: any, ...optionalParams: any[]) => {
+    try {
+      // @ts-ignore
+      if (process && process.env.NODE_ENV === "development") {
+        console.log(message, ...optionalParams);
+      }
+    } catch (e) {}
+  };
+}