![](\"./build/icons/128x128.png\"){kind=icon}
\n\n## Usage\n\nYou can download the latest version on the [releases](https://github.com/cerebroapp/cerebro/releases) page.\n\n- If there isn't an installer for your OS, check [build instructions](#build-executable-from-source).\n- If you are a linux user see [how to install the executable](#install-executable-on-linux)\n\nAfter the installation, use the default shortcut, `ctrl+space`, to show the app window. You can customize this shortcut by clicking on the icon in the menu bar, and then selecting \"Preferences...\".\n\n\n\n### Plugins\n\n### Core plugins\n\n- Search the web with your favourite search engine\n- Search & launch application, i.e. `spotify`\n- Navigate the file system with file previews (i.e. `~/Dropbox/passport.pdf`)\n- Calculator\n- Smart converter. `15$`, `150 рублей в евро`, `100 eur in gbp`;\n\n### Install plugins\n\nYou can manage and install more plugins by typing `plugins {autocompleteTerm}
\n : null\n}\n\nAutocomplete.propTypes = {\n autocompleteCalculator: PropTypes.func.isRequired,\n}\n\n/**\n * Main search container\n *\n * TODO: Remove redux\n * TODO: Split to more components\n */\nfunction Cerebro({\n results, selected, visibleResults, actions, term, prevTerm, statusBarText\n}) {\n const mainInput = useRef(null)\n const [mainInputFocused, setMainInputFocused] = useState(false)\n const [prevResultsLenght, setPrevResultsLenght] = useState(() => results.length)\n\n const focusMainInput = () => {\n mainInput.current.focus()\n if (config.get('selectOnShow')) {\n mainInput.current.select()\n }\n }\n\n // suscribe to events\n useEffect(() => {\n focusMainInput()\n updateElectronWindow(results, visibleResults)\n // Listen for window.resize and change default space for results to user's value\n window.addEventListener('resize', onWindowResize)\n // Add some global key handlers\n window.addEventListener('keydown', onDocumentKeydown)\n // Cleanup event listeners on unload\n // NOTE: when page refreshed (location.reload) componentWillUnmount is not called\n window.addEventListener('beforeunload', cleanup)\n electronWindow.on('show', focusMainInput)\n electronWindow.on('show', () => updateElectronWindow(results, visibleResults))\n\n // function to be called when unmounted\n return () => {\n cleanup()\n }\n }, [])\n\n if (results.length !== prevResultsLenght) {\n // Resize electron window when results count changed\n updateElectronWindow(results, visibleResults)\n setPrevResultsLenght(results.length)\n }\n\n /**\n * Handle resize window and change count of visible results depends on window size\n */\n const onWindowResize = () => {\n if (results.length <= MIN_VISIBLE_RESULTS) return false\n\n let maxVisibleResults = Math.floor((window.outerHeight - INPUT_HEIGHT) / RESULT_HEIGHT)\n maxVisibleResults = Math.max(MIN_VISIBLE_RESULTS, maxVisibleResults)\n if (maxVisibleResults !== visibleResults) {\n actions.changeVisibleResults(maxVisibleResults)\n }\n }\n\n /**\n * Handle keyboard shortcuts\n */\n const onKeyDown = (event) => {\n const highlighted = highlightedResult()\n // TODO: go to first result on cmd+up and last result on cmd+down\n if (highlighted && highlighted.onKeyDown) highlighted.onKeyDown(event)\n\n if (event.defaultPrevented) { return }\n\n const keyActions = {\n select: () => selectCurrent(event),\n\n arrowRight: () => {\n if (cursorInEndOfInut(event.target)) {\n if (autocompleteValue()) {\n // Autocomplete by arrow right only if autocomple value is shown\n autocomplete(event)\n } else {\n focusPreview()\n event.preventDefault()\n }\n }\n },\n\n arrowDown: () => {\n actions.moveCursor(1)\n event.preventDefault()\n },\n\n arrowUp: () => {\n if (results.length > 0) {\n actions.moveCursor(-1)\n } else if (prevTerm) {\n actions.updateTerm(prevTerm)\n }\n event.preventDefault()\n }\n }\n\n // shortcuts for ctrl+...\n if ((event.metaKey || event.ctrlKey) && !event.altKey) {\n // Copy to clipboard on cmd+c\n if (event.keyCode === 67) {\n const text = highlightedResult()?.clipboard || term\n if (text) {\n clipboard.writeText(text)\n actions.reset()\n if (!event.defaultPrevented) {\n electronWindow.hide()\n }\n event.preventDefault()\n }\n return\n }\n\n // Select text on cmd+a\n if (event.keyCode === 65) {\n mainInput.current.select()\n event.preventDefault()\n }\n\n // Select element by number\n if (event.keyCode >= 49 && event.keyCode <= 57) {\n const number = Math.abs(49 - event.keyCode)\n const result = results[number]\n\n if (result) return selectItem(result, event)\n }\n\n // Lightweight vim-mode: cmd/ctrl + jklo\n switch (event.keyCode) {\n case 74:\n keyActions.arrowDown()\n break\n case 75:\n keyActions.arrowUp()\n break\n case 76:\n keyActions.arrowRight()\n break\n case 79:\n keyActions.select()\n break\n }\n }\n\n switch (event.keyCode) {\n case 9:\n autocomplete(event)\n break\n case 39:\n keyActions.arrowRight()\n break\n case 40:\n keyActions.arrowDown()\n break\n case 38:\n keyActions.arrowUp()\n break\n case 13:\n keyActions.select()\n break\n case 27:\n actions.reset()\n electronWindow.hide()\n break\n }\n }\n\n const onMainInputFocus = () => setMainInputFocused(true)\n const onMainInputBlur = () => setMainInputFocused(false)\n\n const cleanup = () => {\n window.removeEventListener('resize', onWindowResize)\n window.removeEventListener('keydown', onDocumentKeydown)\n window.removeEventListener('beforeunload', cleanup)\n electronWindow.removeAllListeners('show')\n }\n\n /**\n * Get highlighted result\n * @return {Object}\n */\n const highlightedResult = () => results[selected]\n\n /**\n * Select item from results list\n * @param {[type]} item [description]\n * @return {[type]} [description]\n */\n const selectItem = (item, realEvent) => {\n actions.reset()\n const event = wrapEvent(realEvent)\n item.onSelect(event)\n\n if (!event.defaultPrevented) electronWindow.hide()\n }\n\n /**\n * Autocomple search term from highlighted result\n */\n const autocomplete = (event) => {\n const { term: highlightedTerm } = highlightedResult()\n if (highlightedTerm && highlightedTerm !== term) {\n actions.updateTerm(highlightedTerm)\n event.preventDefault()\n }\n }\n\n /**\n * Select highlighted element\n */\n const selectCurrent = (event) => selectItem(highlightedResult(), event)\n\n const autocompleteValue = () => {\n const selectedResult = highlightedResult()\n if (selectedResult && selectedResult.term) {\n const regexp = new RegExp(`^${escapeStringRegexp(term)}`, 'i')\n if (selectedResult.term.match(regexp)) {\n return selectedResult.term.replace(regexp, term)\n }\n }\n return ''\n }\n\n return (\n \n
\n )\n}\n\nCerebro.propTypes = {\n actions: PropTypes.shape({\n reset: PropTypes.func,\n moveCursor: PropTypes.func,\n updateTerm: PropTypes.func,\n changeVisibleResults: PropTypes.func,\n selectElement: PropTypes.func,\n }),\n results: PropTypes.array,\n selected: PropTypes.number,\n visibleResults: PropTypes.number,\n term: PropTypes.string,\n statusBarText: PropTypes.string,\n prevTerm: PropTypes.string,\n}\n\nfunction mapStateToProps(state) {\n return {\n selected: state.search.selected,\n results: state.search.resultIds.map((id) => state.search.resultsById[id]),\n term: state.search.term,\n statusBarText: state.statusBar.text,\n prevTerm: state.search.prevTerm,\n visibleResults: state.search.visibleResults,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators(searchActions, dispatch),\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Cerebro)\n"
},
{
"path": "app/main/components/Cerebro/styles.module.css",
"content": ".search {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.inputWrapper {\n position: relative;\n z-index: 2;\n width: 100%;\n height: 45px;\n}\n\n.autocomplete {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 45px;\n font-size: 1.5em;\n padding: 0 10px;\n line-height: 46px;\n box-sizing: border-box;\n color: var(--secondary-font-color);\n white-space: pre;\n}\n\n::-webkit-scrollbar {\n height: var(--scroll-height);\n width: var(--scroll-width);\n background: var(--scroll-background);\n -webkit-border-radius: 0;\n}\n\n::-webkit-scrollbar-track {\n background: var(--scroll-track);\n}\n::-webkit-scrollbar-track:active {\n background: var(--scroll-track-active);\n}\n\n::-webkit-scrollbar-track:hover {\n background: var(--scroll-track-hover);\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--scroll-thumb);\n -webkit-border-radius: 3px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: var(--scroll-thumb-hover);\n}\n\n::-webkit-scrollbar-thumb:active {\n background: var(--scroll-thumb-active);\n}\n\n::-webkit-scrollbar-thumb:vertical {\n min-height: 10px;\n}\n\n::-webkit-scrollbar-thumb:horizontal {\n min-width: 10px;\n}\n\n.input {\n width: 100%;\n height: 45px;\n color: var(--main-font-color);\n font-family: var(--main-font);\n font-size: 1.5em;\n border: 0;\n outline: none;\n padding: 0 10px;\n line-height: 60px;\n box-sizing: border-box;\n background: transparent;\n white-space: nowrap;\n -webkit-app-region: drag;\n -webkit-user-select: none;\n}\n"
},
{
"path": "app/main/components/ResultsList/Row/index.tsx",
"content": "import React from 'react'\nimport SmartIcon from '../../SmartIcon'\n\n// @ts-ignore\nimport styles from './styles.module.css'\n\ninterface RowProps {\n style?: any\n title?: string\n icon?: string\n selected?: boolean\n subtitle?: string\n onSelect?: () => void\n onMouseMove?: () => void\n}\n\nfunction Row({\n selected, icon, title, onSelect, onMouseMove, subtitle, style\n}: RowProps) {\n const classNames = [styles.row, selected ? styles.selected : null].join(' ')\n\n return (\n \n actions.updateTerm(e.target.value)}\n onKeyDown={onKeyDown}\n onFocus={onMainInputFocus}\n onBlur={onMainInputBlur}\n />\n
\n \n {title &&
\n \n )\n}\n\nexport default Row\n"
},
{
"path": "app/main/components/ResultsList/Row/styles.module.css",
"content": "/**\n * TODO: colors should be moved to variables\n */\n.row {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-items: flex-start;\n white-space: nowrap;\n width: 100%;\n cursor: pointer;\n box-sizing: border-box;\n height: 45px;\n padding: 3px 5px;\n align-items: center;\n color: var(--main-font-color);\n background: var(--result-background);\n}\n\n.icon {\n max-height: 30px;\n max-width: 30px;\n margin-right: 5px;\n}\n\n.title {\n font-size: .8em;\n max-width: 100%;\n /* overflow-x: hidden; */\n color: var(--result-title-color);\n}\n\n\n.subtitle {\n font-size: 0.8em;\n font-weight: 300;\n color: var(--result-subtitle-color);\n max-width: 100%;\n /* overflow-x: hidden; */\n}\n\n.selected {\n background: var(--selected-result-background);\n .title {\n color: var(--selected-result-title-color);\n }\n .subtitle {\n color: var(--selected-result-subtitle-color);\n }\n}\n\n.details {\n position: relative;\n display: flex;\n flex-grow: 2;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n height: 90%;\n}\n"
},
{
"path": "app/main/components/ResultsList/index.js",
"content": "import React from 'react'\nimport PropTypes from 'prop-types'\nimport { List } from 'react-virtualized'\nimport { RESULT_HEIGHT } from 'main/constants/ui'\n\nimport Row from './Row'\nimport styles from './styles.module.css'\n\nfunction ResultsList({\n results, selected, visibleResults, onSelect, mainInputFocused, onItemHover\n}) {\n const rowRenderer = ({ index, key, style }) => {\n const result = results[index]\n const attrs = {\n ...result,\n // TODO: think about events\n // In some cases action should be executed and window should be closed\n // In some cases we should autocomplete value\n selected: index === selected,\n onSelect: (event) => onSelect(result, event),\n // Move selection to item under cursor\n onMouseMove: (event) => {\n const { movementX, movementY } = event.nativeEvent\n if (index === selected || !mainInputFocused) return false\n\n if (movementX || movementY) {\n // Hover item only when we had real movement of mouse\n // We should prevent changing of selection when user uses keyboard\n onItemHover(index)\n }\n },\n }\n // Plugins supply additional props (onKeyDown, term, etc.), keep forwarding them.\n // eslint-disable-next-line react/jsx-props-no-spreading\n return {title}
}\n\n {subtitle && {subtitle}
}\n \n
\n )\n}\n\nResultsList.propTypes = {\n results: PropTypes.array,\n selected: PropTypes.number,\n visibleResults: PropTypes.number,\n onItemHover: PropTypes.func,\n onSelect: PropTypes.func,\n mainInputFocused: PropTypes.bool,\n}\n\nexport default ResultsList\n"
},
{
"path": "app/main/components/ResultsList/styles.module.css",
"content": ".wrapper {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n border-top: var(--main-border);\n height: 100%;\n position: relative;\n}\n\n.unfocused {\n opacity: .5;\n}\n\n.resultsList {\n overflow-y: auto;\n width: 100%;\n min-width: 250px;\n}\n\n.preview {\n flex-grow: 2;\n padding: 10px 10px 20px 10px;\n background-color: var(--main-background-color);\n align-items: center;\n display: flex;\n max-height: 100%;\n position: absolute;\n left: 250px;\n top: 0;\n bottom: 0;\n right: 0;\n overflow: auto;\n /*\n Instead of using `justify-content: center` we have to use this hack.\n In this case child element that is bigger than `.preview ` will be placed on left border\n instead of moving outside of container\n */\n &::before, &::after {\n content: '';\n margin: auto;\n }\n\n &:empty {\n display: none;\n }\n\n input {\n border: var(--preview-input-border);\n background: var(--preview-input-background);\n color: var(--preview-input-color);\n }\n\n :global {\n /* Styles for react-select */\n .Select {\n .Select-control {\n border: var(--preview-input-border);\n background: var(--preview-input-background);\n color: var(--preview-input-color);\n }\n .Select-menu-outer {\n border: var(--preview-input-border);\n background: var(--preview-input-background);\n }\n .Select-input input {\n border: 0;\n }\n .Select-value-label {\n color: var(--preview-input-color) !important;\n }\n .Select-option {\n background: var(--preview-input-background);\n color: var(--preview-input-color);\n &.is-selected {\n color: var(--selected-result-title-color);\n background: var(--selected-result-background);\n }\n &.is-focused {\n color: var(--selected-result-title-color);\n background: var(--selected-result-background);\n filter: opacity(50%);\n }\n }\n .Select-option.is-selected {\n }\n }\n }\n}\n"
},
{
"path": "app/main/components/SmartIcon/getFileIcon/index.ts",
"content": "const { memoize } = require('cerebro-tools')\n\nconst empty = () => Promise.reject()\n\n/* eslint-disable global-require */\n/* eslint-disable import/no-mutable-exports */\n\nlet getFileIcon = empty\n\nif (process.platform === 'darwin') {\n getFileIcon = require('./mac')\n}\n\nif (process.platform === 'win32') {\n getFileIcon = require('./windows')\n}\n\nmodule.exports = memoize(getFileIcon)\n\n/* eslint-enable global-require */\n/* eslint-disable import/no-mutable-exports */\n"
},
{
"path": "app/main/components/SmartIcon/getFileIcon/mac.ts",
"content": "const remote = require('@electron/remote')\n\n/**\n * Get system icon for file\n *\n * @param {String} path File path\n * @param {Number} options.width\n * @param {[type]} options.height\n * @return {Promise\n {renderPreview()}\n
\n {value}
\n}\n\nexport default StatusBar\n"
},
{
"path": "app/main/components/StatusBar/styles.module.css",
"content": ".statusBar {\n position: absolute;\n bottom: 0;\n right: 0;\n padding: 5px;\n border-radius: 5px 0 0 0;\n border: var(--main-border);\n color: var(--secondary-font-color);\n background: var(--preview-input-background);\n border-width: 1px 0 0 1px;\n font-size: .75em;\n}"
},
{
"path": "app/main/constants/actionTypes.ts",
"content": "export const UPDATE_TERM = 'UPDATE_TERM'\nexport const MOVE_CURSOR = 'MOVE_CURSOR'\nexport const SELECT_ELEMENT = 'SELECT_ELEMENT'\nexport const SHOW_RESULT = 'SHOW_RESULT'\nexport const HIDE_RESULT = 'HIDE_RESULT'\nexport const UPDATE_RESULT = 'UPDATE_RESULT'\nexport const RESET = 'RESET'\nexport const CHANGE_VISIBLE_RESULTS = 'CHANGE_VISIBLE_RESULTS'\nexport const ICON_LOADED = 'ICON_LOADED'\nexport const SET_STATUS_BAR_TEXT = 'SET_STATUS_BAR_TEXT'\n"
},
{
"path": "app/main/constants/ui.ts",
"content": "// Height of main input\nexport const INPUT_HEIGHT = 45\n\n// Heigth of default result line\nexport const RESULT_HEIGHT = 45\n\n// Width of main window\nexport const WINDOW_WIDTH = 650\n\n// Maximum results that would be rendered\nexport const MAX_RESULTS = 25\n\n// Results view shows this count of resutls without scrollbar\nexport const MIN_VISIBLE_RESULTS = 10\n"
},
{
"path": "app/main/createWindow/AppTray.js",
"content": "import { Menu, Tray, app } from 'electron'\nimport showWindowWithTerm from './showWindowWithTerm'\nimport toggleWindow from './toggleWindow'\nimport checkForUpdates from './checkForUpdates'\n\n/**\n * Class that controls state of icon in menu bar\n */\nexport default class AppTray {\n /**\n * @param {String} options.src Absolute path for tray icon\n * @param {Function} options.isDev Development mode or not\n * @param {BrowserWindow} options.mainWindow\n * @param {BrowserWindow} options.backgroundWindow\n * @return {AppTray}\n */\n constructor(options) {\n this.tray = null\n this.options = options\n }\n\n /**\n * Show application icon in menu bar\n */\n show() {\n const tray = new Tray(this.options.src)\n tray.setToolTip('Cerebro')\n tray.setContextMenu(this.buildMenu())\n this.tray = tray\n }\n\n setIsDev(isDev) {\n this.options.isDev = isDev\n if (this.tray) {\n this.tray.setContextMenu(this.buildMenu())\n }\n }\n\n buildMenu() {\n const { mainWindow, backgroundWindow, isDev } = this.options\n const separator = { type: 'separator' }\n\n const template = [\n {\n label: 'Toggle Cerebro',\n click: () => toggleWindow(mainWindow)\n },\n separator,\n {\n label: 'Plugins',\n click: () => showWindowWithTerm(mainWindow, 'plugins'),\n },\n {\n label: 'Preferences...',\n click: () => showWindowWithTerm(mainWindow, 'Cerebro Settings'),\n },\n separator,\n {\n label: 'Check for updates',\n click: checkForUpdates,\n },\n separator,\n ]\n\n if (isDev) {\n template.push(separator)\n template.push({\n label: 'Development',\n submenu: [\n {\n label: 'DevTools (main)',\n accelerator: 'CmdOrCtrl+Shift+I',\n click: () => mainWindow.webContents.openDevTools({ mode: 'detach' })\n },\n {\n label: 'DevTools (background)',\n accelerator: 'CmdOrCtrl+Shift+B',\n click: () => backgroundWindow.webContents.openDevTools({ mode: 'detach' })\n },\n {\n label: 'Reload',\n click: () => {\n app.relaunch()\n app.exit()\n }\n }]\n })\n }\n\n template.push(separator)\n template.push({\n label: 'Quit Cerebro',\n click: () => app.quit()\n })\n\n const menu = Menu.buildFromTemplate(template)\n Menu.setApplicationMenu(menu)\n\n return menu\n }\n\n /**\n * Hide icon in menu bar\n */\n hide() {\n if (this.tray) {\n this.tray.destroy()\n this.tray = null\n }\n }\n}\n"
},
{
"path": "app/main/createWindow/autoStart.js",
"content": "import { app } from 'electron'\nimport AutoLaunch from 'auto-launch'\n\nconst isLinux = !['win32', 'darwin'].includes(process.platform)\nconst isDevelopment = process.env.NODE_ENV === 'development'\n\nconst appLauncher = isLinux\n ? new AutoLaunch({ name: 'Cerebro' })\n : null\n\nconst isEnabled = async () => (\n isLinux\n ? appLauncher.isEnabled()\n : app.getLoginItemSettings().openAtLogin\n)\n\nconst set = async (openAtLogin) => {\n const openAtStartUp = openAtLogin && !isDevelopment\n if (isLinux) {\n return openAtStartUp\n ? appLauncher.enable()\n : appLauncher.disable()\n }\n\n return app.setLoginItemSettings({ openAtLogin: openAtStartUp })\n}\n\nexport default { isEnabled, set }\n"
},
{
"path": "app/main/createWindow/buildMenu.js",
"content": "import { Menu, shell, app } from 'electron'\n\nexport default (mainWindow) => {\n const template = [{\n label: 'Electron',\n submenu: [{\n label: 'About ElectronReact',\n selector: 'orderFrontStandardAboutPanel:'\n },\n { type: 'separator' },\n {\n label: 'Services',\n submenu: []\n },\n { type: 'separator' },\n {\n label: 'Hide ElectronReact',\n accelerator: 'Command+H',\n selector: 'hide:'\n },\n {\n label: 'Hide Others',\n accelerator: 'Command+Shift+H',\n selector: 'hideOtherApplications:'\n },\n {\n label: 'Show All',\n selector: 'unhideAllApplications:'\n },\n { type: 'separator' },\n {\n label: 'Quit',\n accelerator: 'Command+Q',\n click() { app.quit() }\n }]\n },\n {\n label: 'Edit',\n submenu: [{\n label: 'Undo',\n accelerator: 'Command+Z',\n selector: 'undo:'\n },\n {\n label: 'Redo',\n accelerator: 'Shift+Command+Z',\n selector: 'redo:'\n },\n { type: 'separator' },\n {\n label: 'Cut',\n accelerator: 'Command+X',\n selector: 'cut:'\n },\n {\n label: 'Copy',\n accelerator: 'Command+C',\n selector: 'copy:'\n },\n {\n label: 'Paste',\n accelerator: 'Command+V',\n selector: 'paste:'\n },\n {\n label: 'Select All',\n accelerator: 'Command+A',\n selector: 'selectAll:'\n }]\n },\n {\n label: 'View',\n submenu: [{\n label: 'Toggle Full Screen',\n accelerator: 'Ctrl+Command+F',\n click() {\n mainWindow.setFullScreen(!mainWindow.isFullScreen())\n }\n }]\n },\n {\n label: 'Window',\n submenu: [{\n label: 'Minimize',\n accelerator: 'Command+M',\n selector: 'performMiniaturize:'\n },\n {\n label: 'Close',\n accelerator: 'Command+W',\n selector: 'performClose:'\n },\n { type: 'separator' },\n {\n label: 'Bring All to Front',\n selector: 'arrangeInFront:'\n }]\n },\n\n {\n label: 'Help',\n submenu: [{\n label: 'Learn More',\n click() { shell.openExternal('http://electron.atom.io') }\n },\n {\n label: 'Documentation',\n click() { shell.openExternal('https://github.com/atom/electron/tree/master/docs#readme') }\n },\n {\n label: 'Community Discussions',\n click() { shell.openExternal('https://discuss.atom.io/c/electron') }\n },\n {\n label: 'Search Issues',\n click() { shell.openExternal('https://github.com/atom/electron/issues') }\n }]\n }]\n\n const menu = Menu.buildFromTemplate(template)\n Menu.setApplicationMenu(menu)\n}\n"
},
{
"path": "app/main/createWindow/checkForUpdates.js",
"content": "import { dialog, app, shell } from 'electron'\nimport { autoUpdater } from 'electron-updater'\n\nconst currentVersion = app.getVersion()\nconst DEFAULT_DOWNLOAD_URL = 'https://github.com/cerebroapp/cerebro/releases'\n\nconst TITLE = 'Cerebro Updates'\n\nconst PLATFORM_EXTENSIONS = {\n darwin: 'dmg',\n linux: 'AppImage',\n win32: 'exe'\n}\n\nconst { platform } = process\nconst installerExtension = PLATFORM_EXTENSIONS[platform]\n\nconst findInstaller = (assets) => {\n if (!installerExtension) return DEFAULT_DOWNLOAD_URL\n\n const regexp = new RegExp(`\\.${installerExtension}$`)\n const downloadUrl = assets\n .find(({ url }) => url.match(regexp))\n\n return downloadUrl || DEFAULT_DOWNLOAD_URL\n}\n\nexport default async () => {\n try {\n const release = await autoUpdater.checkForUpdates()\n if (release) {\n const { updateInfo: { version, files } } = release\n dialog.showMessageBox({\n buttons: ['Skip', 'Download'],\n defaultId: 1,\n cancelId: 0,\n title: TITLE,\n message: `New version available: ${version}`,\n detail: 'Click download to get it now',\n }, (response) => {\n if (response === 1) {\n const url = findInstaller(files)\n shell.openExternal(url)\n }\n })\n } else {\n dialog.showMessageBox({\n title: TITLE,\n message: `You are using latest version of Cerebro (${currentVersion})`,\n buttons: []\n })\n }\n } catch (err) {\n console.log('Catch error!', err)\n dialog.showErrorBox(TITLE, 'Error fetching latest version')\n }\n}\n"
},
{
"path": "app/main/createWindow/handleUrl.js",
"content": "import { parse } from 'url'\n\nimport showWindowWithTerm from './showWindowWithTerm'\n\nexport default (mainWindow, url) => {\n const { host: action, query } = parse(url, { parseQueryString: true })\n // Currently only search action supported.\n // We can extend this handler to support more\n // like `plugins/install` or do something plugin-related\n if (action === 'search') {\n showWindowWithTerm(mainWindow, query.term)\n } else {\n showWindowWithTerm(mainWindow, url)\n }\n}\n"
},
{
"path": "app/main/createWindow/showWindowWithTerm.ts",
"content": "/**\n * Show main window with updated search term\n *\n * @return {BrowserWindow} appWindow\n */\nexport default (appWindow: any, term: string) => {\n appWindow.show()\n appWindow.focus()\n appWindow.webContents.send('message', {\n message: 'showTerm',\n payload: term\n })\n}\n"
},
{
"path": "app/main/createWindow/toggleWindow.ts",
"content": "/**\n * Show or hide main window\n * @return {BrowserWindow} appWindow\n */\nexport default (appWindow: any) => {\n if (appWindow.isVisible()) {\n appWindow.blur() // once for blurring the content of the window(?)\n appWindow.blur() // twice somehow restores focus to prev foreground window\n appWindow.hide()\n } else {\n appWindow.show()\n appWindow.focus()\n }\n}\n"
},
{
"path": "app/main/createWindow.js",
"content": "import {\n BrowserWindow, globalShortcut, app, shell\n} from 'electron'\nimport debounce from 'lodash/debounce'\nimport EventEmitter from 'events'\nimport config from 'lib/config'\n\nimport {\n INPUT_HEIGHT,\n WINDOW_WIDTH\n} from './constants/ui'\n\nimport buildMenu from './createWindow/buildMenu'\nimport toggleWindow from './createWindow/toggleWindow'\nimport handleUrl from './createWindow/handleUrl'\n\nexport default ({ src, isDev }) => {\n const [x, y] = config.get('winPosition')\n\n const browserWindowOptions = {\n width: WINDOW_WIDTH,\n minWidth: WINDOW_WIDTH,\n height: INPUT_HEIGHT,\n x,\n y,\n frame: false,\n resizable: false,\n transparent: true,\n show: config.get('firstStart'),\n webPreferences: {\n nodeIntegration: true,\n nodeIntegrationInSubFrames: false,\n enableRemoteModule: true,\n contextIsolation: false\n },\n // Show main window on launch only when application started for the first time\n }\n\n if (process.platform === 'linux') {\n browserWindowOptions.type = 'splash'\n }\n\n const mainWindow = new BrowserWindow(browserWindowOptions)\n\n // Workaround to set the position the first time (centers the window)\n config.set('winPosition', mainWindow.getPosition())\n\n // Float main window above full-screen apps\n mainWindow.setAlwaysOnTop(true, 'modal-panel')\n\n mainWindow.loadURL(src)\n mainWindow.settingsChanges = new EventEmitter()\n\n // Get global shortcut from app settings\n let shortcut = config.get('hotkey')\n\n // Function to toggle main window\n const toggleMainWindow = () => toggleWindow(mainWindow)\n // Function to show main window\n const showMainWindow = () => {\n mainWindow.show()\n mainWindow.focus()\n }\n\n // Setup event listeners for main window\n globalShortcut.register(shortcut, toggleMainWindow)\n\n mainWindow.on('blur', () => {\n if (!isDev() && config.get('hideOnBlur')) {\n // Hide window on blur in production\n // In development we usually use developer tools that can blur a window\n mainWindow.hide()\n }\n })\n\n // Save window position when it is being moved\n mainWindow.on('move', debounce(() => {\n if (!mainWindow.isVisible()) {\n return\n }\n\n config.set('winPosition', mainWindow.getPosition())\n }, 100))\n\n mainWindow.on('close', app.quit)\n\n mainWindow.webContents.on('new-window', (event, url) => {\n shell.openExternal(url)\n event.preventDefault()\n })\n\n mainWindow.webContents.on('will-navigate', (event, url) => {\n if (url !== mainWindow.webContents.getURL()) {\n shell.openExternal(url)\n event.preventDefault()\n }\n })\n\n // Change global hotkey if it is changed in app settings\n mainWindow.settingsChanges.on('hotkey', (value) => {\n globalShortcut.unregister(shortcut)\n shortcut = value\n globalShortcut.register(shortcut, toggleMainWindow)\n })\n\n // Change theme css file\n mainWindow.settingsChanges.on('theme', (value) => {\n mainWindow.webContents.send('message', {\n message: 'updateTheme',\n payload: value\n })\n })\n\n mainWindow.settingsChanges.on('proxy', (value) => {\n mainWindow.webContents.session.setProxy({\n proxyRules: value\n })\n })\n\n // Handle window.hide: if cleanOnHide value in preferences is true\n // we clear all results and show empty window every time\n const resetResults = () => {\n mainWindow.webContents.send('message', {\n message: 'showTerm',\n payload: ''\n })\n }\n\n // Handle change of cleanOnHide value in settins\n const handleCleanOnHideChange = (value) => {\n if (value) {\n mainWindow.on('hide', resetResults)\n } else {\n mainWindow.removeListener('hide', resetResults)\n }\n }\n\n // Set or remove handler when settings changed\n mainWindow.settingsChanges.on('cleanOnHide', handleCleanOnHideChange)\n\n // Set initial handler if it is needed\n handleCleanOnHideChange(config.get('cleanOnHide'))\n\n // Restore focus in previous application\n // MacOS only: https://github.com/electron/electron/blob/master/docs/api/app.md#apphide-macos\n if (process.platform === 'darwin') {\n mainWindow.on('hide', () => {\n app.hide()\n })\n }\n\n // Show main window when user opens application, but it is already opened\n app.on('open-file', (event, path) => handleUrl(mainWindow, path))\n app.on('open-url', (event, path) => handleUrl(mainWindow, path))\n app.on('activate', showMainWindow)\n\n // Someone tried to run a second instance, we should focus our window.\n const shouldQuit = app.requestSingleInstanceLock()\n\n if (!shouldQuit) {\n app.quit()\n } else {\n app.on('second-instance', () => {\n if (mainWindow) {\n if (mainWindow.isMinimized()) mainWindow.restore()\n mainWindow.focus()\n }\n })\n }\n\n // Save in config information, that application has been started\n config.set('firstStart', false)\n\n buildMenu(mainWindow)\n return mainWindow\n}\n"
},
{
"path": "app/main/css/global.css",
"content": "@import \"system-font.css\";\n@import url(\"~normalize.css/normalize.css\");\n@import url(\"~react-virtualized/styles.css\");\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n background-color: var(--main-background-color);\n color: var(--main-font-color);\n}\n\nbody {\n position: relative;\n height: 100vh;\n font-family: var(--main-font);\n overflow-y: hidden;\n}\n\n#root {\n height: 100%;\n}\n"
},
{
"path": "app/main/css/system-font.css",
"content": "/*! system-font.css v1.1.0 | CC0-1.0 License | github.com/jonathantneal/system-font-face */\n\n@font-face {\n font-family: system;\n font-style: normal;\n font-weight: 300;\n src: local(\".SFNSText-Light\"), local(\".HelveticaNeueDeskInterface-Light\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Light\"), local(\"Segoe UI Light\"), local(\"Roboto-Light\"), local(\"DroidSans\"), local(\"Tahoma\");\n}\n\n@font-face {\n font-family: system;\n font-style: italic;\n font-weight: 300;\n src: local(\".SFNSText-LightItalic\"), local(\".HelveticaNeueDeskInterface-Italic\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Light Italic\"), local(\"Segoe UI Light Italic\"), local(\"Roboto-LightItalic\"), local(\"DroidSans\"), local(\"Tahoma\");\n}\n\n@font-face {\n font-family: system;\n font-style: normal;\n font-weight: 400;\n src: local(\".SFNSText-Regular\"), local(\".HelveticaNeueDeskInterface-Regular\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu\"), local(\"Segoe UI\"), local(\"Roboto-Regular\"), local(\"DroidSans\"), local(\"Tahoma\");\n}\n\n@font-face {\n font-family: system;\n font-style: italic;\n font-weight: 400;\n src: local(\".SFNSText-Italic\"), local(\".HelveticaNeueDeskInterface-Italic\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Italic\"), local(\"Segoe UI Italic\"), local(\"Roboto-Italic\"), local(\"DroidSans\"), local(\"Tahoma\");\n}\n\n@font-face {\n font-family: system;\n font-style: normal;\n font-weight: 500;\n src: local(\".SFNSText-Medium\"), local(\".HelveticaNeueDeskInterface-MediumP4\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Medium\"), local(\"Segoe UI Semibold\"), local(\"Roboto-Medium\"), local(\"DroidSans-Bold\"), local(\"Tahoma Bold\");\n}\n\n@font-face {\n font-family: system;\n font-style: italic;\n font-weight: 500;\n src: local(\".SFNSText-MediumItalic\"), local(\".HelveticaNeueDeskInterface-MediumItalicP4\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Medium Italic\"), local(\"Segoe UI Semibold Italic\"), local(\"Roboto-MediumItalic\"), local(\"DroidSans-Bold\"), local(\"Tahoma Bold\");\n}\n\n@font-face {\n font-family: system;\n font-style: normal;\n font-weight: 700;\n src: local(\".SFNSText-Bold\"), local(\".HelveticaNeueDeskInterface-Bold\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Bold\"), local(\"Roboto-Bold\"), local(\"DroidSans-Bold\"), local(\"Segoe UI Bold\"), local(\"Tahoma Bold\");\n}\n\n@font-face {\n font-family: system;\n font-style: italic;\n font-weight: 700;\n src: local(\".SFNSText-BoldItalic\"), local(\".HelveticaNeueDeskInterface-BoldItalic\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Bold Italic\"), local(\"Roboto-BoldItalic\"), local(\"DroidSans-Bold\"), local(\"Segoe UI Bold Italic\"), local(\"Tahoma Bold\");\n}\n"
},
{
"path": "app/main/css/themes/dark.css",
"content": ":root {\n /* Main fonts and colors */\n --main-background-color: rgba(62, 65, 67, 1);\n --main-font: system, sans-serif;\n --main-font-color: white;\n\n /* border styles */\n --main-border: 1px solid #686869;\n\n /* Secondary fonts and colors */\n --secondary-font-color: #9B9D9F;\n\n /* results list */\n --result-background: transparent;\n --result-title-color: var(--main-font-color);\n --result-subtitle-color: #cccccc;\n\n /* selected result */\n --selected-result-title-color: white;\n --selected-result-subtitle-color: var(--result-subtitle-color);\n --selected-result-background: #1972D6;\n\n /* scrollbar */\n --scroll-background: var(--main-background-color);\n --scroll-track: #2E2E2C;\n --scroll-track-active: var(--scroll-track);\n --scroll-track-hover: var(--scroll-track);\n --scroll-thumb: var(--secondary-font-color);\n --scroll-thumb-hover: var(--scroll-thumb);\n --scroll-thumb-active: var(--main-font-color);\n --scroll-width: 5px;\n --scroll-height: 5px;\n\n /* inputs */\n --preview-input-background: #2E2E2C;\n --preview-input-color: var(--main-font-color);\n --preview-input-border: 0;\n\n /* filter for previews */\n --preview-filter: invert(100%) hue-rotate(180deg) contrast(80%);\n}\n"
},
{
"path": "app/main/css/themes/light.css",
"content": ":root {\n /* Main fonts and colors */\n --main-background-color: rgba(255, 255, 255, 1);\n --main-font: system, sans-serif;\n --main-font-color: #000000;\n\n /* border styles */\n --main-border: 1px solid #eee;\n\n /* Secondary fonts and colors */\n --secondary-font-color: #999;\n\n /* results list */\n --result-background: transparent;\n --result-title-color: var(--main-font-color);\n --result-subtitle-color: #cccccc;\n\n /* selected result */\n --selected-result-title-color: white;\n --selected-result-subtitle-color: var(--result-subtitle-color);\n --selected-result-background: rgba(18, 110, 219, 1);\n\n /* scrollbar */\n --scroll-background: var(--main-background-color);\n --scroll-track: #e0e0e0;\n --scroll-track-active: var(--scroll-track);\n --scroll-track-hover: var(--scroll-track);\n --scroll-thumb: var(--secondary-font-color);\n --scroll-thumb-hover: var(--scroll-thumb);\n --scroll-thumb-active: var(--main-font-color);\n --scroll-width: 5px;\n --scroll-height: 5px;\n\n /* inputs */\n --preview-input-background: white;\n --preview-input-color: var(--main-font-color);\n --preview-input-border: 1px solid #ccc;\n\n /* filter for previews */\n --preview-filter: none;\n}\n"
},
{
"path": "app/main/index.html",
"content": "\n\n \n \n \n \n
\n \n \n\n"
},
{
"path": "app/main/main.js",
"content": "import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\n\nimport initializePlugins from 'lib/initializePlugins'\nimport { on } from 'lib/rpc'\nimport config from 'lib/config'\nimport { updateTerm } from './actions/search'\nimport store from './store'\nimport Cerebro from './components/Cerebro'\nimport './css/global.css'\n\nglobal.React = React\nglobal.ReactDOM = ReactDOM\nglobal.isBackground = false\n\n/**\n * Change current theme\n *\n * @param {String} src Absolute path to new theme css file\n */\nconst changeTheme = (src) => {\n document.getElementById('cerebro-theme').href = src\n}\n\n// Set theme from config\nchangeTheme(config.get('theme'))\n\n// Render main container\nReactDOM.render(\n \n { Object.keys(settings).map(renderSetting) }\n
\n )\n}\n\nexport default Settings\n\nSettings.propTypes = {\n name: PropTypes.string.isRequired,\n settings: PropTypes.object.isRequired,\n}\n"
},
{
"path": "app/plugins/core/plugins/Preview/index.js",
"content": "import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { KeyboardNav, KeyboardNavItem } from '@cerebroapp/cerebro-ui'\nimport { client } from 'lib/plugins'\nimport ReactMarkdown from 'react-markdown'\n\nimport ActionButton from './ActionButton.js'\nimport Settings from './Settings'\nimport getReadme from '../getReadme'\nimport styles from './styles.module.css'\nimport * as format from '../format'\n\nfunction Description({ repoName }) {\n const isRelative = (src) => !src.match(/^(https?:|data:)/)\n\n const urlTransform = (src) => {\n if (isRelative(src)) return `http://raw.githubusercontent.com/${repoName}/master/${src}`\n return src\n }\n\n const [readme, setReadme] = useState(null)\n\n useEffect(() => { getReadme(repoName).then(setReadme) }, [])\n\n if (!readme) return null\n\n return (\n \n \n \n {showDescription &&
\n )\n}\n\nPreview.propTypes = {\n plugin: PropTypes.object.isRequired,\n onComplete: PropTypes.func.isRequired,\n}\n\nexport default Preview\n"
},
{
"path": "app/plugins/core/plugins/Preview/styles.module.css",
"content": ".preview {\n align-self: flex-start;\n width: 100%;\n}\n\n.header {\n border-bottom: var(--main-border);\n margin-bottom: 15px;\n}\n\n.markdown {\n font-size: .8em;\n align-self: flex-start;\n font-size: 16px;\n padding: 0 10px;\n p {\n font-size: 1em;\n margin: 0 0 10px;\n }\n h1, h2, h3, h4 {\n color: var(--main-font-color);\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 500;\n line-height: 1.25;\n }\n h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: var(--main-border);\n }\n h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: var(--main-border);\n }\n pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n filter: invert(10%);\n background: var(--main-background-color);\n border-radius: 3px;\n code {\n padding: 0;\n background: transparent;\n &:before, &:after {\n content: none;\n }\n }\n }\n blockquote {\n border-left: 3px solid #999;\n margin: 15px 0;\n padding: 5px 15px;\n p:last-child {\n margin-bottom: 0;\n }\n }\n code {\n padding: 0;\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(0,0,0,0.04);\n border-radius: 3px;\n &:after {\n letter-spacing: -0.2em;\n content: \"\\00a0\";\n }\n &:before {\n letter-spacing: -0.2em;\n content: \"\\00a0\";\n }\n }\n img {\n max-width: 100%;\n }\n a {\n color: #4078c0;\n text-decoration: none;\n }\n ul {\n padding-left: 2em;\n list-style-type: disc;\n }\n li {\n list-style-type: disc;\n }\n li + li {\n margin-top: 0.25em;\n }\n}\n\n.settingsWrapper {\n margin: 15px 0;\n}\n"
},
{
"path": "app/plugins/core/plugins/StatusBar/index.js",
"content": "import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './styles.module.css'\n\nfunction StatusBar({ value }) {\n return {`${format.name(name)} (${version})`}
\n\n{format.description(description)}
\n\n\n {settings && (\n setShowSettings((prev) => !prev)}>\n Settings\n \n )}\n\n {showSettings && setShowDescription((prev) => !prev)}>\n Details\n \n )}\n\n
\n {value}
\n}\n\nStatusBar.propTypes = {\n value: PropTypes.string.isRequired\n}\n\nexport default StatusBar\n"
},
{
"path": "app/plugins/core/plugins/StatusBar/styles.module.css",
"content": ".statusBar {\n position: absolute;\n right: 0;\n bottom: 0;\n z-index: 11;\n font-size: 11px;\n color: var(--secondary-font-color);\n background: var(--preview-input-background);\n padding: 5px;\n border-radius: 5px 0 0 0;\n border-top: var(--main-border);\n border-left: var(--main-border);\n max-width: 250px;\n overflow: hidden;\n text-overflow: ellipsis;\n}"
},
{
"path": "app/plugins/core/plugins/blacklist.js",
"content": "/**\n * This file contains plugins that have been blacklisted.\n * The main purpose of this is to hide plugins that have been republished under our scope.\n * The name must match (case sensitive) the name in the `package.json`.\n */\nexport default [\n 'cerebro-basic-apps', // @cerebroapp/cerebro-basic-apps\n 'cerebro-mac-apps', // @cerebroapp/cerebro-mac-apps\n 'cerebro-brew', // @cerebroapp/cerebro-brew\n]\n"
},
{
"path": "app/plugins/core/plugins/format.js",
"content": "import {\n flow, words, capitalize, trim, map, join\n} from 'lodash/fp'\n\n/**\n * Remove unnecessary information from plugin description\n * like `Cerebro plugin for`\n * @param {String} str\n * @return {String}\n */\nconst removeDescriptionNoise = (str) => (\n (str || '').replace(/^cerebro\\s?(plugin)?\\s?(to|for)?/i, '')\n)\n\n/**\n * Remove unnecessary information from plugin name\n * like `cerebro-plugin-` or `cerebro-`\n * @param {String} str\n * @return {String}\n */\nconst removeNameNoise = (str) => (\n (str || '').replace(/^cerebro-(plugin)?-?/i, '')\n)\n\nexport const name = (text = '') => flow(\n trim,\n words,\n map(capitalize),\n join(' ')\n)(removeNameNoise(text.toLowerCase()))\n\nexport const description = flow(\n removeDescriptionNoise,\n trim,\n capitalize,\n)\n\nexport const version = (plugin) => (\n plugin.isUpdateAvailable\n ? `${plugin.installedVersion} → ${plugin.version}`\n : plugin.version\n)\n"
},
{
"path": "app/plugins/core/plugins/getAvailablePlugins.js",
"content": "/**\n * API endpoint to search all cerebro plugins\n * @type {String}\n */\nconst URL = 'https://registry.npmjs.com/-/v1/search?from=0&size=500&text=keywords:cerebro-plugin,cerebro-extracted-plugin'\n\nconst sortByPopularity = (a, b) => a.score.detail.popularity > b.score.detail.popularity ? -1 : 1\n\n/**\n * Get all available plugins for Cerebro\n * @return {Promise\n
\n )\n}\n\nHotkey.propTypes = {\n hotkey: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n}\n\nexport default Hotkey\n"
},
{
"path": "app/plugins/core/settings/Settings/countries.js",
"content": "export default [\n { value: 'AF', label: 'Afghanistan' },\n { value: 'AX', label: 'Åland Islands' },\n { value: 'AL', label: 'Albania' },\n { value: 'DZ', label: 'Algeria' },\n { value: 'AS', label: 'American Samoa' },\n { value: 'AD', label: 'Andorra' },\n { value: 'AO', label: 'Angola' },\n { value: 'AI', label: 'Anguilla' },\n { value: 'AQ', label: 'Antarctica' },\n { value: 'AG', label: 'Antigua and Barbuda' },\n { value: 'AR', label: 'Argentina' },\n { value: 'AM', label: 'Armenia' },\n { value: 'AW', label: 'Aruba' },\n { value: 'AU', label: 'Australia' },\n { value: 'AT', label: 'Austria' },\n { value: 'AZ', label: 'Azerbaijan' },\n { value: 'BS', label: 'The Bahamas' },\n { value: 'BH', label: 'Bahrain' },\n { value: 'BD', label: 'Bangladesh' },\n { value: 'BB', label: 'Barbados' },\n { value: 'BY', label: 'Belarus' },\n { value: 'BE', label: 'Belgium' },\n { value: 'BZ', label: 'Belize' },\n { value: 'BJ', label: 'Benin' },\n { value: 'BM', label: 'Bermuda' },\n { value: 'BT', label: 'Bhutan' },\n { value: 'BO', label: 'Bolivia' },\n { value: 'BQ', label: 'Bonaire' },\n { value: 'BA', label: 'Bosnia and Herzegovina' },\n { value: 'BW', label: 'Botswana' },\n { value: 'BV', label: 'Bouvet Island' },\n { value: 'BR', label: 'Brazil' },\n { value: 'IO', label: 'British Indian Ocean Territory' },\n { value: 'UM', label: 'United States Minor Outlying Islands' },\n { value: 'VG', label: 'Virgin Islands (British)' },\n { value: 'VI', label: 'Virgin Islands (U.S.)' },\n { value: 'BN', label: 'Brunei' },\n { value: 'BG', label: 'Bulgaria' },\n { value: 'BF', label: 'Burkina Faso' },\n { value: 'BI', label: 'Burundi' },\n { value: 'KH', label: 'Cambodia' },\n { value: 'CM', label: 'Cameroon' },\n { value: 'CA', label: 'Canada' },\n { value: 'CV', label: 'Cape Verde' },\n { value: 'KY', label: 'Cayman Islands' },\n { value: 'CF', label: 'Central African Republic' },\n { value: 'TD', label: 'Chad' },\n { value: 'CL', label: 'Chile' },\n { value: 'CN', label: 'China' },\n { value: 'CX', label: 'Christmas Island' },\n { value: 'CC', label: 'Cocos (Keeling) Islands' },\n { value: 'CO', label: 'Colombia' },\n { value: 'KM', label: 'Comoros' },\n { value: 'CG', label: 'Republic of the Congo' },\n { value: 'CD', label: 'Democratic Republic of the Congo' },\n { value: 'CK', label: 'Cook Islands' },\n { value: 'CR', label: 'Costa Rica' },\n { value: 'HR', label: 'Croatia' },\n { value: 'CU', label: 'Cuba' },\n { value: 'CW', label: 'Curaçao' },\n { value: 'CY', label: 'Cyprus' },\n { value: 'CZ', label: 'Czech Republic' },\n { value: 'DK', label: 'Denmark' },\n { value: 'DJ', label: 'Djibouti' },\n { value: 'DM', label: 'Dominica' },\n { value: 'DO', label: 'Dominican Republic' },\n { value: 'EC', label: 'Ecuador' },\n { value: 'EG', label: 'Egypt' },\n { value: 'SV', label: 'El Salvador' },\n { value: 'GQ', label: 'Equatorial Guinea' },\n { value: 'ER', label: 'Eritrea' },\n { value: 'EE', label: 'Estonia' },\n { value: 'ET', label: 'Ethiopia' },\n { value: 'FK', label: 'Falkland Islands' },\n { value: 'FO', label: 'Faroe Islands' },\n { value: 'FJ', label: 'Fiji' },\n { value: 'FI', label: 'Finland' },\n { value: 'FR', label: 'France' },\n { value: 'GF', label: 'French Guiana' },\n { value: 'PF', label: 'French Polynesia' },\n { value: 'TF', label: 'French Southern and Antarctic Lands' },\n { value: 'GA', label: 'Gabon' },\n { value: 'GM', label: 'The Gambia' },\n { value: 'GE', label: 'Georgia' },\n { value: 'DE', label: 'Germany' },\n { value: 'GH', label: 'Ghana' },\n { value: 'GI', label: 'Gibraltar' },\n { value: 'GR', label: 'Greece' },\n { value: 'GL', label: 'Greenland' },\n { value: 'GD', label: 'Grenada' },\n { value: 'GP', label: 'Guadeloupe' },\n { value: 'GU', label: 'Guam' },\n { value: 'GT', label: 'Guatemala' },\n { value: 'GG', label: 'Guernsey' },\n { value: 'GW', label: 'Guinea-Bissau' },\n { value: 'GY', label: 'Guyana' },\n { value: 'HT', label: 'Haiti' },\n { value: 'HM', label: 'Heard Island and McDonald Islands' },\n { value: 'VA', label: 'Holy See' },\n { value: 'HN', label: 'Honduras' },\n { value: 'HK', label: 'Hong Kong' },\n { value: 'HU', label: 'Hungary' },\n { value: 'IS', label: 'Iceland' },\n { value: 'IN', label: 'India' },\n { value: 'ID', label: 'Indonesia' },\n { value: 'CI', label: 'Ivory Coast' },\n { value: 'IR', label: 'Iran' },\n { value: 'IQ', label: 'Iraq' },\n { value: 'IE', label: 'Republic of Ireland' },\n { value: 'IM', label: 'Isle of Man' },\n { value: 'IL', label: 'Israel' },\n { value: 'IT', label: 'Italy' },\n { value: 'JM', label: 'Jamaica' },\n { value: 'JP', label: 'Japan' },\n { value: 'JE', label: 'Jersey' },\n { value: 'JO', label: 'Jordan' },\n { value: 'KZ', label: 'Kazakhstan' },\n { value: 'KE', label: 'Kenya' },\n { value: 'KI', label: 'Kiribati' },\n { value: 'KW', label: 'Kuwait' },\n { value: 'KG', label: 'Kyrgyzstan' },\n { value: 'LA', label: 'Laos' },\n { value: 'LV', label: 'Latvia' },\n { value: 'LB', label: 'Lebanon' },\n { value: 'LS', label: 'Lesotho' },\n { value: 'LR', label: 'Liberia' },\n { value: 'LY', label: 'Libya' },\n { value: 'LI', label: 'Liechtenstein' },\n { value: 'LT', label: 'Lithuania' },\n { value: 'LU', label: 'Luxembourg' },\n { value: 'MO', label: 'Macau' },\n { value: 'MK', label: 'Republic of Macedonia' },\n { value: 'MG', label: 'Madagascar' },\n { value: 'MW', label: 'Malawi' },\n { value: 'MY', label: 'Malaysia' },\n { value: 'MV', label: 'Maldives' },\n { value: 'ML', label: 'Mali' },\n { value: 'MT', label: 'Malta' },\n { value: 'MH', label: 'Marshall Islands' },\n { value: 'MQ', label: 'Martinique' },\n { value: 'MR', label: 'Mauritania' },\n { value: 'MU', label: 'Mauritius' },\n { value: 'YT', label: 'Mayotte' },\n { value: 'MX', label: 'Mexico' },\n { value: 'FM', label: 'Federated States of Micronesia' },\n { value: 'MD', label: 'Moldova' },\n { value: 'MC', label: 'Monaco' },\n { value: 'MN', label: 'Mongolia' },\n { value: 'ME', label: 'Montenegro' },\n { value: 'MS', label: 'Montserrat' },\n { value: 'MA', label: 'Morocco' },\n { value: 'MZ', label: 'Mozambique' },\n { value: 'MM', label: 'Myanmar' },\n { value: 'NA', label: 'Namibia' },\n { value: 'NR', label: 'Nauru' },\n { value: 'NP', label: 'Nepal' },\n { value: 'NL', label: 'Netherlands' },\n { value: 'NC', label: 'New Caledonia' },\n { value: 'NZ', label: 'New Zealand' },\n { value: 'NI', label: 'Nicaragua' },\n { value: 'NE', label: 'Niger' },\n { value: 'NG', label: 'Nigeria' },\n { value: 'NU', label: 'Niue' },\n { value: 'NF', label: 'Norfolk Island' },\n { value: 'KP', label: 'North Korea' },\n { value: 'MP', label: 'Northern Mariana Islands' },\n { value: 'NO', label: 'Norway' },\n { value: 'OM', label: 'Oman' },\n { value: 'PK', label: 'Pakistan' },\n { value: 'PW', label: 'Palau' },\n { value: 'PS', label: 'Palestine' },\n { value: 'PA', label: 'Panama' },\n { value: 'PG', label: 'Papua New Guinea' },\n { value: 'PY', label: 'Paraguay' },\n { value: 'PE', label: 'Peru' },\n { value: 'PH', label: 'Philippines' },\n { value: 'PN', label: 'Pitcairn Islands' },\n { value: 'PL', label: 'Poland' },\n { value: 'PT', label: 'Portugal' },\n { value: 'PR', label: 'Puerto Rico' },\n { value: 'QA', label: 'Qatar' },\n { value: 'XK', label: 'Republic of Kosovo' },\n { value: 'RE', label: 'Réunion' },\n { value: 'RO', label: 'Romania' },\n { value: 'RU', label: 'Russia' },\n { value: 'RW', label: 'Rwanda' },\n { value: 'BL', label: 'Saint Barthélemy' },\n { value: 'SH', label: 'Saint Helena' },\n { value: 'KN', label: 'Saint Kitts and Nevis' },\n { value: 'LC', label: 'Saint Lucia' },\n { value: 'MF', label: 'Saint Martin' },\n { value: 'PM', label: 'Saint Pierre and Miquelon' },\n { value: 'VC', label: 'Saint Vincent and the Grenadines' },\n { value: 'WS', label: 'Samoa' },\n { value: 'SM', label: 'San Marino' },\n { value: 'ST', label: 'São Tomé and Príncipe' },\n { value: 'SA', label: 'Saudi Arabia' },\n { value: 'SN', label: 'Senegal' },\n { value: 'RS', label: 'Serbia' },\n { value: 'SC', label: 'Seychelles' },\n { value: 'SL', label: 'Sierra Leone' },\n { value: 'SG', label: 'Singapore' },\n { value: 'SX', label: 'Sint Maarten' },\n { value: 'SK', label: 'Slovakia' },\n { value: 'SI', label: 'Slovenia' },\n { value: 'SB', label: 'Solomon Islands' },\n { value: 'SO', label: 'Somalia' },\n { value: 'ZA', label: 'South Africa' },\n { value: 'GS', label: 'South Georgia' },\n { value: 'KR', label: 'South Korea' },\n { value: 'SS', label: 'South Sudan' },\n { value: 'ES', label: 'Spain' },\n { value: 'LK', label: 'Sri Lanka' },\n { value: 'SD', label: 'Sudan' },\n { value: 'SR', label: 'Surinae' },\n { value: 'SJ', label: 'Svalbard and Jan Mayen' },\n { value: 'SZ', label: 'Swaziland' },\n { value: 'SE', label: 'Sweden' },\n { value: 'CH', label: 'Switzerland' },\n { value: 'SY', label: 'Syria' },\n { value: 'TW', label: 'Taiwan' },\n { value: 'TJ', label: 'Tajikistan' },\n { value: 'TZ', label: 'Tanzania' },\n { value: 'TH', label: 'Thailand' },\n { value: 'TL', label: 'East Timor' },\n { value: 'TG', label: 'Togo' },\n { value: 'TK', label: 'Tokelau' },\n { value: 'TO', label: 'Tonga' },\n { value: 'TT', label: 'Trinidad and Tobago' },\n { value: 'TN', label: 'Tunisia' },\n { value: 'TR', label: 'Turkey' },\n { value: 'TM', label: 'Turkmenistan' },\n { value: 'TC', label: 'Turks and Caicos Islands' },\n { value: 'TV', label: 'Tuvalu' },\n { value: 'UG', label: 'Uganda' },\n { value: 'UA', label: 'Ukraine' },\n { value: 'AE', label: 'United Arab Emirates' },\n { value: 'GB', label: 'United Kingdom' },\n { value: 'US', label: 'United States' },\n { value: 'UY', label: 'Uruguay' },\n { value: 'UZ', label: 'Uzbekistan' },\n { value: 'VU', label: 'Vanuatu' },\n { value: 'VE', label: 'Venezuela' },\n { value: 'VN', label: 'Vietnam' },\n { value: 'WF', label: 'Wallis and Futuna' },\n { value: 'EH', label: 'Western Sahara' },\n { value: 'YE', label: 'Yemen' },\n { value: 'ZM', label: 'Zambia' },\n { value: 'ZW', label: 'Zimbabwe' }\n]\n"
},
{
"path": "app/plugins/core/settings/Settings/index.js",
"content": "import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { FormComponents } from '@cerebroapp/cerebro-ui'\nimport themes from 'lib/themes'\n\nimport Hotkey from './Hotkey'\nimport countries from './countries'\nimport styles from './styles.module.css'\n\nconst {\n Select, Checkbox, Wrapper, Text\n} = FormComponents\n\nfunction Settings({ get, set }) {\n const [state, setState] = useState(() => ({\n hotkey: get('hotkey'),\n showInTray: get('showInTray'),\n country: get('country'),\n theme: get('theme'),\n proxy: get('proxy'),\n developerMode: get('developerMode'),\n cleanOnHide: get('cleanOnHide'),\n selectOnShow: get('selectOnShow'),\n pluginsSettings: get('plugins'),\n openAtLogin: get('openAtLogin'),\n searchBarPlaceholder: get('searchBarPlaceholder')\n }))\n\n const changeConfig = (key, value) => {\n set(key, value)\n setState((prevState) => ({ ...prevState, [key]: value }))\n }\n\n return (\n \n \n changeConfig('hotkey', key)}\n />\n \n c.value === state.country)}\n options={countries}\n onChange={(value) => changeConfig('country', value)}\n />\n t.value === state.theme)}\n options={themes}\n onChange={(value) => changeConfig('theme', value)}\n />\n changeConfig('proxy', value)}\n />\n changeConfig('searchBarPlaceholder', value)}\n />\n changeConfig('openAtLogin', value)}\n />\n changeConfig('showInTray', value)}\n />\n changeConfig('developerMode', value)}\n />\n changeConfig('cleanOnHide', value)}\n />\n changeConfig('selectOnShow', value)}\n />\n
\n )\n}\n\nSettings.propTypes = {\n get: PropTypes.func.isRequired,\n set: PropTypes.func.isRequired\n}\n\nexport default Settings\n"
},
{
"path": "app/plugins/core/settings/Settings/styles.module.css",
"content": ".settings {\n display: flex;\n align-self: flex-start;\n flex-direction: column;\n align-items: center;\n}\n\n.label {\n margin-right: 15px;\n margin-top: 8px;\n min-width: 60px;\n max-width: 60px;\n}\n\n.checkbox {\n margin-right: 5px;\n}\n\n.settingItem {\n padding: 20px;\n box-sizing: border-box;\n width: 100%;\n border-color: #d9d9d9 #ccc #b3b3b3;\n border-top: 1px solid #ccc;\n margin-top: 16px;\n}\n\n.header {\n font-weight: bold;\n}\n\n.input {\n font-size: 16px;\n line-height: 34px;\n padding: 0 10px;\n box-sizing: border-box;\n width: 100%;\n border-color: #d9d9d9 #ccc #b3b3b3;\n border-radius: 4px;\n border: 1px solid #ccc;\n}\n"
},
{
"path": "app/plugins/core/settings/index.js",
"content": "import React from 'react'\nimport { search } from 'cerebro-tools'\nimport Settings from './Settings'\nimport icon from '../icon.png'\n\n// Settings plugin name\nconst NAME = 'Cerebro Settings'\n\n// Settings plugins in the end of list\nconst order = 9\n\n// Phrases that used to find settings plugins\nconst KEYWORDS = [\n NAME,\n 'Cerebro Preferences',\n 'cfg',\n 'config',\n 'params'\n]\n\n/**\n * Plugin to show app settings in results list\n *\n * @param {String} options.term\n * @param {Function} options.display\n */\nconst settingsPlugin = ({\n term, display, config, actions\n}) => {\n const found = search(KEYWORDS, term).length > 0\n if (found) {\n const results = [{\n order,\n icon,\n title: NAME,\n term: NAME,\n getPreview: () => (\n {CEREBRO_VERSION}
),\n onSelect: (event) => {\n event.preventDefault()\n actions.replaceTerm(NAME)\n }\n }]\n display(results)\n }\n}\n\nexport default { name: NAME, fn: versionPlugin }\n"
},
{
"path": "app/plugins/externalPlugins.js",
"content": "import debounce from 'lodash/debounce'\nimport chokidar from 'chokidar'\nimport path from 'path'\nimport initPlugin from 'lib/initPlugin'\nimport { modulesDirectory, ensureFiles, settings } from 'lib/plugins'\n\nconst plugins = {}\n\nconst requirePlugin = (pluginPath) => {\n try {\n let plugin = window.require(pluginPath)\n // Fallback for plugins with structure like `{default: {fn: ...}}`\n const keys = Object.keys(plugin)\n if (keys.length === 1 && keys[0] === 'default') {\n plugin = plugin.default\n }\n return plugin\n } catch (error) {\n // catch all errors from plugin loading\n console.log('Error requiring', pluginPath)\n console.log(error)\n }\n}\n\n/**\n * Validate plugin module signature\n *\n * @param {Object} plugin\n * @return {Boolean}\n */\nconst isPluginValid = (plugin) => (\n plugin\n // Check existing of main plugin function\n && typeof plugin.fn === 'function'\n // Check that plugin function accepts 0 or 1 argument\n && plugin.fn.length <= 1\n)\n\nensureFiles()\n\n/* As we support scoped plugins, using 'base' as plugin name is no longer valid\n because it is not unique. '@example/plugin' and '@test/plugin' would both be treated as 'plugin'\n So now we must introduce the scope to the plugin name\n This function returns the name with the scope if it is present in the path\n*/\nconst getPluginName = (pluginPath) => {\n const { base, dir } = path.parse(pluginPath)\n const scope = dir.match(/@.+$/)\n if (!scope) return base\n return `${scope[0]}/${base}`\n}\n\nconst setupPluginsWatcher = () => {\n if (global.isBackground) return\n\n const pluginsWatcher = chokidar.watch(modulesDirectory, { depth: 1 })\n pluginsWatcher.on('unlinkDir', (pluginPath) => {\n const { base, dir } = path.parse(pluginPath)\n if (base.match(/node_modules/) || base.match(/^@/)) return\n if (!dir.match(/node_modules$/) && !dir.match(/@.+$/)) return\n\n const pluginName = getPluginName(pluginPath)\n\n const requirePath = window.require.resolve(pluginPath)\n delete plugins[pluginName]\n delete window.require.cache[requirePath]\n console.log(`[${pluginName}] Plugin removed`)\n })\n\n pluginsWatcher.on('addDir', (pluginPath) => {\n const { base, dir } = path.parse(pluginPath)\n\n if (base.match(/node_modules/) || base.match(/^@/)) return\n if (!dir.match(/node_modules$/) && !dir.match(/@.+$/)) return\n\n const pluginName = getPluginName(pluginPath)\n\n setTimeout(() => {\n console.group(`Load plugin: ${pluginName}`)\n console.log(`Path: ${pluginPath}...`)\n const plugin = requirePlugin(pluginPath)\n if (!isPluginValid(plugin)) {\n console.log('Plugin is not valid, skipped')\n console.groupEnd()\n return\n }\n if (!settings.validate(plugin)) {\n console.log('Invalid plugins settings')\n console.groupEnd()\n return\n }\n\n console.log('Loaded.')\n const requirePath = window.require.resolve(pluginPath)\n const watcher = chokidar.watch(pluginPath, { depth: 0 })\n watcher.on('change', debounce(() => {\n console.log(`[${pluginName}] Update plugin`)\n delete window.require.cache[requirePath]\n plugins[pluginName] = window.require(pluginPath)\n console.log(`[${pluginName}] Plugin updated`)\n }, 1000))\n plugins[pluginName] = plugin\n initPlugin(plugin, pluginName)\n console.groupEnd()\n }, 1000)\n })\n}\n\nsetupPluginsWatcher()\n\nexport default plugins\n"
},
{
"path": "app/plugins/index.ts",
"content": "import core from './core'\nimport externalPlugins from './externalPlugins'\n\nconst pluginsService = {\n corePlugins: core,\n allPlugins: Object.assign(externalPlugins, core),\n externalPlugins,\n}\n\nexport default pluginsService\n"
},
{
"path": "babel.config.js",
"content": "module.exports = {\n presets: [\n '@babel/preset-typescript',\n [\n '@babel/preset-env', {\n /** Targets must match the versions supported by electron.\n * See https://www.electronjs.org/\n */\n targets: {\n node: '16',\n chrome: '102'\n }\n }\n ],\n '@babel/preset-react'\n ]\n}\n"
},
{
"path": "build/installer.nsh",
"content": "!macro customInstall\n DetailPrint \"Register cerebro URI Handler\"\n DeleteRegKey HKCR \"cerebro\"\n WriteRegStr HKCR \"cerebro\" \"\" \"URL:cerebro\"\n WriteRegStr HKCR \"cerebro\" \"URL Protocol\" \"\"\n WriteRegStr HKCR \"cerebro\\DefaultIcon\" \"\" \"$INSTDIR\\${APP_EXECUTABLE_FILENAME}\"\n WriteRegStr HKCR \"cerebro\\shell\" \"\" \"\"\n WriteRegStr HKCR \"cerebro\\shell\\Open\" \"\" \"\"\n WriteRegStr HKCR \"cerebro\\shell\\Open\\command\" \"\" \"$INSTDIR\\${APP_EXECUTABLE_FILENAME} %1\"\n!macroend\n"
},
{
"path": "electron-builder.json",
"content": "{\n \"productName\": \"Cerebro\",\n \"appId\": \"com.cerebroapp.Cerebro\",\n \"protocols\": {\n \"name\": \"Cerebro URLs\",\n \"role\": \"Viewer\",\n \"schemes\": [\n \"cerebro\"\n ]\n },\n \"directories\": {\n \"app\": \"./app\",\n \"output\": \"release\"\n },\n \"linux\": {\n \"target\": [\n {\n \"target\": \"deb\",\n \"arch\": [\n \"x64\"\n ]\n },\n {\n \"target\": \"AppImage\",\n \"arch\": [\n \"x64\"\n ]\n }\n ],\n \"category\": \"Utility\"\n },\n \"mac\": {\n \"category\": \"public.app-category.productivity\"\n },\n \"dmg\": {\n \"contents\": [\n {\n \"x\": 410,\n \"y\": 150,\n \"type\": \"link\",\n \"path\": \"/Applications\"\n },\n {\n \"x\": 130,\n \"y\": 150,\n \"type\": \"file\"\n }\n ]\n },\n \"win\": {\n \"target\": [\n {\n \"target\": \"nsis\",\n \"arch\": [\n \"x64\",\n \"ia32\"\n ]\n },\n {\n \"target\": \"portable\",\n \"arch\": [\n \"x64\",\n \"ia32\"\n ]\n }\n ]\n },\n \"nsis\": {\n \"include\": \"build/installer.nsh\",\n \"perMachine\": true\n },\n \"files\": [\n \"dist/\",\n \"main/index.html\",\n \"main/css,\",\n \"background/index.html\",\n \"tray_icon.png\",\n \"tray_icon.ico\",\n \"tray_iconTemplate@2x.png\",\n \"node_modules/\",\n \"app/node_modules/\",\n \"main.js\",\n \"main.js.map\",\n \"package.json\",\n \"!**/node_modules/*/{CHANGELOG.md,README.md,README,readme.md,readme,test,__tests__,tests,powered-test,example,examples,*.d.ts}\",\n \"!**/node_modules/.bin\",\n \"!**/*.{o,hprof,orig,pyc,pyo,rbc}\",\n \"!**/{.DS_Store,.git,.hg,.svn,CVS,RCS,SCCS,__pycache__,thumbs.db,.gitignore,.gitattributes,.editorconfig,.flowconfig,.yarn-metadata.json,.idea,appveyor.yml,.travis.yml,circle.yml,npm-debug.log,.nyc_output,yarn.lock,.yarn-integrity}\"\n ],\n \"squirrelWindows\": {\n \"iconUrl\": \"https://raw.githubusercontent.com/cerebroapp/cerebro/master/build/icon.ico\"\n },\n \"publish\": {\n \"provider\": \"github\",\n \"vPrefixedTagName\": true,\n \"releaseType\": \"release\"\n }\n}\n"
},
{
"path": "jest.config.js",
"content": "module.exports = {\n collectCoverage: true,\n moduleDirectories: ['node_modules', 'app'],\n moduleNameMapper: {\n '\\\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '