@tinkoff/router 0.2.6 → 0.2.8

package/lib/history/client.browser.js

@@ -0,0 +1,121 @@
+import { History } from './base.browser.js';
+import { wrapHistory } from './wrapper.browser.js';
+
+const isHistoryState = (state) => {
+    return state && typeof state.key === 'string';
+};
+const generateKey = (navigation) => {
+    const { to } = navigation;
+    if (to) {
+        return `${to.name}_${to.path}`;
+    }
+};
+const generateState = (navigation, currentState) => {
+    const key = generateKey(navigation);
+    let { type } = navigation;
+    if (navigation.replace && currentState) {
+        type = currentState.type === type ? type : 'navigate';
+    }
+    return {
+        key,
+        type,
+        navigateState: navigation.navigateState,
+    };
+};
+class ClientHistory extends History {
+    constructor() {
+        super();
+        this.currentIndex = 0;
+        this.historyWrapper = wrapHistory({
+            onNavigate: ({ url, replace, navigateState }) => {
+                this.listener({
+                    url,
+                    replace,
+                    navigateState,
+                });
+            },
+        });
+    }
+    init(navigation) {
+        var _a;
+        this.currentState = isHistoryState((_a = window.history) === null || _a === void 0 ? void 0 : _a.state)
+            ? window.history.state
+            : generateState(navigation);
+        this.historyWrapper.init(this.currentState);
+        this.historyWrapper.subscribe(async ({ path, state }) => {
+            var _a, _b;
+            try {
+                let navigationType;
+                let navigateState;
+                if (isHistoryState(state)) {
+                    const { key: prevKey, type: prevType } = this.currentState;
+                    const { key, type } = state;
+                    this.currentState = state;
+                    navigateState = state.navigateState;
+                    if (key === prevKey &&
+                        (type === 'updateCurrentRoute' || prevType === 'updateCurrentRoute')) {
+                        navigationType = 'updateCurrentRoute';
+                    }
+                    else {
+                        navigationType = 'navigate';
+                    }
+                }
+                else {
+                    // if it is not HistoryState than it is probably not a state from @tinkoff/router so reset it
+                    this.currentIndex = 0;
+                }
+                await this.listener({
+                    type: navigationType,
+                    history: true,
+                    url: path,
+                    navigateState,
+                });
+                (_a = this.goPromiseResolve) === null || _a === void 0 ? void 0 : _a.call(this);
+            }
+            catch (err) {
+                (_b = this.goPromiseReject) === null || _b === void 0 ? void 0 : _b.call(this, err);
+            }
+        });
+    }
+    save(navigation) {
+        const { replace, url } = navigation;
+        if (!replace) {
+            this.currentIndex++;
+        }
+        this.currentState = generateState(navigation, this.currentState);
+        this.historyWrapper.navigate({
+            path: url.path,
+            replace,
+            state: this.currentState,
+        });
+    }
+    go(to, options) {
+        var _a;
+        const index = this.currentIndex + to;
+        if (index < 0) {
+            if (options === null || options === void 0 ? void 0 : options.historyFallback) {
+                return this.listener({
+                    url: options.historyFallback,
+                    type: 'navigate',
+                    history: false,
+                });
+            }
+            const historyFallbackRoute = (_a = this.tree) === null || _a === void 0 ? void 0 : _a.getHistoryFallback(window.location.pathname);
+            if (historyFallbackRoute) {
+                return this.listener({
+                    url: historyFallbackRoute.actualPath,
+                    type: 'navigate',
+                    history: false,
+                });
+            }
+        }
+        const promise = new Promise((resolve, reject) => {
+            this.goPromiseResolve = resolve;
+            this.goPromiseReject = reject;
+        });
+        this.historyWrapper.history(to);
+        return promise;
+    }
+}
+
+export { ClientHistory };

package/lib/history/client.es.js

