Refactor speaker management and replace functionality; add IPC for saving speaker mappings and update HTML structure

env example is in UTF 16 which, when copied and used as the .env, is...

See merge request proj-wise2526-video2document/video2document!79

electron/main/index.html

@@ -19,7 +19,7 @@
       </label>
 
       <nav class="menu1">
-        <a href="custom_document.html" class="li1">Custom document</a>
+        <a href="custom_document.html" class="li1">Manage document types</a>
         <a href="" class="li1">Help</a>
       </nav>
     </nav>

electron/main/preload.js

@@ -3,35 +3,39 @@ const { contextBridge, ipcRenderer, webUtils } = require('electron')
 try {
     contextBridge.exposeInMainWorld("explorer", {
         onFileDrop: (file) => webUtils.getPathForFile(file)
-    })
+    });
+
     contextBridge.exposeInMainWorld("submit", {
-        submit: (meeting_specifications) => {ipcRenderer.send("file_submit", meeting_specifications)}
-    })
+        submit: (meeting_specifications) => ipcRenderer.send("file_submit", meeting_specifications)
+    });
+
+    // ALLE electronAPI Funktionen in EINEM Objekt
     contextBridge.exposeInMainWorld("electronAPI", {
-        getFilePath: (file) => {return webUtils.getPathForFile(file)}
-    })
+        getFilePath: (file) => webUtils.getPathForFile(file),
+        saveSpeakerMapping: (data) => ipcRenderer.send("save-speaker-mapping", data)
+    });
 
     contextBridge.exposeInMainWorld("onStartup", {
         getModuleNames: () => ipcRenderer.invoke('get-module-names')
-    })
+    });
 
     contextBridge.exposeInMainWorld('electron', {
         progress: (callback) => ipcRenderer.on('progress', callback)
-    })
+    });
 
     contextBridge.exposeInMainWorld('audios', {
         speakerAudios: (callback) => ipcRenderer.on('speakerAudios', callback)
-    })
+    });
+
     contextBridge.exposeInMainWorld("submitSpeaker", {
-        speaker_submit: (speaker_names) => {ipcRenderer.send("speaker_submit", speaker_names)}
-    })
+        speaker_submit: (speaker_names) => ipcRenderer.send("speaker_submit", speaker_names)
+    });
 
     contextBridge.exposeInMainWorld("download", {
-        file_download: () => {ipcRenderer.send("file_download")}
-    })
+        file_download: () => ipcRenderer.send("file_download")
+    });
 
-    
-    ipcRenderer.on("error", (event, err) => {alert(err)})
+    ipcRenderer.on("error", (event, err) => { alert(err) });
 } catch (error) {
-    console.log("Error in preload.js");
+    console.log("Error in preload.js", error);
 }

electron/main/script.js

@@ -315,11 +315,20 @@ function setSpeakerAudiosValue(valy){
 
 function rewriteSpeakerName() {
   try {
-    var tempy = document.getElementById("cur_speaker").value;
-    speakerAudios[tempy].name = document.getElementById("newSpeaker").value;
+    const oldKey = document.getElementById("cur_speaker").value;
+    const newName = document.getElementById("newSpeaker").value;
+
+    speakerAudios[oldKey].name = newName;
     loadSpeakerOptions(speakerAudios);
+
+    // IPC-Aufruf an Electron main process
+    window.electronAPI.saveSpeakerMapping({
+      speakerId: oldKey,
+      speakerName: newName
+    });
+
   } catch (error) {
-    console.log("\n\n\n" + error + "\n\n\n")
+    console.log(error);
   }
 }
 

main.js

@@ -103,7 +103,23 @@ electron.ipcMain.handle('get-module-names', async () => {
     return module_array
 });
 
+electron.ipcMain.on("save-speaker-mapping", (event, data) => {
 
+  const filePath = "/Users/mikehughes/PROJ/video2document/storage/speakerMapping/speakerMapping.json";
+
+  const payload = {
+    speakerId: data.speakerId,
+    speakerName: data.speakerName,
+    updated: new Date().toISOString()
+  };
+
+  try {
+    fs.writeFileSync(filePath, JSON.stringify(payload, null, 2), "utf8");
+    console.log("Speaker mapping saved!");
+  } catch (error) {
+    console.error("Failed to save speaker mapping", error);
+  }
+});
 // electron.ipcMain.on("get_modules", async (event, args) => {
 //     let module_array = {
 //         "ai_modules":[],
@@ -160,6 +176,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
             mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
         }).catch(err => {
             mainWindow.webContents.send("error", err)
+            console.log(err);
             return
         })
 
