Secure cryptographic key storage in the browser
npm install session-keystore
width="640px"
alt="session-keystore"
/>
Secure cryptographic key storage in the browser and Node.js
Ideal to store keys derived from user credentials (username/password) in
E2EE applications.
- In-memory storage: no clear-text persistance to disk
- Session-bound: cleared when closing tab/window (browser-only)
- Survives hard-reloads of the page (browser-only)
- Optional expiration dates
- Event emitter API for key CRUD operations
``shell`
$ yarn add session-keystoreor
$ npm i session-keystore
`ts
import SessionKeystore from 'session-keystore'
// Create a store
const store = new SessionKeystore()
// You can create multiple stores, but give them a unique name:
// (default name is 'default')
const otherStore = new SessionKeystore({ name: 'other' })
// Save a session-bound key
store.set('foo', 'supersecret')
// Set an expiration date (Date or timestamp in ms)
store.set('bar', 'supersecret', Date.now() + 1000 60 5) // 5 minutes
// Retrieve the key
const key = store.get('bar')
// key will be null if it has expired
// Revoke a single key
store.delete('foo')
// Clear all keys in storage
store.clear()
`
Event types:
- created
-
-
-
-
Listen to events on a keystore with the on method:
`ts
import SessionKeystore from 'session-keystore'
const store = new SessionKeystore()
store.on('created', ({ name }) => console.log('Key created: ', name))
store.on('updated', ({ name }) => console.log('Key updated: ', name))
store.on('deleted', ({ name }) => console.log('Key deleted: ', name))
store.on('expired', ({ name }) => console.log('Key expired: ', name))
store.on('read', ({ name }) => console.log('Key accessed: ', name))
`
Note: deleted will be called when the key has been manually deleted,expired
and when its expiration date has arrived.
When setting a key that is already expired, created or updated willexpired
NOT be called, and will be called instead.
session-keystore is written in TypeScript. You can tell a store about the keys it is supposed to hold:
`ts
import SessionKeystore from 'session-keystore'
const store = new SessionKeystore<'foo' | 'bar'>()
store.get('foo') // ok
store.get('bar') // ok
store.get('egg') // Error: Argument of type '"egg"' is not assignable to parameter of type '"foo" | "bar"'
`
This can be handy if you have multiple stores, to avoid accidental key leakage.
Heavily inspired from the Secure Session Storage implementation by ProtonMail,
itself inspired from Thomas Frank's SessionVars.
Read the writeup article on my blog.
From the ProtonMail documentation:
> However, we aim to deliberately be non-persistent. This is useful for
> data that wants to be preserved across refreshes, but is too sensitive
> to be safely written to disk. Unfortunately, although sessionStorage is
> deleted when a session ends, major browsers automatically write it
> to disk to enable a session recovery feature, so using sessionStorage
> alone is inappropriate.
>
> To achieve this, we do two tricks. The first trick is to delay writing
> any possibly persistent data until the user is actually leaving the
> page (onunload). This already prevents any persistence in the face of
> crashes, and severely limits the lifetime of any data in possibly
> persistent form on refresh.
>
> The second, more important trick is to split sensitive data between
> window.name and sessionStorage. window.name is a property that, likewindow.name
> sessionStorage, is preserved across refresh and navigation within the
> same tab - however, it seems to never be stored persistently. This
> provides exactly the lifetime we want. Unfortunately, iswindow.name
> readable and transferable between domains, so any sensitive data stored
> in it would leak to random other websites.
>
> To avoid this leakage, we split sensitive data into two shares which
> xor to the sensitive information but which individually are completely
> random and give away nothing. One share is stored in , whilewindow.name
> the other share is stored in sessionStorage. This construction provides
> security that is the best of both worlds - random websites can't read
> the data since they can't access sessionStorage, while disk inspections
> can't read the data since they can't access . The lifetimewindow.name`.
> of the data is therefore the smaller lifetime, that of
MIT - Made with ❤️ by François Best - Donations welcome 🙏