angular-window-storage

Angular module to ease the access of localStorage, sessionStorage and cookie.

What does it does, is it or me?

Angular window storage, offers an easy interface for usage of the web storage and cookies.
It works as a store manager so you don't have to worry about where to store information, or, if you want it offers the possibility to be in control too.
What angular window storage offers that is a distinction from others libraries is the the possibility to default to cookies if web storage is not available in the browser, cookie chunking and custom encoders and decoders great for things like compression.

Basically:

• Easy interface for who wants to use web storage.
• Easy interface for who watns to use cookies.
• Default to cookies if the browser doesn't support web storage without of any other aspect.
• No need to worry about controlling anything about the web storage and cookies.
  
• Control everything about the web storage and cookies.
• Set times to live for web storage and cookies.
• Define your own encoder and decoder, great to use with 3th party lib's for compression.
• ...

There is a slight change, that it probably does everything you need for your management of web storage and cookies...

Table of contents

Getting Started

Installing

npm

npm install angular-window-storage

bower

bower install angular-window-storage

Including

npm

...
    <script src="path/to/angularJs/angular.min.js"></script>
    <script src="node_modules/angular-window-storage/build/angular-window-storage.min.js"></script>
...

bower

...
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/angular-window-storage/build/angular-window-storage.min.js"></script>
...

Demos

angular-window-storage Demo

angular-window-storage when no web storage supported Demo

angular-window-storage compression with lz-string Demo

Configuration

Configure the provider