@@ -174,6 +191,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
             mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
         }).catch(err => {
             mainWindow.webContents.send("error", err)
+            console.log(err);
             return
         })
 
@@ -188,6 +206,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
             mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
         }).catch(err => {
             mainWindow.webContents.send("error", err)
+            console.log(err);
             return
         })
 
@@ -204,6 +223,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
             mainWindow.webContents.send("progress", {curstep:curstep, totalsteps:totalsteps})
         }).catch(err => {
             mainWindow.webContents.send("error", err)
+            console.log(err);
             return
         })
 
@@ -212,6 +232,7 @@ electron.ipcMain.on("file_submit", async (event, args) => {
             mainWindow.webContents.send("speakerAudios", resp)
         }).catch(err => {
             mainWindow.webContents.send("error", err)
+            console.log(err);
             return
         })
     } catch (error) {

package-lock.json

@@ -450,6 +450,7 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.9.2.tgz",
       "integrity": "sha512-uWN8YqxXxqFMX2RqGOrumsKeti4LlmIMIyV0lgut4jx7KQBcBiW6vkDtIBvHnHIquwNfJhk8v2OtmO8zXWHfPA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~7.16.0"
       }
@@ -1305,7 +1306,8 @@
       "version": "0.0.1534754",
       "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1534754.tgz",
       "integrity": "sha512-26T91cV5dbOYnXdJi5qQHoTtUoNEqwkHcAyu/IKtjIAxiEqPMrDiRkDOPWVsGfNZGmlQVHQbZRSjD8sxagWVsQ==",
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/diff": {
       "version": "4.0.2",
@@ -3488,9 +3490,10 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "version": "6.14.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.1.tgz",
+      "integrity": "sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "side-channel": "^1.1.0"
       },
@@ -4204,6 +4207,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"

services/modules/replace_speaker/replaceSpeaker.js

@@ -0,0 +1,70 @@
+const fs = require('fs');
+const path = require('path');
+
+const module_exports = {
+    name: "replace_speaker",
+    type: "processor",
+    displayname: "Speaker Name Replacer",
+    description: "Replaces speaker placeholder names with actual names based on a mapping in HTML files",
+
+    async function({ inputHtmlPath, speakerMappingPath }) {
+        return await this.replaceNames(inputHtmlPath, speakerMappingPath);
+    },
+
+    replaceNames: async function(inputHtmlPath, speakerMappingPath) {
+        try {
+            const htmlContent = await fs.promises.readFile(inputHtmlPath, "utf-8");
+            const mappingData = await fs.promises.readFile(speakerMappingPath, "utf-8");
+
+            let speakerMap = {};
+            try {
+                const parsed = JSON.parse(mappingData);
+                if (parsed.speakerId && parsed.speakerName) {
+                    speakerMap[parsed.speakerId] = parsed.speakerName;
+                } else {
+                    Object.assign(speakerMap, parsed);
+                }
+            } catch (e) {
+                const lines = mappingData.trim().split('\n');
+                lines.forEach(line => {
+                    const [placeholder, realName] = line.split(',').map(s => s.trim());
+                    if (placeholder && realName) speakerMap[placeholder] = realName;
+                });
+            }
+
+            let outputContent = htmlContent;
+            Object.entries(speakerMap).forEach(([placeholder, realName]) => {
+                const regex = new RegExp(`[\$begin:math:text$\\\\\[\]\?\$\{placeholder\}\[\\$end:math:text$\\]]?`, 'g');
+                outputContent = outputContent.replace(regex, realName);
+            });
+
+            await fs.promises.writeFile(inputHtmlPath, outputContent, "utf-8");
+
+            return inputHtmlPath;
+
+        } catch (error) {
+            console.error("Error replacing speaker names:", error);
+            throw error;
+        }
+    }
+};
+
+module.exports = module_exports;
+
+if (require.main === module) {
+    (async () => {
+        const args = process.argv.slice(2);
+        if (args.length < 2) process.exit(1);
+
+        const [inputHtmlPath, speakerMappingPath] = args;
+
+        if (!fs.existsSync(inputHtmlPath)) process.exit(1);
+        if (!fs.existsSync(speakerMappingPath)) process.exit(1);
+
+        try {
+            await module_exports.replaceNames(inputHtmlPath, speakerMappingPath);
+        } catch (err) {
+            process.exit(1);
+        }
+    })();
+}

storage/speakerMapping/speakerMapping.json

@@ -0,0 +1,5 @@
+{
+  "speakerId": "speakerB",
+  "speakerName": "Peter",
+  "updated": "2026-01-10T13:54:55.608Z"
+}