Add onShow and onClose options (#158)

Co-authored-by: Sindre Sorhus <sindresorhus@gmail.com>

index.d.ts

@@ -284,6 +284,16 @@ declare namespace contextMenu {
 			dictionarySuggestions: MenuItemConstructorOptions[],
 			event: ElectronEvent
 		) => MenuItemConstructorOptions[];
+
+		/**
+		Called when the context menu is shown.
+		*/
+		readonly onShow?: (event: ElectronEvent) => void;
+
+		/**
+		Called when the context menu is closed.
+		*/
+		readonly onClose?: (event: ElectronEvent) => void;
 	}
 }
 

index.js

@@ -293,6 +293,15 @@ const create = (win, options) => {
 
 		if (menuTemplate.length > 0) {
 			const menu = electron.Menu.buildFromTemplate(menuTemplate);
+
+			if (typeof options.onShow === 'function') {
+				menu.on('menu-will-show', options.onShow);
+			}
+
+			if (typeof options.onClose === 'function') {
+				menu.on('menu-will-close', options.onClose);
+			}
+
 			menu.popup(win);
 		}
 	};

readme.md

@@ -305,6 +305,22 @@ Example for actions:
 }
 ```
 
+#### onShow
+
+Type: `Function`
+
+Called when the context menu is shown.
+
+The function receives an [`Event` object](https://developer.mozilla.org/en-US/docs/Web/API/Event).
+
+#### onClose
+
+Type: `Function`
+
+Called when the context menu is closed.
+
+The function receives an [`Event` object](https://developer.mozilla.org/en-US/docs/Web/API/Event).
+
 ## Related
 
 - [electron-util](https://github.com/sindresorhus/electron-util) - Useful utilities for developing Electron apps and modules