Add spell check to context menu

core/src/components/main-app.js

@@ -31,8 +31,6 @@ class MainApp extends connect(store)(LitElement) {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.electronAPI.showMyMenu()
 			})
 		}
 	}

electron.js

@@ -3,6 +3,7 @@ const {
 	BrowserWindow,
 	ipcMain,
 	Menu,
+	MenuItem,
 	Notification,
 	Tray,
 	dialog,
@@ -1133,6 +1134,42 @@ function createWindow() {
 	myWindow.once('ready-to-show', myWindow.show)
 	myWindow.loadURL('http://localhost:12388/app')
 
+	myWindow.webContents.on('context-menu', (event, params) => {
+		event.preventDefault()
+		const menu = new Menu()
+		// Add each spelling suggestion (if any)
+		if (params.dictionarySuggestions && params.dictionarySuggestions.length > 0) {
+			for (const suggestion of params.dictionarySuggestions) {
+				menu.append(new MenuItem({
+					label: suggestion,
+					click: () => myWindow.webContents.replaceMisspelling(suggestion)
+				}))
+			}
+		}
+		// Allow users to add the misspelled word to the dictionary if there is one
+		if (params.misspelledWord) {
+			menu.append(
+				new MenuItem({
+					label: 'Add to dictionary',
+					click: () => myWindow.webContents.session.addWordToSpellCheckerDictionary(params.misspelledWord)
+				})
+			)
+		}
+		// Add a separator if we added suggestions or add-to-dictionary items
+		if ((params.dictionarySuggestions && params.dictionarySuggestions.length > 0) || params.misspelledWord) {
+			menu.append(new MenuItem({ type: 'separator' }))
+		}
+		// Now add your existing menu items (like copy, paste, etc.)
+		menu.append(new MenuItem({ role: 'undo' }))
+		menu.append(new MenuItem({ role: 'redo' }))
+		menu.append(new MenuItem({ type: 'separator' }))
+		menu.append(new MenuItem({ role: 'cut' }))
+		menu.append(new MenuItem({ role: 'copy' }))
+		menu.append(new MenuItem({ role: 'paste' }))
+		menu.append(new MenuItem({ role: 'selectAll' }))
+		menu.popup({ window: myWindow })
+	})
+
 	// Save current window config when closing
 	myWindow.on('close', () => {
 		// Save current maximized state
@@ -1364,57 +1401,6 @@ if (!isLock) {
 		checkOsPlatform()
 	})
 
-	ipcMain.on('show-my-menu', (event) => {
-		let homePageOptions = Menu.buildFromTemplate([
-			{
-				label: i18n.__("electron_translate_35"),
-				role: 'copy'
-			},
-			{
-				label: i18n.__("electron_translate_36"),
-				role: 'paste'
-			},
-			{
-				type: "separator"
-			},
-			{
-				label: i18n.__("electron_translate_37"),
-				submenu: [
-					{
-						label: i18n.__("electron_translate_38"),
-						role: 'zoomIn'
-					},
-					{
-						label: i18n.__("electron_translate_39"),
-						role: 'zoomOut'
-					},
-					{
-						label: i18n.__("electron_translate_40"),
-						role: 'resetZoom'
-					},
-					{
-						type: 'separator'
-					},
-					{
-						label: i18n.__("electron_translate_41"),
-						role: 'togglefullscreen'
-					}
-				]
-			},
-			{
-				type: "separator"
-			},
-			{
-				label: i18n.__("electron_translate_42"),
-				click: function () {
-					createNewWindow()
-				},
-			}
-		])
-
-		homePageOptions.popup(myWindow)
-	})
-
 	autoUpdater.on('update-available', (event) => {
 		const downloadOpts = {
 			type: 'info',

lib/preload.js

@@ -4,7 +4,6 @@ contextBridge.exposeInMainWorld('electronAPI', {
 	setStartCore: () => ipcRenderer.send('set-start-core'),
 	startCore: () => ipcRenderer.send('start-core-electron'),
 	checkForUpdate: () => ipcRenderer.send('check-for-update'),
-	showMyMenu: () => ipcRenderer.send('show-my-menu'),
 	focusApp: () => ipcRenderer.send('focus-app'),
 	clearMyCache: () => ipcRenderer.send('clear-all-cache'),
 	clearCache() {

plugins/plugins/core/become-minter/become-minter.src.js

@@ -95,8 +95,6 @@ class BecomeMinter extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/components/qortal-info-view.js

@@ -329,8 +329,6 @@ class QortalInfoView extends LitElement {
 
 	firstUpdated() {
 		window.addEventListener('contextmenu', (event) => {
-			event.preventDefault()
-			window.parent.electronAPI.showMyMenu()
 		})
 	}
 

plugins/plugins/core/data-management/data-management.src.js

@@ -209,8 +209,6 @@ class DataManagement extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/group-management/group-management.src.js

@@ -822,8 +822,6 @@ class GroupManagement extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/minting-info/minting-info.src.js

@@ -252,8 +252,6 @@ class MintingInfo extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/name-registration/name-registration.src.js

@@ -425,8 +425,6 @@ class NameRegistration extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/names-market/names-market.src.js

@@ -367,8 +367,6 @@ class NamesMarket extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/node-management/node-management.src.js

@@ -204,8 +204,6 @@ class NodeManagement extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/overview-page/overview-page.src.js

@@ -170,8 +170,6 @@ class OverviewPage extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/puzzles/puzzles.src.js

@@ -161,8 +161,6 @@ class Puzzles extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/q-app/q-apps.src.js

@@ -260,8 +260,6 @@ class QApps extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/q-chat/q-chat.src.js

@@ -367,10 +367,6 @@ class Chat extends LitElement {
 					}
 					target = target.parentNode
 				}
-
-				// If it doesn't, show the default Electron context menu
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/q-website/q-websites.src.js

@@ -258,8 +258,6 @@ class QWebsites extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/qdn/browser/browser.src.js

@@ -242,8 +242,6 @@ class WebBrowser extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/qdn/publish/publish.src.js

@@ -293,8 +293,6 @@ class PublishData extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/qortal-lottery/qortal-lottery.src.js

@@ -243,8 +243,6 @@ class QortalLottery extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/reward-share/reward-share.src.js

@@ -200,8 +200,6 @@ class RewardShare extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/sponsorship-list/sponsorship-list.src.js

@@ -401,8 +401,6 @@ class SponsorshipList extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/trade-bot/trade-bot-portal.src.js

@@ -1021,8 +1021,6 @@ class TradeBotPortal extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/trade-portal/trade-portal.src.js

@@ -588,8 +588,6 @@ class TradePortal extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}
 

plugins/plugins/core/wallet/wallet-app.src.js

@@ -2278,8 +2278,6 @@ class MultiWallet extends LitElement {
 		if (!isElectron()) {
 		} else {
 			window.addEventListener('contextmenu', (event) => {
-				event.preventDefault()
-				window.parent.electronAPI.showMyMenu()
 			})
 		}