From fd64ae58feac86ae91dc32a87a8eca8e1201b1dc Mon Sep 17 00:00:00 2001 From: Igor Gassmann Date: Wed, 17 Jan 2018 23:13:08 -0300 Subject: [PATCH] Refactor main process --- src/main/Daemon.js | 64 ++ src/main/Tray.js | 63 ++ src/main/createWindow.js | 100 +++ src/main/index.js | 568 ++++-------------- src/main/menu/contextMenu.js | 20 - src/main/menu/mainMenu.js | 138 ----- src/main/menu/setupBarMenu.js | 89 +++ src/main/menu/setupContextMenu.js | 26 + src/renderer/index.js | 9 +- static/img/tray/default/tray.png | Bin 0 -> 2002 bytes static/img/tray/mac/trayTemplate.png | Bin 0 -> 1414 bytes static/img/tray/mac/trayTemplate@2x.png | Bin 0 -> 3331 bytes static/img/tray/windows/tray.ico | Bin 0 -> 4414 bytes static/img/untitled folder/trayTemplate.png | Bin 0 -> 1408 bytes .../img/untitled folder/trayTemplate@2x.png | Bin 0 -> 1784 bytes webpack.renderer.additions.js | 4 +- 16 files changed, 450 insertions(+), 631 deletions(-) create mode 100644 src/main/Daemon.js create mode 100644 src/main/Tray.js create mode 100644 src/main/createWindow.js delete mode 100644 src/main/menu/contextMenu.js delete mode 100644 src/main/menu/mainMenu.js create mode 100644 src/main/menu/setupBarMenu.js create mode 100644 src/main/menu/setupContextMenu.js create mode 100644 static/img/tray/default/tray.png create mode 100644 static/img/tray/mac/trayTemplate.png create mode 100644 static/img/tray/mac/trayTemplate@2x.png create mode 100644 static/img/tray/windows/tray.ico create mode 100644 static/img/untitled folder/trayTemplate.png create mode 100644 static/img/untitled folder/trayTemplate@2x.png diff --git a/src/main/Daemon.js b/src/main/Daemon.js new file mode 100644 index 000000000..b97d4714f --- /dev/null +++ b/src/main/Daemon.js @@ -0,0 +1,64 @@ +/* eslint-disable no-console */ +import path from 'path'; +import { spawn, execSync } from 'child_process'; + +export default class Daemon { + static path = process.env.LBRY_DAEMON || path.join(__static, 'daemon/lbrynet-daemon'); + subprocess; + handlers; + + constructor() { + this.handlers = []; + } + + launch() { + // Kill any running daemon + if (process.platform === 'win32') { + try { + execSync('taskkill /im lbrynet-daemon.exe /t /f'); + } catch (error) { + console.warn(error.message); + } + } else { + try { + execSync('pkill lbrynet-daemon'); + } catch (error) { + console.warn(error.message); + } + } + + console.log('Launching daemon:', Daemon.path); + this.subprocess = spawn(Daemon.path); + + this.subprocess.stdout.on('data', data => console.log(`Daemon: ${data}`)); + this.subprocess.stderr.on('data', data => console.error(`Daemon: ${data}`)); + this.subprocess.on('exit', () => this.fire('exit')); + this.subprocess.on('error', error => console.error(`Daemon: ${error}`)); + } + + quit() { + if (process.platform === 'win32') { + try { + execSync(`taskkill /pid ${this.subprocess.pid} /t /f`); + } catch (error) { + console.error(error.message); + } + } else { + this.subprocess.kill(); + } + } + + // Follows the publish/subscribe pattern + + // Subscribe method + on(event, handler, context = handler) { + this.handlers.push({ event, handler: handler.bind(context) }); + } + + // Publish method + fire(event, args) { + this.handlers.forEach(topic => { + if (topic.event === event) topic.handler(args); + }); + } +} diff --git a/src/main/Tray.js b/src/main/Tray.js new file mode 100644 index 000000000..6937dda42 --- /dev/null +++ b/src/main/Tray.js @@ -0,0 +1,63 @@ +import { app, Menu, Tray as ElectronTray } from 'electron'; +import path from 'path'; +import createWindow from './createWindow'; + +export default class Tray { + window; + updateAttachedWindow; + tray; + + constructor(window, updateAttachedWindow) { + this.window = window; + this.updateAttachedWindow = updateAttachedWindow; + } + + create() { + let iconPath; + switch (process.platform) { + case 'darwin': { + iconPath = path.join(__static, '/img/tray/mac/trayTemplate.png'); + break; + } + case 'win32': { + iconPath = path.join(__static, '/img/tray/windows/tray.ico'); + break; + } + default: { + iconPath = path.join(__static, '/img/tray/default/tray.png'); + } + } + + this.tray = new ElectronTray(iconPath); + + this.tray.on('double-click', () => { + if (!this.window || this.window.isDestroyed()) { + this.window = createWindow(); + this.updateAttachedWindow(this.window); + } else { + this.window.show(); + this.window.focus(); + } + }); + + this.tray.setToolTip('LBRY App'); + + const template = [ + { + label: `Open ${app.getName()}`, + click: () => { + if (!this.window || this.window.isDestroyed()) { + this.window = createWindow(); + this.updateAttachedWindow(this.window); + } else { + this.window.show(); + this.window.focus(); + } + }, + }, + { role: 'quit' }, + ]; + const contextMenu = Menu.buildFromTemplate(template); + this.tray.setContextMenu(contextMenu); + } +} diff --git a/src/main/createWindow.js b/src/main/createWindow.js new file mode 100644 index 000000000..6809761f3 --- /dev/null +++ b/src/main/createWindow.js @@ -0,0 +1,100 @@ +import { app, BrowserWindow, dialog } from 'electron'; +import setupBarMenu from './menu/setupBarMenu'; +import setupContextMenu from './menu/setupContextMenu'; + +export default deepLinkingURIArg => { + let windowConfiguration = { + backgroundColor: '#155B4A', + minWidth: 800, + minHeight: 600, + autoHideMenuBar: true, + show: false, + }; + + // Disable renderer process's webSecurity on development to enable CORS. + windowConfiguration = + process.env.NODE_ENV === 'development' + ? { + ...windowConfiguration, + webPreferences: { + webSecurity: false, + }, + } + : windowConfiguration; + + const rendererURL = + process.env.NODE_ENV === 'development' + ? `http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}` + : `file://${__dirname}/index.html`; + + let window = new BrowserWindow(windowConfiguration); + + window.maximize(); + + window.loadURL(rendererURL); + + let deepLinkingURI; + // Protocol handler for win32 + if ( + !deepLinkingURIArg && + process.platform === 'win32' && + String(process.argv[1]).startsWith('lbry') + ) { + // Keep only command line / deep linked arguments + // Windows normalizes URIs when they're passed in from other apps. On Windows, this tries to + // restore the original URI that was typed. + // - If the URI has no path, Windows adds a trailing slash. LBRY URIs can't have a slash with no + // path, so we just strip it off. + // - In a URI with a claim ID, like lbry://channel#claimid, Windows interprets the hash mark as + // an anchor and converts it to lbry://channel/#claimid. We remove the slash here as well. + deepLinkingURI = process.argv[1].replace(/\/$/, '').replace('/#', '#'); + } else { + deepLinkingURI = deepLinkingURIArg; + } + + setupBarMenu(); + setupContextMenu(window); + + window.on('closed', () => { + window = null; + }); + + window.on('focus', () => { + window.webContents.send('window-is-focused', null); + }); + + window.on('unresponsive', () => { + dialog.showMessageBox( + window, + { + type: 'warning', + buttons: ['Wait', 'Quit'], + title: 'LBRY Unresponsive', + defaultId: 1, + message: 'LBRY is not responding. Would you like to quit?', + cancelId: 0, + }, + buttonIndex => { + if (buttonIndex === 1) app.quit(); + } + ); + }); + + window.once('ready-to-show', () => { + window.show(); + }); + + window.webContents.on('did-finish-load', () => { + window.webContents.send('open-uri-requested', deepLinkingURI, true); + window.webContents.session.setUserAgent(`LBRY/${app.getVersion()}`); + if (process.env.NODE_ENV === 'development') { + window.webContents.openDevTools(); + } + }); + + window.webContents.on('crashed', () => { + window = null; + }); + + return window; +}; diff --git a/src/main/index.js b/src/main/index.js index 0afbb15a7..135611b69 100644 --- a/src/main/index.js +++ b/src/main/index.js @@ -1,510 +1,127 @@ /* eslint-disable no-console */ // Module imports -import path from 'path'; -import url from 'url'; -import Jayson from 'jayson'; -import SemVer from 'semver'; -import https from 'https'; import keytar from 'keytar-prebuild'; -import ChildProcess from 'child_process'; -import assert from 'assert'; -import { app, BrowserWindow, globalShortcut, ipcMain, Menu, Tray, dialog } from 'electron'; -import mainMenu from './menu/mainMenu'; -import contextMenu from './menu/contextMenu'; +import SemVer from 'semver'; +import url from 'url'; +import https from 'https'; +import { shell, app, ipcMain, dialog } from 'electron'; +import Daemon from './Daemon'; +import Tray from './Tray'; +import createWindow from './createWindow'; -const localVersion = app.getVersion(); - -// Debug configs -const isDevelopment = process.env.NODE_ENV === 'development'; - -// Misc constants -const latestReleaseAPIURL = 'https://api.github.com/repos/lbryio/lbry-app/releases/latest'; -const daemonPath = process.env.LBRY_DAEMON || path.join(__static, 'daemon/lbrynet-daemon'); -const rendererURL = isDevelopment - ? `http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}` - : `file://${__dirname}/index.html`; - -const client = Jayson.client.http({ - host: 'localhost', - port: 5279, - path: '/', - timeout: 1000, -}); - -// Keep a global reference of the window object, if you don't, the window will -// be closed automatically when the JavaScript object is garbage collected. +// Keep a global reference, if you don't, they will be closed automatically when the JavaScript +// object is garbage collected. let rendererWindow; -// Also keep the daemon subprocess alive -let daemonSubprocess; +// eslint-disable-next-line no-unused-vars +let tray; +let daemon; -// This is set to true right before we try to shut the daemon subprocess -- -// if it dies when we didn't ask it to shut down, we want to alert the user. -let daemonStopRequested = false; +let isQuitting; -// When a quit is attempted, we cancel the quit, do some preparations, then -// this is set to true and app.quit() is called again to quit for real. -let readyToQuit = false; +const updateRendererWindow = window => { + rendererWindow = window; +}; -// If we receive a URI to open from an external app but there's no window to -// sendCredits it to, it's cached in this variable. -let openURI = null; +const installExtensions = async () => { + // eslint-disable-next-line import/no-extraneous-dependencies,global-require + const installer = require('electron-devtools-installer'); + // eslint-disable-next-line import/no-extraneous-dependencies,global-require + const devtronExtension = require('devtron'); + const forceDownload = !!process.env.UPGRADE_EXTENSIONS; + const extensions = ['REACT_DEVELOPER_TOOLS', 'REDUX_DEVTOOLS']; -// Set this to true to minimize on clicking close -// false for normal action -let minimize = true; - -// Keep the tray also, it is getting GC'd if put in createTray() -let tray = null; - -function processRequestedURI(URI) { - // Windows normalizes URIs when they're passed in from other apps. On Windows, - // this function tries to restore the original URI that was typed. - // - If the URI has no path, Windows adds a trailing slash. LBRY URIs - // can't have a slash with no path, so we just strip it off. - // - In a URI with a claim ID, like lbry://channel#claimid, Windows - // interprets the hash mark as an anchor and converts it to - // lbry://channel/#claimid. We remove the slash here as well. - // On Linux and Mac, we just return the URI as given. - - if (process.platform === 'win32') { - return URI.replace(/\/$/, '').replace('/#', '#'); - } - return URI; -} - -/* - * Replacement for Electron's shell.openItem. The Electron version doesn't - * reliably work from the main process, and we need to be able to run it - * when no windows are open. - */ -function openItem(fullPath) { - const subprocOptions = { - detached: true, - stdio: 'ignore', - }; - - let child; - if (process.platform === 'darwin') { - child = ChildProcess.spawn('open', [fullPath], subprocOptions); - } else if (process.platform === 'linux') { - child = ChildProcess.spawn('xdg-open', [fullPath], subprocOptions); - } else if (process.platform === 'win32') { - child = ChildProcess.spawn(fullPath, Object.assign({}, subprocOptions, { shell: true })); - } - - // Causes child process reference to be garbage collected, allowing main process to exit - child.unref(); -} -/* - * Quits by first killing the daemon, the calling quitting for real. - */ -export function safeQuit() { - minimize = false; - app.quit(); -} - -function getMenuTemplate() { - function getToggleItem() { - if (rendererWindow.isVisible() && rendererWindow.isFocused()) { - return { - label: 'Hide LBRY App', - click: () => rendererWindow.hide(), - }; - } - return { - label: 'Show LBRY App', - click: () => rendererWindow.show(), - }; - } - - return [ - getToggleItem(), - { - label: 'Quit', - click: () => safeQuit(), - }, - ]; -} - -// This needs to be done as for linux the context menu doesn't update automatically(docs) -function updateTray() { - const trayContextMenu = Menu.buildFromTemplate(getMenuTemplate()); - if (tray) { - tray.setContextMenu(trayContextMenu); - } else { - console.log('How did update tray get called without a tray?'); - } -} - -function createWindow() { - // Disable renderer process's webSecurity on development to enable CORS. - let windowConfiguration = { - backgroundColor: '#155B4A', - minWidth: 800, - minHeight: 600, - autoHideMenuBar: true, - }; - - windowConfiguration = isDevelopment - ? { - ...windowConfiguration, - webPreferences: { - webSecurity: false, - }, - } - : windowConfiguration; - - let window = new BrowserWindow(windowConfiguration); - - window.webContents.session.setUserAgent(`LBRY/${localVersion}`); - - window.maximize(); - if (isDevelopment) { - window.webContents.openDevTools(); - } - window.loadURL(rendererURL); - if (openURI) { - // We stored and received a URI that an external app requested before we had a window object - window.webContents.on('did-finish-load', () => { - window.webContents.send('open-uri-requested', openURI, true); - }); - } - - window.webContents.on('crashed', () => { - safeQuit(); - }); - - window.removeAllListeners(); - - window.on('close', event => { - if (minimize) { - event.preventDefault(); - window.hide(); - } - }); - - window.on('closed', () => { - window = null; - }); - - window.on('hide', () => { - // Checks what to show in the tray icon menu - if (minimize) updateTray(); - }); - - window.on('show', () => { - // Checks what to show in the tray icon menu - if (minimize) updateTray(); - }); - - window.on('blur', () => { - // Checks what to show in the tray icon menu - if (minimize) updateTray(); - - // Unregisters Alt+F4 shortcut - globalShortcut.unregister('Alt+F4'); - }); - - window.on('focus', () => { - // Checks what to show in the tray icon menu - if (minimize) updateTray(); - - // Registers shortcut for closing(quitting) the app - globalShortcut.register('Alt+F4', () => safeQuit()); - - window.webContents.send('window-is-focused', null); - }); - - window.on('unresponsive', () => { - dialog.showMessageBox( - window, - { - type: 'warning', - buttons: ['Wait', 'Quit'], - title: 'LBRY Unresponsive', - defaultId: 1, - message: 'LBRY is not responding. Would you like to quit?', - cancelId: 0, - }, - buttonIndex => { - if (buttonIndex === 1) safeQuit(); - } - ); - }); - - mainMenu(); - - return window; -} - -function createTray() { - // Minimize to tray logic follows: - // Set the tray icon - let iconPath; - if (process.platform === 'darwin') { - // Using @2x for mac retina screens so the icon isn't blurry - // file name needs to include "Template" at the end for dark menu bar - iconPath = path.join(__static, '/img/fav/macTemplate@2x.png'); - } else { - iconPath = path.join(__static, '/img/fav/32x32.png'); - } - - tray = new Tray(iconPath); - tray.setToolTip('LBRY App'); - tray.setTitle('LBRY'); - tray.on('double-click', () => { - rendererWindow.show(); - }); -} - -function handleOpenURIRequested(URI) { - if (!rendererWindow) { - // Window not created yet, so store up requested URI for when it is - openURI = processRequestedURI(URI); - } else { - if (rendererWindow.isMinimized()) { - rendererWindow.restore(); - } else if (!rendererWindow.isVisible()) { - rendererWindow.show(); - } - - rendererWindow.focus(); - rendererWindow.webContents.send('open-uri-requested', processRequestedURI(URI)); - } -} - -/* - * Quits without any preparation. When a quit is requested (either through the - * interface or through app.quit()), we abort the quit, try to shut down the daemon, - * and then call this to quit for real. - */ -function quitNow() { - readyToQuit = true; - safeQuit(); -} - -function handleDaemonSubprocessExited() { - console.log('The daemon has exited.'); - daemonSubprocess = null; - if (!daemonStopRequested) { - // We didn't request to stop the daemon, so display a - // warning and schedule a quit. - // - // TODO: maybe it would be better to restart the daemon? - if (rendererWindow) { - console.log('Did not request daemon stop, so quitting in 5 seconds.'); - rendererWindow.loadURL(`file://${__static}/warning.html`); - setTimeout(quitNow, 5000); - } else { - console.log('Did not request daemon stop, so quitting.'); - quitNow(); - } - } -} - -function launchDaemon() { - assert(!daemonSubprocess, 'Tried to launch daemon twice'); - - console.log('Launching daemon:', daemonPath); - daemonSubprocess = ChildProcess.spawn(daemonPath); - // Need to handle the data event instead of attaching to - // process.stdout because the latter doesn't work. I believe on - // windows it buffers stdout and we don't get any meaningful output - daemonSubprocess.stdout.on('data', buf => { - console.log(String(buf).trim()); - }); - daemonSubprocess.stderr.on('data', buf => { - console.log(String(buf).trim()); - }); - daemonSubprocess.on('exit', handleDaemonSubprocessExited); -} - -const isSecondaryInstance = app.makeSingleInstance(argv => { - if (argv.length >= 2) { - handleOpenURIRequested(argv[1]); // This will handle restoring and focusing the window - } else if (rendererWindow) { - if (rendererWindow.isMinimized()) { - rendererWindow.restore(); - } else if (!rendererWindow.isVisible()) { - rendererWindow.show(); - } - rendererWindow.focus(); - } -}); - -if (isSecondaryInstance) { - // We're not in the original process, so quit - quitNow(); -} - -function launchDaemonIfNotRunning() { - // Check if the daemon is already running. If we get - // an error its because its not running - console.log('Checking for lbrynet daemon'); - client.request('status', [], err => { - if (err) { - console.log('lbrynet daemon needs to be launched'); - launchDaemon(); - } else { - console.log('lbrynet daemon is already running'); - } - }); -} - -// Taken from webtorrent-desktop -function checkLinuxTraySupport(cb) { - // Check that we're on Ubuntu (or another debian system) and that we have - // libappindicator1. - ChildProcess.exec('dpkg --get-selections libappindicator1', (err, stdout) => { - if (err) return cb(err); - // Unfortunately there's no cleaner way, as far as I can tell, to check - // whether a debian package is installed: - if (stdout.endsWith('\tinstall\n')) { - return cb(null); - } - return cb(new Error('debian package not installed')); - }); -} - -// When a quit is attempted, this is called. It attempts to shutdown the daemon, -// then calls quitNow() to quit for real. -function shutdownDaemonAndQuit(evenIfNotStartedByApp = false) { - function doShutdown() { - console.log('Shutting down daemon'); - daemonStopRequested = true; - client.request('daemon_stop', [], err => { - if (err) { - console.log(`received error when stopping lbrynet-daemon. Error message: ${err.message}\n`); - console.log('You will need to manually kill the daemon.'); - } else { - console.log('Successfully stopped daemon via RPC call.'); - quitNow(); - } - }); - } - - if (daemonSubprocess) { - doShutdown(); - } else if (!evenIfNotStartedByApp) { - console.log('Not killing lbrynet-daemon because app did not start it'); - quitNow(); - } else { - doShutdown(); - } - - // Is it safe to start the installer before the daemon finishes running? - // If not, we should wait until the daemon is closed before we start the install. -} - -if (isDevelopment) { - import('devtron') - .then(({ install }) => { - install(); - console.log('Added Extension: Devtron'); - }) - .catch(error => { - console.error(error); - }); - import('electron-devtools-installer') - .then(({ default: installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS }) => { - app.on('ready', () => { - [REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS].forEach(extension => { - installExtension(extension) - .then(name => console.log(`Added Extension: ${name}`)) - .catch(err => console.log('An error occurred: ', err)); - }); - }); - }) - .catch(error => { - console.error(error); - }); -} + return Promise.all( + extensions.map( + name => installer.default(installer[name], forceDownload), + devtronExtension.install() + ) + ).catch(console.log); +}; app.setAsDefaultProtocolClient('lbry'); +app.setName('LBRY'); -app.on('ready', () => { - launchDaemonIfNotRunning(); - if (process.platform === 'linux') { - checkLinuxTraySupport(err => { - if (!err) createTray(); - else minimize = false; - }); - } else { - createTray(); +app.on('ready', async () => { + daemon = new Daemon(); + daemon.on('exit', () => { + daemon = null; + if (!isQuitting) { + dialog.showErrorBox( + 'Daemon has Exited', + 'The daemon may have encountered an unexpected error, or another daemon instance is already running.' + ); + app.quit(); + } + }); + daemon.launch(); + if (process.env.NODE_ENV === 'development') { + await installExtensions(); } rendererWindow = createWindow(); -}); - -// Quit when all windows are closed. -app.on('window-all-closed', () => { - // On macOS it is common for applications and their menu bar - // to stay active until the user quits explicitly with Cmd + Q - if (process.platform !== 'darwin') { - app.quit(); - } -}); - -app.on('before-quit', event => { - if (!readyToQuit) { - // We need to shutdown the daemon before we're ready to actually quit. This - // event will be triggered re-entrantly once preparation is done. - event.preventDefault(); - shutdownDaemonAndQuit(); - } else { - console.log('Quitting.'); - } + tray = new Tray(rendererWindow, updateRendererWindow); + tray.create(); }); app.on('activate', () => { // On macOS it's common to re-create a window in the app when the // dock icon is clicked and there are no other windows open. - if (rendererWindow === null) { - createWindow(); - } + if (!rendererWindow) rendererWindow = createWindow(); }); -if (process.platform === 'darwin') { - app.on('open-url', (event, URI) => { - handleOpenURIRequested(URI); +app.on('will-quit', () => { + isQuitting = true; + if (daemon) daemon.quit(); +}); + +// https://electronjs.org/docs/api/app#event-will-finish-launching +app.on('will-finish-launching', () => { + // Protocol handler for macOS + app.on('open-url', (event, URL) => { + event.preventDefault(); + if (rendererWindow && !rendererWindow.isDestroyed()) { + rendererWindow.webContents.send('open-uri-requested', URL); + rendererWindow.show(); + rendererWindow.focus(); + } else { + rendererWindow = createWindow(URL); + } }); -} else if (process.argv.length >= 2) { - handleOpenURIRequested(process.argv[1]); -} +}); + +app.on('window-all-closed', () => { + // Subscribe to event so the app doesn't quit when closing the window. +}); ipcMain.on('upgrade', (event, installerPath) => { app.on('quit', () => { console.log('Launching upgrade installer at', installerPath); // This gets triggered called after *all* other quit-related events, so // we'll only get here if we're fully prepared and quitting for real. - openItem(installerPath); + shell.openItem(installerPath); }); - - if (rendererWindow) { - rendererWindow.loadURL(`file://${__static}/upgrade.html`); - } - - shutdownDaemonAndQuit(true); - // wait for daemon to shut down before upgrading // what to do if no shutdown in a long time? console.log('Update downloaded to', installerPath); console.log( 'The app will close, and you will be prompted to install the latest version of LBRY.' ); console.log('After the install is complete, please reopen the app.'); + app.quit(); }); ipcMain.on('version-info-requested', () => { function formatRc(ver) { - // Adds dash if needed to make RC suffix semver friendly + // Adds dash if needed to make RC suffix SemVer friendly return ver.replace(/([^-])rc/, '$1-rc'); } - let result = ''; + const localVersion = app.getVersion(); + const latestReleaseAPIURL = 'https://api.github.com/repos/lbryio/lbry-app/releases/latest'; const opts = { headers: { 'User-Agent': `LBRY/${localVersion}`, }, }; + let result = ''; const req = https.get(Object.assign(opts, url.parse(latestReleaseAPIURL)), res => { res.on('data', data => { @@ -549,8 +166,33 @@ ipcMain.on('set-auth-token', (event, token) => { }); process.on('uncaughtException', error => { - console.error(error); - safeQuit(); + dialog.showErrorBox('Error Encountered', `Caught error: ${error}`); + isQuitting = true; + if (daemon) daemon.quit(); + app.exit(1); }); -export { contextMenu }; +// Force single instance application +const isSecondInstance = app.makeSingleInstance(argv => { + // Protocol handler for win32 + // argv: An array of the second instance’s (command line / deep linked) arguments + + let URI; + if (process.platform === 'win32' && String(argv[1]).startsWith('lbry')) { + // Keep only command line / deep linked arguments + URI = argv[1].replace(/\/$/, '').replace('/#', '#'); + } + + if (rendererWindow && !rendererWindow.isDestroyed()) { + rendererWindow.webContents.send('open-uri-requested', URI); + + rendererWindow.show(); + rendererWindow.focus(); + } else { + rendererWindow = createWindow(URI); + } +}); + +if (isSecondInstance) { + app.exit(); +} diff --git a/src/main/menu/contextMenu.js b/src/main/menu/contextMenu.js deleted file mode 100644 index e24885ec2..000000000 --- a/src/main/menu/contextMenu.js +++ /dev/null @@ -1,20 +0,0 @@ -import { Menu } from 'electron'; - -const contextMenuTemplate = [{ role: 'cut' }, { role: 'copy' }, { role: 'paste' }]; - -export default (win, posX, posY, showDevItems) => { - const template = contextMenuTemplate.slice(); - if (showDevItems) { - template.push({ - type: 'separator', - }); - template.push({ - label: 'Inspect Element', - click() { - win.inspectElement(posX, posY); - }, - }); - } - - Menu.buildFromTemplate(template).popup(win); -}; diff --git a/src/main/menu/mainMenu.js b/src/main/menu/mainMenu.js deleted file mode 100644 index 879ce8206..000000000 --- a/src/main/menu/mainMenu.js +++ /dev/null @@ -1,138 +0,0 @@ -import { app, Menu, shell } from 'electron'; -import { safeQuit } from '../index'; - -const baseTemplate = [ - { - label: 'File', - submenu: [ - { - label: 'Quit', - accelerator: 'CommandOrControl+Q', - click: () => safeQuit(), - }, - ], - }, - { - label: 'Edit', - submenu: [ - { - role: 'undo', - }, - { - role: 'redo', - }, - { - type: 'separator', - }, - { - role: 'cut', - }, - { - role: 'copy', - }, - { - role: 'paste', - }, - { - role: 'selectall', - }, - ], - }, - { - label: 'View', - submenu: [ - { - role: 'reload', - }, - { - label: 'Developer', - submenu: [ - { - role: 'forcereload', - }, - { - role: 'toggledevtools', - }, - ], - }, - { - type: 'separator', - }, - { - role: 'togglefullscreen', - }, - ], - }, - { - role: 'help', - submenu: [ - { - label: 'Learn More', - click(item, focusedWindow) { - if (focusedWindow) { - focusedWindow.webContents.send('open-menu', '/help'); - } - }, - }, - { - label: 'Frequently Asked Questions', - click() { - shell.openExternal('https://lbry.io/faq'); - }, - }, - { - type: 'separator', - }, - { - label: 'Report Issue', - click() { - shell.openExternal('https://lbry.io/faq/contributing#report-a-bug'); - }, - }, - { - type: 'separator', - }, - { - label: 'Developer API Guide', - click() { - shell.openExternal('https://lbry.io/quickstart'); - }, - }, - ], - }, -]; - -const macOSAppMenuTemplate = { - label: app.getName(), - submenu: [ - { - role: 'about', - }, - { - type: 'separator', - }, - { - role: 'hide', - }, - { - role: 'hideothers', - }, - { - role: 'unhide', - }, - { - type: 'separator', - }, - { - role: 'quit', - }, - ], -}; - -export default () => { - const template = baseTemplate.slice(); - if (process.platform === 'darwin') { - template.unshift(macOSAppMenuTemplate); - } - Menu.setApplicationMenu(Menu.buildFromTemplate(template)); -}; diff --git a/src/main/menu/setupBarMenu.js b/src/main/menu/setupBarMenu.js new file mode 100644 index 000000000..14c4e74db --- /dev/null +++ b/src/main/menu/setupBarMenu.js @@ -0,0 +1,89 @@ +import { app, Menu, shell } from 'electron'; + +export default () => { + const template = [ + { + label: 'Edit', + submenu: [ + { role: 'undo' }, + { role: 'redo' }, + { type: 'separator' }, + { role: 'cut' }, + { role: 'copy' }, + { role: 'paste' }, + ], + }, + { + label: 'View', + submenu: [ + { role: 'reload' }, + { + label: 'Developer', + submenu: [{ role: 'forcereload' }, { role: 'toggledevtools' }], + }, + { type: 'separator' }, + { role: 'togglefullscreen' }, + ], + }, + { + role: 'window', + submenu: [{ role: 'minimize' }, { role: 'close' }], + }, + { + role: 'help', + submenu: [ + { + label: 'Learn More', + click: (menuItem, browserWindow) => { + if (browserWindow) { + browserWindow.webContents.send('open-menu', '/help'); + } else { + shell.openExternal('https://lbry.io/faq'); + } + }, + }, + { + label: 'Frequently Asked Questions', + click: () => { + shell.openExternal('https://lbry.io/faq'); + }, + }, + { type: 'separator' }, + { + label: 'Report Issue', + click: () => { + shell.openExternal('https://github.com/lbryio/lbry-app/issues/new'); + }, + }, + { type: 'separator' }, + { + label: 'Developer API Guide', + click: () => { + shell.openExternal('https://lbry.io/quickstart'); + }, + }, + ], + }, + ]; + + const darwinTemplateAddition = { + label: app.getName(), + submenu: [ + { role: 'about' }, + { type: 'separator' }, + { role: 'services', submenu: [] }, + { type: 'separator' }, + { role: 'hide' }, + { role: 'hideothers' }, + { type: 'separator' }, + { role: 'quit' }, + ], + }; + + if (process.platform === 'darwin') { + template.unshift(darwinTemplateAddition); + } + + const menu = Menu.buildFromTemplate(template); + Menu.setApplicationMenu(menu); +}; diff --git a/src/main/menu/setupContextMenu.js b/src/main/menu/setupContextMenu.js new file mode 100644 index 000000000..01f540d81 --- /dev/null +++ b/src/main/menu/setupContextMenu.js @@ -0,0 +1,26 @@ +// @flow +import { Menu, BrowserWindow } from 'electron'; + +export default (rendererWindow: BrowserWindow) => { + rendererWindow.webContents.on('context-menu', (e, params) => { + const { x, y } = params; + + const template = [{ role: 'cut' }, { role: 'copy' }, { role: 'paste' }]; + + const developmentTemplateAddition = [ + { type: 'separator' }, + { + label: 'Inspect element', + click: () => { + rendererWindow.inspectElement(x, y); + }, + }, + ]; + + if (process.env.NODE_ENV === 'development') { + template.push(...developmentTemplateAddition); + } + + Menu.buildFromTemplate(template).popup(); + }); +}; diff --git a/src/renderer/index.js b/src/renderer/index.js index fd6dcc1f7..06621e9de 100644 --- a/src/renderer/index.js +++ b/src/renderer/index.js @@ -1,3 +1,4 @@ +/* eslint-disable react/jsx-filename-extension */ import amplitude from 'amplitude-js'; import App from 'component/app'; import SnackBar from 'component/snackBar'; @@ -5,7 +6,6 @@ import SplashScreen from 'component/splash'; import * as ACTIONS from 'constants/action_types'; import { ipcRenderer, remote, shell } from 'electron'; import lbry from 'lbry'; -/* eslint-disable react/jsx-filename-extension */ import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; @@ -17,13 +17,6 @@ import 'scss/all.scss'; import store from 'store'; import app from './app'; -const { contextMenu } = remote.require('./main.js'); - -window.addEventListener('contextmenu', event => { - contextMenu(remote.getCurrentWindow(), event.x, event.y, app.env === 'development'); - event.preventDefault(); -}); - ipcRenderer.on('open-uri-requested', (event, uri, newSession) => { if (uri && uri.startsWith('lbry://')) { if (uri.startsWith('lbry://?verify=')) { diff --git a/static/img/tray/default/tray.png b/static/img/tray/default/tray.png new file mode 100644 index 0000000000000000000000000000000000000000..5fe694194f612d1eb4b0cdc817129558eec9ba1f GIT binary patch literal 2002 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 literal 0 HcmV?d00001 diff --git a/static/img/tray/mac/trayTemplate.png b/static/img/tray/mac/trayTemplate.png new file mode 100644 index 0000000000000000000000000000000000000000..f1e30e1ca0dfc3628757d2d9903da0af9edeb330 GIT binary patch literal 1414 zcmeAS@N?(olHy`uVBq!ia0vp^Vn8gw!3HFS-uA08Ffe*&hD4M^`1)8S=jZArrsOB3 z>Q&?x0Oc7NZ0suv5|gu2OB9k)(=+pImEP~(ucVNfVyhHx>TBRz;GCL~=}}db8eHWU zl3bOYY?-2DZ^va*VFffGH?<^Dp&~aYuh^=>Rtapb6_5=Q)>l#hD=EpgRdNJbs1V^B zpx~Tel&WB=XQrEMXl$WiZmDNzYH49)qN8ABU}&aqV5x6tqHADiWngJ#V5k5EN_Jcd zHbp6ERzWUqP|JWkTcwPWk^(Dz{qpj1y>er{{GxPyLrY6beFGzXBO_g)3f+GstHC4cr<%VVoUUs zG4bG-%;Kx$#BQsz(zDC*#X<=VFNKvZ+a1-Mn%O!7Z<%oBM|7nw_O z%8Jf4I~KxiWN|}^Ih8Y?Azc3Oe)02-h2|V=GXf^>2~Yo)HA!r<)%pG(r|K3g`89dZ zZO_I7P7E&PC*B*V33Nz0{@$ANH}u=Ht4inNOpfK0oqNB&>k;GP)%rD2`&LeVXqvog zyM};A$8HH>M-NU8p>1dUXU_gxY^AqPe^be=>hiXkj%O4EdM?UOb=|7u?bbfI?tQ7P zOzih#d;E_yOyIcYbZ2vtXv$i~i+u@?Q?l)3{>(`ATzls9*Ly!7yL6{3CK(tyeMn$p z;<$Hp17z;5znh@8ck2h2mEE@IW;wfg{1sllO-8KC?T&`Jwr-hnYf*L9Pmu zCipZ6O<-wYSt8UBy1>J!z`;OFWNRS5sfBdD-psg@pZ{nZmwzsg+V||_grzUV-hMgx z?u(Iz;K4N29D@~`T{={D6meWTsM)~Nu!8L%pJTMc)$obOHJSfLZ1|_D_4Q_3NrKob zDa-mvbE_jAMR@kGb1?`yad6x_%+4==NQs}3LynO_us+AvR66}+Ja^%xw(rSn^PXo* zZ{3$NVgL4flI=wnGrzQ3e|}iNZhSZ3fo=J+&t(ep`499uh0pHV6XPy0J6dU$+9Jub zH?GW{{d@LS{?BKZ-aRd>9lqvqM}Mn8*s;t_>o=rXFWKSfQY~@dQP&+I(~onv{d%*) z+$Ql<*3Ssv*bMXR_S<*AeRX>6-&Xv2{!SZvkH`J%CG-2(=6||!gu6E^*(~JO+%5C} z<=hhVne={z_r1G0TW2`hN4E4<|dowX9=Of(~&S z#y|PFP3N7xRg6TO=BccBA^v*VufHeXx*@5_I^%s@-+xBg7U!4uUrrAJ6`!82elF{r G5}E+Y;#QIX literal 0 HcmV?d00001 diff --git a/static/img/tray/mac/trayTemplate@2x.png b/static/img/tray/mac/trayTemplate@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..d709f995c279bf5d594aa1277c3cf2d932839bcc GIT binary patch literal 3331 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 J)nMR8`X4LM4vhc+ literal 0 HcmV?d00001 diff --git a/static/img/tray/windows/tray.ico b/static/img/tray/windows/tray.ico new file mode 100644 index 0000000000000000000000000000000000000000..1e1ac47df384e77fe4502b27aedc9264a2d94f34 GIT binary patch literal 4414 zcmeHJYf#ix6yK&vo2CzC52i1TR@0a>(xhZEgM;#3UBnQTr%_f8#Uc;2G6e)fMlDiA zFkgtM!wMQcXbc}CAjZQFXbLVcioo)i(p^>_vX5WCdlg(w@dfpT%bfqc+20s#qV5m7-;X)tkL!xW+0aF)>dDvLhSe9PS`~DT%4!AkFA}@9do}p-*4F0-@;YHUE&6z^z;c>EcD8zX)j&C;;2xm zvpIb&u3h`fWC8Y2FMKl;fmNRDoSAL?UkMgp9+rT z!FQGu0_M5kOz8=c3!TY?2r4{3kRM#Pqh2KYi#65f5WgY5~*k;RE}(D0Y4RaQp>D#w+wa zTm)_aPTzy8*I&mzO(y*PT%b}qAY;=S-hm={?w&mV?ORh|G#Y5?R;ws4!Gh44P?*7{cGLbUD%nK1~0yqurK`}&UE*#4Ag2ba34PJ!;f2`#?qJt zu<+9LHF3V0oNbuv=X?j3Z~Z~7si^@g<056=lU6N7i>|3(wZ5(f-z{CpTug+s(>vI> z;Rl$lsHDPkLP_jPh>w=~%oA}lF?Y5zyr(iR@9G}MWjaF#YgC@=J3-mmBS7{X=ium5clHBHpNCDEU;##RsLg0aIO`8JUC zL8Y9CO=-!*trvSr8CNL#7w?DnpgHRM(C2f4GsDCD;l+0%I8|_~Z4-Q%vv(`&!!&rS zCgGQib!fbLna>PmJo-TDj(iZt!{)hn6rWLYPfu4z{()>6m#8ggD@#SKNA|AGnBzMI zKB~#su`NaL7Jn*1TwY(wfVKBw*tYAmHHq<@Y`)F);;jlyQS-By6Y`ee)Z>)dlp*;| zO1mR@j%xPJCB=oZcJe;=(l3EKgYvAc&qFmf8Zm}gIm9ix*$d@=g*#O74BH*f!2gkf Fe*kOu+aUk| literal 0 HcmV?d00001 diff --git a/static/img/untitled folder/trayTemplate.png b/static/img/untitled folder/trayTemplate.png new file mode 100644 index 0000000000000000000000000000000000000000..57b671483cc39488314c2c663b6e7ef00ab4a0f3 GIT binary patch literal 1408 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 a1-<|n`