@@ -0,0 +1,121 @@
+import { History } from './base.es.js';
+import { wrapHistory } from './wrapper.es.js';
+
+const isHistoryState = (state) => {
+    return state && typeof state.key === 'string';
+};
+const generateKey = (navigation) => {
+    const { to } = navigation;
+    if (to) {
+        return `${to.name}_${to.path}`;
+    }
+};
+const generateState = (navigation, currentState) => {
+    const key = generateKey(navigation);
+    let { type } = navigation;
+    if (navigation.replace && currentState) {
+        type = currentState.type === type ? type : 'navigate';
+    }
+    return {
+        key,
+        type,
+        navigateState: navigation.navigateState,
+    };
+};
+class ClientHistory extends History {
+    constructor() {
+        super();
+        this.currentIndex = 0;
+        this.historyWrapper = wrapHistory({
+            onNavigate: ({ url, replace, navigateState }) => {
+                this.listener({
+                    url,
+                    replace,
+                    navigateState,
+                });
+            },
+        });
+    }
+    init(navigation) {
+        var _a;
+        this.currentState = isHistoryState((_a = window.history) === null || _a === void 0 ? void 0 : _a.state)
+            ? window.history.state
+            : generateState(navigation);
+        this.historyWrapper.init(this.currentState);
+        this.historyWrapper.subscribe(async ({ path, state }) => {
+            var _a, _b;
+            try {
+                let navigationType;
+                let navigateState;
+                if (isHistoryState(state)) {
+                    const { key: prevKey, type: prevType } = this.currentState;
+                    const { key, type } = state;
+                    this.currentState = state;
+                    navigateState = state.navigateState;
+                    if (key === prevKey &&
+                        (type === 'updateCurrentRoute' || prevType === 'updateCurrentRoute')) {
+                        navigationType = 'updateCurrentRoute';
+                    }
+                    else {
+                        navigationType = 'navigate';
+                    }
+                }
+                else {
+                    // if it is not HistoryState than it is probably not a state from @tinkoff/router so reset it
+                    this.currentIndex = 0;
+                }
+                await this.listener({
+                    type: navigationType,
+                    history: true,
+                    url: path,
+                    navigateState,
+                });
+                (_a = this.goPromiseResolve) === null || _a === void 0 ? void 0 : _a.call(this);
+            }
+            catch (err) {
+                (_b = this.goPromiseReject) === null || _b === void 0 ? void 0 : _b.call(this, err);
+            }
+        });
+    }
+    save(navigation) {
+        const { replace, url } = navigation;
+        if (!replace) {
+            this.currentIndex++;
+        }
+        this.currentState = generateState(navigation, this.currentState);
+        this.historyWrapper.navigate({
+            path: url.path,
+            replace,
+            state: this.currentState,
+        });
+    }
+    go(to, options) {
+        var _a;
+        const index = this.currentIndex + to;
+        if (index < 0) {
+            if (options === null || options === void 0 ? void 0 : options.historyFallback) {
+                return this.listener({
+                    url: options.historyFallback,
+                    type: 'navigate',
+                    history: false,
+                });
+            }
+            const historyFallbackRoute = (_a = this.tree) === null || _a === void 0 ? void 0 : _a.getHistoryFallback(window.location.pathname);
+            if (historyFallbackRoute) {
+                return this.listener({
+                    url: historyFallbackRoute.actualPath,
+                    type: 'navigate',
+                    history: false,
+                });
+            }
+        }
+        const promise = new Promise((resolve, reject) => {
+            this.goPromiseResolve = resolve;
+            this.goPromiseReject = reject;
+        });
+        this.historyWrapper.history(to);
+        return promise;
+    }
+}
+
+export { ClientHistory };

package/lib/history/client.js

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = require('./base.js');
+var wrapper = require('./wrapper.js');
+
+const isHistoryState = (state) => {
+    return state && typeof state.key === 'string';
+};
+const generateKey = (navigation) => {
+    const { to } = navigation;
+    if (to) {
+        return `${to.name}_${to.path}`;
+    }
+};
+const generateState = (navigation, currentState) => {
+    const key = generateKey(navigation);
+    let { type } = navigation;
+    if (navigation.replace && currentState) {
+        type = currentState.type === type ? type : 'navigate';
+    }
+    return {
+        key,
+        type,
+        navigateState: navigation.navigateState,
+    };
+};
+class ClientHistory extends base.History {
+    constructor() {
+        super();
+        this.currentIndex = 0;
+        this.historyWrapper = wrapper.wrapHistory({
+            onNavigate: ({ url, replace, navigateState }) => {
+                this.listener({
+                    url,
+                    replace,
+                    navigateState,
+                });
+            },
+        });
+    }
+    init(navigation) {
+        var _a;
+        this.currentState = isHistoryState((_a = window.history) === null || _a === void 0 ? void 0 : _a.state)
+            ? window.history.state
+            : generateState(navigation);
+        this.historyWrapper.init(this.currentState);
+        this.historyWrapper.subscribe(async ({ path, state }) => {
+            var _a, _b;
+            try {
+                let navigationType;
+                let navigateState;
+                if (isHistoryState(state)) {
+                    const { key: prevKey, type: prevType } = this.currentState;
+                    const { key, type } = state;
+                    this.currentState = state;
+                    navigateState = state.navigateState;
+                    if (key === prevKey &&
+                        (type === 'updateCurrentRoute' || prevType === 'updateCurrentRoute')) {
+                        navigationType = 'updateCurrentRoute';
+                    }
+                    else {
+                        navigationType = 'navigate';
+                    }
+                }
+                else {
+                    // if it is not HistoryState than it is probably not a state from @tinkoff/router so reset it
+                    this.currentIndex = 0;
+                }
+                await this.listener({
+                    type: navigationType,
+                    history: true,
+                    url: path,
+                    navigateState,
+                });
+                (_a = this.goPromiseResolve) === null || _a === void 0 ? void 0 : _a.call(this);
+            }
+            catch (err) {
+                (_b = this.goPromiseReject) === null || _b === void 0 ? void 0 : _b.call(this, err);
+            }
+        });
+    }
+    save(navigation) {
+        const { replace, url } = navigation;
+        if (!replace) {
+            this.currentIndex++;
+        }
+        this.currentState = generateState(navigation, this.currentState);
+        this.historyWrapper.navigate({
+            path: url.path,
+            replace,
+            state: this.currentState,
+        });
+    }
+    go(to, options) {
+        var _a;
+        const index = this.currentIndex + to;
+        if (index < 0) {
+            if (options === null || options === void 0 ? void 0 : options.historyFallback) {
+                return this.listener({
+                    url: options.historyFallback,
+                    type: 'navigate',
+                    history: false,
+                });
+            }
+            const historyFallbackRoute = (_a = this.tree) === null || _a === void 0 ? void 0 : _a.getHistoryFallback(window.location.pathname);
+            if (historyFallbackRoute) {
+                return this.listener({
+                    url: historyFallbackRoute.actualPath,
+                    type: 'navigate',
+                    history: false,
+                });
+            }
+        }
+        const promise = new Promise((resolve, reject) => {
+            this.goPromiseResolve = resolve;
+            this.goPromiseReject = reject;
+        });
+        this.historyWrapper.history(to);
+        return promise;
+    }
+}
+
+exports.ClientHistory = ClientHistory;

