const $ = require('jquery');

module.exports = function() {
    $('*[data-pushstate]').click((e) => {
        var url =  $(e.target).attr('data-pushstate');

        history.pushState({url: url}, null, url);
        history.replaceState({url: url}, null, url);
    });

    let forms = $('form[data-formpushstate]');

    let checkAndUsePushState = () => {
        let state = [window.location.pathname, window.location.search].join('');

        $('*[data-pushstate]').each((i, v) => {
            let method = 'compare';

            if ($(v).is('[data-pushstate-method]')) {
                method = $(v).attr('data-pushstate-method')
            }

            var isThisOne = false;

            if (method === 'compare' && $(v).attr('data-pushstate') === state) {
                isThisOne = true;
            }

            if (method === 'indexOf' && state.indexOf($(v).attr('data-pushstate')) !== -1) {
                isThisOne = true;
            }

            if (isThisOne) {
                $(v).click();

                forms.attr('action', state);
            }
        });
    }

    checkAndUsePushState();

    $(window).on('statechange', checkAndUsePushState, false);
}