angular.module('yourLegendaryApp', ['WindowStorageModule'])
    .config(['windowStorageServiceProvider', function(windowStorageServiceProvider){
        windowStorageServiceProvider
            .setPrefix(<string>) // default - 'ws_'
            .setDefaultStorageType(<string>) // default - 'sessionStorage'
       	    .setAllowWebStorage(<boolean>) // default - true
	    .setAllowCookies(<boolean>) // default - true
	    .setDefaultToCookies(<boolean) // default - true
	    .setCookiesPath(<string>) // default - null
	    .setCookiesDomain(<string>) // default - null
	    .setCookiesExpires(<date> or <number>) // default - 30 days
	    .setCookiesSecure(<boolean>) // default - false
	    .setCookiesDefaults({path:@path, domain: @domain, expires:@expires, secure:@secure
	    .setCookiesEncoderComponentFn(<function>) // default - encodeURIComponent
	    .setCookiesDecoderComponentFn(<function>) // default - decodeURIComponent
	    .setWebStorageEncoderComponentFn(<function>) // default - none
	    .setWebStorageDecoderComponentFn(<function>) // default - none
	  ;
  }]);

Usage

Require WindowStorageModule and Inject the windowStorageService

angular.module('yourLegendaryApp', ['WindowStorageModule'])
  .controller('youAwesomeCtrl', ['windowStorageService', function(windowStorageService){
    // Code here...
  }]);

Setters

@key* The key of the key value pair to set.
@value* The value of the key value pair to set.
@ttl The time to live in milliseconds or date of the key value pair to set.
@options The object to pass instead of the ttl to configure:
options.ttl = @ttl The time to live in milliseconds or date of the key value pair to set.
options.path = @path** The cookie will be available only for this path and its sub-paths.
options.domain = @domain** The cookie will be available only for this domain and its sub-domains.
options.secure = @secure** If true, then the cookie will only be available through a secured connection
*Required arguments
**Only used when storage in use is cookie or storage is defaulting to cookie

Set a key value pair to the default storage in use

// example 1:
windowStorageService.set(key, value);
// example 2:
windowStorageService.set(key, value, ttl);
// example 3:
windowStorageService.set(key, value, options);

Set a key value pair to the session storage

// example 1:
windowStorageService.setToSessionStorage(key, value);
// example 2:
windowStorageService.sessionStorage.set(key, value);
// example 3:
windowStorageService['sessionStorage'].set(key, value);
// example 4:
windowStorageService.setToSessionStorage(key, value, ttl);
// example 5:
windowStorageService.sessionStorage.set(key, value, ttl);
// example 6:
windowStorageService['sessionStorage'].set(key, value, ttl);
// example 7:
windowStorageService.setToSessionStorage(key, value, options);
// example 8:
windowStorageService.sessionStorage.set(key, value, options);
// example 9:
windowStorageService['sessionStorage'].set(key, value, options);

Set a key value pair to the local storage

// example 1:
windowStorageService.setToLocalStorage(key, value); 
// example 2:
windowStorageService.localStorage.set(key, value); 
// example 3:
windowStorageService['localStorage'].set(key, value);
// example 4:
windowStorageService.setToLocalStorage(key, value, ttl); 
// example 5:
windowStorageService.localStorage.set(key, value, ttl); 
// example 6:
windowStorageService['localStorage'].set(key, value, ttl);
// example 7:
windowStorageService.setToLocalStorage(key, value, options); 
// example 8:
windowStorageService.localStorage.set(key, value, options); 
// example 9:
windowStorageService['localStorage'].set(key, value, options);

Set a key value pair to the cookie

// example 1:
windowStorageService.setToCookie(key, value); 
// example 2:
windowStorageService.cookie.set(key, value); 
// example 3:
windowStorageService['cookie'].set(key, value);
// example 4:
windowStorageService.setToCookie(key, value, ttl); 
// example 5:
windowStorageService.cookies.set(key, value, ttl); 
// example 6:
windowStorageService['cookies'].set(key, value, ttl);
// example 7:
windowStorageService.setToCookies(key, value, options); 
// example 8:
windowStorageService.cookies.set(key, value, options); 
// example 9:
windowStorageService['cookies'].set(key, value, options);

Getters

@key* The key of the key value pair to fetch.
*Required arguments

Get a key value pair from the default storage in use

// example 1:
var item = windowStorageService.get(key);

Get a key value pair from the session storage

// example 1:
var item = windowStorageService.getFromSessionStorage(key); 
// example 2:
var item = windowStorageService.sessionStorage.get(key);
// example 3:
var item = windowStorageService['sessionStorage'].get(key);

Get a key value pair from the local storage

// example 1:
var item = windowStorageService.getFromLocalStorage(key); 
// example 2:
var item = windowStorageService.localStorage.get(key);
// example 3:
var item = windowStorageService['localStorage'].get(key);

Get a key value pair from the cookie

// example 1:
var item = windowStorageService.getFromCookies(key); 
// example 2:
var item = windowStorageService.cookies.get(key);
// example 3:
var item = windowStorageService['cookies'].get(key);

Removers

@key* ** The key of the key value pair to remove.
*Required arguments
**A number of keys comprehended between 1 and n

Removes the key value pair by key in the default storage in use

// example 1:
windowStorageService.remove(key); 
// example 2:
windowStorageService.remove(key1, key2,..., keyN);

Removes the key value pair by key in the session storage

// example 1:
windowStorageService.removeFromSessionStorage(key);
// example 2:
windowStorageService.sessionStorage.remove(key);
// example 3:
windowStorageService['sessionStorage'].remove(key); 
// example 4:
windowStorageService.removeFromSessionStorage(key1, key2,..., keyN); 
// example 5:
windowStorageService.sessionStorage.remove(key1, key2,..., keyN); 
// example 6:
windowStorageService['sessionStorage'].remove(key1, key2,..., keyN);

Removes the key value pair by key in the local storage

// example 1:
windowStorageService.removeFromLocalStorage(key); 
// example 2:
windowStorageService.localStorage.remove(key);
// example 3:
windowStorageService['localStorage'].remove(key);
// example 4:
windowStorageService.removeFromLocalStorage(key1, key2,..., keyN); 
// example 5:
windowStorageService.localStorage.remove(key1, key2,..., keyN);
// example 6:
windowStorageService['localStorage'].remove(key1, key2,..., keyN);

Removes the key value pair by key in the cookie

// example 1:
windowStorageService.removeFromCookies(key); 
// example 2:
windowStorageService.cookies.remove(key);
// example 3:
windowStorageService['cookies'].remove(key);
// example 4:
windowStorageService.removeFromCookies(key1, key2,..., keyN); 
// example 5:
windowStorageService.cookies.remove(key1, key2,..., keyN);
// example 6:
windowStorageService['cookies'].remove(key1, key2,..., keyN);

Clears

Clear the default storage in use

// example 1:
windowStorageService.clear(); 

Clear the session storage

// example 1:
windowStorageService.clearSessionStorage();   
// example 2:
windowStorageService.sessionStorage.clear(); 
// example 3:
windowStorageService['sessionStorage'].clear();

Clear the local storage

// example 1:
windowStorageService.clearLocalStorage(); 
// example 2:
windowStorageService.localStorage.clear(); 
// example 3:
windowStorageService['sessionStorage'].clear();

Clear the cookie

// example 1:
windowStorageService.clearCookies(); 
// example 2:
windowStorageService.cookies.clear(); 
// example 3:
windowStorageService['cookies'].clear();

Clear all storages

// example 1:
windowStorageService.clearAll(); 

Length

Gets the length of the default storage in use

// example 1:
var length = windowStorageService.length(); 

Gets the length of the session storage

// example 1:
var length = windowStorageService.lengthOfSessionStorage();
// example 2:
var length = windowStorageService.sessionStorage.length();
// example 3:
var length = windowStorageService['sessionStorage'].length(); 

Gets the length the local storage

// example 1:
var length = windowStorageService.lengthOfLocalStorage(); 
// example 2:
var length = windowStorageService.localStorage.length();
// example 3:
var length =windowStorageService['localStorage'].length();

Gets the length the cookie

// example 1:
var length = windowStorageService.lengthOfCookies(); 
// example 2:
var length = windowStorageService.cookies.length();
// example 3:
var length =windowStorageService['cookies'].length();

Key

@key* The key to find the index of the key value pair.
*Required arguments

Gets the index of the given key in the default storage in use

// example 1:
var index = windowStorageService.key(key); 

Gets the index of the given key in the session storage

// example 1:
var index = windowStorageService.keySessionStorage(key);
// example 2:
var index = windowStorageService.sessionStorage.key(key);
// example 3:
var index = windowStorageService['sessionStorage'].key(key); 

Gets the index of the given key in the local storage

// example 1:
var index = windowStorageService.keyLocalStorage(key); 
// example 2:
var index = windowStorageService.localStorage.key(key);
// example 3:
var index =windowStorageService['localStorage'].key(key);

Gets the index of the given key in the cookie

// example 1:
var index = windowStorageService.keyCookies(key); 
// example 2:
var index = windowStorageService.cookies.key(key);
// example 3:
var index =windowStorageService['cookies'].key(key);

Get keys

Gets the keys from the default storage in use

// example 1:
var keyArray = windowStorageService.getKeys();

Gets the keys from the session storage

// example 1:
var keyArray = windowStorageService.getKeysFromSessionStorage();
// example 2:
var keyArray = windowStorageService.sessionStorage.getKeys();
// example 3:
var keyArray = windowStorageService['sessionStorage'].getKeys();

Gets the keys from the local storage

// example 1:
var keyArray = windowStorageService.getKeysFromLocalStorage();
// example 2:
var keyArray = windowStorageService.localStorage.getKeys();
// example 3:
var keyArray = windowStorageService['localStorage'].getKeys();

Gets the keys from the cookie

// example 1:
var keyArray = windowStorageService.getKeysFromCookies();
// example 2:
var keyArray = windowStorageService.cookies.getKeys();
// example 3:
var keyArray = windowStorageService['cookies'].getKeys();

TTL setters

@key* The key of the key value pair to set the ttl.
@ttl The time to live in milliseconds or date of the key value pair to set.
@options The object to pass instead of the ttl to configure:
options.ttl = @ttl The time to live in milliseconds or date of the key value pair to set.
options.path = @path** The cookie will be available only for this path and its sub-paths.
options.domain = @domain** The cookie will be available only for this domain and its sub-domains.
options.secure = @secure** If true, then the cookie will only be available through a secured connection
*Required arguments
**Only used when storage in use is cookie or storage is defaulting to cookie

Set a time to live of a key value pair in the default storage in use

// example 1:
windowStorageService.setTTL(key, ttl);
// example 1:
windowStorageService.setTTL(key, options);

Set a time to live of a key value pair in the session storage

// example 1:
windowStorageService.setTTLToSessionStorage(key, ttl);
// example 2:
windowStorageService.sessionStorage.setTTL(key, ttl);
// example 3:
windowStorageService['sessionStorage'].setTTL(key, ttl);
// example 4:
windowStorageService.setTTLToSessionStorage(key, options);
// example 5:
windowStorageService.sessionStorage.setTTL(key, options);
// example 6:
windowStorageService['sessionStorage'].setTTL(key, options);

Set a time to live of a key value pair in the local storage

// example 1:
windowStorageService.setTTLToLocalStorage(key, ttl); 
// example 2:
windowStorageService.localStorage.setTTL(key, ttl);
// example 3:
windowStorageService['localStorage'].setTTL(key, ttl);
// example 4:
windowStorageService.setTTLToLocalStorage(key, options);
// example 5:
windowStorageService.localStorage.setTTL(key, options);
// example 6:
windowStorageService['localStorage'].setTTL(key, options);

Set a time to live of a key value pair in the cookie

// example 1:
windowStorageService.setTTLToCookies(key, ttl); 
// example 2:
windowStorageService.cookies.setTTL(key, ttl);
// example 3:
windowStorageService['cookies'].setTTL(key, ttl);
// example 4:
windowStorageService.setTTLToCookies(key, options);
// example 5:
windowStorageService.cookies.setTTL(key, options);
// example 6:
windowStorageService['cookies'].setTTL(key, options);

Default storage type

@storageType* The storage type to be set as default.
*Required argument in set method

Sets the default storage type to use from now on

// example 1:
windowStorageService.setDefaultStorageType(storageType);   

Gets the default storage type in use

// example 1:
var defaultStorageType = windowStorageService.getDefaultStorageType();   

Prefix

Gets the prefix used in the construction of derive key

// example 1:
var perfixUsedToDeriveKey = windowStorageService.getPrefix(); 

Table of contents

• Configuration
• Usage
  • Require and Inject
  • Configure
  • Set
  • Get
  • Remove
  • Clear
  • Length
  • Key
  • Get keys
  • Set TTL
  • Default storage type
  • Prefix
• Demos
• Versioning
• Authors
• License
• Acknowledgments

Versioning

SemVer - Semantic Versioning specification

Authors

• José Rocha - Initial work - josecmrocha
  See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE file for details

Acknowledgments

• grevory - angular-local-storage
• PurpleBooth - A template to make good README.md
• angular - ngCookies
• pieroxy - lz-string