url-param-helpers.js

export const getUrlParameterValue = (name) => {
    const results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results !== null ? results[1] || 0 : null;
};

export const updateParameterInUrl = (name, value) => {
    const { protocol, host, pathname, search } = window.location;
    const paramReg = new RegExp(name + '=[a-z]+');
    const newSearch = search.replace(paramReg, name + '=' + value);
    const newUrl = protocol + "//" + host + pathname + newSearch;
    window.history.pushState({ path: newUrl }, '', newUrl);
}

export const pushParameterToUrl = (fullParam) => {
    const { protocol, host, pathname, search } = window.location;
    const newUrl = protocol + "//" + host + pathname + search + fullParam;
    window.history.pushState({ path: newUrl }, '', newUrl);
}

export const addOrUpdateParameterInUrl = (name, value) => {
    if (getUrlParameterValue(name)) {
        updateParameterInUrl(name, value);
    } else {
        const urlHasFirstParam = window.location.href.indexOf('?') > -1;
        const newParam = (urlHasFirstParam ? '&' : '?') + name + '=' + value;
        pushParameterToUrl(newParam);
    }
};