/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @format */ const [s, ns] = process.hrtime(); let launchStartTime: number | undefined = s * 1e3 + ns / 1e6; import { app, BrowserWindow, ipcMain, Notification, globalShortcut, session, } from 'electron'; import path from 'path'; import url from 'url'; import fs from 'fs'; import fixPath from 'fix-path'; import {exec} from 'child_process'; import setup from './setup'; import isFB from './fb-stubs/isFB'; import delegateToLauncher from './launcher'; import yargs from 'yargs'; const VERSION: string = (global as any).__VERSION__; // Adds system PATH folders to process.env.PATH for MacOS production bundles. fixPath(); // disable electron security warnings: https://github.com/electron/electron/blob/master/docs/tutorial/security.md#security-native-capabilities-and-your-responsibility process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = 'true'; if (process.platform === 'darwin') { // If we are running on macOS and the app is called Flipper, we add a comment // with the old name, to make it findable via Spotlight using its old name. const APP_NAME = 'Flipper.app'; const i = process.execPath.indexOf(`/${APP_NAME}/`); if (i > -1) { exec( `osascript -e 'on run {f, c}' -e 'tell app "Finder" to set comment of (POSIX file f as alias) to c' -e end "${process.execPath.substr( 0, i, )}/${APP_NAME}" "sonar"`, ); } } const argv = yargs .usage('$0 [args]') .options({ file: { describe: 'Define a file to open on startup.', type: 'string', }, url: { describe: 'Define a flipper:// URL to open on startup.', type: 'string', }, updater: { default: true, describe: 'Toggle the built-in update mechanism.', type: 'boolean', }, launcher: { default: true, describe: 'Toggle delegating to the update launcher on startup.', type: 'boolean', }, 'launcher-msg': { describe: '[Internal] Used to provide a user message from the launcher to the user.', type: 'string', }, 'open-dev-tools': { describe: 'Open Dev Tools window on startup.', default: false, type: 'boolean', }, 'disable-gpu': { describe: 'Disable hardware acceleration. Corresponds to FLIPPER_DISABLE_GPU=1.', default: false, type: 'boolean', }, }) .version(VERSION) .help() .parse(process.argv.slice(1)); const {config, configPath} = setup(argv); if (isFB && process.env.FLIPPER_FB === undefined) { process.env.FLIPPER_FB = 'true'; } if (argv['disable-gpu'] || process.env.FLIPPER_DISABLE_GPU === '1') { console.warn('Hardware acceleration disabled'); app.disableHardwareAcceleration(); } process.env.CONFIG = JSON.stringify(config); // possible reference to main app window let win: BrowserWindow; let appReady = false; let deeplinkURL: string | undefined = argv.url; let filePath: string | undefined = argv.file; // tracking setInterval(() => { if (win) { win.webContents.send('trackUsage'); } }, 60 * 1000); // check if we already have an instance of this app open const gotTheLock = app.requestSingleInstanceLock(); if (!gotTheLock) { app.quit(); } else { app.on('second-instance', (_event, _commandLine, _workingDirectory) => { // Someone tried to run a second instance, we should focus our window. if (win) { if (win.isMinimized()) { win.restore(); } win.focus(); } }); // Create myWindow, load the rest of the app, etc... app.on('ready', () => {}); } // quit app once all windows are closed app.on('window-all-closed', () => { appReady = false; app.quit(); }); app.on('will-finish-launching', () => { // Protocol handler for osx app.on('open-url', function (event, url) { event.preventDefault(); deeplinkURL = url; argv.url = url; if (win) { win.webContents.send('flipper-protocol-handler', deeplinkURL); } }); app.on('open-file', (event, path) => { // When flipper app is running, and someone double clicks the import file, `componentDidMount` will not be called again and windows object will exist in that case. That's why calling `win.webContents.send('open-flipper-file', filePath);` again. event.preventDefault(); filePath = path; argv.file = path; if (win) { win.webContents.send('open-flipper-file', filePath); filePath = undefined; } }); }); app.on('ready', () => { // If we delegate to the launcher, shut down this instance of the app. delegateToLauncher(argv).then((hasLauncherInvoked: boolean) => { if (hasLauncherInvoked) { app.quit(); return; } appReady = true; app.commandLine.appendSwitch('scroll-bounce'); configureSession(); createWindow(); // if in development install the react devtools extension if (process.env.NODE_ENV === 'development') { const { default: installExtension, REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS, } = require('electron-devtools-installer'); installExtension(REACT_DEVELOPER_TOOLS.id); installExtension(REDUX_DEVTOOLS.id); } }); }); function configureSession() { session.defaultSession.webRequest.onBeforeSendHeaders( { urls: ['*://*/*'], }, (details, callback) => { // setting Origin to always be 'localhost' to avoid issues when dev version and release version behaves differently. details.requestHeaders.origin = 'http://localhost:3000'; details.requestHeaders.referer = 'http://localhost:3000/index.dev.html'; callback({cancel: false, requestHeaders: details.requestHeaders}); }, ); } app.on('will-quit', () => { globalShortcut.unregisterAll(); }); ipcMain.on('componentDidMount', (_event) => { if (deeplinkURL) { win.webContents.send('flipper-protocol-handler', deeplinkURL); deeplinkURL = undefined; } if (filePath) { // When flipper app is not running, the windows object might not exist in the callback of `open-file`, but after ``componentDidMount` it will definitely exist. win.webContents.send('open-flipper-file', filePath); filePath = undefined; } }); ipcMain.on('getLaunchTime', (event) => { if (launchStartTime) { event.sender.send('getLaunchTime', launchStartTime); // set launchTime to null to only report it once, to prevents reporting wrong // launch times for example after reloading the renderer process launchStartTime = undefined; } }); ipcMain.on( 'sendNotification', (e, {payload, pluginNotification, closeAfter}) => { // notifications can only be sent when app is ready if (appReady) { const n = new Notification(payload); // Forwarding notification events to renderer process // https://electronjs.org/docs/api/notification#instance-events ['show', 'click', 'close', 'reply', 'action'].forEach((eventName) => { // TODO: refactor this to make typescript happy // @ts-ignore n.on(eventName, (event, ...args) => { e.sender.send( 'notificationEvent', eventName, pluginNotification, ...args, ); }); }); n.show(); if (closeAfter) { setTimeout(() => { n.close(); }, closeAfter); } } }, ); // Define custom protocol handler. Deep linking works on packaged versions of the application! app.setAsDefaultProtocolClient('flipper'); // webSecurity is already disabled in BrowserWindow. However, it seems there is // a bug in Electron 9 https://github.com/electron/electron/issues/23664. There // is workaround suggested in the issue app.commandLine.appendSwitch('disable-features', 'OutOfBlinkCors'); function createWindow() { win = new BrowserWindow({ show: false, title: 'Flipper', width: config.lastWindowPosition?.width || 1400, height: config.lastWindowPosition?.height || 1000, minWidth: 800, minHeight: 600, center: true, webPreferences: { enableRemoteModule: true, backgroundThrottling: false, webSecurity: false, scrollBounce: true, experimentalFeatures: true, nodeIntegration: true, webviewTag: true, nativeWindowOpen: true, }, }); win.once('ready-to-show', () => { win.show(); if (argv['open-dev-tools'] || process.env.FLIPPER_OPEN_DEV_TOOLS) { win.webContents.openDevTools(); } }); win.once('close', () => { win.webContents.send('trackUsage', 'exit'); if (process.env.NODE_ENV === 'development') { // Removes as a default protocol for debug builds. Because even when the // production application is installed, and one tries to deeplink through // browser, it still looks for the debug one and tries to open electron app.removeAsDefaultProtocolClient('flipper'); } const [x, y] = win.getPosition(); const [width, height] = win.getSize(); // save window position and size fs.writeFileSync( configPath, JSON.stringify({ ...config, lastWindowPosition: { x, y, width, height, }, }), ); }); if ( config.lastWindowPosition && config.lastWindowPosition.x && config.lastWindowPosition.y ) { win.setPosition(config.lastWindowPosition.x, config.lastWindowPosition.y); } const entryUrl = process.env.ELECTRON_URL || url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true, }); win.loadURL(entryUrl); }