fixing a few things

Author: Kevin Beier

.env

@@ -1,2 +1,4 @@
 VITE_BASEURL=https://api.example.com
-VITE_BEARERTOKEN=YOUR_BEARER_TOKEN
+VITE_BEARERTOKEN=YOUR_BEARER_TOKEN
+VITE_LOG_FILE_NAME = vigad.log
+VITE_LOGLEVEL = error

electron/preload/index.ts

@@ -1,4 +1,6 @@
+import { app } from 'electron';
 import log from 'electron-log';
+import path from 'node:path';
 
 function domReady(
     condition: DocumentReadyState[] = ['complete', 'interactive']
@@ -115,12 +117,31 @@ contextBridge.exposeInMainWorld('electronAPI', {
     saveLog: (
         message: string,
         level: ElectronLogLevel = ElectronLogLevel.INFO,
-        logFile = 'vigad.log'
+        logFileName: string
     ) => {
-        // Set the desired log file name
-        log.transports.file.fileName = logFile;
-        // Save log message using electron-log
-        log[level](message);
+        const logDirecotryName = 'logs';
+
+        console.log(process.env.NODE_ENV);
+
+        log.transports.file.format = '[{h}:{i}:{s}:{ms}] [{level}] {text}';
+        log.transports.file.maxSize = 5 * 1024 * 1024; // 5 MB
+
+        if (process.env.NODE_ENV === 'development') {
+            // Set the desired log file name
+            log.transports.file.resolvePath = () =>
+                path.join(logDirecotryName, logFileName);
+
+            // Save log message using electron-log
+            log[level](message);
+        } else {
+            // TODO: cant save log file in the root directory of the installed application yet
+            // Set the desired log file name in the root directory of the installed application
+            const logFilePath = path.join(app.getPath('exe'), logFileName);
+            log.transports.file.resolvePath = () => logFilePath;
+
+            // Save log message using electron-log
+            log[level](message);
+        }
     },
 });
 

src/App.vue

@@ -44,18 +44,24 @@ import BottomNavigation from '@/components/Navigation/BottomNavigation.vue';
 import NotificantionProvider from '@/components/Notifications/NotificationProvider/NotificationProvider.vue';
 import { NotificationAnchorPosition } from '@/components/Notifications/NotificationAnchorPosition';
 import useStreamHandler from '@/composables/useStreamHandler/useStreamHandler';
+import useLogger from '@/composables/useLogger/useLogger';
 
 // Force the application to navigate to the default route
 const router = useRouter();
 
 // Get the default preview video stream function
 const { setDefaultPreviewVideoStream } = useStreamHandler();
 
+// Get the addLog function from the useLogger composable
+const { addLog } = useLogger();
+
 onMounted(async () => {
     // set the default preview video stream
     await setDefaultPreviewVideoStream();
     // navigate to the default route
     router.push('/');
+    // add a log entry
+    addLog('Application started');
 });
 </script>
 

src/composables/useLogger/useLogger.ts

@@ -1,4 +1,4 @@
-import { onMounted, onUnmounted, ref } from 'vue';
+import { ref } from 'vue';
 import { Logger } from 'tslog';
 import { ElectronLogLevel } from './electron-log-level';
 
@@ -25,10 +25,14 @@ export default function useLogger() {
      * @param {string} message - The log message
      * @param {ElectronLogLevel} [logLevel=ElectronLogLevel.INFO] - The log level
      */
-    const addLog = (message: string, logLevel = ElectronLogLevel.INFO) => {
+    const addLog = (
+        message: string,
+        logLevel = ElectronLogLevel.INFO,
+        fileName = import.meta.env.VITE_LOG_FILE_NAME
+    ) => {
         logger.debug(message);
         logMessages.value.push(message);
-        electronLogger.saveLog(message, logLevel);
+        electronLogger.saveLog(message, logLevel, fileName);
     };
 
     /**
@@ -71,15 +75,6 @@ export default function useLogger() {
         addLog(message, ElectronLogLevel.SILLY);
     };
 
-    // Lifecycle hooks
-    onMounted(() => {
-        logger.info('Logger initialized');
-    });
-
-    onUnmounted(() => {
-        logger.info('Logger terminated');
-    });
-
     return {
         log: logMessages,
         addLog,

src/composables/useNotificationSystem/useNotificationSystem.ts

@@ -1,5 +1,6 @@
 import { ref } from 'vue';
 import useTokenGenerator from '@/composables/useTokenGenerator/useTokenGenerator';
+import useLogger from '@/composables/useLogger/useLogger';
 
 /**
  * notifications list
@@ -11,6 +12,7 @@ const notifications = ref<Notification[]>([]);
  */
 export default function useNotificationSystem() {
     const { generateValidToken } = useTokenGenerator();
+    const { addLog, addWarnLog, addErrorLog } = useLogger();
 
     /**
      * Create a notification
@@ -22,6 +24,17 @@ export default function useNotificationSystem() {
             options
         );
 
+        const type = _options.type;
+
+        // Add log message to the log file
+        if (type === 'error') {
+            addErrorLog(_options.title);
+        } else if (type === 'warning') {
+            addWarnLog(_options.title);
+        } else {
+            addLog(_options.title);
+        }
+
         notifications.value.push(
             ...[
                 {