electron-dialog

Use main process dialogs in renderer process

Install

npm install @eightnineight/electron-dialog

Usage

main process

import "@eightnineight/electron-dialog";

renderer process

import { showOpenDialog, showSaveDialog, showMessageBox, showErrorBox } from "@eightnineight/electron-dialog";

let file;

// the parameters are the same as those in the original electron showOpenDialog()
file = await showOpenDialog({
    title: "Open File",
    buttonLabel: "Open",
});
if (!file.canceled) {
    console.log("open:", file.filePath);
}

// the parameters are the same as those in the original electron showSaveDialog()
file = await showSaveDialog({
    title: "Save File",
    buttonLabel: "Save",
});
if (!file.canceled) {
    console.log("save:", file.filePath);
}

// the parameters are the same as those in the original electron showMessageBox()
showMessageBox({
    type: "info",
    title: "Message",
    message: "Message Box",
});

// the parameters are the same as those in the original electron showErrorBox()
showErrorBox({
    title: "Error",
    content: "Unknown",
});