@tinkoff/router 0.3.1 → 0.3.8

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

@@ -3,5 +3,8 @@ import { createContext } from 'react';
 const RouterContext = createContext(null);
 const RouteContext = createContext(null);
 const UrlContext = createContext(null);
+const ViewTransitionContext = createContext({
+    isTransitioning: false,
+});
 
-export { RouteContext, RouterContext, UrlContext };
+export { RouteContext, RouterContext, UrlContext, ViewTransitionContext };

package/lib/components/react/context.d.ts

@@ -4,4 +4,12 @@ import type { NavigationRoute } from '../../types';
 export declare const RouterContext: import("react").Context<AbstractRouter>;
 export declare const RouteContext: import("react").Context<NavigationRoute>;
 export declare const UrlContext: import("react").Context<Url>;
+export type ViewTransitionState = {
+    isTransitioning: false;
+} | {
+    isTransitioning: true;
+    currentRoute: NavigationRoute;
+    nextRoute: NavigationRoute;
+};
+export declare const ViewTransitionContext: import("react").Context<ViewTransitionState>;
 //# sourceMappingURL=context.d.ts.map

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

@@ -3,5 +3,8 @@ import { createContext } from 'react';
 const RouterContext = createContext(null);
 const RouteContext = createContext(null);
 const UrlContext = createContext(null);
+const ViewTransitionContext = createContext({
+    isTransitioning: false,
+});
 
-export { RouteContext, RouterContext, UrlContext };
+export { RouteContext, RouterContext, UrlContext, ViewTransitionContext };

package/lib/components/react/context.js

@@ -7,7 +7,11 @@ var react = require('react');
 const RouterContext = react.createContext(null);
 const RouteContext = react.createContext(null);
 const UrlContext = react.createContext(null);
+const ViewTransitionContext = react.createContext({
+    isTransitioning: false,
+});
 
 exports.RouteContext = RouteContext;
 exports.RouterContext = RouterContext;
 exports.UrlContext = UrlContext;
+exports.ViewTransitionContext = ViewTransitionContext;

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

@@ -0,0 +1,12 @@
+import { TransitionsProvider } from './providers/transitions.browser.js';
+import { DefaultProvider } from './providers/default.browser.js';
+import 'react';
+import './context.browser.js';
+import '@tinkoff/react-hooks';
+
+const Provider = process.env.__TRAMVAI_VIEW_TRANSITIONS === 'true' ||
+    process.env.__TRAMVAI_REACT_TRANSITIONS === 'true'
+    ? TransitionsProvider
+    : DefaultProvider;
+
+export { Provider };

package/lib/components/react/index.d.ts

@@ -1,6 +1,8 @@
-export { Provider } from './provider';
+export type { RouterState } from './providers/types';
 export { useRouter } from './useRouter';
 export { useRoute } from './useRoute';
 export { useUrl } from './useUrl';
 export { useNavigate } from './useNavigate';
+export { useViewTransition } from './useViewTransition';
+export declare const Provider: import("react").FunctionComponent<import("./providers/types").RouterProviderProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,12 @@
+import { TransitionsProvider } from './providers/transitions.es.js';
+import { DefaultProvider } from './providers/default.es.js';
+import 'react';
+import './context.es.js';
+import '@tinkoff/react-hooks';
+
+const Provider = process.env.__TRAMVAI_VIEW_TRANSITIONS === 'true' ||
+    process.env.__TRAMVAI_REACT_TRANSITIONS === 'true'
+    ? TransitionsProvider
+    : DefaultProvider;
+
+export { Provider };

package/lib/components/react/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var transitions = require('./providers/transitions.js');
+var _default = require('./providers/default.js');
+require('react');
+require('./context.js');
+require('@tinkoff/react-hooks');
+
+const Provider = process.env.__TRAMVAI_VIEW_TRANSITIONS === 'true' ||
+    process.env.__TRAMVAI_REACT_TRANSITIONS === 'true'
+    ? transitions.TransitionsProvider
+    : _default.DefaultProvider;
+
+exports.Provider = Provider;

package/lib/components/react/providers/default.browser.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { RouterContext, RouteContext, UrlContext } from '../context.browser.js';
+
+const DefaultProvider = ({ router, children, serverState, }) => {
+    // fallback to outdated router implementation
+    const lastRoute = useMemo(() => router.getCurrentRoute(), [router]);
+    const lastUrl = useMemo(() => router.getCurrentUrl(), [router]);
+    const subscription = useCallback((cb) => router.registerSyncHook('change', cb), [router]);
+    const route = useSyncExternalStore(subscription, () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; }, serverState ? () => serverState.route : () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; });
+    const url = useSyncExternalStore(subscription, () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; }, serverState ? () => serverState.url : () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; });
+    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: route, children: jsx(UrlContext.Provider, { value: url, children: children }) }) }));
+};
+DefaultProvider.displayName = 'TinkoffRouterProvider';
+
+export { DefaultProvider };

package/lib/components/react/providers/default.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import type { RouterProviderProps } from './types';
+export declare const DefaultProvider: FunctionComponent<RouterProviderProps>;
+//# sourceMappingURL=default.d.ts.map

package/lib/components/react/providers/default.es.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { RouterContext, RouteContext, UrlContext } from '../context.es.js';
+
+const DefaultProvider = ({ router, children, serverState, }) => {
+    // fallback to outdated router implementation
+    const lastRoute = useMemo(() => router.getCurrentRoute(), [router]);
+    const lastUrl = useMemo(() => router.getCurrentUrl(), [router]);
+    const subscription = useCallback((cb) => router.registerSyncHook('change', cb), [router]);
+    const route = useSyncExternalStore(subscription, () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; }, serverState ? () => serverState.route : () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; });
+    const url = useSyncExternalStore(subscription, () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; }, serverState ? () => serverState.url : () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; });
+    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: route, children: jsx(UrlContext.Provider, { value: url, children: children }) }) }));
+};
+DefaultProvider.displayName = 'TinkoffRouterProvider';
+
+export { DefaultProvider };

