extpoint-yii2/components/ClientStorageComponent.js

JavaScript part for projects on ExtPoint Yii2 Boilerplate and yii2-core

import $cookie from 'js-cookie';

export default class ClientStorageComponent {

    static STORAGE_SESSION = 'session';
    static STORAGE_LOCAL = 'local';
    static STORAGE_COOKIE = 'cookie';

    constructor() {
        this.localStorageAvailable = true;
        this.sessionStorageAvailable = true;

        try {
            window.localStorage.setItem('localStorageAvailable', true);
            window.localStorage.removeItem('localStorageAvailable');
        } catch (e) {
            this.localStorageAvailable = false;
        }

        try {
            window.sessionStorage.setItem('sessionStorageAvailable', true);
            window.sessionStorage.removeItem('sessionStorageAvailable');
        } catch (e) {
            this.sessionStorageAvailable = false;
        }
    }

    /**
     * @param {string} name
     * @param {string} [storageName]
     * @returns {*}
     */
    get(name, storageName) {
        storageName = storageName || this.STORAGE_LOCAL;

        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
            return window.localStorage.getItem(name);
        } else if (this.sessionStorageAvailable && storageName === this.STORAGE_SESSION) {
            return window.sessionStorage.getItem(name);
        }
        return $cookie.get(name);
    }

    /**
     * @param {string} name
     * @param {*} value
     * @param {string} [storageName]
     * @param {number|null} [expires]
     */
    set(name, value, storageName, expires = null) {
        storageName = storageName || this.STORAGE_LOCAL;

        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
            window.localStorage.setItem(name, value);
        } else if (this.sessionStorageAvailable && storageName === this.STORAGE_SESSION) {
            window.sessionStorage.setItem(name, value);
        } else {
            $cookie.set(name, value, {
                expires,
                domain: this._getDomain(),
            });
        }
    }

    /**
     *
     * @param {string} name
     * @param {string} [storageName]
     */
    remove(name, storageName) {
        storageName = storageName || this.STORAGE_LOCAL;

        if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
            window.localStorage.removeItem(name);
        } else if (this.sessionStorageAvailable && storageName === this.STORAGE_SESSION) {
            window.sessionStorage.removeItem(name);
        } else {
            $cookie.remove(name, {
                domain: this._getDomain()
            });
        }
    }

    _getDomain() {
        const host = typeof location !== 'undefined' && location.hostname || '';
        return host.split('.').slice(-2).join('.') || host;
    }

}