@tinkoff/router 0.2.7 → 0.2.8

package/lib/components/react/context.browser.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+const RouterContext = createContext(null);
+const RouteContext = createContext(null);
+const UrlContext = createContext(null);
+
+export { RouteContext, RouterContext, UrlContext };

package/lib/components/react/context.es.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+const RouterContext = createContext(null);
+const RouteContext = createContext(null);
+const UrlContext = createContext(null);
+
+export { RouteContext, RouterContext, UrlContext };

package/lib/components/react/context.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const RouterContext = react.createContext(null);
+const RouteContext = react.createContext(null);
+const UrlContext = react.createContext(null);
+
+exports.RouteContext = RouteContext;
+exports.RouterContext = RouterContext;
+exports.UrlContext = UrlContext;

package/lib/components/react/provider.browser.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { RouterContext, RouteContext, UrlContext } from './context.browser.js';
+
+const Provider = ({ router, serverState, children }) => {
+    const route = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => router.getLastRoute(), serverState ? () => serverState.currentRoute : () => router.getLastRoute());
+    const url = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => router.getLastUrl(), serverState ? () => serverState.currentUrl : () => router.getLastUrl());
+    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: route, children: jsx(UrlContext.Provider, { value: url, children: children }) }) }));
+};
+Provider.displayName = 'Provider';
+
+export { Provider };

package/lib/components/react/provider.es.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { RouterContext, RouteContext, UrlContext } from './context.es.js';
+
+const Provider = ({ router, serverState, children }) => {
+    const route = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => router.getLastRoute(), serverState ? () => serverState.currentRoute : () => router.getLastRoute());
+    const url = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => router.getLastUrl(), serverState ? () => serverState.currentUrl : () => router.getLastUrl());
+    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: route, children: jsx(UrlContext.Provider, { value: url, children: children }) }) }));
+};
+Provider.displayName = 'Provider';
+
+export { Provider };

package/lib/components/react/provider.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var shim = require('use-sync-external-store/shim');
+var context = require('./context.js');
+
+const Provider = ({ router, serverState, children }) => {
+    const route = shim.useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => router.getLastRoute(), serverState ? () => serverState.currentRoute : () => router.getLastRoute());
+    const url = shim.useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => router.getLastUrl(), serverState ? () => serverState.currentUrl : () => router.getLastUrl());
+    return (jsxRuntime.jsx(context.RouterContext.Provider, { value: router, children: jsxRuntime.jsx(context.RouteContext.Provider, { value: route, children: jsxRuntime.jsx(context.UrlContext.Provider, { value: url, children: children }) }) }));
+};
+Provider.displayName = 'Provider';
+
+exports.Provider = Provider;

package/lib/components/react/useNavigate.browser.js

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { useShallowEqual } from '@tinkoff/react-hooks';
+import { useRouter } from './useRouter.browser.js';
+
+const convertToNavigateOptions = (options) => {
+    return typeof options === 'string' ? { url: options } : options;
+};
+const useNavigate = (rootOptions) => {
+    const router = useRouter();
+    const rootOpts = useShallowEqual(convertToNavigateOptions(rootOptions));
+    return useCallback((specificOptions) => {
+        const opts = rootOpts !== null && rootOpts !== void 0 ? rootOpts : convertToNavigateOptions(specificOptions);
+        return router.navigate(opts);
+    }, [rootOpts, router]);
+};
+
+export { useNavigate };

package/lib/components/react/useNavigate.es.js

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+import { useShallowEqual } from '@tinkoff/react-hooks';
+import { useRouter } from './useRouter.es.js';
+
+const convertToNavigateOptions = (options) => {
+    return typeof options === 'string' ? { url: options } : options;
+};
+const useNavigate = (rootOptions) => {
+    const router = useRouter();
+    const rootOpts = useShallowEqual(convertToNavigateOptions(rootOptions));
+    return useCallback((specificOptions) => {
+        const opts = rootOpts !== null && rootOpts !== void 0 ? rootOpts : convertToNavigateOptions(specificOptions);
+        return router.navigate(opts);
+    }, [rootOpts, router]);
+};
+
+export { useNavigate };

package/lib/components/react/useNavigate.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var reactHooks = require('@tinkoff/react-hooks');
+var useRouter = require('./useRouter.js');
+
+const convertToNavigateOptions = (options) => {
+    return typeof options === 'string' ? { url: options } : options;
+};
+const useNavigate = (rootOptions) => {
+    const router = useRouter.useRouter();
+    const rootOpts = reactHooks.useShallowEqual(convertToNavigateOptions(rootOptions));
+    return react.useCallback((specificOptions) => {
+        const opts = rootOpts !== null && rootOpts !== void 0 ? rootOpts : convertToNavigateOptions(specificOptions);
+        return router.navigate(opts);
+    }, [rootOpts, router]);
+};
+
+exports.useNavigate = useNavigate;

package/lib/components/react/useRoute.browser.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { RouteContext } from './context.browser.js';
+
+const useRoute = () => {
+    return useContext(RouteContext);
+};
+
+export { useRoute };

package/lib/components/react/useRoute.es.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { RouteContext } from './context.es.js';
+
+const useRoute = () => {
+    return useContext(RouteContext);
+};
+
+export { useRoute };

package/lib/components/react/useRoute.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var context = require('./context.js');
+
+const useRoute = () => {
+    return react.useContext(context.RouteContext);
+};
+
+exports.useRoute = useRoute;

package/lib/components/react/useRouter.browser.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { RouterContext } from './context.browser.js';
+
+const useRouter = () => {
+    return useContext(RouterContext);
+};
+
+export { useRouter };

package/lib/components/react/useRouter.es.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { RouterContext } from './context.es.js';
+
+const useRouter = () => {
+    return useContext(RouterContext);
+};
+
+export { useRouter };

package/lib/components/react/useRouter.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var context = require('./context.js');
+
+const useRouter = () => {
+    return react.useContext(context.RouterContext);
+};
+
+exports.useRouter = useRouter;

package/lib/components/react/useUrl.browser.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { UrlContext } from './context.browser.js';
+
+const useUrl = () => {
+    return useContext(UrlContext);
+};
+
+export { useUrl };

package/lib/components/react/useUrl.es.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import { UrlContext } from './context.es.js';
+
+const useUrl = () => {
+    return useContext(UrlContext);
+};
+
+export { useUrl };

package/lib/components/react/useUrl.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var context = require('./context.js');
+
+const useUrl = () => {
+    return react.useContext(context.UrlContext);
+};
+
+exports.useUrl = useUrl;

package/lib/history/base.browser.js

@@ -0,0 +1,11 @@
+class History {
+    init(navigation) { }
+    listen(listener) {
+        this.listener = listener;
+    }
+    setTree(tree) {
+        this.tree = tree;
+    }
+}
+
+export { History };

package/lib/history/base.es.js

@@ -0,0 +1,11 @@
+class History {
+    init(navigation) { }
+    listen(listener) {
+        this.listener = listener;
+    }
+    setTree(tree) {
+        this.tree = tree;
+    }
+}
+
+export { History };

package/lib/history/base.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class History {
+    init(navigation) { }
+    listen(listener) {
+        this.listener = listener;
+    }
+    setTree(tree) {
+        this.tree = tree;
+    }
+}
+
+exports.History = History;

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 };