From 730b35cdfdbde2d25a7d66e1d5ebce92b757d3da Mon Sep 17 00:00:00 2001 From: Zakary Timson Date: Thu, 9 May 2019 14:26:06 -0400 Subject: [PATCH] Update README.md --- README.md | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/README.md b/README.md index f26be45..0629939 100644 --- a/README.md +++ b/README.md @@ -1 +1,31 @@ # 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 + 1. Install with: `npm install --save webstorage-decorators crypto-js` + 2. 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 + } + } + ``` +