space-router/dist/esm/history.js

All the routing essentials.

export function createHistory(options) {
    var sync = options.sync;
    var mode = options.mode;
    var raf;
    var onPop;
    var memory = [];
    var off;
    var destroyed = false;
    if (typeof window === 'undefined') {
        mode = 'memory';
        raf = sync ? function(cb) {
            return cb();
        } : global.setImmediate;
    } else {
        raf = sync ? function(cb) {
            return cb();
        } : requestAnimationFrame;
        if (mode === 'history' && !history.pushState) {
            mode = 'hash';
        }
    }
    function listen(onChange) {
        onPop = function() {
            return onChange(getUrl());
        };
        if (mode !== 'memory') {
            off = on(window, mode === 'history' ? 'popstate' : 'hashchange', onPop);
            raf(onPop);
        }
        return function() {
            destroyed = true;
            off && off();
        };
    }
    return {
        listen: listen,
        getUrl: getUrl,
        push: function push(url) {
            go(url);
        },
        replace: function replace(url) {
            go(url, true);
        }
    };
    function go(url, replace) {
        if (destroyed) return;
        url = url.replace(/^\/?#?\/?/, '/').replace(/\/$/, '') || '/';
        if (mode === 'history') {
            history[replace ? 'replaceState' : 'pushState']({}, '', url);
            raf(onPop);
        } else if (mode === 'hash') {
            location[replace ? 'replace' : 'assign']('#' + url);
        } else if (mode === 'memory') {
            replace ? memory[memory.length - 1] = url : memory.push(url);
            raf(onPop);
        }
    }
    function getUrl() {
        if (mode === 'memory') {
            return memory[memory.length - 1];
        }
        var hash = getHash();
        if (mode === 'hash') {
            return hash === '' ? '/' : hash;
        }
        if (mode === 'history') {
            var url = location.pathname + location.search;
            if (hash !== '') {
                url += '#' + hash;
            }
            return url;
        }
    }
    // Gets the true hash value. Cannot use location.hash directly due to bug
    // in Firefox where location.hash will always be decoded.
    function getHash() {
        var match = location.href.match(/#(.*)$/);
        return match ? match[1].replace('#', '') : '';
    }
}
function on(el, type, fn) {
    el.addEventListener(type, fn, false);
    return function off() {
        el.removeEventListener(type, fn, false);
    };
}