urlParams.js

const queryString = require('query-string');

export default class UrlParams {
    static urlOptions() {
        return {
            arrayFormat: 'bracket'
        };
    };

    static set(params) {
        let uri = window.location.origin + window.location.pathname;
        let query = this.encodeURI(params);

        history.pushState(null, null, (uri + '?' + query));
    }

    static encodeURI(obj) {
        return queryString.stringify(obj, this.urlOptions);
    }

    static decodeURI(uri) {
        let params = queryString.parseUrl(uri, this.urlOptions).query;

        _.each(params, (value, key) => {
            try {
                _.set(params, key, JSON.parse(value));
            } catch (e) {
            }
        });

        return params;
    }
}

// Using:
// import UrlParams from './urlParams';
// window.urlParams = UrlParams;
//
// urlParams.encodeURI({page: 2, sort: 'desc});
// urlParams.decodeURI('http://mysite.local/?page=2&sort=desc');