@tramvai/module-client-hints 2.70.1 → 2.72.3

package/lib/browser/matchMedia.browser.js

@@ -0,0 +1,34 @@
+import debounce from '@tinkoff/utils/function/debounce';
+import { setMedia } from '../shared/stores/media.browser.js';
+import { COOKIE_NAME_MEDIA_INFO } from '../shared/constants.browser.js';
+import { mediaBreakpoints } from '../shared/mediaBreakpoints.browser.js';
+
+const isTouch = !!('ontouchstart' in window ||
+    (window.DocumentTouch && document instanceof window.DocumentTouch));
+const getMediaInfo = () => ({
+    width: window.innerWidth,
+    height: window.innerHeight,
+    isTouch,
+    retina: window.matchMedia(mediaBreakpoints.retina).matches,
+});
+const matchMediaCommand = ({ context, cookieManager, }) => {
+    return function matchMedia() {
+        const setMediaInfo = () => {
+            const media = getMediaInfo();
+            cookieManager.set({
+                name: COOKIE_NAME_MEDIA_INFO,
+                value: JSON.stringify(media),
+            });
+            return context.dispatch(setMedia({
+                ...media,
+                supposed: false,
+            }));
+        };
+        const debouncedSetMediaInfo = debounce(300, setMediaInfo);
+        window.addEventListener('orientationchange', debouncedSetMediaInfo);
+        window.addEventListener('resize', debouncedSetMediaInfo);
+        return setMediaInfo();
+    };
+};
+
+export { matchMediaCommand };

package/lib/browser.js

@@ -1,109 +1,17 @@
 import { __decorate } from 'tslib';
 import { Module, provide, commandLineListTokens } from '@tramvai/core';
-import { COMBINE_REDUCERS, STORE_TOKEN, CONTEXT_TOKEN } from '@tramvai/tokens-common';
+import { STORE_TOKEN, CONTEXT_TOKEN } from '@tramvai/tokens-common';
 import { COOKIE_MANAGER_TOKEN } from '@tramvai/tokens-cookie';
-import { createToken } from '@tinkoff/dippy';
-import debounce from '@tinkoff/utils/function/debounce';
-import { createEvent, createReducer, useSelector } from '@tramvai/state';
-import { CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN } from '@tramvai/tokens-child-app';
-
-const USER_AGENT_TOKEN = createToken('userAgent');
-const PARSER_CLIENT_HINTS_ENABLED = createToken('client-hints parserClientHints enabled');
-
-const setMedia = createEvent('setMedia');
-const initialState = {
-    height: 0,
-    width: 0,
-    isTouch: false,
-    retina: false,
-    synchronized: false,
-};
-const MediaStore = createReducer('media', initialState).on(setMedia, (state, media) => {
-    return {
-        ...state,
-        ...media,
-    };
-});
-
-const COOKIE_NAME_MEDIA_INFO = 'mediaInfo';
-
-const mediaBreakpoints = {
-    retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)',
-};
-
-const isTouch = !!('ontouchstart' in window ||
-    (window.DocumentTouch && document instanceof window.DocumentTouch));
-const getMediaInfo = () => ({
-    width: window.innerWidth,
-    height: window.innerHeight,
-    isTouch,
-    retina: window.matchMedia(mediaBreakpoints.retina).matches,
-});
-const matchMediaCommand = ({ context, cookieManager, }) => {
-    return function matchMedia() {
-        const setMediaInfo = () => {
-            const media = getMediaInfo();
-            cookieManager.set({
-                name: COOKIE_NAME_MEDIA_INFO,
-                value: JSON.stringify(media),
-            });
-            return context.dispatch(setMedia({
-                ...media,
-                supposed: false,
-            }));
-        };
-        const debouncedSetMediaInfo = debounce(300, setMediaInfo);
-        window.addEventListener('orientationchange', debouncedSetMediaInfo);
-        window.addEventListener('resize', debouncedSetMediaInfo);
-        return setMediaInfo();
-    };
-};
-
-const setUserAgent = createEvent('setUserAgent');
-const UserAgentStore = createReducer('userAgent', null).on(setUserAgent, (state, userAgent) => {
-    return userAgent;
-});
-
-const providers = [
-    { provide: COMBINE_REDUCERS, multi: true, useValue: [UserAgentStore, MediaStore] },
-];
-
-function fromClientHints(media) {
-    return !!media.synchronized;
-}
-function isSupposed(media) {
-    return !!media.supposed;
-}
-function isRetina(media) {
-    return !!media.retina;
-}
-
-function useMedia() {
-    return useSelector('media', ({ media }) => media);
-}
-function useFromClientHints() {
-    return fromClientHints(useMedia());
-}
-function useIsSupposed() {
-    return isSupposed(useMedia());
-}
-function useIsRetina() {
-    return isRetina(useMedia());
-}
-
-let ClientHintsChildAppModule = class ClientHintsChildAppModule {
-};
-ClientHintsChildAppModule = __decorate([
-    Module({
-        providers: [
-            {
-                provide: CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN,
-                multi: true,
-                useValue: [MediaStore, UserAgentStore],
-            },
-        ],
-    })
-], ClientHintsChildAppModule);
+import { USER_AGENT_TOKEN } from './tokens.browser.js';
+export { PARSER_CLIENT_HINTS_ENABLED, USER_AGENT_TOKEN } from './tokens.browser.js';
+import { matchMediaCommand } from './browser/matchMedia.browser.js';
+import { providers } from './shared/providers.browser.js';
+import { UserAgentStore } from './shared/stores/userAgent.browser.js';
+export { UserAgentStore, setUserAgent } from './shared/stores/userAgent.browser.js';
+export { fromClientHints, isRetina, isSupposed } from './shared/stores/mediaCheckers.browser.js';
+export { useFromClientHints, useIsRetina, useIsSupposed, useMedia } from './shared/stores/mediaSelectors.browser.js';
+export { MediaStore, setMedia } from './shared/stores/media.browser.js';
+export { ClientHintsChildAppModule } from './child-app/module.browser.js';
 
 let ClientHintsModule = class ClientHintsModule {
 };
