feat(Context Menu): Add Lookup, Search Google for

src/webview/contextMenu.js

@@ -3,7 +3,7 @@
 
 import { clipboard, remote, ipcRenderer, shell } from 'electron';
 
-import { isDevMode } from '../environment';
+import { isDevMode, isMac } from '../environment';
 
 const debug = require('debug')('Franz:contextMenu');
 
@@ -23,19 +23,28 @@ function delUnusedElements(menuTpl) {
 
 const buildMenuTpl = (props, suggestions) => {
   const { editFlags } = props;
-  const hasText = props.selectionText.trim().length > 0;
+  const textSelection = props.selectionText.trim();
+  const hasText = textSelection.length > 0;
   const can = type => editFlags[`can${type}`] && hasText;
 
-  console.log(props);
-
   let menuTpl = [
     {
       type: 'separator',
+    }, {
+      id: 'lookup',
+      label: `Look Up "${textSelection.length > 15 ? `${textSelection.slice(0, 15)}...` : textSelection}"`,
+      visible: isMac && props.mediaType === 'none' && hasText,
+      click() {
+        debug('Show definition for selection', textSelection);
+        webContents.showDefinitionForSelection();
+      },
+    }, {
+      type: 'separator',
     }, {
       id: 'cut',
       role: can('Cut') ? 'cut' : '',
       enabled: can('Cut'),
-      visible: !!props.selectionText.trim() && props.isEditable,
+      visible: hasText && props.isEditable,
     }, {
       id: 'copy',
       label: 'Copy',
@@ -48,6 +57,18 @@ const buildMenuTpl = (props, suggestions) => {
       role: editFlags.canPaste ? 'paste' : '',
       enabled: editFlags.canPaste,
       visible: props.isEditable,
+    }, {
+      type: 'separator',
+      visible: props.isEditable && hasText,
+    }, {
+      id: 'searchTextSelection',
+      label: `Search Google for "${textSelection.length > 15 ? `${textSelection.slice(0, 15)}...` : textSelection}"`,
+      visible: hasText,
+      click() {
+        const url = `https://www.google.com/search?q=${textSelection}`;
+        debug('Search on Google', url);
+        shell.openExternal(url);
+      },
     }, {
       type: 'separator',
     },
@@ -60,6 +81,7 @@ const buildMenuTpl = (props, suggestions) => {
       id: 'openLink',
       label: 'Open Link in Browser',
       click() {
+        debug('Open link in Browser', props.linkURL);
         shell.openExternal(props.linkURL);
       },
     }, {
@@ -83,6 +105,7 @@ const buildMenuTpl = (props, suggestions) => {
       id: 'openImage',
       label: 'Open Image in Browser',
       click() {
+        debug('Open image in Browser', props.srcURL);
         shell.openExternal(props.srcURL);
       },
     }, {
@@ -132,7 +155,6 @@ const buildMenuTpl = (props, suggestions) => {
     });
   }
 
-  console.log('suggestions', suggestions.length, suggestions);
   if (suggestions.length > 0) {
     suggestions.reverse().map(suggestion => menuTpl.unshift({
       id: `suggestion-${suggestion}`,