package/lib/history/server.es.js

@@ -0,0 +1,15 @@
+import { logger } from '../logger.es.js';
+import { History } from './base.es.js';
+
+class ServerHistory extends History {
+    save() { }
+    go() {
+        logger.warn({
+            event: 'history.server',
+            message: 'Trying to change history on server',
+        });
+        return Promise.resolve();
+    }
+}
+
+export { ServerHistory };

package/lib/history/server.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var logger = require('../logger.js');
+var base = require('./base.js');
+
+class ServerHistory extends base.History {
+    save() { }
+    go() {
+        logger.logger.warn({
+            event: 'history.server',
+            message: 'Trying to change history on server',
+        });
+        return Promise.resolve();
+    }
+}
+
+exports.ServerHistory = ServerHistory;

package/lib/history/wrapper.browser.js

@@ -0,0 +1,72 @@
+import noop from '@tinkoff/utils/function/noop';
+
+const supportsHtml5History = typeof window !== 'undefined' && window.history && window.history.pushState;
+const wrapHistory = ({ onNavigate }) => {
+    if (!supportsHtml5History) {
+        const navigate = (data, title, url) => {
+            window.location.href = url.toString();
+        };
+        window.history.pushState = navigate;
+        window.history.replaceState = navigate;
+        return {
+            navigate: ({ path }) => navigate({}, '', path),
+            history: () => {
+                throw new Error('Method not implemented');
+            },
+            init: noop,
+            subscribe: noop,
+        };
+    }
+    let browserHistory = window.history;
+    if ('__originalHistory' in window.history) {
+        browserHistory = window.history.__originalHistory;
+    }
+    else {
+        window.history.__originalHistory = {
+            pushState: browserHistory.pushState.bind(window.history),
+            replaceState: browserHistory.replaceState.bind(window.history),
+            go: browserHistory.go.bind(window.history),
+        };
+    }
+    const pushState = browserHistory.pushState.bind(window.history);
+    const replaceState = browserHistory.replaceState.bind(window.history);
+    const go = browserHistory.go.bind(window.history);
+    const navigate = ({ path, replace, state }) => {
+        if (replace) {
+            replaceState(state, '', path);
+        }
+        else {
+            pushState(state, '', path);
+        }
+    };
+    const history = (delta) => {
+        go(delta);
+    };
+    const browserNavigate = (replace = false) => {
+        return (navigateState, title, url) => {
+            onNavigate({ url: url.toString(), replace, navigateState });
+        };
+    };
+    window.history.pushState = browserNavigate(false);
+    window.history.replaceState = browserNavigate(true);
+    window.history.go = history;
+    window.history.back = () => history(-1);
+    window.history.forward = () => history(1);
+    return {
+        navigate,
+        history,
+        init: (state) => {
+            replaceState(state, '');
+        },
+        subscribe: (handler) => {
+            window.addEventListener('popstate', ({ state }) => {
+                handler({
+                    path: window.location.pathname + window.location.search + window.location.hash,
+                    state,
+                });
+            });
+        },
+    };
+};
+
+export { wrapHistory };