package/lib/components/react/providers/default.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var shim = require('use-sync-external-store/shim');
+var context = require('../context.js');
+
+const DefaultProvider = ({ router, children, serverState, }) => {
+    // fallback to outdated router implementation
+    const lastRoute = react.useMemo(() => router.getCurrentRoute(), [router]);
+    const lastUrl = react.useMemo(() => router.getCurrentUrl(), [router]);
+    const subscription = react.useCallback((cb) => router.registerSyncHook('change', cb), [router]);
+    const route = shim.useSyncExternalStore(subscription, () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; }, serverState ? () => serverState.route : () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; });
+    const url = shim.useSyncExternalStore(subscription, () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; }, serverState ? () => serverState.url : () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; });
+    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 }) }) }));
+};
+DefaultProvider.displayName = 'TinkoffRouterProvider';
+
+exports.DefaultProvider = DefaultProvider;

package/lib/components/react/providers/transitions.browser.js

@@ -0,0 +1,89 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useIsomorphicLayoutEffect } from '@tinkoff/react-hooks';
+import { Deferred } from '@tramvai/core';
+import { RouterContext, RouteContext, UrlContext, ViewTransitionContext } from '../context.browser.js';
+
+let startTransition;
+try {
+    // eslint-disable-next-line import/no-unresolved, import/extensions
+    startTransition = require('react').startTransition;
+}
+catch { }
+const startReactTransition = typeof startTransition === 'function' && process.env.__TRAMVAI_REACT_TRANSITIONS === 'true'
+    ? startTransition
+    : (fn) => {
+        fn();
+    };
+const TransitionsProvider = ({ router, children, }) => {
+    // fallback to outdated router implementation
+    const [state, setState] = useState(() => {
+        var _a, _b;
+        return ({
+            route: (_a = router.getLastRoute()) !== null && _a !== void 0 ? _a : router.getCurrentRoute(),
+            url: (_b = router.getLastUrl()) !== null && _b !== void 0 ? _b : router.getCurrentUrl(),
+        });
+    });
+    // Router state that will be applied to the DOM.
+    const [pendingState, setPendingState] = useState(null);
+    // View transition state for context.
+    const [viewTransitionState, setViewTransitionState] = useState({
+        isTransitioning: false,
+    });
+    // Deferred render promise, that resolves when the DOM updates after a navigation.
+    const [renderDeferred, setRenderDeferred] = useState(null);
+    const updateRouterState = (navigation) => {
+        if (document.startViewTransition !== undefined && navigation.viewTransition) {
+            setPendingState({ route: navigation.to, url: navigation.url });
+            setViewTransitionState({
+                isTransitioning: true,
+                currentRoute: navigation.from,
+                nextRoute: navigation.to,
+            });
+            return;
+        }
+        startReactTransition(() => {
+            setState({ route: navigation.to, url: navigation.url });
+        });
+    };
+    useIsomorphicLayoutEffect(() => router.registerSyncHook('change', updateRouterState), [router]);
+    // It's okay to ignore rules of hooks here, because this code
+    // will not be a part of the bundle in case of truly condition
+    if (process.env.__TRAMVAI_VIEW_TRANSITIONS === 'true') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => {
+            if (viewTransitionState.isTransitioning) {
+                setRenderDeferred(new Deferred());
+            }
+        }, [viewTransitionState.isTransitioning]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => {
+            if (renderDeferred !== null && pendingState !== null) {
+                const transition = document.startViewTransition(async () => {
+                    startReactTransition(() => {
+                        setState(pendingState);
+                    });
+                    await renderDeferred.promise;
+                });
+                // eslint-disable-next-line promise/catch-or-return
+                transition.finished.finally(() => {
+                    setRenderDeferred(null);
+                    setPendingState(null);
+                    setViewTransitionState({ isTransitioning: false });
+                });
+            }
+        }, [pendingState, renderDeferred]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => {
+            if (renderDeferred !== null &&
+                pendingState !== null &&
+                state.route.actualPath === pendingState.route.actualPath) {
+                renderDeferred.resolve();
+            }
+        }, [state, renderDeferred, pendingState]);
+    }
+    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: state.route, children: jsx(UrlContext.Provider, { value: state.url, children: jsx(ViewTransitionContext.Provider, { value: viewTransitionState, children: children }) }) }) }));
+};
+TransitionsProvider.displayName = 'TinkoffRouterTransitionsProvider';
+
+export { TransitionsProvider, startReactTransition };

package/lib/components/react/providers/transitions.d.ts

@@ -0,0 +1,5 @@
+import type { FunctionComponent } from 'react';
+import type { RouterProviderProps } from './types';
+export declare const startReactTransition: any;
+export declare const TransitionsProvider: FunctionComponent<RouterProviderProps>;
+//# sourceMappingURL=transitions.d.ts.map

package/lib/components/react/providers/transitions.es.js

