[ { "path": ".github/workflows/on-push.yml", "content": "name: On push (tests, build)\non: push\njobs:\n test:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v2\n - uses: actions/setup-node@v2\n with:\n node-version: '14.16'\n registry-url: 'https://registry.npmjs.org'\n - run: npm i\n - run: npm test\n\n build:\n runs-on: ${{ matrix.os }}\n\n strategy:\n matrix:\n os: [macos-latest, ubuntu-latest, windows-latest]\n\n steps:\n - uses: actions/checkout@v2\n - uses: actions/setup-node@v2\n with:\n node-version: '14.16'\n registry-url: 'https://registry.npmjs.org'\n - name: Build/release Electron app\n uses: samuelmeuli/action-electron-builder@v1\n with:\n # GitHub token, automatically provided to the action (no need to define this secret in the repo settings)\n github_token: ${{ secrets.github_token }}\n\n # this action will not release\n release: false\n" }, { "path": ".gitignore", "content": "node_modules/\n\n.idea/\n*.iml\n\ndist/\nrelease/\n" }, { "path": ".huskyrc", "content": "{\n \"hooks\": {\n \"pre-commit\": \"npm run lint && npm test\"\n }\n}\n" }, { "path": ".nvmrc", "content": "14.16\n" }, { "path": ".prettierrc", "content": "{\n \"singleQuote\": true,\n \"jsxSingleQuote\": true,\n \"arrowParens\": \"avoid\",\n \"printWidth\": 160,\n \"tabWidth\": 4,\n \"semi\": false,\n \"trailingComma\": \"none\",\n \"bracketSpacing\": true\n}\n" }, { "path": ".vscode/launch.json", "content": "{\n // Use IntelliSense to learn about possible attributes.\n // Hover to view descriptions of existing attributes.\n // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387\n \"version\": \"0.2.0\",\n \"configurations\": [\n {\n \"type\": \"node\",\n \"request\": \"launch\",\n \"name\": \"Launch Program\",\n \"program\": \"${workspaceFolder}/dist/main.js\"\n }\n ]\n}" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2019 codecentric AG\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "# Gopass UI [![Latest release](https://img.shields.io/github/release/codecentric/gopass-ui.svg)](https://github.com/codecentric/gopass-ui/releases/latest)\n\n\"Gopass\n\n## What is Gopass and Gopass UI?\n\n> [Gopass](https://github.com/gopasspw/gopass) is a rewrite of the pass password manager in Go with the aim of making it cross-platform and adding additional features – (Taken from Github)\n\n`Gopass UI` is wrapping `gopass` from your command line. It makes your life easier by providing a graphical user interface to search and manage your secrets. It looks like this:\n\n\"GIF\n\nIn addition there is a search window that can be opened with `(cmd || ctrl) + shift + p`.\n\n## How can I use it?\n\nFor most platforms just [download the latest packaged application](https://github.com/codecentric/gopass-ui/releases/latest) from our releases and install it. We provide binaries for MacOS, Windows and Linux (deb, RPM, snap, AppImage, Gentoo). For more details see [supported platforms and packages](docs/platforms-and-packages.md).\n\nOf course, you need to have [Gopass](https://github.com/gopasspw/gopass) up and running. We also recommend to use a dialog-based PIN-entry-tool for typing in GPG passphrases like [pinentry-mac for MacOS](https://formulae.brew.sh/formula/pinentry-mac) instead of using the default terminal-based.\n\n### Platform notice\n\nWe'll only test the MacOS builds and **are not able to offer support for Linux and Windows releases**. We are happy to review your pull requests addressing any of such issues. \n\n## Issues and Contribution\n\nFeel free to report any usage issue. We are very keen about your feedback and appreciate any help.\nYou'd like to help us developing Gopass UI? Awesome! We are looking forward to your pull requests, issues and participation in discussion.\n\n## Development\n\nSee how to get started in our [development documentation](docs/development.md).\n" }, { "path": "docs/development.md", "content": "## Development\n\n### Clone and install dependencies\n\nFirst, clone the repository and navigate inside:\n\n```bash\ngit clone https://github.com/codecentric/gopass-ui.git && cd gopass-ui/\n```\n\nThen, install the dependencies:\n\n```bash\nnvm use # make sure that nvm is installed on your machine and it installs the requested Node version\nnpm install\n```\n\n### Development\n\nThe app is divided into one main process and two renderer processes. One renderer process is for the global search window, the other one for the main explorer window.\nAll processes have to be started **simultaneously** in different console tabs:\n\n```bash\n# don't forget nvm use && npm install from the previous section ;-)\n\n# run this in a pane for powering the main process (the \"backend\")\nnpm run start-main-dev\n # run this in a pane for the renderer of the main/explorer window\nnpm run start-renderer-explorer-dev\n# run this in a pane for the renderer of the search window\nnpm run start-renderer-search-dev\n```\n\nThis will start the application with hot-reloading so you can instantly start developing and see the changes in the open application.\n\n### Testing\n\nWe use Jest for tests. Currently the project contains (too less) unit and integration tests. Unit tests should have no dependency to the local machine except the Node environment we're setting up. Integration tests can also involve system binaries like Gopass, GPG and so on – you got the point ;-)\n\nRun them with `npm test` and `npm run test:integration`.\n\n\n### Linting\n\nThis project contains `prettier` and `tslint`. **TLDR:** Prettier assists during development. Tslint is ran in a Husky pre-commit hook together with unit tests and in Github actions (see `.github/workflows/`).\n\n**Prettier** is more aggressive because it is designed opinionated. It will find and correct more . The only options we decide on are to be found in `.prettierrc`. We use Prettier to enforce and apply code style during development process. Right after saving an edited file it will correct code style mistakes! In VSCode this comes with the Prettier extension already. In JetBrains IntelliJ IDEA/Webstorm [this can be easily configured](https://prettier.io/docs/en/webstorm.html). On the CLI, feel free to use `npm run prettier:check` and `npm run prettier:write`.\n\n**Tslint** is used to check the code style baseline before commiting staged code and while running CI. Feel free to use the scripts `npm run lint` for linting and `npm run lint:fix` for fixing simple issues automatically to make code comply to the baseline style.\n\n\n### Production packaging\n\nWe use [Electron builder](https://www.electron.build/) to build and package the application. See how we use it to package all targeted platforms and formats in [our release docs](./releasing.md).\n\nPackaging will create all results in `releases` folder.\n" }, { "path": "docs/platforms-and-packages.md", "content": "## Supported Platforms\n\nGopass-ui is available for the following platforms:\n* MacOS (.dmg)\n* Windows (.exe)\n* Linux, see next section\n\n### Linux Packages\n\nFor Linux the following packages are provided:\n* .deb (download [here](https://github.com/codecentric/gopass-ui/releases/latest))\n* .rpm (download [here](https://github.com/codecentric/gopass-ui/releases/latest))\n* .snap (download [here](https://github.com/codecentric/gopass-ui/releases/latest))\n* .pacman (download [here](https://github.com/codecentric/gopass-ui/releases/latest))\n* .AppImage (download [here](https://github.com/codecentric/gopass-ui/releases/latest))\n* Gentoo: `emerge app-admin/gopass-ui` ([gentoo overlay](https://gitlab.awesome-it.de/overlays/awesome), thanks [@danielcb](https://github.com/danielcb))\n" }, { "path": "docs/releasing.md", "content": "## Releasing and Publishing Gopass UI\n\nThis documents the steps it needs to release and publish a new version of Gopass UI to Github.\n\n### In the codebase\n\n1. Let's check if code style and tests are okay: `npm run release:check`. If there are issues, fix them first.\n2. Increment the version number in `package.json` and do `npm i` to reflect it within `package-lock.json`.\n3. Build the releases for your local platform to verify everything is working: `npm run release`. This takes a while. If successful, the binaries were built in `release/`\n4. Build the releases for [all supported platforms and packages](./platforms-and-packages.md): `npm run release:full`\n5. As we know that everything worked, commit and push the version change\n\n### Draft and public release on Github\n\n1. [Draft a new release](https://github.com/codecentric/gopass-ui/releases/new)\n2. Choose the created Git tag.\n3. Write a precise but catchy release title. Maybe something about the core topics of this release etc.\n4. Describe this release in detail. What features were added or changed? Were bugs fixed? New platforms supported?\n5. Attach all binaries for this release from the `release/` directory.\n6. Publish and spread the word! πŸŽ‰πŸŽ‰πŸŽ‰\n" }, { "path": "mocks/fileMock.js", "content": "module.exports = 'test-file-stub'\n" }, { "path": "mocks/styleMock.js", "content": "module.exports = {}\n" }, { "path": "package.json", "content": "{\n \"name\": \"gopass-ui\",\n \"version\": \"0.8.0\",\n \"description\": \"Awesome UI for the gopass CLI – a password manager for your daily business\",\n \"main\": \"./dist/main.js\",\n \"scripts\": {\n \"build-main\": \"cross-env NODE_ENV=production webpack --config webpack.main.prod.config.js\",\n \"build-renderer-search\": \"cross-env NODE_ENV=production webpack --config webpack.renderer.search.prod.config.js\",\n \"build-renderer-explorer\": \"cross-env NODE_ENV=production webpack --config webpack.renderer.explorer.prod.config.js\",\n \"build\": \"npm run build-main && npm run build-renderer-explorer && npm run build-renderer-search\",\n \"start-renderer-search-dev\": \"NODE_OPTIONS=\\\"--max-old-space-size=2048\\\" webpack-dev-server --config webpack.renderer.search.dev.config.js\",\n \"start-renderer-explorer-dev\": \"NODE_OPTIONS=\\\"--max-old-space-size=2048\\\" webpack-dev-server --config webpack.renderer.explorer.dev.config.js\",\n \"start-main-dev\": \"webpack --config webpack.main.config.js && electron ./dist/main.js\",\n \"prestart\": \"npm run build\",\n \"start\": \"electron .\",\n \"prettier:check\": \"prettier --check '{src,test,mocks}/**/*.{ts,tsx,js,jsx}'\",\n \"prettier:write\": \"prettier --write '{src,test,mocks}/**/*.{ts,tsx,js,jsx}'\",\n \"lint\": \"tslint '{src,test,mocks}/**/*.{ts,tsx,js,jsx}' --project ./tsconfig.json\",\n \"lint:fix\": \"tslint '{src,test,mocks}/**/*.{ts,tsx}' --project ./tsconfig.json --fix\",\n \"test\": \"npm run test:unit\",\n \"test:unit\": \"jest --testRegex '\\\\.test\\\\.tsx?$'\",\n \"test:unit:watch\": \"jest --testRegex '\\\\.test\\\\.tsx?$' --watch\",\n \"test:integration\": \"jest --testRegex '\\\\.itest\\\\.ts$'\",\n \"release:check\": \"npm run lint && npm test\",\n \"release\": \"npm run release:check && npm run build && electron-builder --publish onTag\",\n \"release:full\": \"npm run release:check && npm run build && electron-builder --mac dmg --win --linux deb rpm snap AppImage pacman\",\n \"postinstall\": \"electron-builder install-app-deps\"\n },\n \"jest\": {\n \"transform\": {\n \"^.+\\\\.tsx?$\": \"ts-jest\"\n },\n \"testRegex\": \"\\\\.?test\\\\.tsx?$\",\n \"moduleFileExtensions\": [\n \"ts\",\n \"tsx\",\n \"js\",\n \"json\",\n \"node\"\n ],\n \"moduleNameMapper\": {\n \"\\\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$\": \"/mocks/fileMock.js\",\n \"\\\\.(s?css|sass)$\": \"/mocks/styleMock.js\",\n \"^electron$\": \"/test/mock/electron-mock.ts\"\n }\n },\n \"build\": {\n \"productName\": \"Gopass UI\",\n \"appId\": \"de.codecentric.gopassui\",\n \"directories\": {\n \"output\": \"release\"\n },\n \"files\": [\n \"dist/\",\n \"node_modules/\",\n \"package.json\"\n ],\n \"mac\": {\n \"category\": \"public.app-category.productivity\"\n },\n \"publish\": [\n \"github\"\n ]\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+ssh://git@github.com:codecentric/gopass-ui.git\"\n },\n \"author\": {\n \"name\": \"codecentric AG\",\n \"email\": \"info@codecentric.de\",\n \"url\": \"https://www.codecentric.de\"\n },\n \"contributors\": [\n {\n \"name\": \"Matthias RΓΌtten\",\n \"email\": \"matthias.ruetten@codecentric.de\"\n },\n {\n \"name\": \"Jonas Verhoelen\",\n \"email\": \"jonas.verhoelen@codecentric.de\"\n }\n ],\n \"license\": \"SEE LICENSE\",\n \"bugs\": {\n \"url\": \"https://github.com/codecentric/gopass-ui/issues\"\n },\n \"homepage\": \"https://github.com/codecentric/gopass-ui\",\n \"devDependencies\": {\n \"@types/dateformat\": \"^3.0.1\",\n \"@types/electron-devtools-installer\": \"2.2.0\",\n \"@types/electron-settings\": \"3.1.2\",\n \"@types/history\": \"^4.7.2\",\n \"@types/jest\": \"^26.0.23\",\n \"@types/lodash\": \"^4.14.170\",\n \"@types/node\": \"^14.17.4\",\n \"@types/react\": \"^16.8.13\",\n \"@types/react-dom\": \"^16.8.3\",\n \"@types/react-hot-loader\": \"^4.1.0\",\n \"@types/react-router\": \"^4.4.5\",\n \"@types/react-router-dom\": \"^4.2.0\",\n \"@types/react-test-renderer\": \"^16.0.0\",\n \"@types/webdriverio\": \"^5.0.0\",\n \"@types/webpack-env\": \"^1.16.0\",\n \"awesome-typescript-loader\": \"^5.2.1\",\n \"copy-webpack-plugin\": \"^5.1.1\",\n \"cross-env\": \"^7.0.3\",\n \"css-loader\": \"^2.1.0\",\n \"dateformat\": \"^4.5.1\",\n \"electron\": \"13.6.6\",\n \"electron-builder\": \"^22.14.3\",\n \"electron-devtools-installer\": \"3.2.0\",\n \"electron-mock-ipc\": \"0.3.9\",\n \"file-loader\": \"^3.0.1\",\n \"html-webpack-plugin\": \"^3.2.0\",\n \"husky\": \"^1.3.1\",\n \"image-webpack-loader\": \"^4.6.0\",\n \"jest\": \"^27.0.5\",\n \"node-sass\": \"^7.0.0\",\n \"pagination-calculator\": \"^1.0.0\",\n \"prettier\": \"^2.0.5\",\n \"react-hot-loader\": \"^4.6.3\",\n \"react-test-renderer\": \"^16.2.0\",\n \"sass-loader\": \"^7.3.1\",\n \"source-map-loader\": \"^0.2.4\",\n \"spectron\": \"^15.0.0\",\n \"style-loader\": \"^0.23.1\",\n \"ts-jest\": \"^27.0.3\",\n \"tslint\": \"^5.15.0\",\n \"tslint-config-airbnb\": \"^5.4.2\",\n \"tslint-config-prettier\": \"^1.18.0\",\n \"tslint-react\": \"^4.0.0\",\n \"typescript\": \"^3.8.3\",\n \"webpack\": \"^4.29.0\",\n \"webpack-cli\": \"^3.3.11\",\n \"webpack-dev-server\": \"^3.11.0\",\n \"webpack-merge\": \"^4.2.1\"\n },\n \"dependencies\": {\n \"@electron/remote\": \"^1.2.0\",\n \"animate.css\": \"^3.7.2\",\n \"electron-is-accelerator\": \"^0.2.0\",\n \"electron-log\": \"^4.3.5\",\n \"electron-settings\": \"^3.2.0\",\n \"fix-path\": \"^3.0.0\",\n \"history\": \"^4.10.1\",\n \"lodash\": \"^4.17.21\",\n \"material-design-icons\": \"^3.0.1\",\n \"materialize-css\": \"^1.0.0\",\n \"promise-timeout\": \"^1.3.0\",\n \"react\": \"^16.13.1\",\n \"react-animated-css\": \"^1.2.1\",\n \"react-dom\": \"^16.13.1\",\n \"react-keyboard-event-handler\": \"^1.5.4\",\n \"react-materialize\": \"^2.6.0\",\n \"react-router\": \"^5.1.2\",\n \"react-router-dom\": \"^5.1.2\",\n \"react-treebeard\": \"^3.2.4\",\n \"string-replace-to-array\": \"^1.0.3\"\n }\n}\n" }, { "path": "src/main/AppUtilities.ts", "content": "import * as electronSettings from 'electron-settings'\nimport { DEFAULT_SYSTEM_SETTINGS, DEFAULT_USER_SETTINGS, SystemSettings, UserSettings } from '../shared/settings'\n\nexport const installExtensions = async () => {\n const installer = require('electron-devtools-installer')\n const forceDownload = !!process.env.UPGRADE_EXTENSIONS\n const extensions = ['REACT_DEVELOPER_TOOLS']\n\n return Promise.all(extensions.map(name => installer.default(installer[name], forceDownload))).catch(console.info)\n}\n\nexport const getSystemSettings = (): SystemSettings => {\n return (electronSettings.get('system_settings') as any) || DEFAULT_SYSTEM_SETTINGS\n}\n\nexport const getUserSettings = (): UserSettings => {\n return (electronSettings.get('user_settings') as any) || DEFAULT_USER_SETTINGS\n}\n" }, { "path": "src/main/AppWindows.ts", "content": "import { BrowserWindow, Menu, app, nativeTheme } from 'electron'\nimport * as url from 'url'\nimport * as path from 'path'\n\nexport const createMainWindow = (): BrowserWindow => {\n nativeTheme.themeSource = 'light'\n const mainWindow = new BrowserWindow({\n width: 1000,\n height: 600,\n center: true,\n title: 'Gopass UI',\n icon: path.join(__dirname, 'assets', 'icon.png'),\n webPreferences: {\n enableRemoteModule: true,\n nodeIntegration: true,\n contextIsolation: false,\n worldSafeExecuteJavaScript: false\n }\n })\n\n if (process.env.NODE_ENV !== 'production') {\n mainWindow.loadURL('http://localhost:2003')\n\n mainWindow.webContents.openDevTools()\n } else {\n mainWindow.loadURL(\n url.format({\n pathname: path.join(__dirname, 'explorer', 'index.html'),\n protocol: 'file:',\n slashes: true\n })\n )\n }\n\n return mainWindow\n}\n\nexport const createSearchWindow = (show: boolean): BrowserWindow => {\n const searchWindow = new BrowserWindow({\n show,\n width: process.env.NODE_ENV !== 'production' ? 1200 : 600,\n height: 600,\n frame: false,\n center: true,\n skipTaskbar: true,\n title: 'Gopass UI Search Window',\n resizable: false,\n webPreferences: {\n enableRemoteModule: true,\n nodeIntegration: true,\n contextIsolation: false,\n worldSafeExecuteJavaScript: false\n }\n })\n\n searchWindow.setMenu(null)\n\n if (process.env.NODE_ENV !== 'production') {\n searchWindow.loadURL('http://localhost:2004')\n\n searchWindow.webContents.openDevTools()\n } else {\n searchWindow.loadURL(\n url.format({\n pathname: path.join(__dirname, 'search', 'index.html'),\n protocol: 'file:',\n slashes: true\n })\n )\n }\n\n return searchWindow\n}\n\nexport const hideMainWindow = (mainWindow: BrowserWindow | null) => {\n if (mainWindow) {\n if (app.hide) {\n // Linux and MacOS\n app.hide()\n } else {\n // for Windows\n mainWindow.blur()\n mainWindow.hide()\n }\n }\n}\n\nexport const buildContextMenu = (mainWindow: BrowserWindow | null, searchWindow: BrowserWindow | null) =>\n Menu.buildFromTemplate([\n {\n label: 'Explorer',\n click: () => {\n if (mainWindow) {\n mainWindow.show()\n } else {\n mainWindow = createMainWindow()\n }\n }\n },\n {\n label: 'Search',\n click: () => {\n if (searchWindow) {\n searchWindow.show()\n } else {\n searchWindow = createSearchWindow(true)\n }\n }\n },\n {\n type: 'separator'\n },\n {\n label: 'Quit',\n click: () => {\n app.quit()\n }\n }\n ])\n" }, { "path": "src/main/GopassExecutor.ts", "content": "import { exec } from 'child_process'\nimport { IpcMainEvent } from 'electron'\n\nexport interface GopassOptions {\n executionId: string\n command: string\n pipeTextInto?: string\n args?: string[]\n}\n\nexport default class GopassExecutor {\n public static async handleEvent(event: IpcMainEvent, options: GopassOptions) {\n const argsString = options.args ? ` ${options.args.join(' ')}` : ''\n const pipeText = options.pipeTextInto ? `echo \"${options.pipeTextInto}\" | ` : ''\n const command = `${pipeText}gopass ${options.command}${argsString}`\n\n exec(command, (err: Error | null, stdout: string, stderr: string) => {\n event.sender.send(`gopass-answer-${options.executionId}`, {\n status: err ? 'ERROR' : 'OK',\n executionId: options.executionId,\n payload: err ? stderr : stdout\n })\n })\n }\n}\n" }, { "path": "src/main/index.ts", "content": "import { app, BrowserWindow, Event, globalShortcut, ipcMain, IpcMainEvent, Tray, session, shell, Accelerator } from 'electron'\nimport { URL } from 'url'\nimport * as path from 'path'\nimport * as fixPath from 'fix-path'\nimport * as electronSettings from 'electron-settings'\n\nimport { SystemSettings, UserSettings } from '../shared/settings'\nimport GopassExecutor from './GopassExecutor'\nimport { buildContextMenu, createMainWindow, createSearchWindow } from './AppWindows'\nimport { getSystemSettings, getUserSettings, installExtensions } from './AppUtilities'\n\nconst isDevMode = process.env.NODE_ENV !== 'production'\nfixPath()\n\nimport * as remoteMain from '@electron/remote/main'\nremoteMain.initialize()\n\nlet mainWindow: BrowserWindow | null\nlet searchWindow: BrowserWindow | null\nlet tray: Tray\n\nconst setGlobalSearchWindowShortcut = (shortcut: Accelerator, previousShortcut?: Accelerator) => {\n // unregister previously used shortcut if Electron recognises it as valid\n if (previousShortcut) {\n try {\n globalShortcut.unregister(previousShortcut)\n } catch (e) {\n // previous shortcut was not considered as valid\n }\n }\n\n // unregister shortcut from other usages within the application\n // in case an error is thrown, Electron does not recognise it as valid and the method returns\n try {\n globalShortcut.unregister(shortcut)\n } catch (e) {\n return\n }\n\n // register shortcut once sure it is a valid and usage-free Accelerator for Electron\n globalShortcut.register(shortcut, () => {\n if (searchWindow) {\n if (searchWindow.isFocused()) {\n searchWindow.hide()\n } else {\n searchWindow.show()\n }\n } else {\n searchWindow = createSearchWindow(true)\n }\n })\n}\n\nconst setTray = (showTray: boolean) => {\n if (showTray) {\n if (!tray || tray.isDestroyed()) {\n if (process.platform === 'darwin') {\n tray = new Tray(path.join(__dirname, 'assets', 'icon-mac@2x.png'))\n } else if (process.platform === 'linux') {\n tray = new Tray(path.join(__dirname, 'assets', 'icon@2x.png'))\n } else {\n tray = new Tray(path.join(__dirname, 'assets', 'icon.png'))\n }\n\n tray.setToolTip('Gopass UI')\n tray.setContextMenu(buildContextMenu(mainWindow, searchWindow))\n }\n } else {\n if (tray && !tray.isDestroyed()) {\n tray.destroy()\n }\n }\n}\n\nconst listenToIpcEvents = () => {\n ipcMain.on('gopass', GopassExecutor.handleEvent)\n\n ipcMain.on('getUserSettings', (event: IpcMainEvent) => {\n event.returnValue = getUserSettings()\n })\n\n ipcMain.on('hideSearchWindow', () => {\n if (searchWindow) {\n searchWindow.hide()\n }\n })\n\n ipcMain.on('getSystemSettings', (event: IpcMainEvent) => {\n event.returnValue = getSystemSettings()\n })\n\n ipcMain.on('updateUserSettings', (_: Event, update: Partial) => {\n const current = getUserSettings()\n const all = { ...current, ...update }\n\n // modify aspects of application where updated settings need take effect\n if (update.searchShortcut && update.searchShortcut !== current.searchShortcut) {\n setGlobalSearchWindowShortcut(update.searchShortcut, current.searchShortcut)\n }\n if (update.showTray && update.showTray !== current.showTray) {\n setTray(update.showTray)\n }\n if (update.startOnLogin && update.startOnLogin !== current.startOnLogin) {\n configureStartOnLogin(update.startOnLogin)\n }\n\n electronSettings.set('user_settings', all as any)\n })\n\n ipcMain.on('updateSystemSettings', (_: Event, update: Partial) => {\n electronSettings.set('system_settings', { ...getSystemSettings(), ...update } as any)\n })\n}\n\nconst configureStartOnLogin = (startOnLogin: boolean) => {\n app.setLoginItemSettings({\n openAtLogin: startOnLogin,\n openAsHidden: true\n })\n}\n\nconst setup = async () => {\n /**\n * Adds a restrictive default CSP for all fetch directives to all HTTP responses of the web server.\n * About default-src: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src\n * Electron reference: https://electronjs.org/docs/tutorial/security#6-define-a-content-security-policy\n */\n if (session.defaultSession && !isDevMode) {\n session.defaultSession.webRequest.onHeadersReceived((details, callback) => {\n callback({\n responseHeaders: {\n ...details.responseHeaders,\n 'Content-Security-Policy': [`default-src 'self' 'unsafe-inline'; connect-src https://api.github.com`]\n }\n })\n })\n }\n\n if (isDevMode) {\n await installExtensions()\n }\n\n const settings = getUserSettings()\n\n mainWindow = createMainWindow()\n\n mainWindow.on('closed', () => {\n app.quit()\n })\n\n searchWindow = createSearchWindow(false)\n\n setGlobalSearchWindowShortcut(settings.searchShortcut, undefined)\n setTray(settings.showTray)\n configureStartOnLogin(settings.startOnLogin)\n\n listenToIpcEvents()\n}\n\napp.on('ready', setup)\n\napp.on('window-all-closed', () => {\n if (process.platform !== 'darwin') {\n app.quit()\n }\n})\n\napp.on('activate', () => {\n if (mainWindow === null) {\n mainWindow = createMainWindow()\n }\n if (searchWindow === null) {\n searchWindow = createSearchWindow(false)\n }\n})\n\n/**\n * Prevent navigation to every target that lays outside of the Electron application (localhost:2003 and localhost:2004)\n * Reference: https://electronjs.org/docs/tutorial/security#12-disable-or-limit-navigation\n */\napp.on('web-contents-created', (event, contents) => {\n contents.on('will-navigate', (navigationEvent, navigationUrl) => {\n const parsedUrl = new URL(navigationUrl)\n\n if (!parsedUrl.origin.startsWith('http://localhost:200')) {\n navigationEvent.preventDefault()\n }\n })\n})\n\n/**\n * Prevents unwanted modules from 'remote' from being used.\n * Reference: https://electronjs.org/docs/tutorial/security#16-filter-the-remote-module\n */\nconst allowedRemoteModules = new Set(['app'])\napp.on('remote-get-builtin', (event, webContents, moduleName) => {\n if (!allowedRemoteModules.has(moduleName)) {\n event.preventDefault()\n console.warn(`Blocked module \"${moduleName}\"`)\n }\n})\n\nconst allowedModules = new Set()\nconst proxiedModules = new Map()\napp.on('remote-require', (event, webContents, moduleName) => {\n if (proxiedModules.has(moduleName)) {\n const proxiedModule = proxiedModules.get(moduleName)\n event.returnValue = proxiedModule\n console.warn(`Proxied remote-require of module \"${moduleName}\" to \"${proxiedModule}\"`)\n }\n if (!allowedModules.has(moduleName)) {\n event.preventDefault()\n console.warn(`Blocked remote-require of module \"${moduleName}\"`)\n }\n})\n\nconst allowedGlobals = new Set()\napp.on('remote-get-global', (event, webContents, globalName) => {\n if (!allowedGlobals.has(globalName)) {\n event.preventDefault()\n }\n})\n\napp.on('remote-get-current-window', event => {\n event.preventDefault()\n})\n\napp.on('remote-get-current-web-contents', event => {\n event.preventDefault()\n})\n" }, { "path": "src/renderer/common/Settings.ts", "content": "import { ipcRenderer } from 'electron'\nimport { SystemSettings, UserSettings } from '../../shared/settings'\nimport set = Reflect.set\n\nexport class Settings {\n public static getUserSettings(): UserSettings {\n return ipcRenderer.sendSync('getUserSettings')\n }\n\n public static updateUserSettings(settings: Partial) {\n ipcRenderer.send('updateUserSettings', settings)\n }\n\n public static getSystemSettings(): SystemSettings {\n return ipcRenderer.sendSync('getSystemSettings')\n }\n\n public static updateSystemSettings(settings: Partial) {\n ipcRenderer.send('updateSystemSettings', settings)\n }\n}\n" }, { "path": "src/renderer/common/notifications/Notification.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\nimport { Animated } from 'react-animated-css'\n\nimport { useNotificationContext } from './NotificationProvider'\n\nconst DEFAULT_TIMEOUT = 3000\n\nexport default function NotificationView(props: { dismissTimeout?: number }) {\n const { notification, hide, isHidden } = useNotificationContext()\n const { dismissTimeout = DEFAULT_TIMEOUT } = props\n\n React.useEffect(() => {\n let timeoutId = 0\n\n if (notification && dismissTimeout !== 0) {\n timeoutId = window.setTimeout(() => hide(), dismissTimeout)\n }\n\n return () => {\n if (timeoutId !== 0) {\n clearTimeout(timeoutId)\n }\n }\n }, [notification, dismissTimeout])\n\n return (\n \n \n \n {notification && (\n \n \n \n {notification ? notification.message : ''}\n \n \n hide()}>\n close\n \n \n \n \n )}\n \n \n \n )\n}\n" }, { "path": "src/renderer/common/notifications/NotificationProvider.tsx", "content": "import * as React from 'react'\n\nexport interface Notification {\n status: 'OK' | 'ERROR'\n message: string\n}\n\nexport interface NotificationContext {\n notification?: Notification\n isHidden: boolean\n show: (notification: Notification) => void\n hide: () => void\n}\n\nconst Context = React.createContext(null)\n\nexport function useNotificationContext() {\n const context = React.useContext(Context)\n\n if (!context) {\n throw Error('NO Context!')\n }\n\n return context\n}\n\nexport default function NotificationProvider({ children }: any) {\n const [notification, setNotification] = React.useState()\n const [isHidden, setIsHidden] = React.useState(false)\n\n return (\n {\n setNotification(newNotification)\n setIsHidden(false)\n },\n hide: () => {\n setIsHidden(true)\n setTimeout(() => {\n setNotification(undefined)\n }, 1000)\n }\n }}\n >\n {children}\n \n )\n}\n" }, { "path": "src/renderer/components/ExternalLink.tsx", "content": "import * as React from 'react'\nimport { shell } from 'electron'\n\nexport function ExternalLink(props: { url: string; children: any }) {\n const { url, children } = props\n\n return (\n shell.openExternal(url)}>\n {children}\n \n )\n}\n" }, { "path": "src/renderer/components/GoBackNavigationButton.tsx", "content": "import * as React from 'react'\nimport { withRouter } from 'react-router'\nimport { History } from 'history'\n\nimport { RoundActionButton } from './RoundActionButton'\n\nconst GoBackNavigationButton = (props: { history: History }) => (\n
\n props.history.replace('/')} />\n
\n)\n\nexport default withRouter(GoBackNavigationButton)\n" }, { "path": "src/renderer/components/PaginatedTable.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\nimport { paginationCalculator } from 'pagination-calculator'\nimport { PageInformation } from 'pagination-calculator/dist/paginationCalculator'\n\nexport interface TableColumn {\n fieldName: string\n label: string\n}\n\nexport interface TableRow {\n id: string\n\n [fieldName: string]: string | React.ReactNode\n}\n\nexport interface PaginatedTableProps {\n columns: TableColumn[]\n rows: TableRow[]\n}\n\nexport interface PaginatedTableState {\n page: number\n pageSize: number\n}\n\nexport default class PaginatedTable extends React.Component {\n constructor(props: PaginatedTableProps) {\n super(props)\n this.state = {\n page: 1,\n pageSize: 7 // TODO: make configurable through settings page\n }\n }\n\n public render() {\n const { columns, rows } = this.props\n const pagination = paginationCalculator({\n total: rows.length,\n current: this.state.page,\n pageSize: this.state.pageSize,\n pageLimit: Math.ceil(rows.length / this.state.pageSize)\n })\n const pageRows = rows.slice(pagination.showingStart - 1, pagination.showingEnd)\n\n return (\n <>\n \n \n \n {columns.map(column => (\n \n {column.label}\n \n ))}\n \n \n\n \n {pageRows.map(row => (\n \n {columns.map(column => (\n {row[column.fieldName]}\n ))}\n \n ))}\n \n \n\n {this.renderPagination(pagination)}\n \n )\n }\n\n private renderPagination(pagination: PageInformation) {\n return (\n \n )\n }\n\n private changeToPage = (maxPageNumber: number) => {\n return (page: number) => {\n if (page <= maxPageNumber && page >= 1) {\n this.setState({ page })\n }\n }\n }\n}\n" }, { "path": "src/renderer/components/RoundActionButton.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\n\nexport interface RoundActionBtnProps {\n icon: string\n onClick?: () => void\n}\n\nexport const RoundActionButton = ({ icon, onClick }: RoundActionBtnProps) => (\n \n)\n" }, { "path": "src/renderer/components/loading-screen/LoadingScreen.css", "content": ".loading-screen-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 500px;\n font-size: 24px;\n}\n\n.loading-screen-message {\n width: 40%;\n min-width: 300px;\n text-align: center;\n}\n" }, { "path": "src/renderer/components/loading-screen/LoadingScreen.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\n\nimport './LoadingScreen.css'\n\nconst WAITING_TEXTS = [\n 'Loading, please wait...',\n 'Still doing something...',\n 'It seems to takes some time...',\n 'Doop di doop di douuu...',\n \"I'm sorry that it takes longer.\",\n 'Maybe there is a persistent problem. Sorry for that!'\n]\n\nexport function LoadingScreen() {\n const [waitingTextIndex, setWaitingTextIndex] = React.useState(0)\n\n React.useEffect(() => {\n const timeout = setInterval(() => {\n setWaitingTextIndex(waitingTextIndex + 1)\n }, 2000)\n\n return () => clearInterval(timeout)\n }, [])\n\n return (\n
\n
\n

{WAITING_TEXTS[waitingTextIndex % WAITING_TEXTS.length]}

\n \n
\n
\n )\n}\n" }, { "path": "src/renderer/components/tree/TreeComponent.tsx", "content": "import * as React from 'react'\nimport * as t from 'react-treebeard'\nimport { globalStyle } from './TreeStyle'\nimport { TreeHeader as Header } from './TreeHeader'\n\nexport interface Tree {\n name: string\n toggled?: boolean\n loading?: boolean\n children?: Tree[]\n path: string\n}\n\nexport interface TreeComponentProps {\n tree: Tree\n onLeafClick: (leafId: string) => void\n}\n\ninterface TreeComponentState {\n selectedNode?: any\n}\nexport default class TreeComponent extends React.Component {\n public state: TreeComponentState = {}\n\n public render() {\n return \n }\n\n private onToggle = (node: any, toggled: boolean) => {\n // if no children (thus being a leaf and thereby an entry), trigger the handler\n if (!node.children || node.children.length === 0) {\n this.props.onLeafClick(node.path)\n }\n\n // previously selected node is no more active\n if (this.state.selectedNode) {\n this.state.selectedNode.active = false\n }\n\n // newly selected node shall be active\n node.active = true\n\n // ...and toggled if having children\n if (node.children) {\n node.toggled = toggled\n }\n this.setState({ selectedNode: node })\n\n if (node.children && node.children.length === 1) {\n this.onToggle(node.children[0], true)\n }\n }\n}\n" }, { "path": "src/renderer/components/tree/TreeHeader.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\n\nimport { deriveIconFromSecretName } from '../../secrets/deriveIconFromSecretName'\n\nexport const TreeHeader = ({ style, node }: any) => {\n let iconType = 'folder'\n\n const isLeaf = !node.children && node.path\n if (!node.children && node.path) {\n iconType = deriveIconFromSecretName(node.name)\n }\n return (\n
\n {node.children && (\n
\n chevron_right\n
\n )}\n {iconType}\n\n {node.name}\n
\n )\n}\n" }, { "path": "src/renderer/components/tree/TreeStyle.ts", "content": "const white = '#FFFFFF'\nconst none = 'none'\n\nexport const globalStyle = {\n tree: {\n base: {\n listStyle: none,\n backgroundColor: white,\n margin: 0,\n padding: 0,\n color: '#000000',\n fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;',\n fontSize: '18px'\n },\n node: {\n base: {\n position: 'relative',\n borderLeft: '1px solid #ececec',\n padding: '4px 12px 4px',\n marginLeft: '8px'\n },\n link: {\n cursor: 'pointer',\n position: 'relative',\n display: 'block'\n },\n activeLink: {\n background: white\n },\n toggle: {\n base: {\n display: none\n },\n wrapper: {\n position: 'absolute',\n top: '50%',\n left: '50%',\n margin: '-7px 0 0 -7px',\n height: '14px'\n },\n height: 0,\n width: 0,\n arrow: {\n fill: white,\n strokeWidth: 0\n }\n },\n header: {\n base: {\n display: 'inline-block',\n verticalAlign: 'top',\n color: '#555',\n cursor: 'pointer'\n }\n },\n subtree: {\n listStyle: none,\n paddingLeft: '60px'\n },\n loading: {\n color: '#E2C089'\n }\n }\n }\n}\n" }, { "path": "src/renderer/explorer-app/ExplorerApplication.css", "content": ".secret-explorer {\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n bottom: 0;\n width: 450px;\n overflow: auto;\n min-width: 300px;\n border-right: 1px solid rgba(0, 0, 0, 0.14);\n}\n\n.secret-explorer .search-bar {\n background: #f9f9f9;\n border-bottom: 1px solid rgba(0, 0, 0, 0.14);\n position: sticky;\n top: 0;\n z-index: 10;\n}\n\n.secret-explorer .search-bar * {\n margin: 0 !important;\n border: none !important;\n}\n\n.secret-explorer .search-bar > div {\n padding: 0 !important;\n}\n\n.secret-explorer .search-bar input {\n box-sizing: border-box !important;\n padding: 24px !important;\n}\n\n.secret-explorer > ul > li {\n border: 0;\n}\n\n.secret-explorer .chevron {\n display: inline-block;\n user-select: none;\n}\n\n.secret-explorer .chevron.toggled .material-icons {\n transform: rotate(90deg);\n}\n\n.secret-explorer .icon-wrapper > .material-icons:only-child {\n margin-left: 30px;\n}\n\n.secret-explorer .chevron .material-icons {\n margin: 0;\n}\n\n.secret-explorer i.material-icons {\n position: relative;\n top: 7px;\n margin-right: 8px;\n}\n\n.main-content {\n resize: both;\n padding-left: 450px;\n}\n\n.m-top {\n margin-top: 55px;\n}\n\n.panel-headline {\n margin-top: 0;\n}\n\n.link {\n cursor: pointer;\n}\n\nspan.code {\n font-family: Consolas, monospace;\n}\n\n.card-panel pre {\n margin-bottom: 0px;\n}\n\n.password-strength-sum {\n height: 100px;\n width: 100px;\n align-items: center;\n justify-content: center;\n text-align: center;\n border-radius: 50%;\n display: flex;\n font-size: 42px;\n font-weight: 200;\n}\n\n.password-strength-sum.red {\n color: white;\n}\n" }, { "path": "src/renderer/explorer-app/ExplorerApplication.tsx", "content": "import * as React from 'react'\n\nimport SecretExplorer from './side-navigation/SecretExplorer'\nimport MainContent from './MainContent'\n\nimport './ExplorerApplication.css'\n\nconst ExplorerApplication = () => {\n return (\n <>\n \n \n \n )\n}\n\nexport default ExplorerApplication\n" }, { "path": "src/renderer/explorer-app/GithubService.ts", "content": "export interface GithubTag {\n url: string\n ref: string\n}\n\nexport default class GithubService {\n public static getTagsOfRepository(owner: string, repositoryName: string): Promise {\n return new Promise((resolve, reject) => {\n const httpRequest = new XMLHttpRequest()\n const url = `https://api.github.com/repos/${owner}/${repositoryName}/git/refs/tags`\n\n httpRequest.open('GET', url)\n httpRequest.onload = e => {\n if (httpRequest.status >= 200 && httpRequest.status < 300) {\n resolve(JSON.parse(httpRequest.response) as GithubTag[])\n } else {\n reject({\n status: httpRequest.status,\n statusText: httpRequest.statusText\n })\n }\n }\n httpRequest.send()\n })\n }\n}\n" }, { "path": "src/renderer/explorer-app/MainContent.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\nimport { match, Route } from 'react-router-dom'\n\nimport SettingsPage from './pages/SettingsPage'\nimport HomePage from './pages/HomePage'\nimport MainNavigation from './components/MainNavigation'\nimport GoBackNavigation from '../components/GoBackNavigationButton'\nimport Notification from '../common/notifications/Notification'\nimport NotificationProvider from '../common/notifications/NotificationProvider'\nimport PasswordHealthOverview from './pages/PasswordHealthPage'\nimport AddSecretPage from './pages/AddSecretPage'\nimport SecretDetailsPage from './pages/details/SecretDetailsPage'\nimport MountsPage from './pages/MountsPage'\nimport AddMountPage from './pages/AddMountPage'\n\nconst Routes = () => (\n <>\n (\n <>\n \n \n \n )}\n />\n ; location: { search?: string } }) => {\n const secretName = atob(props.match.params.encodedSecretName)\n const isAdded = props.location.search ? props.location.search === '?added' : false\n\n return (\n <>\n \n \n \n )\n }}\n />\n (\n <>\n \n \n \n )}\n />\n } />\n (\n <>\n \n \n \n )}\n />\n } />\n (\n <>\n \n \n \n )}\n />\n \n)\n\nconst MainContent = () => (\n
\n \n \n \n \n \n \n \n \n
\n)\n\nexport default MainContent\n" }, { "path": "src/renderer/explorer-app/SecretsProvider.tsx", "content": "import * as React from 'react'\nimport { Tree } from '../components/tree/TreeComponent'\nimport SecretsFilterService from './side-navigation/SecretsFilterService'\nimport SecretsDirectoryService from './side-navigation/SecretsDirectoryService'\nimport Gopass from '../secrets/Gopass'\n\nexport interface SecretsContext {\n tree: Tree\n searchValue: string\n\n applySearchToTree: (searchValue: string) => void\n reloadSecretNames: () => Promise\n}\n\nconst Context = React.createContext(undefined)\nexport const useSecretsContext = () => {\n const context = React.useContext(Context)\n if (!context) {\n throw Error('no secrets context!')\n }\n\n return context\n}\n\nexport const SecretsProvider = ({ children }: { children: React.ReactNode }) => {\n const [tree, setTree] = React.useState({ name: 'Stores', toggled: true, children: [], path: '' })\n const [searchValue, setSearchValue] = React.useState('')\n const [secretNames, setSecretNames] = React.useState([])\n\n const applySearchToTree = (newSearchValue?: string, updatedSecretNames?: string[]) => {\n let searchValueToUse = searchValue\n if (newSearchValue !== undefined) {\n setSearchValue(newSearchValue)\n searchValueToUse = newSearchValue\n }\n const filteredSecretNames = SecretsFilterService.filterBySearch(updatedSecretNames || secretNames, searchValueToUse)\n const newTree: Tree = SecretsDirectoryService.secretPathsToTree(filteredSecretNames, tree, filteredSecretNames.length <= 15)\n\n setTree(newTree)\n }\n const loadSecretsAndBuildTree = async (newSearchValue: string | undefined = undefined) => {\n const allSecretNames = await Gopass.getAllSecretNames()\n setSecretNames(allSecretNames)\n applySearchToTree(newSearchValue !== undefined ? newSearchValue : searchValue, allSecretNames)\n }\n\n const providerValue: SecretsContext = {\n tree,\n searchValue,\n reloadSecretNames: () => loadSecretsAndBuildTree(),\n applySearchToTree\n }\n\n return {children}\n}\n" }, { "path": "src/renderer/explorer-app/components/EnvironmentTest.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\nimport { timeout } from 'promise-timeout'\nimport { shell } from 'electron'\n\nimport Gopass from '../../secrets/Gopass'\nimport { ExternalLink } from '../../components/ExternalLink'\nimport { Settings } from '../../common/Settings'\n\ntype ErrorDetails = 'GOPASS_CONNECTION' | 'DECRYPTION' | undefined\n\nexport function EnvironmentTest() {\n const [environmentTestStatus, setEnvironmentTestStatus] = React.useState<'PENDING' | 'RUNNING' | 'OK' | 'ERROR'>('PENDING')\n const [errorDetails, setErrorDetails] = React.useState()\n\n function reset() {\n setEnvironmentTestStatus('PENDING')\n setErrorDetails(undefined)\n }\n\n function executeTest() {\n setEnvironmentTestStatus('RUNNING')\n\n timeout(Gopass.getAllSecretNames(), 1500)\n .then(([firstEntry]) => {\n if (firstEntry) {\n timeout(Gopass.show(firstEntry), 10000)\n .then(() => {\n setEnvironmentTestStatus('OK')\n Settings.updateSystemSettings({ environmentTestSuccessful: true })\n })\n .catch(() => {\n setEnvironmentTestStatus('ERROR')\n Settings.updateSystemSettings({ environmentTestSuccessful: false })\n setErrorDetails('DECRYPTION')\n })\n }\n })\n .catch(() => {\n setEnvironmentTestStatus('ERROR')\n Settings.updateSystemSettings({ environmentTestSuccessful: false })\n setErrorDetails('GOPASS_CONNECTION')\n })\n }\n\n switch (environmentTestStatus) {\n case 'PENDING':\n return \n case 'RUNNING':\n return \n case 'OK':\n return \n default:\n case 'ERROR':\n return \n }\n}\n\nfunction PendingContent(props: { executeTest: () => void }) {\n return (\n <>\n Your system has to meet the following requirements for Gopass UI to work properly:\n
    \n
  1. Gopass needs to be installed and configured to be up and running πŸ™‚
    2. \n
  2. \n MacOS: you should use pinentry-mac as a GPG passphrase dialog tool (available{' '}\n as Brew formulae)\n
    3. \n
\n

During the environment test you might be asked for your GPG passphrase. Please unlock your GPG keypair by entering it.

\n \n Test your environment\n \n \n )\n}\n\nfunction RunningContent() {\n return (\n
\n \n
\n
\n Tests are running...\n
\n )\n}\n\nfunction ErrorContent(props: { errorDetails: ErrorDetails; reset: () => void }) {\n return (\n
\n error\n
\n

Oops, something went wrong.

\n {props.errorDetails && (\n <>\n \n {props.errorDetails === 'DECRYPTION' && <>It wasn't possible to decrypt your secrets.}\n {props.errorDetails === 'GOPASS_CONNECTION' && <>It wasn't possible to access the gopass CLI.}\n \n
\n
\n \n )}\n Do you need help getting started?{' '}\n shell.openExternal('https://github.com/codecentric/gopass-ui/issues')}>Please create an issue.\n
\n
\n \n restart\n \n
\n )\n}\n\nfunction OkContent() {\n return (\n
\n done\n
\n Everything looks fine\n
\n )\n}\n" }, { "path": "src/renderer/explorer-app/components/LastVersionInfo.tsx", "content": "import * as React from 'react'\nimport { app } from '@electron/remote'\nimport GithubService, { GithubTag } from '../GithubService'\nimport { ExternalLink } from '../../components/ExternalLink'\nimport { Settings } from '../../common/Settings'\n\nconst ONE_HOUR_IN_MILLIS = 3600000\nconst VERSION_CHECK_INTERVAL = ONE_HOUR_IN_MILLIS\n\nexport const LatestVersionInfo = () => {\n const { releaseCheck } = Settings.getSystemSettings()\n const [tags, setTags] = React.useState([])\n\n React.useEffect(() => {\n const millisNow = new Date().getTime()\n const shouldFetchTags = !releaseCheck || !releaseCheck.lastCheckTimestamp || millisNow - VERSION_CHECK_INTERVAL > releaseCheck.lastCheckTimestamp\n\n if (shouldFetchTags) {\n GithubService.getTagsOfRepository('codecentric', 'gopass-ui').then(newTags => {\n setTags(newTags)\n Settings.updateSystemSettings({ releaseCheck: { lastCheckTimestamp: millisNow, results: newTags } })\n })\n } else {\n setTags(releaseCheck.results)\n }\n }, [])\n\n const lastTag = tags[tags.length - 1]\n const lastTagName = lastTag ? lastTag.ref.slice(10, lastTag.ref.length) : ''\n const appVersion = app.getVersion()\n\n if (lastTagName) {\n return lastTagName.includes(appVersion) ? (\n <>\n You have the latest version {appVersion} of Gopass UI installed πŸŽ‰\n \n ) : (\n <>\n Your Gopass UI version ({appVersion}) is out of date πŸ˜• Make sure you got the latest release of Gopass UI: \n {`${lastTagName} on Github`}\n \n )\n }\n\n return null\n}\n" }, { "path": "src/renderer/explorer-app/components/MainNavigation.tsx", "content": "import * as React from 'react'\nimport { History } from 'history'\nimport { withRouter } from 'react-router'\n\nimport { RoundActionButton } from '../../components/RoundActionButton'\nimport { useNotificationContext } from '../../common/notifications/NotificationProvider'\nimport Gopass from '../../secrets/Gopass'\nimport { useSecretsContext } from '../SecretsProvider'\n\ninterface MainNavigationViewProps {\n history: History\n}\n\nfunction MainNavigationComponent({ history }: MainNavigationViewProps) {\n const notificationContext = useNotificationContext()\n const secretsContext = useSecretsContext()\n\n const refreshGopassStores = async () => {\n try {\n await Gopass.sync()\n await secretsContext.reloadSecretNames()\n notificationContext.show({ status: 'OK', message: 'Your stores have been synchronised successfully.' })\n } catch (err) {\n notificationContext.show({ status: 'ERROR', message: `Oops, something went wrong: ${JSON.stringify(err)}` })\n }\n }\n\n return (\n
\n history.replace('/')} />\n history.replace('/add-secret')} />\n \n history.replace('/settings')} />\n history.replace('/mounts')} />\n history.replace('/password-health')} />\n
\n )\n}\n\nexport default withRouter(MainNavigationComponent)\n" }, { "path": "src/renderer/explorer-app/components/PasswordStrengthInfo.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\n\ninterface PasswordStrengthInfoProps {\n strength: number\n labelContent: any\n}\n\nexport const PasswordStrengthInfo = ({ strength, labelContent }: PasswordStrengthInfoProps) => (\n <>\n \n \n \n \n \n)\n" }, { "path": "src/renderer/explorer-app/pages/AddMountPage.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\nimport { RouteComponentProps, withRouter } from 'react-router'\nimport Gopass, { Mount } from '../../secrets/Gopass'\nimport { RoundActionButton } from '../../components/RoundActionButton'\nimport { useSecretsContext } from '../SecretsProvider'\nimport { useNotificationContext } from '../../common/notifications/NotificationProvider'\n\nfunction AddMountPage({ history }: RouteComponentProps) {\n const notificationContext = useNotificationContext()\n const secretsContext = useSecretsContext()\n const [mount, setMount] = React.useState({ name: '', path: '' })\n\n const addMount = async () => {\n if (mount.path && mount.name) {\n try {\n await Gopass.addMount(mount)\n await secretsContext.reloadSecretNames()\n history.replace('/mounts')\n } catch (err) {\n if (typeof err === 'string') {\n if (err === 'duplicate-name') {\n notificationContext.show({ status: 'ERROR', message: `A mount named \"${mount.name}\" does already exist` })\n }\n\n if (err.includes('Doubly mounted path')) {\n notificationContext.show({\n status: 'ERROR',\n message: `The path \"${mount.path}\" is already in use by another mount`\n })\n }\n } else {\n notificationContext.show({\n status: 'ERROR',\n message: `Unexpected error while adding mount: ${JSON.stringify(err)}`\n })\n }\n }\n }\n }\n\n return (\n <>\n
\n history.replace('/mounts')} />\n
\n\n

New Mount

\n\n Create a new mount that shall be managed by Gopass as a password store from now on.\n \n setMount({ ...mount, name: value })} label='Name' />\n setMount({ ...mount, path: value })} label='Directory path' />\n\n \n \n Save\n \n \n \n \n )\n}\n\nexport default withRouter(AddMountPage)\n" }, { "path": "src/renderer/explorer-app/pages/AddSecretPage.css", "content": ".secret-value-textarea {\n height: 64px;\n font-size: 16px;\n resize: vertical;\n border: 1px solid #9e9e9e;\n margin-top: 5px;\n}\n\n.secret-value-field-row {\n margin: 0 0.75rem;\n width: calc(100% - 1.5rem);\n}\n\n.secret-value-label {\n fontSize: 0.8rem;\n color: #9e9e9e;\n}\n" }, { "path": "src/renderer/explorer-app/pages/AddSecretPage.tsx", "content": "import * as React from 'react'\nimport * as m from 'react-materialize'\nimport { RouteComponentProps, withRouter } from 'react-router'\nimport Gopass from '../../secrets/Gopass'\nimport { passwordSecretRegex } from '../../secrets/deriveIconFromSecretName'\nimport { PasswordStrengthInfo } from '../components/PasswordStrengthInfo'\nimport { PasswordRater } from '../password-health/PasswordRater'\n\nimport './AddSecretPage.css'\nimport { Settings } from '../../common/Settings'\nimport { useSecretsContext } from '../SecretsProvider'\n\ninterface AddSecretPageState {\n name?: string\n value?: string\n}\n\nclass AddSecretPage extends React.Component {\n constructor(props: any) {\n super(props)\n this.state = {\n name: undefined,\n value: this.generateRandomValue(Settings.getUserSettings().secretValueLength)\n }\n }\n\n public render() {\n const { name, value } = this.state\n const nameIndicatesPassword = name ? passwordSecretRegex.test(name) : false\n const entity = nameIndicatesPassword ? 'Password' : 'Secret'\n const nameLabel = `Secret name (${nameIndicatesPassword ? 'detected password' : 'e.g. store/my/new/secret/name'})`\n const valueLabel = `${entity} value`\n const shuffleButtonLabel = `Shuffle ${nameIndicatesPassword ? 'password' : 'value'}`\n const currentPasswordValueRating = PasswordRater.ratePassword(value || '')\n\n return (\n <>\n

New {entity}

\n\n \n Adds new secrets to your Gopass stores. After clicking the Add-button, your new secret will be pushed to remote directly.\n \n\n \n \n
\n \n