IL: Code Samples

path-1-the-shortcut.js

const mainWindow = new BrowserWindow({ width: 800, height: 800 });
mainWindow.loadURL(‘https://<remote-web-app-goes-here>’);
                   
// ==============
// Guest page (remote web app)
// ==============
const {remote} = require(‘electron’);

remote.app.setBadgeCount(9001);

path-2-remote-isolation.js

const mainWindow = new BrowserWindow({
  width: 800,
  height: 800,
  webPreferences: {
    preload: './path/to/preload/script.js',
    nodeIntegration: false,
    contextIsolation: true,
    // ...
  }
});
mainWindow.loadURL('https://<remote-web-app-goes-here>');

// ==============
// Preload script
// ==============
const {remote} = require('electron');

window.interop = {
  setBadgeCount(count) {
    return remote.app.setBadgeCount(count);
  }
};

// ==============
// Guest page (remote web app)
// ==============
if (window.interop) window.interop.setBadgeCount(9001);

path-3-local-resources.js

const {remote} = require('electron');
const {Component} = require('react');
const {Header, Sidebar} = require('@remote-web-app/ui');



const desktopInterop = {
  setBadgeCount(count) {
    return remote.app.setBadgeCount(count);
  }
};



class DesktopApp extends Component {
  render() {
    return (
      <div>
        <Header desktopInterop={desktopInterop} />
        <Sidebar desktopInterop={desktopInterop} />
      </div>
    );
  }
}



const mainWindow = new BrowserWindow({
  width: 800,
  height: 800
});
mainWindow.loadURL('file://path/to/app/shell.html');