made opening files asynchronous between render and bg process

addresses #2

contextAPI.js

@@ -3,5 +3,6 @@
 const {contextBridge, ipcRenderer} = require("electron");
 
 contextBridge.exposeInMainWorld("api", {
-	openFile : async () => ipcRenderer.invoke("WindowManager::openFile")
+	openFileDialog : ()       => ipcRenderer.send("WindowManager::openFileDialog"),
+	openFile       : callback => ipcRenderer.on("Ation::openFile", (_, presentation) => callback(presentation))
 });

src/Ation.js

@@ -10,14 +10,22 @@ const {parser}      = require("./Parser");
 class Ation {
 	windowManager;
 	mainMenu;
+	fileToOpen;
 
 	constructor() {
 		if (Ation.Instances > 0)
 			throw new Error("Only one Instance of Ation possible");
+		this.fileToOpen    = null;
 		this.windowManager = new WindowManager(this);
 		this.mainMenu      = new MainMenu(this);
 
+		app.on("open-file", (_, path) => {
+			this.fileToOpen = path;
+		});
+
 		app.whenReady().then(async () => {
+			if (this.fileToOpen)
+				dialog.showMessageBox(this.windowManager.mainWindow, {message : this.fileToOpen});
 			protocol.registerFileProtocol("slideimg", (request, callback) => {
 				const uri       = request.url.replace(/^slideimg:\/\//, "");
 				const extension = path.extname(uri).replace(/^\./, "");

src/WindowManager.js

@@ -1,8 +1,7 @@
 "use strict";
 
-const {app, BrowserWindow, ipcMain, dialog, Menu} = require("electron");
+const {app, BrowserWindow, ipcMain, globalShortcut} = require("electron");
 const path                                          = require("path");
-const fs                                          = require("fs/promises");
 const util                                          = require("util");
 
 const {isDevelopment} = require("./Util");
@@ -28,6 +27,15 @@ class WindowManager {
 			titleBarStyle  : "hiddenInset"
 		});
 
+		if (isDevelopment) {
+			globalShortcut.register("CommandOrControl+I", () => {
+				this.mainWindow.toggleDevTools();
+			});
+			globalShortcut.register("CommandOrControl+R", () => {
+				this.mainWindow.reload();
+			});
+		}
+
 		if (isDevelopment())
 			this.mainWindow.loadURL("http://localhost:3000");
 		else

src/ui/src/components/Ation.js

@@ -18,13 +18,18 @@ const Ation = () => {
 	const [basePath, setBasePath] = useState("");
 	const [showTips, setShowTips] = useState(false);
 
-	const openFile = async () => {
+	useEffect(() => {
-		const [basePath, slideDeck] = await window.api.openFile();
+		window.api.openFile(presentation => {
-
+			const [basePath, slideDeck] = presentation;
 			if (!slideDeck)
 				return;
 			setBasePath(basePath);
 			setDeck(slideDeck);
+		});
+	}, []);
+
+	const openFile = () => {
+		window.api.openFileDialog();
 	}
 
 	if (deck.length < 1)