Fix ESM conversion in search and logging tabs

js/configurator_main.js

@@ -239,8 +239,7 @@ $(function() {
                             import('./../tabs/cli').then(() => TABS.cli.initialize(content_ready));
                             break;
                         case 'search':
-                            require('./../tabs/search');
-                            TABS.search.initialize(content_ready);
+                            import('./../tabs/search').then(() => TABS.search.initialize(content_ready));
                             break;
                         default:
                             console.log('Tab not found:' + tab);

js/main/main.js

@@ -5,7 +5,7 @@ import Store from "electron-store";
 import path from 'path';
 import { fileURLToPath } from 'node:url';
 import started from 'electron-squirrel-startup';
-import { writeFile, readFile } from 'node:fs/promises';
+import { writeFile, readFile, appendFile } from 'node:fs/promises';
 
 import tcp from './tcp';
 import udp from './udp';
@@ -312,7 +312,18 @@ app.whenReady().then(() => {
         resolve(false)
       } catch (err) {
         resolve(err);
-      } 
+      }
+    });
+  });
+
+  ipcMain.handle('appendFile', (_event, filename, data) => {
+    return new Promise(async resolve => {
+      try {
+        await appendFile(filename, data);
+        resolve(false)
+      } catch (err) {
+        resolve(err);
+      }
     });
   });
 

js/main/preload.js

@@ -31,6 +31,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
   onUdpError: (callback) => ipcRenderer.on('udpError', (_event, error) => callback(error)),
   onUdpMessage: (callback) => ipcRenderer.on('udpMessage', (_event, data) => callback(data)),
   writeFile: (filename, data) => ipcRenderer.invoke('writeFile', filename, data),
+  appendFile: (filename, data) => ipcRenderer.invoke('appendFile', filename, data),
   readFile: (filename, encoding = 'utf8') => ipcRenderer.invoke('readFile', filename, encoding),
   rm: (path) => ipcRenderer.invoke('rm', path),
   chmod: (path, mode) => ipcRenderer.invoke('chmod', path, mode),

tabs/logging.js

@@ -9,6 +9,7 @@ import interval from './../js/intervals';
 import i18n from './../js/localization';
 import { zeroPad } from './../js/helpers';
 import dialog from '../js/dialog';
+import store from './../js/store';
 
 
 TABS.logging = {};
@@ -81,13 +82,8 @@ TABS.logging.initialize = function (callback) {
                             interval.add('log_data_poll', log_data_poll, parseInt($('select.speed').val()), true); // refresh rate goes here
                             interval.add('write_data', function write_data() {
                                 if (log_buffer.length && readyToWrite) { // only execute when there is actual data to write
-
-                                    fs.writeFileSync(loggingFileName, log_buffer.join('\n') + '\n', {
-                                        "flag": "a"
-                                    })
-
+                                    window.electronAPI.appendFile(loggingFileName, log_buffer.join('\n') + '\n');
                                     $('.samples').text(samples += log_buffer.length);
-
                                     log_buffer = [];
                                 }
                             }, 1000);

tabs/search.js

@@ -1,6 +1,5 @@
-const { GUI, TABS } = require('./../js/gui');
-const path = require('path');
-const i18n = require('./../js/localization');
+import { GUI, TABS } from './../js/gui.js';
+import i18n from './../js/localization.js';
 
 
 
@@ -185,12 +184,12 @@ TABS.search.initialize = function (callback) {
         TABS.search.searchMessages(document.getElementById('search-keyword').value);
       }
     }
-    GUI.load(path.join(__dirname, "search.html"), function () {
+    import('./search.html?raw').then(({default: html}) => GUI.load(html, function () {
         i18n.localize();
         document.getElementById('search-label').addEventListener('click', searchKeyword, false);
         document.getElementById('search-keyword').addEventListener('keyup', searchKeywordTyping, false);
         GUI.content_ready(callback);
-    } );
+    }));
     self.getMessages();
     for (let tab of tabNames) {
         self.indexTab(tab);