/tests/api.js"],
5 | transform: {},
6 | }
7 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "pass-web",
3 | "version": "1.0.0-beta.18",
4 | "description": "A web interface for pass (password-store)",
5 | "main": "server/index.js",
6 | "scripts": {
7 | "test": "jest",
8 | "lint": "eslint .",
9 | "prepublish": "rm -rf dist && webpack --mode production",
10 | "update-demo": "NODE_ENV=demo webpack --mode production && git checkout gh-pages && mv dist/* . && rm -r dist && git add -u && git commit -m 'Update demo'",
11 | "update-arch-package": "cd 'package/Arch Linux'; perl -ni -e \"s/(?<=^_npmpkgver=).*/$npm_package_version/; s/(?<=^pkgver=).*/${npm_package_version//-/.}/; print unless /^\\w+sums=\\(/\" PKGBUILD; makepkg -g >> PKGBUILD"
12 | },
13 | "bin": {
14 | "pass-web": "server/index.js"
15 | },
16 | "author": "Benoît Zugmeyer",
17 | "license": "MIT",
18 | "engines": {
19 | "node": ">=5.0.0"
20 | },
21 | "dependencies": {
22 | "body-parser": "^1.15.0",
23 | "express": "^4.13.3",
24 | "http-auth": "^3.1.1",
25 | "kbpgp": "^2.0.52",
26 | "minimist": "^1.2.0"
27 | },
28 | "devDependencies": {
29 | "@babel/core": "^7",
30 | "@babel/plugin-proposal-function-bind": "^7.2.0",
31 | "@babel/preset-env": "^7",
32 | "@babel/preset-react": "^7",
33 | "babel-eslint": "^10",
34 | "babel-loader": "^8",
35 | "eslint": "^6",
36 | "eslint-config-benoitz-prettier": "^1.1.0",
37 | "eslint-plugin-filenames": "^1.0.0",
38 | "eslint-plugin-react": "^7.8.2",
39 | "file-loader": "^4",
40 | "html-webpack-plugin": "^3.2.0",
41 | "jest": "^24.8.0",
42 | "node-fetch": "^2.6.0",
43 | "preact": "^8.1.0",
44 | "prettier": "^1.18.2",
45 | "sans-sel": "1.0.0-beta.2",
46 | "svgo": "^1.0.5",
47 | "svgo-loader": "^2.1.0",
48 | "tmp-promise": "^2.0.2",
49 | "webpack": "^4.8.3",
50 | "webpack-cli": "^3",
51 | "webpack-dev-server": "^3.1.4"
52 | },
53 | "keywords": [
54 | "pass",
55 | "passwordstore",
56 | "password-store"
57 | ]
58 | }
59 |
--------------------------------------------------------------------------------
/package/Arch Linux/PKGBUILD:
--------------------------------------------------------------------------------
1 | pkgname=pass-web
2 | _npmpkgver=1.0.0-beta.17
3 | pkgver=1.0.0.beta.17
4 | pkgrel=1
5 | pkgdesc="A web interface for pass (password-store)"
6 | arch=('any')
7 | url="https://github.com/BenoitZugmeyer/pass-web"
8 | license=('MIT')
9 | depends=('nodejs')
10 | makedepends=('npm')
11 | source=("https://registry.npmjs.org/$pkgname/-/$pkgname-$_npmpkgver.tgz")
12 | noextract=($pkgname-$_npmpkgver.tgz)
13 |
14 | package() {
15 | npm install -g --user root --prefix "$pkgdir"/usr "$srcdir"/$pkgname-$_npmpkgver.tgz
16 | }
17 | md5sums=('91e537867b3a2c8546211ae7344b0d3a')
18 |
--------------------------------------------------------------------------------
/public/.eslintrc.yml:
--------------------------------------------------------------------------------
1 | env:
2 | node: false
3 | browser: true
4 |
5 | globals:
6 | process: true
7 |
--------------------------------------------------------------------------------
/public/actions.js:
--------------------------------------------------------------------------------
1 | import store from "./store"
2 | import { emptyClipboard } from "./selection"
3 |
4 | let request
5 |
6 | if (process.env.NODE_ENV === "demo") {
7 | const dd = (chunks, ...variables) => {
8 | let formated = ""
9 |
10 | for (let i = 0; i < chunks.length; i += 1) {
11 | formated += chunks[i]
12 | if (i < chunks.length - 1) formated += variables[i]
13 | }
14 |
15 | if (formated[0] === "\n") formated = formated.slice(1)
16 |
17 | const indent = formated.match(/([\t ]*)\S/)
18 | if (indent) {
19 | formated = formated.replace(new RegExp(`^${indent[1]}`, "mg"), "")
20 | }
21 |
22 | return formated
23 | }
24 |
25 | const passphrase = "demo"
26 | const files = {
27 | Business: {
28 | "some-silly-business-site.com.gpg": dd`
29 | mypassword
30 | User name: mail@example.org`,
31 | "another-business-site.net.gpg": dd`
32 | somepassword`,
33 | },
34 | Email: {
35 | "donenfeld.com.gpg": dd`
36 | emailpassword
37 | Address: me@donenfeld.com`,
38 | "zx2c4.com.gpg": dd`
39 | emailpassword
40 | Address: jean-michel@zx2c4.com`,
41 | },
42 | France: {
43 | "bank.gpg": dd`
44 | bankpassword
45 | User name: me
46 | URL: https://mybank.org`,
47 | "freebox.gpg": "pwet",
48 | "mobilephone.gpg": dd`\n
49 | +33654235423`,
50 | },
51 | }
52 |
53 | const getFiles = (root = files) => {
54 | return Object.keys(root).map(name => ({
55 | name,
56 | children: typeof root[name] === "object" && getFiles(root[name]),
57 | }))
58 | }
59 |
60 | const getFileContent = (path, root = files) => {
61 | const file = root[path[0]]
62 | if (path.length > 1) return getFileContent(path.slice(1), file)
63 | return file
64 | }
65 |
66 | const error = message => ({ error: { message } })
67 |
68 | const getResponse = (route, data) => {
69 | if (data.passphrase !== passphrase) return error("Bad passphrase")
70 | if (route === "list") return getFiles()
71 | if (route === "get") return getFileContent(data.path)
72 | return error("Invalid route")
73 | }
74 |
75 | request = (route, data) => Promise.resolve(getResponse(route, data))
76 | } else {
77 | request = (route, data) => {
78 | return new Promise((resolve, reject) => {
79 | const xhr = new XMLHttpRequest()
80 | xhr.addEventListener("timeout", () => reject(new Error("http timeout")))
81 | xhr.addEventListener("error", () => reject(new Error("http error")))
82 | xhr.addEventListener("load", () => {
83 | if (xhr.status !== 200)
84 | reject(new Error(`Unexpected HTTP status code ${xhr.status}`))
85 | else resolve(xhr.response)
86 | })
87 | xhr.open("POST", `api/${route}`)
88 | xhr.responseType = "json"
89 | xhr.setRequestHeader("Content-Type", "application/json")
90 | xhr.send(JSON.stringify(data))
91 | })
92 | }
93 | }
94 |
95 | function call(route, data) {
96 | return request(route, data).then(response => {
97 | if (response.error) {
98 | throw Object.assign(new Error(response.error.message), response.error)
99 | }
100 | return response
101 | })
102 | }
103 |
104 | let fullList
105 |
106 | export function signin(passphrase) {
107 | return call("list", { passphrase }).then(list => {
108 | fullList = list
109 | store.setPassphrase(passphrase)
110 | store.setList(list)
111 | })
112 | }
113 |
114 | export function get(path) {
115 | return call("get", { passphrase: store.passphrase, path })
116 | }
117 |
118 | export function logout() {
119 | emptyClipboard()
120 | store.setList()
121 | }
122 |
123 | function escapeRegExp(str) {
124 | return str.replace(/[-[\]\/{}()*+?.\\^$|]/g, "\\$&") // eslint-disable-line no-useless-escape
125 | }
126 |
127 | function filterList(list, filter) {
128 | const result = []
129 | for (const file of list) {
130 | if (filter.test(file.name)) result.push(file)
131 | else if (file.children) {
132 | const children = filterList(file.children, filter)
133 | if (children.length) result.push({ ...file, children })
134 | }
135 | }
136 | return result
137 | }
138 |
139 | export function search(rawQuery) {
140 | const query = rawQuery.trim()
141 | if (query) {
142 | const filter = new RegExp(escapeRegExp(query).replace(/\s+/g, ".*"), "i")
143 | const list = filterList(fullList, filter)
144 | store.setList(list)
145 | } else {
146 | store.setList(fullList)
147 | }
148 | }
149 |
--------------------------------------------------------------------------------
/public/components/App.js:
--------------------------------------------------------------------------------
1 | import { Component, h } from "preact"
2 | import Auth from "./Auth"
3 | import store from "../store"
4 | import List from "./List"
5 | import Search from "./Search"
6 | import { logout, search } from "../actions"
7 | import { stop } from "../domUtil"
8 | import { base, marginSize } from "../css"
9 |
10 | const ss = base.namespace("App").addRules({
11 | root: {
12 | display: "flex",
13 | flexDirection: "column",
14 | alignItems: "stretch",
15 |
16 | position: "relative",
17 | boxSizing: "border-box",
18 |
19 | height: "100vh",
20 | maxWidth: "40em",
21 | margin: "auto",
22 | padding: "12px",
23 | },
24 |
25 | header: {
26 | display: "flex",
27 | flexShrink: 0,
28 | justifyContent: "space-between",
29 | marginBottom: marginSize,
30 | },
31 | })
32 |
33 | export default class App extends Component {
34 | constructor() {
35 | super()
36 | this.state = { store }
37 | this.updateStore = () => this.setState({ store })
38 | }
39 |
40 | focus() {
41 | if (this.auth) this.auth.focus()
42 | else this.search.focus()
43 | }
44 |
45 | componentDidMount() {
46 | store.register(this.updateStore)
47 | this.focus()
48 | }
49 |
50 | componentDidUpdate() {
51 | this.focus()
52 | }
53 |
54 | componentWillUnmount() {
55 | store.unregister(this.updateStore)
56 | }
57 |
58 | render(_, { store }) {
59 | return (
60 |
61 | {store.loggedIn && (
62 |
73 | )}
74 | {store.loggedIn &&
}
75 | {!store.loggedIn && (
76 |
{
78 | this.auth = auth
79 | }}
80 | />
81 | )}
82 |
14 | {children.map(child => {
15 | const isDirectory = child.children
16 | return (
17 |
23 | onActiveChildChanged(child === activeChild ? null : child)
24 | }
25 | />
26 | )
27 | })}
28 |
29 | )
30 | }
31 |
--------------------------------------------------------------------------------
/public/components/File.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from "preact"
2 | import { get } from "../actions"
3 | import CopyIcon from "./CopyIcon"
4 | import { select, unselect } from "../selection"
5 | import { finally_ } from "../promiseUtil"
6 | import { base, marginSize } from "../css"
7 |
8 | const ss = base.namespace("File").addRules({
9 | root: {
10 | overflow: "hidden",
11 | },
12 |
13 | passwordSelector: {
14 | display: "inline-block",
15 | position: "relative",
16 | lineHeight: "24px",
17 | hover: {
18 | backgroundColor: "#3498DB",
19 | },
20 | },
21 |
22 | passwordLine: {
23 | display: "block",
24 | position: "absolute",
25 | top: "0",
26 | left: "0",
27 | right: "0",
28 | bottom: "0",
29 | overflow: "hidden",
30 | color: "transparent",
31 | opacity: "0",
32 | fontSize: "1000px",
33 | },
34 |
35 | rest: {
36 | whiteSpace: "pre",
37 | lineHeight: "24px",
38 | },
39 |
40 | button: {
41 | inherit: "button",
42 |
43 | marginLeft: marginSize,
44 | },
45 |
46 | link: {
47 | color: "#2C3E50",
48 | textDecoration: "none",
49 | hover: {
50 | textDecoration: "underline",
51 | },
52 | },
53 | })
54 |
55 | class Renderer {
56 | constructor() {
57 | this._renderers = []
58 | this._re = null
59 | }
60 |
61 | add(re, fn) {
62 | this._renderers.push({ re, fn })
63 | this._re = null
64 | }
65 |
66 | render(text) {
67 | let re = this._re
68 | if (!re) {
69 | this._re = re = new RegExp(
70 | this._renderers.map(({ re }) => `(${re.source})`).join("|"),
71 | "gm",
72 | )
73 | }
74 |
75 | const result = []
76 |
77 | while (true) {
78 | const lastIndex = re.lastIndex
79 | const match = re.exec(text)
80 |
81 | if (!match) {
82 | result.push(text.slice(lastIndex))
83 | break
84 | }
85 |
86 | let rendererIndex = 0
87 | for (; match[rendererIndex + 1] === undefined; rendererIndex += 1);
88 |
89 | result.push(
90 | text.slice(lastIndex, match.index),
91 | this._renderers[rendererIndex].fn(match),
92 | )
93 | }
94 |
95 | return result
96 | }
97 | }
98 |
99 | const renderer = new Renderer()
100 |
101 | renderer.add(/\bhttps?:\/\/\S+/, match => (
102 |
108 | {match[0]}
109 |
110 | ))
111 |
112 | renderer.add(/\S+@\S+/, match => (
113 |
119 | {match[0]}
120 |
121 | ))
122 |
123 | renderer.add(/^[A-Z].*?:/, match => {match[0]})
124 |
125 | export default class File extends Component {
126 | constructor({ path }) {
127 | super()
128 | this.state = {
129 | content: "",
130 | error: false,
131 | loading: true,
132 | }
133 |
134 | get(path)
135 | ::finally_(() => this.setState({ loading: false }))
136 | .then(
137 | content => this.setState({ content }),
138 | error => this.setState({ error }),
139 | )
140 | }
141 |
142 | renderLoaded(content) {
143 | const lines = content.split("\n")
144 | const passwordLine = lines[0]
145 | const rest = lines.slice(1).join("\n")
146 | let passwordLineElement
147 | const selectPassword = () => select(passwordLineElement)
148 |
149 | /*eslint-disable react/jsx-key*/
150 | return [
151 |
152 | {" "}
153 | {passwordLine && (
154 |
160 | {"\u2022".repeat(10)}
161 | (passwordLineElement = el)}
164 | >
165 | {passwordLine}
166 |
167 |
168 | )}
169 |
170 |
,
171 | {renderer.render(rest.trimRight())}
,
172 | ]
173 | /*eslint-enable react/jsx-key*/
174 | }
175 |
176 | render(_, { loading, error, content }) {
177 | return (
178 |
179 | {loading ? (
180 |
Loading...
181 | ) : error ? (
182 |
Error: {error.message}
183 | ) : (
184 | this.renderLoaded(content)
185 | )}
186 |
14 | )
15 |
--------------------------------------------------------------------------------
/public/components/Line.js:
--------------------------------------------------------------------------------
1 | import { h } from "preact"
2 | import Icon from "./Icon"
3 | import { stop } from "../domUtil"
4 | import { base, marginSize, borderRadius } from "../css"
5 |
6 | const background = "236, 240, 241"
7 | const activeBackground = "189, 195, 199"
8 | const ss = base.namespace("Line").addRules({
9 | root: {
10 | position: "relative",
11 | cursor: "pointer",
12 | whiteSpace: "nowrap",
13 | overflow: "hidden",
14 | borderRadius,
15 | padding: `2px ${marginSize}`,
16 | },
17 |
18 | active: {
19 | backgroundColor: `rgb(${activeBackground})`,
20 | },
21 |
22 | icon: {
23 | marginRight: marginSize,
24 | },
25 |
26 | shadow: {
27 | position: "absolute",
28 | top: borderRadius,
29 | bottom: borderRadius,
30 | right: 0,
31 | width: marginSize,
32 |
33 | background: `linear-gradient(
34 | to right,
35 | rgba(${background}, 0) 0%,
36 | rgba(${background}, 1) 50%,
37 | rgba(${background}, 1) 100%
38 | )`,
39 | },
40 |
41 | activeShadow: {
42 | inherit: "shadow",
43 |
44 | background: `linear-gradient(
45 | to right,
46 | rgba(${activeBackground}, 0) 0%,
47 | rgba(${activeBackground}, 1) 50%,
48 | rgba(${activeBackground}, 1) 100%
49 | )`,
50 | },
51 | })
52 |
53 | export default ({ title, icon, active = false, onClick = () => {} }) => (
54 |
59 | {typeof icon === "string" ?
: icon}
60 | {title}
61 |
62 |
190 |
191 |
192 | {children}
193 |
194 |
200 | {list.length ? (
201 |
(this.container = el)}>
202 | {renderColumn({ children: list }, 0)}
203 | {renderPath.map((file, i) => renderColumn(file, i + 1))}
204 |
205 | ) : (
206 |
No result
207 | )}
208 |
52 |
{
55 | this.input = el
56 | }}
57 | onKeyUp={triggerChange}
58 | />
59 |
63 |
64 |
65 |