package/lib/history/wrapper.es.js

@@ -0,0 +1,72 @@
+import noop from '@tinkoff/utils/function/noop';
+
+const supportsHtml5History = typeof window !== 'undefined' && window.history && window.history.pushState;
+const wrapHistory = ({ onNavigate }) => {
+    if (!supportsHtml5History) {
+        const navigate = (data, title, url) => {
+            window.location.href = url.toString();
+        };
+        window.history.pushState = navigate;
+        window.history.replaceState = navigate;
+        return {
+            navigate: ({ path }) => navigate({}, '', path),
+            history: () => {
+                throw new Error('Method not implemented');
+            },
+            init: noop,
+            subscribe: noop,
+        };
+    }
+    let browserHistory = window.history;
+    if ('__originalHistory' in window.history) {
+        browserHistory = window.history.__originalHistory;
+    }
+    else {
+        window.history.__originalHistory = {
+            pushState: browserHistory.pushState.bind(window.history),
+            replaceState: browserHistory.replaceState.bind(window.history),
+            go: browserHistory.go.bind(window.history),
+        };
+    }
+    const pushState = browserHistory.pushState.bind(window.history);
+    const replaceState = browserHistory.replaceState.bind(window.history);
+    const go = browserHistory.go.bind(window.history);
+    const navigate = ({ path, replace, state }) => {
+        if (replace) {
+            replaceState(state, '', path);
+        }
+        else {
+            pushState(state, '', path);
+        }
+    };
+    const history = (delta) => {
+        go(delta);
+    };
+    const browserNavigate = (replace = false) => {
+        return (navigateState, title, url) => {
+            onNavigate({ url: url.toString(), replace, navigateState });
+        };
+    };
+    window.history.pushState = browserNavigate(false);
+    window.history.replaceState = browserNavigate(true);
+    window.history.go = history;
+    window.history.back = () => history(-1);
+    window.history.forward = () => history(1);
+    return {
+        navigate,
+        history,
+        init: (state) => {
+            replaceState(state, '');
+        },
+        subscribe: (handler) => {
+            window.addEventListener('popstate', ({ state }) => {
+                handler({
+                    path: window.location.pathname + window.location.search + window.location.hash,
+                    state,
+                });
+            });
+        },
+    };
+};
+
+export { wrapHistory };

package/lib/history/wrapper.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var noop = require('@tinkoff/utils/function/noop');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var noop__default = /*#__PURE__*/_interopDefaultLegacy(noop);
+
+const supportsHtml5History = typeof window !== 'undefined' && window.history && window.history.pushState;
+const wrapHistory = ({ onNavigate }) => {
+    if (!supportsHtml5History) {
+        const navigate = (data, title, url) => {
+            window.location.href = url.toString();
+        };
+        window.history.pushState = navigate;
+        window.history.replaceState = navigate;
+        return {
+            navigate: ({ path }) => navigate({}, '', path),
+            history: () => {
+                throw new Error('Method not implemented');
+            },
+            init: noop__default["default"],
+            subscribe: noop__default["default"],
+        };
+    }
+    let browserHistory = window.history;
+    if ('__originalHistory' in window.history) {
+        browserHistory = window.history.__originalHistory;
+    }
+    else {
+        window.history.__originalHistory = {
+            pushState: browserHistory.pushState.bind(window.history),
+            replaceState: browserHistory.replaceState.bind(window.history),
+            go: browserHistory.go.bind(window.history),
+        };
+    }
+    const pushState = browserHistory.pushState.bind(window.history);
+    const replaceState = browserHistory.replaceState.bind(window.history);
+    const go = browserHistory.go.bind(window.history);
+    const navigate = ({ path, replace, state }) => {
+        if (replace) {
+            replaceState(state, '', path);
+        }
+        else {
+            pushState(state, '', path);
+        }
+    };
+    const history = (delta) => {
+        go(delta);
+    };
+    const browserNavigate = (replace = false) => {
+        return (navigateState, title, url) => {
+            onNavigate({ url: url.toString(), replace, navigateState });
+        };
+    };
+    window.history.pushState = browserNavigate(false);
+    window.history.replaceState = browserNavigate(true);
+    window.history.go = history;
+    window.history.back = () => history(-1);
+    window.history.forward = () => history(1);
+    return {
+        navigate,
+        history,
+        init: (state) => {
+            replaceState(state, '');
+        },
+        subscribe: (handler) => {
+            window.addEventListener('popstate', ({ state }) => {
+                handler({
+                    path: window.location.pathname + window.location.search + window.location.hash,
+                    state,
+                });
+            });
+        },
+    };
+};
+
+exports.wrapHistory = wrapHistory;