TableFilter/src/modules/storage.js

import Cookie from '../cookie';

const global = window;
const JSON = global.JSON;
const localStorage = global.localStorage;

export const hasStorage = () => {
    return 'Storage' in global;
};

export class Storage {

    constructor(state){
        this.state = state;
        this.tf = state.tf;
        this.enableLocalStorage = state.enableLocalStorage && hasStorage();
        this.enableCookie = state.enableCookie && !this.enableLocalStorage;
        this.emitter = state.emitter;
        this.duration = state.cookieDuration;
    }


    init(){
        this.emitter.on(['state-changed'], (tf, state) => this.save(state));
        this.emitter.on(['initialized'], () => this.sync());
    }

    save(state){
        if(this.enableLocalStorage) {
            localStorage[this.getKey()] = JSON.stringify(state);
        } else {
            Cookie.write(this.getKey(), JSON.stringify(state), this.duration);
        }
    }

    parse(){
        let state = null;
        if(this.enableLocalStorage) {
            state = localStorage[this.getKey()];
        } else {
            state = Cookie.read(this.getKey());
        }

        if(!state){
            return null;
        }
        return JSON.parse(state);
    }

    remove(){
        if(this.enableLocalStorage) {
            localStorage.removeItem(this.getKey());
        } else {
            Cookie.remove(this.getKey());
        }
    }

    sync() {
        let state = this.parse();
        if (!state) {
            return;
        }

        // To prevent state to react to features changes, state is temporarily
        // disabled
        this.state.disable();
        // State is overriden with hash state object
        this.state.override(state);
        // New hash state is applied to features
        this.state.sync();
        // State is re-enabled
        this.state.enable();
    }

    getKey(){
        return `${this.tf.prfxTf}_${this.tf.id}`;
    }

    destroy(){
        this.emitter.off(['state-changed'], (tf, state) => this.save(state));
        this.emitter.off(['initialized'], () => this.sync());

        this.remove();

        this.state = null;
        this.emitter = null;
    }
}