piral-core/lib/defaults/navigator_v5.js

The core library for creating a Piral instance.

import * as React from 'react';
import { __RouterContext as RouterContext, Redirect, useLocation } from 'react-router';
let _nav;
const _noop = () => { };
function useRouterContext() {
    return React.useContext(RouterContext);
}
export function useCurrentNavigation() {
    const ctx = useRouterContext();
    const location = useLocation();
    React.useEffect(() => {
        if (_nav) {
            window.dispatchEvent(new CustomEvent('piral-navigate', {
                detail: {
                    location,
                },
            }));
        }
    }, [location]);
    React.useEffect(() => {
        _nav = ctx.history;
        return () => {
            _nav = undefined;
        };
    }, []);
}
export function createRedirect(to) {
    return () => React.createElement(Redirect, { to: to });
}
export function createNavigation(publicPath) {
    const enhance = (location, action) => ({
        action,
        location: {
            get href() {
                return _nav.createHref(location);
            },
            ...location,
        },
    });
    return {
        get path() {
            const loc = _nav ? _nav.location : location;
            return loc.pathname;
        },
        get url() {
            const loc = _nav ? _nav.location : location;
            return `${loc.pathname}${loc.search}${loc.hash}`;
        },
        push(target, state) {
            if (_nav) {
                _nav.push(target, state);
            }
        },
        replace(target, state) {
            if (_nav) {
                _nav.replace(target, state);
            }
        },
        go(n) {
            if (_nav) {
                _nav.go(n);
            }
        },
        block(blocker) {
            if (!_nav) {
                return _noop;
            }
            return _nav.block((location, action) => blocker(enhance(location, action)));
        },
        listen(listener) {
            const handler = (e) => listener(enhance(e.detail.location, _nav.action));
            window.addEventListener('piral-navigate', handler);
            return () => {
                window.removeEventListener('piral-navigate', handler);
            };
        },
        router: {
            get history() {
                return _nav;
            },
        },
        publicPath,
    };
}
//# sourceMappingURL=navigator_v5.js.map