@@ -0,0 +1,89 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useIsomorphicLayoutEffect } from '@tinkoff/react-hooks';
+import { Deferred } from '@tramvai/core';
+import { RouterContext, RouteContext, UrlContext, ViewTransitionContext } from '../context.es.js';
+
+let startTransition;
+try {
+    // eslint-disable-next-line import/no-unresolved, import/extensions
+    startTransition = require('react').startTransition;
+}
+catch { }
+const startReactTransition = typeof startTransition === 'function' && process.env.__TRAMVAI_REACT_TRANSITIONS === 'true'
+    ? startTransition
+    : (fn) => {
+        fn();
+    };
+const TransitionsProvider = ({ router, children, }) => {
+    // fallback to outdated router implementation
+    const [state, setState] = useState(() => {
+        var _a, _b;
+        return ({
+            route: (_a = router.getLastRoute()) !== null && _a !== void 0 ? _a : router.getCurrentRoute(),
+            url: (_b = router.getLastUrl()) !== null && _b !== void 0 ? _b : router.getCurrentUrl(),
+        });
+    });
+    // Router state that will be applied to the DOM.
+    const [pendingState, setPendingState] = useState(null);
+    // View transition state for context.
+    const [viewTransitionState, setViewTransitionState] = useState({
+        isTransitioning: false,
+    });
+    // Deferred render promise, that resolves when the DOM updates after a navigation.
+    const [renderDeferred, setRenderDeferred] = useState(null);
+    const updateRouterState = (navigation) => {
+        if (document.startViewTransition !== undefined && navigation.viewTransition) {
+            setPendingState({ route: navigation.to, url: navigation.url });
+            setViewTransitionState({
+                isTransitioning: true,
+                currentRoute: navigation.from,
+                nextRoute: navigation.to,
+            });
+            return;
+        }
+        startReactTransition(() => {
+            setState({ route: navigation.to, url: navigation.url });
+        });
+    };
+    useIsomorphicLayoutEffect(() => router.registerSyncHook('change', updateRouterState), [router]);
+    // It's okay to ignore rules of hooks here, because this code
+    // will not be a part of the bundle in case of truly condition
+    if (process.env.__TRAMVAI_VIEW_TRANSITIONS === 'true') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => {
+            if (viewTransitionState.isTransitioning) {
+                setRenderDeferred(new Deferred());
+            }
+        }, [viewTransitionState.isTransitioning]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => {
+            if (renderDeferred !== null && pendingState !== null) {
+                const transition = document.startViewTransition(async () => {
+                    startReactTransition(() => {
+                        setState(pendingState);
+                    });
+                    await renderDeferred.promise;
+                });
+                // eslint-disable-next-line promise/catch-or-return
+                transition.finished.finally(() => {
+                    setRenderDeferred(null);
+                    setPendingState(null);
+                    setViewTransitionState({ isTransitioning: false });
+                });
+            }
+        }, [pendingState, renderDeferred]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useEffect(() => {
+            if (renderDeferred !== null &&
+                pendingState !== null &&
+                state.route.actualPath === pendingState.route.actualPath) {
+                renderDeferred.resolve();
+            }
+        }, [state, renderDeferred, pendingState]);
+    }
+    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: state.route, children: jsx(UrlContext.Provider, { value: state.url, children: jsx(ViewTransitionContext.Provider, { value: viewTransitionState, children: children }) }) }) }));
+};
+TransitionsProvider.displayName = 'TinkoffRouterTransitionsProvider';
+
+export { TransitionsProvider, startReactTransition };

package/lib/components/react/providers/transitions.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactHooks = require('@tinkoff/react-hooks');
+var core = require('@tramvai/core');
+var context = require('../context.js');
+
+let startTransition;
+try {
+    // eslint-disable-next-line import/no-unresolved, import/extensions
+    startTransition = require('react').startTransition;
+}
+catch { }
+const startReactTransition = typeof startTransition === 'function' && process.env.__TRAMVAI_REACT_TRANSITIONS === 'true'
+    ? startTransition
+    : (fn) => {
+        fn();
+    };
+const TransitionsProvider = ({ router, children, }) => {
+    // fallback to outdated router implementation
+    const [state, setState] = react.useState(() => {
+        var _a, _b;
+        return ({
+            route: (_a = router.getLastRoute()) !== null && _a !== void 0 ? _a : router.getCurrentRoute(),
+            url: (_b = router.getLastUrl()) !== null && _b !== void 0 ? _b : router.getCurrentUrl(),
+        });
+    });
+    // Router state that will be applied to the DOM.
+    const [pendingState, setPendingState] = react.useState(null);
+    // View transition state for context.
+    const [viewTransitionState, setViewTransitionState] = react.useState({
+        isTransitioning: false,
+    });
+    // Deferred render promise, that resolves when the DOM updates after a navigation.
+    const [renderDeferred, setRenderDeferred] = react.useState(null);
+    const updateRouterState = (navigation) => {
+        if (document.startViewTransition !== undefined && navigation.viewTransition) {
+            setPendingState({ route: navigation.to, url: navigation.url });
+            setViewTransitionState({
+                isTransitioning: true,
+                currentRoute: navigation.from,
+                nextRoute: navigation.to,
+            });
+            return;
+        }
+        startReactTransition(() => {
+            setState({ route: navigation.to, url: navigation.url });
+        });
+    };
+    reactHooks.useIsomorphicLayoutEffect(() => router.registerSyncHook('change', updateRouterState), [router]);
+    // It's okay to ignore rules of hooks here, because this code
+    // will not be a part of the bundle in case of truly condition
+    if (process.env.__TRAMVAI_VIEW_TRANSITIONS === 'true') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        react.useEffect(() => {
+            if (viewTransitionState.isTransitioning) {
+                setRenderDeferred(new core.Deferred());
+            }
+        }, [viewTransitionState.isTransitioning]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        react.useEffect(() => {
+            if (renderDeferred !== null && pendingState !== null) {
+                const transition = document.startViewTransition(async () => {
+                    startReactTransition(() => {
+                        setState(pendingState);
+                    });
+                    await renderDeferred.promise;
+                });
+                // eslint-disable-next-line promise/catch-or-return
+                transition.finished.finally(() => {
+                    setRenderDeferred(null);
+                    setPendingState(null);
+                    setViewTransitionState({ isTransitioning: false });
+                });
+            }
+        }, [pendingState, renderDeferred]);
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        react.useEffect(() => {
+            if (renderDeferred !== null &&
+                pendingState !== null &&
+                state.route.actualPath === pendingState.route.actualPath) {
+                renderDeferred.resolve();
+            }
+        }, [state, renderDeferred, pendingState]);
+    }
+    return (jsxRuntime.jsx(context.RouterContext.Provider, { value: router, children: jsxRuntime.jsx(context.RouteContext.Provider, { value: state.route, children: jsxRuntime.jsx(context.UrlContext.Provider, { value: state.url, children: jsxRuntime.jsx(context.ViewTransitionContext.Provider, { value: viewTransitionState, children: children }) }) }) }));
+};
+TransitionsProvider.displayName = 'TinkoffRouterTransitionsProvider';
+
+exports.TransitionsProvider = TransitionsProvider;
+exports.startReactTransition = startReactTransition;

