Configuring frameless windows

For the screenshot snipping tool, we need a minimal window, known as a Chrome, so that we can select a portion of the screen to make a screenshot. Due to this, we need to use an Electron feature called frameless windows, which allows you to open a window without toolbars, borders, or other graphical chromes.

Refer to the following resource to find out more: https://electronjs.org/docs/api/frameless-window.

We are only going to touch on the basics that you will need to implement for the application. For now, let's learn how to create a basic frameless window:

1. Update the code of the main.js file so that it looks as follows:

      win = new BrowserWindow({ 
          width: 800, 
          height: 600, 
          webPreferences: {
            nodeIntegration: true
          }
          frame: false 
      });

2. If you run the application now, you will...