// This is the initialization for the Electron RENDERER process // Disable React message in console "Download the React DevTools for a better development experience" // https://stackoverflow.com/questions/42196819/disable-hide-download-the-react-devtools#42196820 // eslint-disable-next-line no-undef __REACT_DEVTOOLS_GLOBAL_HOOK__ = { supportsFiber: true, inject: function() {}, onCommitFiberRoot: function() {}, onCommitFiberUnmount: function() {}, }; const app = require('./app').default; const Folder = require('@joplin/lib/models/Folder').default; const Resource = require('@joplin/lib/models/Resource').default; const BaseItem = require('@joplin/lib/models/BaseItem').default; const Note = require('@joplin/lib/models/Note').default; const Tag = require('@joplin/lib/models/Tag').default; const NoteTag = require('@joplin/lib/models/NoteTag').default; const MasterKey = require('@joplin/lib/models/MasterKey').default; const Setting = require('@joplin/lib/models/Setting').default; const Revision = require('@joplin/lib/models/Revision').default; const Logger = require('@joplin/utils/Logger').default; const FsDriverNode = require('@joplin/lib/fs-driver-node').default; const shim = require('@joplin/lib/shim').default; const { shimInit } = require('@joplin/lib/shim-init-node.js'); const bridge = require('@electron/remote').require('./bridge').default; const EncryptionService = require('@joplin/lib/services/e2ee/EncryptionService').default; const FileApiDriverLocal = require('@joplin/lib/file-api-driver-local').default; const React = require('react'); const nodeSqlite = require('sqlite3'); const initLib = require('@joplin/lib/initLib').default; const pdfJs = require('pdfjs-dist'); require('@sentry/electron/renderer'); const main = async () => { if (bridge().env() === 'dev') { const newConsole = function(oldConsole) { const output = {}; const fnNames = ['assert', 'clear', 'context', 'count', 'countReset', 'debug', 'dir', 'dirxml', 'error', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'memory', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeLog', 'timeStamp', 'trace', 'warn']; for (const fnName of fnNames) { if (fnName === 'warn') { output.warn = function(...text) { const s = [...text].join(''); // React spams the console with walls of warnings even outside of strict mode, and even after having renamed // unsafe methods to UNSAFE_xxxx, so we need to hack the console to remove them... if (s.indexOf('Warning: componentWillReceiveProps has been renamed, and is not recommended for use') === 0) return; if (s.indexOf('Warning: componentWillUpdate has been renamed, and is not recommended for use.') === 0) return; oldConsole.warn(...text); }; } else { output[fnName] = function(...text) { return oldConsole[fnName](...text); }; } } return output; }(window.console); window.console = newConsole; } // eslint-disable-next-line no-console console.info(`Environment: ${bridge().env()}`); const fsDriver = new FsDriverNode(); Logger.fsDriver_ = fsDriver; Resource.fsDriver_ = fsDriver; EncryptionService.fsDriver_ = fsDriver; FileApiDriverLocal.fsDriver_ = fsDriver; // That's not good, but it's to avoid circular dependency issues // in the BaseItem class. BaseItem.loadClass('Note', Note); BaseItem.loadClass('Folder', Folder); BaseItem.loadClass('Resource', Resource); BaseItem.loadClass('Tag', Tag); BaseItem.loadClass('NoteTag', NoteTag); BaseItem.loadClass('MasterKey', MasterKey); BaseItem.loadClass('Revision', Revision); Setting.setConstant('appId', bridge().appId()); Setting.setConstant('appType', 'desktop'); // eslint-disable-next-line no-console console.info(`appId: ${Setting.value('appId')}`); // eslint-disable-next-line no-console console.info(`appType: ${Setting.value('appType')}`); let keytar; try { keytar = shim.platformSupportsKeyChain() ? require('keytar') : null; } catch (error) { console.error('Cannot load keytar - keychain support will be disabled', error); keytar = null; } function appVersion() { const p = require('./packageInfo.js'); return p.version; } pdfJs.GlobalWorkerOptions.workerSrc = `${bridge().electronApp().buildDir()}/pdf.worker.min.js`; shimInit({ keytar, React, appVersion, electronBridge: bridge(), nodeSqlite, pdfJs, }); // Disable drag and drop of links inside application (which would // open it as if the whole app was a browser) document.addEventListener('dragover', event => event.preventDefault()); document.addEventListener('drop', event => event.preventDefault()); // Disable middle-click (which would open a new browser window, but we don't want this) document.addEventListener('auxclick', event => event.preventDefault()); // Each link (rendered as a button or list item) has its own custom click event // so disable the default. In particular this will disable Ctrl+Clicking a link // which would open a new browser window. document.addEventListener('click', (event) => { // We don't apply this to labels and inputs because it would break // checkboxes. Such a global event handler is probably not a good idea // anyway but keeping it for now, as it doesn't seem to break anything else. // https://github.com/facebook/react/issues/13477#issuecomment-489274045 if (['LABEL', 'INPUT'].includes(event.target.nodeName)) return; event.preventDefault(); }); const logger = new Logger(); Logger.initializeGlobalLogger(logger); initLib(logger); const startResult = await app().start(bridge().processArgv()); if (!startResult || !startResult.action) { require('./gui/Root'); } else if (startResult.action === 'upgradeSyncTarget') { require('./gui/Root_UpgradeSyncTarget'); } }; main().catch((error) => { const env = bridge().env(); console.error(error); let errorMessage; if (error.code === 'flagError') { errorMessage = error.message; } else { // If something goes wrong at this stage we don't have a console or a log file // so display the error in a message box. const msg = ['Fatal error:', error.message]; if (error.fileName) msg.push(error.fileName); if (error.lineNumber) msg.push(error.lineNumber); if (error.stack) msg.push(error.stack); errorMessage = msg.join('\n\n'); } // In dev, we give the option to leave the app open as debug statements in the // console can be useful const canIgnore = env === 'dev'; bridge().electronApp().handleAppFailure(errorMessage, canIgnore); });