@@ -133,4 +41,4 @@ ClientHintsModule = __decorate([
     })
 ], ClientHintsModule);
 
-export { ClientHintsChildAppModule, ClientHintsModule, MediaStore, PARSER_CLIENT_HINTS_ENABLED, USER_AGENT_TOKEN, UserAgentStore, fromClientHints, isRetina, isSupposed, setMedia, setUserAgent, useFromClientHints, useIsRetina, useIsSupposed, useMedia };
+export { ClientHintsModule };

package/lib/child-app/module.browser.js

@@ -0,0 +1,21 @@
+import { __decorate } from 'tslib';
+import { Module } from '@tramvai/core';
+import { CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN } from '@tramvai/tokens-child-app';
+import { MediaStore } from '../shared/stores/media.browser.js';
+import { UserAgentStore } from '../shared/stores/userAgent.browser.js';
+
+let ClientHintsChildAppModule = class ClientHintsChildAppModule {
+};
+ClientHintsChildAppModule = __decorate([
+    Module({
+        providers: [
+            {
+                provide: CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN,
+                multi: true,
+                useValue: [MediaStore, UserAgentStore],
+            },
+        ],
+    })
+], ClientHintsChildAppModule);
+
+export { ClientHintsChildAppModule };

package/lib/child-app/module.es.js

@@ -0,0 +1,21 @@
+import { __decorate } from 'tslib';
+import { Module } from '@tramvai/core';
+import { CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN } from '@tramvai/tokens-child-app';
+import { MediaStore } from '../shared/stores/media.es.js';
+import { UserAgentStore } from '../shared/stores/userAgent.es.js';
+
+let ClientHintsChildAppModule = class ClientHintsChildAppModule {
+};
+ClientHintsChildAppModule = __decorate([
+    Module({
+        providers: [
+            {
+                provide: CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN,
+                multi: true,
+                useValue: [MediaStore, UserAgentStore],
+            },
+        ],
+    })
+], ClientHintsChildAppModule);
+
+export { ClientHintsChildAppModule };

package/lib/child-app/module.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var core = require('@tramvai/core');
+var tokensChildApp = require('@tramvai/tokens-child-app');
+var media = require('../shared/stores/media.js');
+var userAgent = require('../shared/stores/userAgent.js');
+
+exports.ClientHintsChildAppModule = class ClientHintsChildAppModule {
+};
+exports.ClientHintsChildAppModule = tslib.__decorate([
+    core.Module({
+        providers: [
+            {
+                provide: tokensChildApp.CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN,
+                multi: true,
+                useValue: [media.MediaStore, userAgent.UserAgentStore],
+            },
+        ],
+    })
+], exports.ClientHintsChildAppModule);

package/lib/server/readMedia.es.js

@@ -0,0 +1,48 @@
+import pathOr from '@tinkoff/utils/object/pathOr';
+import { safeParseJSON } from '@tramvai/safe-strings';
+import { COOKIE_NAME_MEDIA_INFO } from '../shared/constants.es.js';
+import { setMedia } from '../shared/stores/media.es.js';
+import { UserAgentStore } from '../shared/stores/userAgent.es.js';
+
+const SUPPOSED_MEDIA = {
+    mobile: {
+        width: 300,
+        height: 500,
+        isTouch: true,
+        retina: false,
+    },
+    tablet: {
+        width: 600,
+        height: 800,
+        isTouch: true,
+        retina: false,
+    },
+    desktop: {
+        width: 1024,
+        height: 768,
+        isTouch: false,
+        retina: false,
+    },
+};
+const readMediaCommand = ({ context, cookieManager, }) => {
+    return function readMedia() {
+        var _a;
+        const mediaInfo = safeParseJSON((_a = cookieManager.get(COOKIE_NAME_MEDIA_INFO)) !== null && _a !== void 0 ? _a : '');
+        if (mediaInfo) {
+            return context.dispatch(setMedia({
+                ...mediaInfo,
+                supposed: false,
+                synchronized: true,
+            }));
+        }
+        const userAgent = context.getState(UserAgentStore);
+        const deviceType = pathOr(['device', 'type'], 'desktop', userAgent);
+        return context.dispatch(setMedia({
+            ...SUPPOSED_MEDIA[deviceType],
+            supposed: true,
+            synchronized: false,
+        }));
+    };
+};
+
+export { readMediaCommand };

