Merge pull request #8 from hackmdio/copy-url-menu

Copy url menu

Author: Yukaii

ipc/consumer.js

@@ -40,6 +40,9 @@ module.exports = function (commandId, args = {}) {
           })
         }
       }).catch(err => console.log(err))
+    case 'copyUrl':
+      BrowserWindow.getFocusedWindow().webContents.send('copy-url')
+      break
     default:
       break
   }

ipc/exec.js

@@ -0,0 +1,15 @@
+const { ipcMain, ipcRenderer } = require('electron')
+
+const consumer = require('./consumer')
+
+const isMainProcess = typeof ipcMain !== 'undefined'
+
+const exec = (commandId, args = {}) => {
+  if (isMainProcess) {
+    consumer(commandId, args)
+  } else {
+    ipcRenderer.send('main:command', { commandId, args })
+  }
+}
+
+module.exports = exec

menu.js

@@ -1,23 +1,12 @@
-const { ipcMain, ipcRenderer } = require('electron')
 const path = require('path')
 const url = require('url')
 const os = require('os')
 
 const Menu = require('electron').Menu || require('electron').remote.Menu
 const app = require('electron').app || require('electron').remote.app
 
-const consumer = require('./ipc/consumer')
 const { getServerUrl } = require('./utils')
-
-const isMainProcess = typeof ipcMain !== 'undefined'
-
-function exec (commandId, args = {}) {
-  if (isMainProcess) {
-    consumer(commandId, args)
-  } else {
-    ipcRenderer.send('main:command', { commandId, args })
-  }
-}
+const exec = require('./ipc/exec')
 
 const template = [
   {
@@ -57,6 +46,12 @@ const template = [
       {
         role: 'copy'
       },
+      {
+        label: 'Copy URL',
+        click () {
+          exec('copyUrl')
+        }
+      },
       {
         role: 'paste'
       },

renderer.js

@@ -1,5 +1,5 @@
 const { ipcRenderer, remote, clipboard } = require('electron')
-const { BrowserWindow } = remote
+const { BrowserWindow, Menu } = remote
 
 const os = remote.require('os')
 const path = remote.require('path')
@@ -22,7 +22,9 @@ window.onload = () => {
   if (isMac) {
     document.querySelector('navbar').style.paddingLeft = '75px'
     document.querySelector('#navbar-container .control-buttons:nth-child(3)').style.display = 'none'
-    document.querySelector('#navbar-container .more-menu').style.display = 'none'
+    if (process.env.NODE_ENV !== 'development') {
+      document.querySelector('#navbar-container .more-menu').style.display = 'none'
+    }
   }
 
   let targetURL
@@ -36,6 +38,18 @@ window.onload = () => {
 
   const webview = document.getElementById('main-window')
 
+  function copyUrl () {
+    clipboard.writeText(webview.getURL())
+    new Notification('URL copied', { title: 'URL copied', body: webview.getURL() }) // eslint-disable-line no-new
+  }
+
+  const navbarMenu = Menu.buildFromTemplate([{
+    label: 'Copy URL',
+    click () {
+      copyUrl()
+    }
+  }])
+
   webview.addEventListener('dom-ready', function () {
     // set webview title
     document.querySelector('#navbar-container .title').innerHTML = webview.getTitle()
@@ -69,13 +83,8 @@ window.onload = () => {
       webview.loadURL(webview.getURL())
     }
 
-    document.querySelector('#navbar-container .title').onclick = () => {
-      clipboard.writeText(webview.getURL())
-      Notification('URL copied', { title: 'URL copied', body: webview.getURL() })
-    }
-
     document.querySelector('#navbar-container .more-menu').onclick = () => {
-      menu.popup(require('electron').remote.getCurrentWindow())
+      menu.popup(remote.getCurrentWindow())
     }
 
     document.querySelector('#navbar-container .minimize-window').onclick = () => {
@@ -97,6 +106,10 @@ window.onload = () => {
       win.close()
     }
 
+    document.querySelector('#navbar-container').addEventListener('contextmenu', () => {
+      navbarMenu.popup(remote.getCurrentWindow())
+    })
+
     if (process.env.NODE_ENV === 'development') {
       webview.openDevTools()
     }
@@ -141,6 +154,11 @@ window.onload = () => {
   ipcRenderer.on('supported-version', () => {
     $('navbar').removeClass('unsupported')
   })
+
+  ipcRenderer.on('copy-url', () => {
+    copyUrl()
+  })
+
   $('#serverurl-config-modal.modal #submit-serverurl').click(function () {
     let serverurl = $('#serverurl-config-modal.modal input[type="text"]').val()