package/lib/components/react/providers/types.d.ts

@@ -0,0 +1,16 @@
+import type { Url } from '@tinkoff/url';
+import type { PropsWithChildren } from 'react';
+import type { NavigationRoute } from '../../../types';
+import type { AbstractRouter } from '../../../router/abstract';
+export interface RouterState {
+    route: NavigationRoute;
+    url: Url;
+}
+export interface RouterProviderProps extends PropsWithChildren {
+    router: AbstractRouter;
+    serverState?: {
+        route: NavigationRoute;
+        url: Url;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1,22 @@
+import { useContext } from 'react';
+import { ViewTransitionContext, RouterContext } from './context.browser.js';
+
+const normalizePath = (payload, router) => {
+    const route = router.resolve(payload);
+    const resolvedPath = route.redirect !== undefined ? router.resolve(route.redirect).actualPath : route.actualPath;
+    return resolvedPath.endsWith('/') ? resolvedPath : `${resolvedPath}/`;
+};
+const useViewTransition = (payload) => {
+    const viewTransition = useContext(ViewTransitionContext);
+    const router = useContext(RouterContext);
+    if (viewTransition.isTransitioning) {
+        const path = normalizePath(payload, router);
+        const currentPath = viewTransition.currentRoute.actualPath;
+        const nextPath = viewTransition.nextRoute.actualPath;
+        // We are handling forward and back navigations for the same route here
+        return [currentPath, nextPath].includes(path);
+    }
+    return false;
+};
+
+export { useViewTransition };

package/lib/components/react/useViewTransition.d.ts

@@ -0,0 +1,5 @@
+import type { NavigateOptions } from '../../types';
+type Payload = string | Partial<NavigateOptions>;
+export declare const useViewTransition: (payload: Payload) => boolean;
+export {};
+//# sourceMappingURL=useViewTransition.d.ts.map

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

@@ -0,0 +1,22 @@
+import { useContext } from 'react';
+import { ViewTransitionContext, RouterContext } from './context.es.js';
+
+const normalizePath = (payload, router) => {
+    const route = router.resolve(payload);
+    const resolvedPath = route.redirect !== undefined ? router.resolve(route.redirect).actualPath : route.actualPath;
+    return resolvedPath.endsWith('/') ? resolvedPath : `${resolvedPath}/`;
+};
+const useViewTransition = (payload) => {
+    const viewTransition = useContext(ViewTransitionContext);
+    const router = useContext(RouterContext);
+    if (viewTransition.isTransitioning) {
+        const path = normalizePath(payload, router);
+        const currentPath = viewTransition.currentRoute.actualPath;
+        const nextPath = viewTransition.nextRoute.actualPath;
+        // We are handling forward and back navigations for the same route here
+        return [currentPath, nextPath].includes(path);
+    }
+    return false;
+};
+
+export { useViewTransition };

package/lib/components/react/useViewTransition.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var context = require('./context.js');
+
+const normalizePath = (payload, router) => {
+    const route = router.resolve(payload);
+    const resolvedPath = route.redirect !== undefined ? router.resolve(route.redirect).actualPath : route.actualPath;
+    return resolvedPath.endsWith('/') ? resolvedPath : `${resolvedPath}/`;
+};
+const useViewTransition = (payload) => {
+    const viewTransition = react.useContext(context.ViewTransitionContext);
+    const router = react.useContext(context.RouterContext);
+    if (viewTransition.isTransitioning) {
+        const path = normalizePath(payload, router);
+        const currentPath = viewTransition.currentRoute.actualPath;
+        const nextPath = viewTransition.nextRoute.actualPath;
+        // We are handling forward and back navigations for the same route here
+        return [currentPath, nextPath].includes(path);
+    }
+    return false;
+};
+
+exports.useViewTransition = useViewTransition;

package/lib/index.browser.js

@@ -3,10 +3,11 @@ export { NoSpaRouter } from './router/clientNoSpa.browser.js';
 export { AbstractRouter } from './router/abstract.browser.js';
 export { History } from './history/base.browser.js';
 export { logger, setLogger } from './logger.browser.js';
-export { Provider } from './components/react/provider.browser.js';
+export { Provider } from './components/react/index.browser.js';
+export { RouteTree } from './tree/tree.browser.js';
+export { getParts, isHistoryFallback, isParameterized, isWildcard, makePath, parse } from './tree/utils.browser.js';
 export { useRouter } from './components/react/useRouter.browser.js';
 export { useRoute } from './components/react/useRoute.browser.js';
 export { useUrl } from './components/react/useUrl.browser.js';
 export { useNavigate } from './components/react/useNavigate.browser.js';
-export { RouteTree } from './tree/tree.browser.js';
-export { getParts, isHistoryFallback, isParameterized, isWildcard, makePath, parse } from './tree/utils.browser.js';
+export { useViewTransition } from './components/react/useViewTransition.browser.js';

package/lib/index.es.js

@@ -3,10 +3,11 @@ export { NoSpaRouter } from './router/clientNoSpa.es.js';
 export { AbstractRouter } from './router/abstract.es.js';
 export { History } from './history/base.es.js';
 export { logger, setLogger } from './logger.es.js';
-export { Provider } from './components/react/provider.es.js';
+export { Provider } from './components/react/index.es.js';
+export { RouteTree } from './tree/tree.es.js';
+export { getParts, isHistoryFallback, isParameterized, isWildcard, makePath, parse } from './tree/utils.es.js';
 export { useRouter } from './components/react/useRouter.es.js';
 export { useRoute } from './components/react/useRoute.es.js';
 export { useUrl } from './components/react/useUrl.es.js';
 export { useNavigate } from './components/react/useNavigate.es.js';
-export { RouteTree } from './tree/tree.es.js';
-export { getParts, isHistoryFallback, isParameterized, isWildcard, makePath, parse } from './tree/utils.es.js';
+export { useViewTransition } from './components/react/useViewTransition.es.js';

package/lib/index.js

@@ -7,13 +7,14 @@ var clientNoSpa = require('./router/clientNoSpa.js');
 var abstract = require('./router/abstract.js');
 var base = require('./history/base.js');
 var logger = require('./logger.js');
-var provider = require('./components/react/provider.js');
+var index = require('./components/react/index.js');
+var tree = require('./tree/tree.js');
+var utils = require('./tree/utils.js');
 var useRouter = require('./components/react/useRouter.js');
 var useRoute = require('./components/react/useRoute.js');
 var useUrl = require('./components/react/useUrl.js');
 var useNavigate = require('./components/react/useNavigate.js');
-var tree = require('./tree/tree.js');
-var utils = require('./tree/utils.js');
+var useViewTransition = require('./components/react/useViewTransition.js');
 
 
 
@@ -26,11 +27,7 @@ Object.defineProperty(exports, 'logger', {
 	get: function () { return logger.logger; }
 });
 exports.setLogger = logger.setLogger;
-exports.Provider = provider.Provider;
-exports.useRouter = useRouter.useRouter;
-exports.useRoute = useRoute.useRoute;
-exports.useUrl = useUrl.useUrl;
-exports.useNavigate = useNavigate.useNavigate;
+exports.Provider = index.Provider;
 exports.RouteTree = tree.RouteTree;
 exports.getParts = utils.getParts;
 exports.isHistoryFallback = utils.isHistoryFallback;
@@ -38,3 +35,8 @@ exports.isParameterized = utils.isParameterized;
 exports.isWildcard = utils.isWildcard;
 exports.makePath = utils.makePath;
 exports.parse = utils.parse;
+exports.useRouter = useRouter.useRouter;
+exports.useRoute = useRoute.useRoute;
+exports.useUrl = useUrl.useUrl;
+exports.useNavigate = useNavigate.useNavigate;
+exports.useViewTransition = useViewTransition.useViewTransition;

package/lib/router/abstract.browser.js

@@ -6,14 +6,16 @@ import { logger } from '../logger.browser.js';
 import { makeNavigateOptions, normalizeManySlashes, normalizeTrailingSlash, isSameHost, registerHook } from '../utils.browser.js';
 
 class AbstractRouter {
-    constructor({ trailingSlash, mergeSlashes, beforeResolve = [], beforeNavigate = [], afterNavigate = [], beforeUpdateCurrent = [], afterUpdateCurrent = [], guards = [], onChange = [], onRedirect, onNotFound, onBlock, }) {
+    constructor({ trailingSlash, mergeSlashes, enableViewTransitions, beforeResolve = [], beforeNavigate = [], afterNavigate = [], beforeUpdateCurrent = [], afterUpdateCurrent = [], guards = [], onChange = [], onRedirect, onNotFound, onBlock, }) {
         this.started = false;
         this.trailingSlash = false;
         this.strictTrailingSlash = true;
+        this.viewTransitionsEnabled = false;
         this.mergeSlashes = false;
         this.trailingSlash = trailingSlash !== null && trailingSlash !== void 0 ? trailingSlash : false;
         this.strictTrailingSlash = typeof trailingSlash === 'undefined';
         this.mergeSlashes = mergeSlashes !== null && mergeSlashes !== void 0 ? mergeSlashes : false;
+        this.viewTransitionsEnabled = enableViewTransitions !== null && enableViewTransitions !== void 0 ? enableViewTransitions : false;
         this.hooks = new Map([
             ['beforeResolve', new Set(beforeResolve)],
             ['beforeNavigate', new Set(beforeNavigate)],
@@ -108,7 +110,7 @@ class AbstractRouter {
     }
     async internalNavigate(navigateOptions, { history, redirect }) {
         var _a;
-        const { url, replace, params, navigateState, code } = navigateOptions;
+        const { url, replace, params, navigateState, code, viewTransition } = navigateOptions;
         const prevNavigation = redirect
             ? this.lastNavigation
             : (_a = this.currentNavigation) !== null && _a !== void 0 ? _a : this.lastNavigation;
@@ -131,6 +133,9 @@ class AbstractRouter {
             redirectFrom,
             key: this.uuid(),
         };
+        if (this.viewTransitionsEnabled && viewTransition !== undefined) {
+            navigation.viewTransition = viewTransition;
+        }
         await this.runHooks('beforeResolve', navigation);
         const to = this.resolveRoute({ url: resolvedUrl, params, navigateState }, { wildcard: true });
         if (to) {
@@ -168,7 +173,7 @@ class AbstractRouter {
         }
     }
     resolve(resolveOptions, options) {
-        const opts = typeof resolveOptions === 'string' ? { url: resolveOptions } : resolveOptions;
+        const opts = makeNavigateOptions(resolveOptions);
         return this.resolveRoute({ ...opts, url: parse(opts.url) }, options);
     }
     back(options) {

package/lib/router/abstract.d.ts

@@ -5,6 +5,7 @@ import type { RouteTree } from '../tree/tree';
 export interface Options {
     trailingSlash?: boolean;
     mergeSlashes?: boolean;
+    enableViewTransitions?: boolean;
     routes?: Route[];
     onRedirect?: NavigationHook;
     onNotFound?: NavigationHook;
@@ -26,6 +27,7 @@ export declare abstract class AbstractRouter {
     protected started: boolean;
     protected trailingSlash: boolean;
     protected strictTrailingSlash: boolean;
+    protected viewTransitionsEnabled: boolean;
     protected mergeSlashes: boolean;
     protected currentNavigation: Navigation;
     protected lastNavigation: Navigation;
@@ -35,7 +37,7 @@ export declare abstract class AbstractRouter {
     protected hooks: Map<HookName, Set<NavigationHook>>;
     protected syncHooks: Map<SyncHookName, Set<NavigationSyncHook>>;
     private currentUuid;
-    constructor({ trailingSlash, mergeSlashes, beforeResolve, beforeNavigate, afterNavigate, beforeUpdateCurrent, afterUpdateCurrent, guards, onChange, onRedirect, onNotFound, onBlock, }: Options);
+    constructor({ trailingSlash, mergeSlashes, enableViewTransitions, beforeResolve, beforeNavigate, afterNavigate, beforeUpdateCurrent, afterUpdateCurrent, guards, onChange, onRedirect, onNotFound, onBlock, }: Options);
     protected onRedirect?: NavigationHook;
     protected onNotFound?: NavigationHook;
     protected onBlock?: NavigationHook;

package/lib/router/abstract.es.js

@@ -6,14 +6,16 @@ import { logger } from '../logger.es.js';
 import { makeNavigateOptions, normalizeManySlashes, normalizeTrailingSlash, isSameHost, registerHook } from '../utils.es.js';
 
 class AbstractRouter {
-    constructor({ trailingSlash, mergeSlashes, beforeResolve = [], beforeNavigate = [], afterNavigate = [], beforeUpdateCurrent = [], afterUpdateCurrent = [], guards = [], onChange = [], onRedirect, onNotFound, onBlock, }) {
+    constructor({ trailingSlash, mergeSlashes, enableViewTransitions, beforeResolve = [], beforeNavigate = [], afterNavigate = [], beforeUpdateCurrent = [], afterUpdateCurrent = [], guards = [], onChange = [], onRedirect, onNotFound, onBlock, }) {
         this.started = false;
         this.trailingSlash = false;
         this.strictTrailingSlash = true;
+        this.viewTransitionsEnabled = false;
         this.mergeSlashes = false;
         this.trailingSlash = trailingSlash !== null && trailingSlash !== void 0 ? trailingSlash : false;
         this.strictTrailingSlash = typeof trailingSlash === 'undefined';
         this.mergeSlashes = mergeSlashes !== null && mergeSlashes !== void 0 ? mergeSlashes : false;
+        this.viewTransitionsEnabled = enableViewTransitions !== null && enableViewTransitions !== void 0 ? enableViewTransitions : false;
         this.hooks = new Map([
             ['beforeResolve', new Set(beforeResolve)],
             ['beforeNavigate', new Set(beforeNavigate)],
@@ -108,7 +110,7 @@ class AbstractRouter {
     }
     async internalNavigate(navigateOptions, { history, redirect }) {
         var _a;
-        const { url, replace, params, navigateState, code } = navigateOptions;
+        const { url, replace, params, navigateState, code, viewTransition } = navigateOptions;
         const prevNavigation = redirect
             ? this.lastNavigation
             : (_a = this.currentNavigation) !== null && _a !== void 0 ? _a : this.lastNavigation;
@@ -131,6 +133,9 @@ class AbstractRouter {
             redirectFrom,
             key: this.uuid(),
         };
+        if (this.viewTransitionsEnabled && viewTransition !== undefined) {
+            navigation.viewTransition = viewTransition;
+        }
         await this.runHooks('beforeResolve', navigation);
         const to = this.resolveRoute({ url: resolvedUrl, params, navigateState }, { wildcard: true });
         if (to) {
@@ -168,7 +173,7 @@ class AbstractRouter {
         }
     }
     resolve(resolveOptions, options) {
-        const opts = typeof resolveOptions === 'string' ? { url: resolveOptions } : resolveOptions;
+        const opts = makeNavigateOptions(resolveOptions);
         return this.resolveRoute({ ...opts, url: parse(opts.url) }, options);
     }
     back(options) {

package/lib/router/abstract.js

@@ -15,14 +15,16 @@ var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
 var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
 
 class AbstractRouter {
-    constructor({ trailingSlash, mergeSlashes, beforeResolve = [], beforeNavigate = [], afterNavigate = [], beforeUpdateCurrent = [], afterUpdateCurrent = [], guards = [], onChange = [], onRedirect, onNotFound, onBlock, }) {
+    constructor({ trailingSlash, mergeSlashes, enableViewTransitions, beforeResolve = [], beforeNavigate = [], afterNavigate = [], beforeUpdateCurrent = [], afterUpdateCurrent = [], guards = [], onChange = [], onRedirect, onNotFound, onBlock, }) {
         this.started = false;
         this.trailingSlash = false;
         this.strictTrailingSlash = true;
+        this.viewTransitionsEnabled = false;
         this.mergeSlashes = false;
         this.trailingSlash = trailingSlash !== null && trailingSlash !== void 0 ? trailingSlash : false;
         this.strictTrailingSlash = typeof trailingSlash === 'undefined';
         this.mergeSlashes = mergeSlashes !== null && mergeSlashes !== void 0 ? mergeSlashes : false;
+        this.viewTransitionsEnabled = enableViewTransitions !== null && enableViewTransitions !== void 0 ? enableViewTransitions : false;
         this.hooks = new Map([
             ['beforeResolve', new Set(beforeResolve)],
             ['beforeNavigate', new Set(beforeNavigate)],
@@ -117,7 +119,7 @@ class AbstractRouter {
     }
     async internalNavigate(navigateOptions, { history, redirect }) {
         var _a;
-        const { url, replace, params, navigateState, code } = navigateOptions;
+        const { url, replace, params, navigateState, code, viewTransition } = navigateOptions;
         const prevNavigation = redirect
             ? this.lastNavigation
             : (_a = this.currentNavigation) !== null && _a !== void 0 ? _a : this.lastNavigation;
@@ -140,6 +142,9 @@ class AbstractRouter {
             redirectFrom,
             key: this.uuid(),
         };
+        if (this.viewTransitionsEnabled && viewTransition !== undefined) {
+            navigation.viewTransition = viewTransition;
+        }
         await this.runHooks('beforeResolve', navigation);
         const to = this.resolveRoute({ url: resolvedUrl, params, navigateState }, { wildcard: true });
         if (to) {
@@ -177,7 +182,7 @@ class AbstractRouter {
         }
     }
     resolve(resolveOptions, options) {
-        const opts = typeof resolveOptions === 'string' ? { url: resolveOptions } : resolveOptions;
+        const opts = utils.makeNavigateOptions(resolveOptions);
         return this.resolveRoute({ ...opts, url: url.parse(opts.url) }, options);
     }
     back(options) {

package/lib/router/browser.browser.js

@@ -3,11 +3,18 @@ import { logger } from '../logger.browser.js';
 import { RouteTree } from '../tree/tree.browser.js';
 
 const DELAY_CHECK_INTERVAL = 50;
+const APPLIED_VIEW_TRANSITIONS_KEY = '_t_view_transitions';
 class Router extends ClientRouter {
     constructor(options) {
         super(options);
         this.tree = new RouteTree(options.routes);
         this.history.setTree(this.tree);
+        if (this.viewTransitionsEnabled) {
+            this.restoreAppliedViewTransitions();
+            window.addEventListener('pagehide', () => {
+                this.saveAppliedViewTransitions();
+            });
+        }
     }
     async rehydrate(navigation) {
         return this.resolveIfDelayFound(super.rehydrate(navigation));
@@ -20,7 +27,11 @@ class Router extends ClientRouter {
             return this.flattenDelayedNavigation(delayedNavigation);
         }
     }
-    async run(navigation) {
+    async run(payload) {
+        const navigation = { ...payload };
+        if (this.viewTransitionsEnabled) {
+            navigation.viewTransition = this.shouldApplyViewTransition(payload);
+        }
         // if router is not started yet delay current navigation without blocking promise resolving
         if (!this.started) {
             this.delayNavigation(navigation);
@@ -161,6 +172,60 @@ class Router extends ClientRouter {
             this.delayedReject = null;
         });
     }
+    shouldApplyViewTransition(navigation) {
+        var _a, _b;
+        const from = navigation.from.actualPath;
+        const to = navigation.to.redirect !== undefined
+            ? (_a = this.resolve(navigation.to.redirect)) === null || _a === void 0 ? void 0 : _a.actualPath
+            : (_b = navigation.to) === null || _b === void 0 ? void 0 : _b.actualPath;
+        // If View Transition enabled to current navigation, save it
+        if (navigation.viewTransition) {
+            const toPaths = this.appliedViewTransitions.get(from);
+            if (this.appliedViewTransitions.get(from)) {
+                toPaths.add(to);
+            }
+            else {
+                this.appliedViewTransitions.set(from, new Set([to]));
+            }
+            return true;
+        }
+        const priorPaths = this.appliedViewTransitions.get(from);
+        // If we were on the route with view transition previously,
+        // then there must be back navigation with view transition also
+        if (priorPaths !== undefined && priorPaths.has(to)) {
+            return true;
+        }
+        // If we don't have a previous forward navigation, assume we are
+        // going back from the new route and enable view transition if it
+        // was previously enabled
+        return this.appliedViewTransitions.has(to);
+    }
+    restoreAppliedViewTransitions() {
+        try {
+            const valueFromStorage = sessionStorage.getItem(APPLIED_VIEW_TRANSITIONS_KEY);
+            if (valueFromStorage !== null) {
+                const parsedValue = JSON.parse(valueFromStorage);
+                this.appliedViewTransitions = new Map(Object.entries(parsedValue).map(([key, value]) => [key, new Set(value)]));
+                return;
+            }
+            this.appliedViewTransitions = new Map();
+        }
+        catch (error) {
+            this.appliedViewTransitions = new Map();
+        }
+    }
+    saveAppliedViewTransitions() {
+        if (this.appliedViewTransitions.size > 0) {
+            try {
+                const valueToSave = {};
+                for (const [key, value] of this.appliedViewTransitions) {
+                    valueToSave[key] = [...value];
+                }
+                sessionStorage.setItem(APPLIED_VIEW_TRANSITIONS_KEY, JSON.stringify(valueToSave));
+            }
+            catch (error) { }
+        }
+    }
 }
 
 export { Router };

package/lib/router/browser.d.ts

@@ -6,15 +6,19 @@ export declare class Router extends ClientRouter {
     protected delayedPromise: Promise<void>;
     protected delayedResolve: () => void;
     protected delayedReject: (error: Error) => void;
+    private appliedViewTransitions;
     constructor(options: Options);
     rehydrate(navigation: Navigation): Promise<void>;
     start(): Promise<any>;
-    protected run(navigation: Navigation): Promise<any>;
+    protected run(payload: Navigation): Promise<any>;
     protected delayNavigation(navigation: Navigation): Promise<void>;
     protected commitNavigation(navigation: Navigation): void;
     protected runGuards(navigation: Navigation): Promise<void>;
     protected runHooks(hookName: HookName, navigation: Navigation): Promise<void>;
     private resolveIfDelayFound;
     private flattenDelayedNavigation;
+    private shouldApplyViewTransition;
+    private restoreAppliedViewTransitions;
+    private saveAppliedViewTransitions;
 }
 //# sourceMappingURL=browser.d.ts.map

package/lib/types.d.ts

@@ -26,6 +26,7 @@ export interface BaseNavigateOptions {
 }
 export interface NavigateOptions extends BaseNavigateOptions {
     url?: string;
+    viewTransition?: boolean;
 }
 export type UpdateCurrentRouteOptions = BaseNavigateOptions;
 export interface HistoryOptions {
@@ -50,6 +51,10 @@ export interface Navigation {
      * Defines internally within the router
      */
     key?: number;
+    /**
+     * Activates View Transition to this navigation
+     */
+    viewTransition?: boolean;
 }
 export type NavigationGuard = (navigation: Navigation) => Promise<void | NavigateOptions | string | boolean>;
 export type NavigationHook = (navigation: Navigation) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinkoff/router",
-  "version": "0.3.1",
+  "version": "0.3.8",
   "description": "router",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -27,6 +27,7 @@
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
+    "@tramvai/core": "3.9.0",
     "react": ">=16.14.0",
     "tslib": "^2.4.0"
   },

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

@@ -1,16 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
-import { RouterContext, RouteContext, UrlContext } from './context.browser.js';
-
-const Provider = ({ router, serverState, children }) => {
-    // fallback to outdate router implementation
-    const lastRoute = useMemo(() => router.getCurrentRoute(), [router]);
-    const lastUrl = useMemo(() => router.getCurrentUrl(), [router]);
-    const route = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; }, serverState ? () => serverState.currentRoute : () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; });
-    const url = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; }, serverState ? () => serverState.currentUrl : () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; });
-    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: route, children: jsx(UrlContext.Provider, { value: url, children: children }) }) }));
-};
-Provider.displayName = 'TinkoffRouterProvider';
-
-export { Provider };

package/lib/components/react/provider.d.ts

@@ -1,13 +0,0 @@
-import type { FunctionComponent, ReactNode } from 'react';
-import type { Url } from '@tinkoff/url';
-import type { AbstractRouter } from '../../router/abstract';
-import type { NavigationRoute } from '../../types';
-export declare const Provider: FunctionComponent<{
-    router: AbstractRouter;
-    serverState?: {
-        currentRoute: NavigationRoute;
-        currentUrl: Url;
-    };
-    children?: ReactNode;
-}>;
-//# sourceMappingURL=provider.d.ts.map

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

@@ -1,16 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
-import { RouterContext, RouteContext, UrlContext } from './context.es.js';
-
-const Provider = ({ router, serverState, children }) => {
-    // fallback to outdate router implementation
-    const lastRoute = useMemo(() => router.getCurrentRoute(), [router]);
-    const lastUrl = useMemo(() => router.getCurrentUrl(), [router]);
-    const route = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; }, serverState ? () => serverState.currentRoute : () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; });
-    const url = useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; }, serverState ? () => serverState.currentUrl : () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; });
-    return (jsx(RouterContext.Provider, { value: router, children: jsx(RouteContext.Provider, { value: route, children: jsx(UrlContext.Provider, { value: url, children: children }) }) }));
-};
-Provider.displayName = 'TinkoffRouterProvider';
-
-export { Provider };

package/lib/components/react/provider.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var shim = require('use-sync-external-store/shim');
-var context = require('./context.js');
-
-const Provider = ({ router, serverState, children }) => {
-    // fallback to outdate router implementation
-    const lastRoute = react.useMemo(() => router.getCurrentRoute(), [router]);
-    const lastUrl = react.useMemo(() => router.getCurrentUrl(), [router]);
-    const route = shim.useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; }, serverState ? () => serverState.currentRoute : () => { var _a, _b; return (_b = (_a = router.getLastRoute) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastRoute; });
-    const url = shim.useSyncExternalStore((cb) => router.registerSyncHook('change', cb), () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; }, serverState ? () => serverState.currentUrl : () => { var _a, _b; return (_b = (_a = router.getLastUrl) === null || _a === void 0 ? void 0 : _a.call(router)) !== null && _b !== void 0 ? _b : lastUrl; });
-    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 = 'TinkoffRouterProvider';
-
-exports.Provider = Provider;