package/lib/server/readMedia.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var pathOr = require('@tinkoff/utils/object/pathOr');
+var safeStrings = require('@tramvai/safe-strings');
+var constants = require('../shared/constants.js');
+var media = require('../shared/stores/media.js');
+var userAgent = require('../shared/stores/userAgent.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var pathOr__default = /*#__PURE__*/_interopDefaultLegacy(pathOr);
+
+const SUPPOSED_MEDIA = {
+    mobile: {
+        width: 300,
+        height: 500,
+        isTouch: true,
+        retina: false,
+    },
+    tablet: {
+        width: 600,
+        height: 800,
+        isTouch: true,
+        retina: false,
+    },
+    desktop: {
+        width: 1024,
+        height: 768,
+        isTouch: false,
+        retina: false,
+    },
+};
+const readMediaCommand = ({ context, cookieManager, }) => {
+    return function readMedia() {
+        var _a;
+        const mediaInfo = safeStrings.safeParseJSON((_a = cookieManager.get(constants.COOKIE_NAME_MEDIA_INFO)) !== null && _a !== void 0 ? _a : '');
+        if (mediaInfo) {
+            return context.dispatch(media.setMedia({
+                ...mediaInfo,
+                supposed: false,
+                synchronized: true,
+            }));
+        }
+        const userAgent$1 = context.getState(userAgent.UserAgentStore);
+        const deviceType = pathOr__default["default"](['device', 'type'], 'desktop', userAgent$1);
+        return context.dispatch(media.setMedia({
+            ...SUPPOSED_MEDIA[deviceType],
+            supposed: true,
+            synchronized: false,
+        }));
+    };
+};
+
+exports.readMediaCommand = readMediaCommand;

package/lib/server/userAgent.es.js

@@ -0,0 +1,65 @@
+import { provide, Scope, commandLineListTokens } from '@tramvai/core';
+import { CREATE_CACHE_TOKEN, STORE_TOKEN, RESPONSE_MANAGER_TOKEN, REQUEST_MANAGER_TOKEN } from '@tramvai/tokens-common';
+import { parseClientHints, parseUserAgentHeader } from '@tinkoff/user-agent';
+import { USER_AGENT_TOKEN, PARSER_CLIENT_HINTS_ENABLED } from '../tokens.es.js';
+import { setUserAgent } from '../shared/stores/userAgent.es.js';
+
+const userAgentProviders = [
+    provide({
+        provide: 'userAgentLruCache',
+        scope: Scope.SINGLETON,
+        useFactory: ({ createCache }) => {
+            return createCache('memory', { max: 50 });
+        },
+        deps: {
+            createCache: CREATE_CACHE_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.customerStart,
+        multi: true,
+        useFactory: ({ store, userAgent }) => {
+            return function initUserAgent() {
+                return store.dispatch(setUserAgent(userAgent));
+            };
+        },
+        deps: {
+            userAgent: USER_AGENT_TOKEN,
+            store: STORE_TOKEN,
+        },
+    }),
+    provide({
+        provide: commandLineListTokens.customerStart,
+        multi: true,
+        useFactory: ({ responseManager }) => {
+            return function setClientHintsHeaders() {
+                responseManager.setHeader('Accept-CH', 'Sec-CH-UA-Platform-Version, Sec-CH-UA-Arch, Sec-CH-UA-Model');
+            };
+        },
+        deps: {
+            responseManager: RESPONSE_MANAGER_TOKEN,
+        },
+    }),
+    provide({
+        provide: USER_AGENT_TOKEN,
+        useFactory: ({ requestManager, cache, parserClientHintsEnabled }) => {
+            if (parserClientHintsEnabled && requestManager.getHeader('sec-ch-ua')) {
+                return parseClientHints(requestManager.getHeaders());
+            }
+            const userAgentHeader = requestManager.getHeader('user-agent');
+            if (cache.has(userAgentHeader)) {
+                return cache.get(userAgentHeader);
+            }
+            const result = parseUserAgentHeader(userAgentHeader);
+            cache.set(userAgentHeader, result);
+            return result;
+        },
+        deps: {
+            requestManager: REQUEST_MANAGER_TOKEN,
+            parserClientHintsEnabled: PARSER_CLIENT_HINTS_ENABLED,
+            cache: 'userAgentLruCache',
+        },
+    }),
+];
+
+export { userAgentProviders };

package/lib/server/userAgent.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@tramvai/core');
+var tokensCommon = require('@tramvai/tokens-common');
+var userAgent$1 = require('@tinkoff/user-agent');
+var tokens = require('../tokens.js');
+var userAgent = require('../shared/stores/userAgent.js');
+
+const userAgentProviders = [
+    core.provide({
+        provide: 'userAgentLruCache',
+        scope: core.Scope.SINGLETON,
+        useFactory: ({ createCache }) => {
+            return createCache('memory', { max: 50 });
+        },
+        deps: {
+            createCache: tokensCommon.CREATE_CACHE_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.customerStart,
+        multi: true,
+        useFactory: ({ store, userAgent: userAgent$1 }) => {
+            return function initUserAgent() {
+                return store.dispatch(userAgent.setUserAgent(userAgent$1));
+            };
+        },
+        deps: {
+            userAgent: tokens.USER_AGENT_TOKEN,
+            store: tokensCommon.STORE_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: core.commandLineListTokens.customerStart,
+        multi: true,
+        useFactory: ({ responseManager }) => {
+            return function setClientHintsHeaders() {
+                responseManager.setHeader('Accept-CH', 'Sec-CH-UA-Platform-Version, Sec-CH-UA-Arch, Sec-CH-UA-Model');
+            };
+        },
+        deps: {
+            responseManager: tokensCommon.RESPONSE_MANAGER_TOKEN,
+        },
+    }),
+    core.provide({
+        provide: tokens.USER_AGENT_TOKEN,
+        useFactory: ({ requestManager, cache, parserClientHintsEnabled }) => {
+            if (parserClientHintsEnabled && requestManager.getHeader('sec-ch-ua')) {
+                return userAgent$1.parseClientHints(requestManager.getHeaders());
+            }
+            const userAgentHeader = requestManager.getHeader('user-agent');
+            if (cache.has(userAgentHeader)) {
+                return cache.get(userAgentHeader);
+            }
+            const result = userAgent$1.parseUserAgentHeader(userAgentHeader);
+            cache.set(userAgentHeader, result);
+            return result;
+        },
+        deps: {
+            requestManager: tokensCommon.REQUEST_MANAGER_TOKEN,
+            parserClientHintsEnabled: tokens.PARSER_CLIENT_HINTS_ENABLED,
+            cache: 'userAgentLruCache',
+        },
+    }),
+];
+
+exports.userAgentProviders = userAgentProviders;

package/lib/server.es.js

@@ -1,178 +1,17 @@
 import { __decorate } from 'tslib';
-import { provide, Scope, commandLineListTokens, Module } from '@tramvai/core';
-import { COMBINE_REDUCERS, CREATE_CACHE_TOKEN, STORE_TOKEN, RESPONSE_MANAGER_TOKEN, REQUEST_MANAGER_TOKEN, CONTEXT_TOKEN } from '@tramvai/tokens-common';
+import { Module, provide, commandLineListTokens } from '@tramvai/core';
+import { CONTEXT_TOKEN } from '@tramvai/tokens-common';
 import { COOKIE_MANAGER_TOKEN } from '@tramvai/tokens-cookie';
-import pathOr from '@tinkoff/utils/object/pathOr';
-import { safeParseJSON } from '@tramvai/safe-strings';
-import { createEvent, createReducer, useSelector } from '@tramvai/state';
-import { parseClientHints, parseUserAgentHeader } from '@tinkoff/user-agent';
-import { createToken } from '@tinkoff/dippy';
-import { CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN } from '@tramvai/tokens-child-app';
-
-const COOKIE_NAME_MEDIA_INFO = 'mediaInfo';
-
-const setMedia = createEvent('setMedia');
-const initialState = {
-    height: 0,
-    width: 0,
-    isTouch: false,
-    retina: false,
-    synchronized: false,
-};
-const MediaStore = createReducer('media', initialState).on(setMedia, (state, media) => {
-    return {
-        ...state,
-        ...media,
-    };
-});
-
-const setUserAgent = createEvent('setUserAgent');
-const UserAgentStore = createReducer('userAgent', null).on(setUserAgent, (state, userAgent) => {
-    return userAgent;
-});
-
-const SUPPOSED_MEDIA = {
-    mobile: {
-        width: 300,
-        height: 500,
-        isTouch: true,
-        retina: false,
-    },
-    tablet: {
-        width: 600,
-        height: 800,
-        isTouch: true,
-        retina: false,
-    },
-    desktop: {
-        width: 1024,
-        height: 768,
-        isTouch: false,
-        retina: false,
-    },
-};
-const readMediaCommand = ({ context, cookieManager, }) => {
-    return function readMedia() {
-        var _a;
-        const mediaInfo = safeParseJSON((_a = cookieManager.get(COOKIE_NAME_MEDIA_INFO)) !== null && _a !== void 0 ? _a : '');
-        if (mediaInfo) {
-            return context.dispatch(setMedia({
-                ...mediaInfo,
-                supposed: false,
-                synchronized: true,
-            }));
-        }
-        const userAgent = context.getState(UserAgentStore);
-        const deviceType = pathOr(['device', 'type'], 'desktop', userAgent);
-        return context.dispatch(setMedia({
-            ...SUPPOSED_MEDIA[deviceType],
-            supposed: true,
-            synchronized: false,
-        }));
-    };
-};
-
-const providers = [
-    { provide: COMBINE_REDUCERS, multi: true, useValue: [UserAgentStore, MediaStore] },
-];
-
-const USER_AGENT_TOKEN = createToken('userAgent');
-const PARSER_CLIENT_HINTS_ENABLED = createToken('client-hints parserClientHints enabled');
-
-const userAgentProviders = [
-    provide({
-        provide: 'userAgentLruCache',
-        scope: Scope.SINGLETON,
-        useFactory: ({ createCache }) => {
-            return createCache('memory', { max: 50 });
-        },
-        deps: {
-            createCache: CREATE_CACHE_TOKEN,
-        },
-    }),
-    provide({
-        provide: commandLineListTokens.customerStart,
-        multi: true,
-        useFactory: ({ store, userAgent }) => {
-            return function initUserAgent() {
-                return store.dispatch(setUserAgent(userAgent));
-            };
-        },
-        deps: {
-            userAgent: USER_AGENT_TOKEN,
-            store: STORE_TOKEN,
-        },
-    }),
-    provide({
-        provide: commandLineListTokens.customerStart,
-        multi: true,
-        useFactory: ({ responseManager }) => {
-            return function setClientHintsHeaders() {
-                responseManager.setHeader('Accept-CH', 'Sec-CH-UA-Platform-Version, Sec-CH-UA-Arch, Sec-CH-UA-Model');
-            };
-        },
-        deps: {
-            responseManager: RESPONSE_MANAGER_TOKEN,
-        },
-    }),
-    provide({
-        provide: USER_AGENT_TOKEN,
-        useFactory: ({ requestManager, cache, parserClientHintsEnabled }) => {
-            if (parserClientHintsEnabled && requestManager.getHeader('sec-ch-ua')) {
-                return parseClientHints(requestManager.getHeaders());
-            }
-            const userAgentHeader = requestManager.getHeader('user-agent');
-            if (cache.has(userAgentHeader)) {
-                return cache.get(userAgentHeader);
-            }
-            const result = parseUserAgentHeader(userAgentHeader);
-            cache.set(userAgentHeader, result);
-            return result;
-        },
-        deps: {
-            requestManager: REQUEST_MANAGER_TOKEN,
-            parserClientHintsEnabled: PARSER_CLIENT_HINTS_ENABLED,
-            cache: 'userAgentLruCache',
-        },
-    }),
-];
-
-function fromClientHints(media) {
-    return !!media.synchronized;
-}
-function isSupposed(media) {
-    return !!media.supposed;
-}
-function isRetina(media) {
-    return !!media.retina;
-}
-
-function useMedia() {
-    return useSelector('media', ({ media }) => media);
-}
-function useFromClientHints() {
-    return fromClientHints(useMedia());
-}
-function useIsSupposed() {
-    return isSupposed(useMedia());
-}
-function useIsRetina() {
-    return isRetina(useMedia());
-}
-
-let ClientHintsChildAppModule = class ClientHintsChildAppModule {
-};
-ClientHintsChildAppModule = __decorate([
-    Module({
-        providers: [
-            {
-                provide: CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN,
-                multi: true,
-                useValue: [MediaStore, UserAgentStore],
-            },
-        ],
-    })
-], ClientHintsChildAppModule);
+import { readMediaCommand } from './server/readMedia.es.js';
+import { providers } from './shared/providers.es.js';
+import { userAgentProviders } from './server/userAgent.es.js';
+import { PARSER_CLIENT_HINTS_ENABLED } from './tokens.es.js';
+export { PARSER_CLIENT_HINTS_ENABLED, USER_AGENT_TOKEN } from './tokens.es.js';
+export { fromClientHints, isRetina, isSupposed } from './shared/stores/mediaCheckers.es.js';
+export { useFromClientHints, useIsRetina, useIsSupposed, useMedia } from './shared/stores/mediaSelectors.es.js';
+export { MediaStore, setMedia } from './shared/stores/media.es.js';
+export { UserAgentStore, setUserAgent } from './shared/stores/userAgent.es.js';
+export { ClientHintsChildAppModule } from './child-app/module.es.js';
 
 let ClientHintsModule = class ClientHintsModule {
 };
@@ -198,4 +37,4 @@ ClientHintsModule = __decorate([
     })
 ], ClientHintsModule);
 
-export { ClientHintsChildAppModule, ClientHintsModule, MediaStore, PARSER_CLIENT_HINTS_ENABLED, USER_AGENT_TOKEN, UserAgentStore, fromClientHints, isRetina, isSupposed, setMedia, setUserAgent, useFromClientHints, useIsRetina, useIsSupposed, useMedia };
+export { ClientHintsModule };

package/lib/server.js

@@ -6,216 +6,54 @@ var tslib = require('tslib');
 var core = require('@tramvai/core');
 var tokensCommon = require('@tramvai/tokens-common');
 var tokensCookie = require('@tramvai/tokens-cookie');
-var pathOr = require('@tinkoff/utils/object/pathOr');
-var safeStrings = require('@tramvai/safe-strings');
-var state = require('@tramvai/state');
-var userAgent = require('@tinkoff/user-agent');
-var dippy = require('@tinkoff/dippy');
-var tokensChildApp = require('@tramvai/tokens-child-app');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var pathOr__default = /*#__PURE__*/_interopDefaultLegacy(pathOr);
-
-const COOKIE_NAME_MEDIA_INFO = 'mediaInfo';
-
-const setMedia = state.createEvent('setMedia');
-const initialState = {
-    height: 0,
-    width: 0,
-    isTouch: false,
-    retina: false,
-    synchronized: false,
-};
-const MediaStore = state.createReducer('media', initialState).on(setMedia, (state, media) => {
-    return {
-        ...state,
-        ...media,
-    };
-});
-
-const setUserAgent = state.createEvent('setUserAgent');
-const UserAgentStore = state.createReducer('userAgent', null).on(setUserAgent, (state, userAgent) => {
-    return userAgent;
-});
-
-const SUPPOSED_MEDIA = {
-    mobile: {
-        width: 300,
-        height: 500,
-        isTouch: true,
-        retina: false,
-    },
-    tablet: {
-        width: 600,
-        height: 800,
-        isTouch: true,
-        retina: false,
-    },
-    desktop: {
-        width: 1024,
-        height: 768,
-        isTouch: false,
-        retina: false,
-    },
-};
-const readMediaCommand = ({ context, cookieManager, }) => {
-    return function readMedia() {
-        var _a;
-        const mediaInfo = safeStrings.safeParseJSON((_a = cookieManager.get(COOKIE_NAME_MEDIA_INFO)) !== null && _a !== void 0 ? _a : '');
-        if (mediaInfo) {
-            return context.dispatch(setMedia({
-                ...mediaInfo,
-                supposed: false,
-                synchronized: true,
-            }));
-        }
-        const userAgent = context.getState(UserAgentStore);
-        const deviceType = pathOr__default["default"](['device', 'type'], 'desktop', userAgent);
-        return context.dispatch(setMedia({
-            ...SUPPOSED_MEDIA[deviceType],
-            supposed: true,
-            synchronized: false,
-        }));
-    };
-};
-
-const providers = [
-    { provide: tokensCommon.COMBINE_REDUCERS, multi: true, useValue: [UserAgentStore, MediaStore] },
-];
-
-const USER_AGENT_TOKEN = dippy.createToken('userAgent');
-const PARSER_CLIENT_HINTS_ENABLED = dippy.createToken('client-hints parserClientHints enabled');
-
-const userAgentProviders = [
-    core.provide({
-        provide: 'userAgentLruCache',
-        scope: core.Scope.SINGLETON,
-        useFactory: ({ createCache }) => {
-            return createCache('memory', { max: 50 });
-        },
-        deps: {
-            createCache: tokensCommon.CREATE_CACHE_TOKEN,
-        },
-    }),
-    core.provide({
-        provide: core.commandLineListTokens.customerStart,
-        multi: true,
-        useFactory: ({ store, userAgent }) => {
-            return function initUserAgent() {
-                return store.dispatch(setUserAgent(userAgent));
-            };
-        },
-        deps: {
-            userAgent: USER_AGENT_TOKEN,
-            store: tokensCommon.STORE_TOKEN,
-        },
-    }),
-    core.provide({
-        provide: core.commandLineListTokens.customerStart,
-        multi: true,
-        useFactory: ({ responseManager }) => {
-            return function setClientHintsHeaders() {
-                responseManager.setHeader('Accept-CH', 'Sec-CH-UA-Platform-Version, Sec-CH-UA-Arch, Sec-CH-UA-Model');
-            };
-        },
-        deps: {
-            responseManager: tokensCommon.RESPONSE_MANAGER_TOKEN,
-        },
-    }),
-    core.provide({
-        provide: USER_AGENT_TOKEN,
-        useFactory: ({ requestManager, cache, parserClientHintsEnabled }) => {
-            if (parserClientHintsEnabled && requestManager.getHeader('sec-ch-ua')) {
-                return userAgent.parseClientHints(requestManager.getHeaders());
-            }
-            const userAgentHeader = requestManager.getHeader('user-agent');
-            if (cache.has(userAgentHeader)) {
-                return cache.get(userAgentHeader);
-            }
-            const result = userAgent.parseUserAgentHeader(userAgentHeader);
-            cache.set(userAgentHeader, result);
-            return result;
-        },
-        deps: {
-            requestManager: tokensCommon.REQUEST_MANAGER_TOKEN,
-            parserClientHintsEnabled: PARSER_CLIENT_HINTS_ENABLED,
-            cache: 'userAgentLruCache',
-        },
-    }),
-];
-
-function fromClientHints(media) {
-    return !!media.synchronized;
-}
-function isSupposed(media) {
-    return !!media.supposed;
-}
-function isRetina(media) {
-    return !!media.retina;
-}
-
-function useMedia() {
-    return state.useSelector('media', ({ media }) => media);
-}
-function useFromClientHints() {
-    return fromClientHints(useMedia());
-}
-function useIsSupposed() {
-    return isSupposed(useMedia());
-}
-function useIsRetina() {
-    return isRetina(useMedia());
-}
-
-exports.ClientHintsChildAppModule = class ClientHintsChildAppModule {
-};
-exports.ClientHintsChildAppModule = tslib.__decorate([
-    core.Module({
-        providers: [
-            {
-                provide: tokensChildApp.CHILD_APP_INTERNAL_ROOT_STATE_ALLOWED_STORE_TOKEN,
-                multi: true,
-                useValue: [MediaStore, UserAgentStore],
-            },
-        ],
-    })
-], exports.ClientHintsChildAppModule);
+var readMedia = require('./server/readMedia.js');
+var providers = require('./shared/providers.js');
+var userAgent$1 = require('./server/userAgent.js');
+var tokens = require('./tokens.js');
+var mediaCheckers = require('./shared/stores/mediaCheckers.js');
+var mediaSelectors = require('./shared/stores/mediaSelectors.js');
+var media = require('./shared/stores/media.js');
+var userAgent = require('./shared/stores/userAgent.js');
+var module$1 = require('./child-app/module.js');
 
 exports.ClientHintsModule = class ClientHintsModule {
 };
 exports.ClientHintsModule = tslib.__decorate([
     core.Module({
         providers: [
-            ...providers,
-            ...userAgentProviders,
+            ...providers.providers,
+            ...userAgent$1.userAgentProviders,
             core.provide({
                 provide: core.commandLineListTokens.resolveUserDeps,
                 multi: true,
-                useFactory: readMediaCommand,
+                useFactory: readMedia.readMediaCommand,
                 deps: {
                     context: tokensCommon.CONTEXT_TOKEN,
                     cookieManager: tokensCookie.COOKIE_MANAGER_TOKEN,
                 },
             }),
             core.provide({
-                provide: PARSER_CLIENT_HINTS_ENABLED,
+                provide: tokens.PARSER_CLIENT_HINTS_ENABLED,
                 useValue: true,
             }),
         ],
     })
 ], exports.ClientHintsModule);
 
-exports.MediaStore = MediaStore;
-exports.PARSER_CLIENT_HINTS_ENABLED = PARSER_CLIENT_HINTS_ENABLED;
-exports.USER_AGENT_TOKEN = USER_AGENT_TOKEN;
-exports.UserAgentStore = UserAgentStore;
-exports.fromClientHints = fromClientHints;
-exports.isRetina = isRetina;
-exports.isSupposed = isSupposed;
-exports.setMedia = setMedia;
-exports.setUserAgent = setUserAgent;
-exports.useFromClientHints = useFromClientHints;
-exports.useIsRetina = useIsRetina;
-exports.useIsSupposed = useIsSupposed;
-exports.useMedia = useMedia;
+exports.PARSER_CLIENT_HINTS_ENABLED = tokens.PARSER_CLIENT_HINTS_ENABLED;
+exports.USER_AGENT_TOKEN = tokens.USER_AGENT_TOKEN;
+exports.fromClientHints = mediaCheckers.fromClientHints;
+exports.isRetina = mediaCheckers.isRetina;
+exports.isSupposed = mediaCheckers.isSupposed;
+exports.useFromClientHints = mediaSelectors.useFromClientHints;
+exports.useIsRetina = mediaSelectors.useIsRetina;
+exports.useIsSupposed = mediaSelectors.useIsSupposed;
+exports.useMedia = mediaSelectors.useMedia;
+exports.MediaStore = media.MediaStore;
+exports.setMedia = media.setMedia;
+exports.UserAgentStore = userAgent.UserAgentStore;
+exports.setUserAgent = userAgent.setUserAgent;
+Object.defineProperty(exports, 'ClientHintsChildAppModule', {
+    enumerable: true,
+    get: function () { return module$1.ClientHintsChildAppModule; }
+});

package/lib/shared/constants.browser.js

@@ -0,0 +1,3 @@
+const COOKIE_NAME_MEDIA_INFO = 'mediaInfo';
+
+export { COOKIE_NAME_MEDIA_INFO };

package/lib/shared/constants.es.js

@@ -0,0 +1,3 @@
+const COOKIE_NAME_MEDIA_INFO = 'mediaInfo';
+
+export { COOKIE_NAME_MEDIA_INFO };

package/lib/shared/constants.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const COOKIE_NAME_MEDIA_INFO = 'mediaInfo';
+
+exports.COOKIE_NAME_MEDIA_INFO = COOKIE_NAME_MEDIA_INFO;

package/lib/shared/mediaBreakpoints.browser.js

@@ -0,0 +1,5 @@
+const mediaBreakpoints = {
+    retina: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)',
+};
+
+export { mediaBreakpoints };

package/lib/shared/providers.browser.js

@@ -0,0 +1,9 @@
+import { COMBINE_REDUCERS } from '@tramvai/tokens-common';
+import { UserAgentStore } from './stores/userAgent.browser.js';
+import { MediaStore } from './stores/media.browser.js';
+
+const providers = [
+    { provide: COMBINE_REDUCERS, multi: true, useValue: [UserAgentStore, MediaStore] },
+];
+
+export { providers };

package/lib/shared/providers.es.js

@@ -0,0 +1,9 @@
+import { COMBINE_REDUCERS } from '@tramvai/tokens-common';
+import { UserAgentStore } from './stores/userAgent.es.js';
+import { MediaStore } from './stores/media.es.js';
+
+const providers = [
+    { provide: COMBINE_REDUCERS, multi: true, useValue: [UserAgentStore, MediaStore] },
+];
+
+export { providers };

package/lib/shared/providers.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tokensCommon = require('@tramvai/tokens-common');
+var userAgent = require('./stores/userAgent.js');
+var media = require('./stores/media.js');
+
+const providers = [
+    { provide: tokensCommon.COMBINE_REDUCERS, multi: true, useValue: [userAgent.UserAgentStore, media.MediaStore] },
+];
+
+exports.providers = providers;

package/lib/shared/stores/media.browser.js

@@ -0,0 +1,18 @@
+import { createEvent, createReducer } from '@tramvai/state';
+
+const setMedia = createEvent('setMedia');
+const initialState = {
+    height: 0,
+    width: 0,
+    isTouch: false,
+    retina: false,
+    synchronized: false,
+};
+const MediaStore = createReducer('media', initialState).on(setMedia, (state, media) => {
+    return {
+        ...state,
+        ...media,
+    };
+});
+
+export { MediaStore, setMedia };

package/lib/shared/stores/media.es.js

@@ -0,0 +1,18 @@
+import { createEvent, createReducer } from '@tramvai/state';
+
+const setMedia = createEvent('setMedia');
+const initialState = {
+    height: 0,
+    width: 0,
+    isTouch: false,
+    retina: false,
+    synchronized: false,
+};
+const MediaStore = createReducer('media', initialState).on(setMedia, (state, media) => {
+    return {
+        ...state,
+        ...media,
+    };
+});
+
+export { MediaStore, setMedia };

package/lib/shared/stores/media.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var state = require('@tramvai/state');
+
+const setMedia = state.createEvent('setMedia');
+const initialState = {
+    height: 0,
+    width: 0,
+    isTouch: false,
+    retina: false,
+    synchronized: false,
+};
+const MediaStore = state.createReducer('media', initialState).on(setMedia, (state, media) => {
+    return {
+        ...state,
+        ...media,
+    };
+});
+
+exports.MediaStore = MediaStore;
+exports.setMedia = setMedia;

package/lib/shared/stores/mediaCheckers.browser.js

@@ -0,0 +1,11 @@
+function fromClientHints(media) {
+    return !!media.synchronized;
+}
+function isSupposed(media) {
+    return !!media.supposed;
+}
+function isRetina(media) {
+    return !!media.retina;
+}
+
+export { fromClientHints, isRetina, isSupposed };

package/lib/shared/stores/mediaCheckers.es.js

@@ -0,0 +1,11 @@
+function fromClientHints(media) {
+    return !!media.synchronized;
+}
+function isSupposed(media) {
+    return !!media.supposed;
+}
+function isRetina(media) {
+    return !!media.retina;
+}
+
+export { fromClientHints, isRetina, isSupposed };

package/lib/shared/stores/mediaCheckers.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function fromClientHints(media) {
+    return !!media.synchronized;
+}
+function isSupposed(media) {
+    return !!media.supposed;
+}
+function isRetina(media) {
+    return !!media.retina;
+}
+
+exports.fromClientHints = fromClientHints;
+exports.isRetina = isRetina;
+exports.isSupposed = isSupposed;

package/lib/shared/stores/mediaSelectors.browser.js

@@ -0,0 +1,17 @@
+import { useSelector } from '@tramvai/state';
+import { fromClientHints, isSupposed, isRetina } from './mediaCheckers.browser.js';
+
+function useMedia() {
+    return useSelector('media', ({ media }) => media);
+}
+function useFromClientHints() {
+    return fromClientHints(useMedia());
+}
+function useIsSupposed() {
+    return isSupposed(useMedia());
+}
+function useIsRetina() {
+    return isRetina(useMedia());
+}
+
+export { useFromClientHints, useIsRetina, useIsSupposed, useMedia };

package/lib/shared/stores/mediaSelectors.es.js

@@ -0,0 +1,17 @@
+import { useSelector } from '@tramvai/state';
+import { fromClientHints, isSupposed, isRetina } from './mediaCheckers.es.js';
+
+function useMedia() {
+    return useSelector('media', ({ media }) => media);
+}
+function useFromClientHints() {
+    return fromClientHints(useMedia());
+}
+function useIsSupposed() {
+    return isSupposed(useMedia());
+}
+function useIsRetina() {
+    return isRetina(useMedia());
+}
+
+export { useFromClientHints, useIsRetina, useIsSupposed, useMedia };

package/lib/shared/stores/mediaSelectors.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var state = require('@tramvai/state');
+var mediaCheckers = require('./mediaCheckers.js');
+
+function useMedia() {
+    return state.useSelector('media', ({ media }) => media);
+}
+function useFromClientHints() {
+    return mediaCheckers.fromClientHints(useMedia());
+}
+function useIsSupposed() {
+    return mediaCheckers.isSupposed(useMedia());
+}
+function useIsRetina() {
+    return mediaCheckers.isRetina(useMedia());
+}
+
+exports.useFromClientHints = useFromClientHints;
+exports.useIsRetina = useIsRetina;
+exports.useIsSupposed = useIsSupposed;
+exports.useMedia = useMedia;

package/lib/shared/stores/userAgent.browser.js

@@ -0,0 +1,8 @@
+import { createEvent, createReducer } from '@tramvai/state';
+
+const setUserAgent = createEvent('setUserAgent');
+const UserAgentStore = createReducer('userAgent', null).on(setUserAgent, (state, userAgent) => {
+    return userAgent;
+});
+
+export { UserAgentStore, setUserAgent };

package/lib/shared/stores/userAgent.es.js

@@ -0,0 +1,8 @@
+import { createEvent, createReducer } from '@tramvai/state';
+
+const setUserAgent = createEvent('setUserAgent');
+const UserAgentStore = createReducer('userAgent', null).on(setUserAgent, (state, userAgent) => {
+    return userAgent;
+});
+
+export { UserAgentStore, setUserAgent };

package/lib/shared/stores/userAgent.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var state = require('@tramvai/state');
+
+const setUserAgent = state.createEvent('setUserAgent');
+const UserAgentStore = state.createReducer('userAgent', null).on(setUserAgent, (state, userAgent) => {
+    return userAgent;
+});
+
+exports.UserAgentStore = UserAgentStore;
+exports.setUserAgent = setUserAgent;

package/lib/tokens.browser.js

@@ -0,0 +1,6 @@
+import { createToken } from '@tinkoff/dippy';
+
+const USER_AGENT_TOKEN = createToken('userAgent');
+const PARSER_CLIENT_HINTS_ENABLED = createToken('client-hints parserClientHints enabled');
+
+export { PARSER_CLIENT_HINTS_ENABLED, USER_AGENT_TOKEN };

package/lib/tokens.es.js

@@ -0,0 +1,6 @@
+import { createToken } from '@tinkoff/dippy';
+
+const USER_AGENT_TOKEN = createToken('userAgent');
+const PARSER_CLIENT_HINTS_ENABLED = createToken('client-hints parserClientHints enabled');
+
+export { PARSER_CLIENT_HINTS_ENABLED, USER_AGENT_TOKEN };

package/lib/tokens.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dippy = require('@tinkoff/dippy');
+
+const USER_AGENT_TOKEN = dippy.createToken('userAgent');
+const PARSER_CLIENT_HINTS_ENABLED = dippy.createToken('client-hints parserClientHints enabled');
+
+exports.PARSER_CLIENT_HINTS_ENABLED = PARSER_CLIENT_HINTS_ENABLED;
+exports.USER_AGENT_TOKEN = USER_AGENT_TOKEN;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-client-hints",
-  "version": "2.70.1",
+  "version": "2.72.3",
   "description": "",
   "main": "lib/server.js",
   "module": "lib/server.es.js",
@@ -15,22 +15,21 @@
     "url": "git@github.com:Tinkoff/tramvai.git"
   },
   "scripts": {
-    "build": "tramvai-build --for-publish",
-    "watch": "tsc -w",
-    "build-for-publish": "true"
+    "build": "tramvai-build --forPublish --preserveModules",
+    "watch": "tsc -w"
   },
   "dependencies": {
-    "@tinkoff/user-agent": "0.4.176",
+    "@tinkoff/user-agent": "0.4.181",
     "@tinkoff/utils": "^2.1.2",
-    "@tramvai/safe-strings": "0.5.6",
-    "@tramvai/tokens-common": "2.70.1",
-    "@tramvai/tokens-cookie": "2.70.1",
-    "@tramvai/tokens-child-app": "2.70.1"
+    "@tramvai/safe-strings": "0.5.7",
+    "@tramvai/tokens-common": "2.72.3",
+    "@tramvai/tokens-cookie": "2.72.3",
+    "@tramvai/tokens-child-app": "2.72.3"
   },
   "peerDependencies": {
-    "@tramvai/core": "2.70.1",
-    "@tramvai/state": "2.70.1",
-    "@tinkoff/dippy": "0.8.12",
+    "@tramvai/core": "2.72.3",
+    "@tramvai/state": "2.72.3",
+    "@tinkoff/dippy": "0.8.13",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0",
     "tslib": "^2.4.0"