Showing the cursor for headless browser

.gitignore

@@ -23,4 +23,7 @@ render/dist
 
 # Private assets
 demo
-logo
+logo
+
+# Others
+.DS_Store

README.md

@@ -104,7 +104,7 @@ npm install -g terminalizer
 
 > Still facing an issue? Check the [Issues](#issues) section or open a new issue.
 
-The installation should be very smooth with Node.js v4-v12. For newer versions, if the installation is failed, you may need to install the development tools to build the `C++` add-ons. Check [node-gyp](https://github.com/nodejs/node-gyp#installation).
+The installation should be very smooth with Node.js v4-v16. For newer versions, if the installation is failed, you may need to install the development tools to build the `C++` add-ons. Check [node-gyp](https://github.com/nodejs/node-gyp#installation).
 
 # Getting Started
 

render/index.js

@@ -71,6 +71,8 @@ ipcMain.handle('getOptions', function () {
  * @param {Object} event
  */
 ipcMain.handle('capturePage', async function (event, captureRect, frameIndex) {
+  // To show the cursor for headless browser
+  mainWindow.focusOnWebView();
   const img = await mainWindow.webContents.capturePage(captureRect);
   const outputPath = path.join(renderDir, frameIndex + '.png');
   fs.writeFileSync(outputPath, img.toPNG());

render/preload.js

@@ -8,7 +8,6 @@ contextBridge.exposeInMainWorld('app', {
     return ipcRenderer.invoke('getOptions');
   },
   capturePage(captureRect, frameIndex) {
-    console.log('prelaod > capturePage');
     return ipcRenderer.invoke('capturePage', captureRect, frameIndex);
   },
 });