app.js

const {
  app, BrowserWindow, TouchBar, nativeImage,
} = require('electron');

const { TouchBarPopover, TouchBarButton } = TouchBar;

const image = nativeImage.createFromPath('./m.png').resize({ height: 30 });

app.on('ready', () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  const touchBar = new TouchBar({
    items: [
      new TouchBarPopover({
        icon: image,
        showCloseButton: true,
        items: new TouchBar({
          items: [
            new TouchBarButton({ label: 'pop' })],
        }),
      }),
      new TouchBarPopover({
        label: 'Second popover',
        showCloseButton: true,
        items: new TouchBar({
          items: [
            new TouchBarButton({ label: 'pop' })],
        }),
      }),
    ],
  });
  win.loadFile('index.html');
  win.webContents.openDevTools();
  win.setTouchBar(touchBar);
});