worn spindle
I created a timer app that is transparent hiding the menubar, then i created a custom button to close the app.
Right in my main.js i but this ipcMain.on("customCloseButton", () => app.quit()); but i cant make it work :(. Can someone help me get a hint to make it work?
worn spindle
worn spindle
can you share documentation or a link that can help me?
worn spindle
use IPC and a preload file
i have this now , a preload file
contextBridge.exposeInMainWorld("api", {
close: () => ipcRenderer.send("close-app"),
getCurrentLoad: () => currentLoad()
});```in my main.js
const path = require('path');
require("electron-reload")(__dirname)
let win;
const createWindow = () => {
const mainWindow = new BrowserWindow({
width: 569,
height: 240,
maxHeight: 240, minHeight: 240,
minWidth:320, minHeight: 320,
frame: false,
autoHideMenuBar: true,
webPreferences: {
preload:__dirname + "\\preload.js",
nodeIntegration: true
},
transparent: true,
alwaysOnTop: true,
});
ipcMain.on("close-app", () => app.quit());
mainWindow.loadFile(path.join(__dirname, 'index.html'));
};
app.on('ready', createWindow);
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});```in my style.css
padding: 5px;
font-size: .8em;
color: grey;
-webkit-app-region: no-drag;
}
#close:hover {
color: #8ce796;
}```and i have this in my index.html
<p id="close">✖</p>
still wont work
outer palm
Okay, it looks better
the path to your preload is wrong
Here is the docs for IPC : https://www.electronjs.org/docs/latest/tutorial/ipc
You preload path should be something like this:
preload: path.join(__dirname, 'preload.js')
Thank you ser!
outer palm
If you care about security, set nodeIntegration to false
https://www.electronjs.org/docs/latest/tutorial/security
and in your preload, I can't see the function currentLoad, so you will get an error on this
worn spindle
and in your preload, I can't see the function `currentLoad`, so you will get an ...
checking on the documentation now, thanks a lot ser madam!
worn spindle
@outer palm thanks my issue with close button solved!
outer palm
Kudo to you for reading the docs. Far too many people don't.
vernal carbon
