TypeScript: Sync variables with localStorage
https://www.npmjs.com/package/webstorage-decorators
lib | ||
src | ||
.gitignore | ||
index.ts | ||
package-lock.json | ||
package.json | ||
README.md | ||
tsconfig.json |
WebStorage
A Javascript library that adds property decorators to sync a class property with the local & session storage. It also includes crypto-js so that sensitive information being stored on the client is not stored in plain text.
Quick Setup
- Install with:
npm install --save webstorage-decorators crypto-js
- Add the decorator to your property and you are done!
import {LocalStorage, SessionStorage} from 'webstorage-decorators';
export class SomeComponent {
@LocalStorage({
fieldName: 'customName',
encryptionKey: settings.encryptionToken,
defaultValue: 123
})
someProperty;
@SessionStorage(/* Accepts same optional paramters as the LocalStorage*/) user;
constructor(user) {
// This property will get its vallue from the local storage or default to 123 if the property doesn't exist
console.log(this.someProperty)
// Because of our SessionStorage decorator the user is automatically stored in the session storage
this.user = user
}
}