reZach · January 11, 2020 22:41
diff --git a/index.html b/index.html
 <!doctype html>
 <html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <title>Getting Started!</title>
  </head>
  <body>
    <script>
        console.log("In index.html");
        try {
          window.electron.ipcRenderer.on("event2", (a, b) => {});
        } catch (err){
          // log error
          console.error(err);
        }

        console.log(`Added event successfully in index? ${Object.keys(window.electron.ipcRenderer._events).length === 2 ? "Yes" : "No"}`);        
    </script>
  </body>
 </html>
diff --git a/main.js b/main.js
 const {
    app,
    BrowserWindow,
    session,
    ipcMain
 } = require("electron");
 const path = require("path");

 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
 let win;


 async function createWindow() {

    // Create the browser window.
    win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: false,
            nodeIntegrationInWorker: false,
            nodeIntegrationInSubFrames: false,
            contextIsolation: true,
            enableRemoteModule: false,
            preload: path.join(__dirname, "preload.js")
        }
    });

    // Load app
    win.loadFile(path.join(__dirname, "../src/index.html"));

    win.webContents.openDevTools();

    // Emitted when the window is closed.
    win.on("closed", () => {
        // Dereference the window object, usually you would store windows
        // in an array if your app supports multi windows, this is the time
        // when you should delete the corresponding element.
        win = null
    });
 }

 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
 app.on("ready", createWindow);

 // Quit when all windows are closed.
 app.on("window-all-closed", () => {
    // On macOS it is common for applications and their menu bar
    // to stay active until the user quits explicitly with Cmd + Q
    if (process.platform !== "darwin") {
        app.quit();
    }
 });

 app.on("activate", () => {
    // On macOS it's common to re-create a window in the app when the
    // dock icon is clicked and there are no other windows open.
    if (win === null) {
        createWindow();
    }
 });
diff --git a/preload.js b/preload.js
 const {
    contextBridge,
    ipcRenderer
 } = require("electron");

 console.log("In preload.js");
 ipcRenderer.on("event1", (a, b) => {});
 console.log(`Added event successfully in preload? ${Object.keys(ipcRenderer._events).length === 1 ? "Yes" : "No"}`);

 contextBridge.exposeInMainWorld(
    "electron", {
        ipcRenderer: ipcRenderer
    }
 );
	<!doctype html>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title>Getting Started!</title>
	</head>
	<body>
	<script>
	console.log("In index.html");
	try {
	window.electron.ipcRenderer.on("event2", (a, b) => {});
	} catch (err){
	// log error
	console.error(err);
	}

	console.log(`Added event successfully in index? ${Object.keys(window.electron.ipcRenderer._events).length === 2 ? "Yes" : "No"}`);
	</script>
	</body>
	</html>
	const {
	app,
	BrowserWindow,
	session,
	ipcMain
	} = require("electron");
	const path = require("path");

	// Keep a global reference of the window object, if you don't, the window will
	// be closed automatically when the JavaScript object is garbage collected.
	let win;


	async function createWindow() {

	// Create the browser window.
	win = new BrowserWindow({
	width: 800,
	height: 600,
	webPreferences: {
	nodeIntegration: false,
	nodeIntegrationInWorker: false,
	nodeIntegrationInSubFrames: false,
	contextIsolation: true,
	enableRemoteModule: false,
	preload: path.join(__dirname, "preload.js")
	}
	});

	// Load app
	win.loadFile(path.join(__dirname, "../src/index.html"));

	win.webContents.openDevTools();

	// Emitted when the window is closed.
	win.on("closed", () => {
	// Dereference the window object, usually you would store windows
	// in an array if your app supports multi windows, this is the time
	// when you should delete the corresponding element.
	win = null
	});
	}

	// This method will be called when Electron has finished
	// initialization and is ready to create browser windows.
	// Some APIs can only be used after this event occurs.
	app.on("ready", createWindow);

	// Quit when all windows are closed.
	app.on("window-all-closed", () => {
	// On macOS it is common for applications and their menu bar
	// to stay active until the user quits explicitly with Cmd + Q
	if (process.platform !== "darwin") {
	app.quit();
	}
	});

	app.on("activate", () => {
	// On macOS it's common to re-create a window in the app when the
	// dock icon is clicked and there are no other windows open.
	if (win === null) {
	createWindow();
	}
	});
	const {
	contextBridge,
	ipcRenderer
	} = require("electron");

	console.log("In preload.js");
	ipcRenderer.on("event1", (a, b) => {});
	console.log(`Added event successfully in preload? ${Object.keys(ipcRenderer._events).length === 1 ? "Yes" : "No"}`);

	contextBridge.exposeInMainWorld(
	"electron", {
	ipcRenderer: ipcRenderer
	}
	);