@tramvai/module-render 1.84.2 → 1.90.1

package/lib/browser.js

@@ -1,17 +1,17 @@
 import { __decorate } from 'tslib';
 import { Module, provide, commandLineListTokens, DI_TOKEN } from '@tramvai/core';
-import { STORE_TOKEN, LOGGER_TOKEN, CONTEXT_TOKEN } from '@tramvai/module-common';
+import { COMBINE_REDUCERS, STORE_TOKEN, LOGGER_TOKEN, CONTEXT_TOKEN, INITIAL_APP_STATE_TOKEN } from '@tramvai/tokens-common';
 import { DEFAULT_LAYOUT_COMPONENT, LAYOUT_OPTIONS, DEFAULT_FOOTER_COMPONENT, DEFAULT_HEADER_COMPONENT, TRAMVAI_RENDER_MODE, RESOURCES_REGISTRY, CUSTOM_RENDER, EXTEND_RENDER, RENDERER_CALLBACK, USE_REACT_STRICT_MODE, RENDER_MODE } from '@tramvai/tokens-render';
 export * from '@tramvai/tokens-render';
 import { ROUTER_TOKEN, PAGE_SERVICE_TOKEN } from '@tramvai/tokens-router';
 import each from '@tinkoff/utils/array/each';
-import React, { PureComponent, useMemo, createElement, StrictMode } from 'react';
+import { PureComponent, useMemo, createElement, StrictMode } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { createEvent, createReducer, useStore, Provider } from '@tramvai/state';
 import { useDi, ERROR_BOUNDARY_TOKEN, ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, UniversalErrorBoundary, DIContext } from '@tramvai/react';
 import { useRoute, useUrl } from '@tramvai/module-router';
 import { useIsomorphicLayoutEffect } from '@tinkoff/react-hooks';
 import { composeLayoutOptions, createLayout } from '@tinkoff/layout-factory';
-import { COMBINE_REDUCERS } from '@tramvai/tokens-common';
 
 function serializeError(error) {
     return {
@@ -38,14 +38,12 @@ const PageErrorBoundary = (props) => {
     }, [serializedError]);
     const errorHandlers = useDi({ token: ERROR_BOUNDARY_TOKEN, optional: true });
     const fallbackFromDi = useDi({ token: ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, optional: true });
-    return (React.createElement(UniversalErrorBoundary, { url: url, error: error, errorHandlers: errorHandlers, fallback: fallback, fallbackFromDi: fallbackFromDi }, children));
+    return (jsx(UniversalErrorBoundary, Object.assign({ url: url, error: error, errorHandlers: errorHandlers, fallback: fallback, fallbackFromDi: fallbackFromDi }, { children: children }), void 0));
 };
 class RootComponent extends PureComponent {
     render() {
         const { LayoutComponent, PageComponent, HeaderComponent, FooterComponent, ErrorBoundaryComponent, } = this.props;
-        return (React.createElement(LayoutComponent, { Header: HeaderComponent, Footer: FooterComponent },
-            React.createElement(PageErrorBoundary, { fallback: ErrorBoundaryComponent },
-                React.createElement(PageComponent, null))));
+        return (jsx(LayoutComponent, Object.assign({ Header: HeaderComponent, Footer: FooterComponent }, { children: jsx(PageErrorBoundary, Object.assign({ fallback: ErrorBoundaryComponent }, { children: jsx(PageComponent, {}, void 0) }), void 0) }), void 0));
     }
 }
 const Root = ({ pageService }) => {
@@ -63,35 +61,44 @@ const Root = ({ pageService }) => {
     const HeaderComponent = pageService.resolveComponentFromConfig('header');
     const FooterComponent = pageService.resolveComponentFromConfig('footer');
     const ErrorBoundaryComponent = pageService.resolveComponentFromConfig('errorBoundary');
-    return (React.createElement(RootComponent, { HeaderComponent: HeaderComponent, FooterComponent: FooterComponent, LayoutComponent: LayoutComponent, PageComponent: PageComponent, ErrorBoundaryComponent: ErrorBoundaryComponent }));
+    return (jsx(RootComponent, { HeaderComponent: HeaderComponent, FooterComponent: FooterComponent, LayoutComponent: LayoutComponent, PageComponent: PageComponent, ErrorBoundaryComponent: ErrorBoundaryComponent }, void 0));
 };
 
-function renderReact({ pageService, di }, context) {
-    return (React.createElement(Provider, { context: context },
-        React.createElement(DIContext.Provider, { value: di },
-            React.createElement(Root, { pageService: pageService }))));
+function renderReact({ pageService, di, initialState }, context) {
+    return (jsx(Provider, Object.assign({ context: context, serverState: initialState === null || initialState === void 0 ? void 0 : initialState.stores }, { children: jsx(DIContext.Provider, Object.assign({ value: di }, { children: jsx(Root, { pageService: pageService }, void 0) }), void 0) }), void 0));
 }
 
-const ExecuteRenderCallback = ({ children, callback }) => {
+let hydrateRoot;
+try {
+    // eslint-disable-next-line import/no-unresolved, import/extensions
+    hydrateRoot = require('react-dom/client').hydrateRoot;
+}
+catch { }
+const ExecuteRenderCallback = ({ children, callback, }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useIsomorphicLayoutEffect(callback, []);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return children;
 };
-const renderer = ({ element, container, callback }) => {
-    if (process.env.__TRAMVAI_CONCURRENT_FEATURES) {
+const renderer = ({ element, container, callback, log }) => {
+    if (process.env.__TRAMVAI_CONCURRENT_FEATURES !== 'false' && typeof hydrateRoot === 'function') {
         const wrappedElement = createElement(ExecuteRenderCallback, { callback }, element);
-        // eslint-disable-next-line import/no-unresolved, import/extensions
-        const { hydrateRoot } = require('react-dom/client');
-        return hydrateRoot(container, wrappedElement);
+        return hydrateRoot(container, wrappedElement, {
+            onRecoverableError: (error) => {
+                log.error({
+                    error,
+                    event: 'hydrate:recover-after-error',
+                });
+            },
+        });
     }
     const { hydrate } = require('react-dom');
     return hydrate(element, container, callback);
 };
 
-function rendering({ pageService, log, consumerContext, customRender, extendRender, di, useStrictMode, rendererCallback, }) {
+function rendering({ pageService, log, consumerContext, customRender, extendRender, di, useStrictMode, rendererCallback, initialState, }) {
     return new Promise((resolve, reject) => {
-        let renderResult = renderReact({ pageService, di }, consumerContext);
+        let renderResult = renderReact({ pageService, di, initialState }, consumerContext);
         if (extendRender) {
             each((render) => {
                 renderResult = render(renderResult);
@@ -245,6 +252,7 @@ RenderModule = RenderModule_1 = __decorate([
                     consumerContext: CONTEXT_TOKEN,
                     di: DI_TOKEN,
                     useStrictMode: USE_REACT_STRICT_MODE,
+                    initialState: INITIAL_APP_STATE_TOKEN,
                 },
                 multi: true,
             }),

package/lib/client/index.d.ts

@@ -1,6 +1,7 @@
 import type { EXTEND_RENDER, RENDERER_CALLBACK, USE_REACT_STRICT_MODE } from '@tramvai/tokens-render';
 import type { PAGE_SERVICE_TOKEN } from '@tramvai/tokens-router';
-export declare function rendering({ pageService, log, consumerContext, customRender, extendRender, di, useStrictMode, rendererCallback, }: {
+import type { INITIAL_APP_STATE_TOKEN } from '@tramvai/tokens-common';
+export declare function rendering({ pageService, log, consumerContext, customRender, extendRender, di, useStrictMode, rendererCallback, initialState, }: {
     pageService: typeof PAGE_SERVICE_TOKEN;
     log: any;
     consumerContext: any;
@@ -9,4 +10,5 @@ export declare function rendering({ pageService, log, consumerContext, customRen
     di: any;
     useStrictMode: typeof USE_REACT_STRICT_MODE;
     rendererCallback?: typeof RENDERER_CALLBACK;
+    initialState?: typeof INITIAL_APP_STATE_TOKEN;
 }): Promise<void>;

package/lib/react/index.d.ts

@@ -1,4 +1,5 @@
-export declare function renderReact({ pageService, di }: {
+export declare function renderReact({ pageService, di, initialState }: {
     pageService: any;
     di: any;
+    initialState: any;
 }, context: any): JSX.Element;

package/lib/resourcesInliner/resourcesInliner.d.ts

@@ -7,11 +7,13 @@ export interface ResourcesInlinerType {
 export declare class ResourcesInliner implements ResourcesInlinerType {
     private resourceInlineThreshold?;
     private resourcesRegistryCache;
+    private log;
     private scheduleFileLoad;
     private scheduleFileSizeLoad;
-    constructor({ resourcesRegistryCache, resourceInlineThreshold }: {
+    constructor({ resourcesRegistryCache, resourceInlineThreshold, logger }: {
         resourcesRegistryCache: any;
         resourceInlineThreshold: any;
+        logger: any;
     });
     shouldAddResource(resource: PageResource): boolean;
     shouldInline(resource: PageResource): boolean;

package/lib/server.es.js

@@ -1,5 +1,5 @@
 import { __decorate } from 'tslib';
-import React, { PureComponent, useMemo, createElement } from 'react';
+import { PureComponent, useMemo, createElement } from 'react';
 import { renderToString } from 'react-dom/server';
 import { Module, provide, commandLineListTokens, DI_TOKEN } from '@tramvai/core';
 import { CREATE_CACHE_TOKEN, LOGGER_TOKEN, REQUEST_MANAGER_TOKEN, RESPONSE_MANAGER_TOKEN, CONTEXT_TOKEN } from '@tramvai/module-common';
@@ -8,7 +8,7 @@ import { ClientHintsModule, USER_AGENT_TOKEN } from '@tramvai/module-client-hint
 import { ResourceType, ResourceSlot, DEFAULT_LAYOUT_COMPONENT, LAYOUT_OPTIONS, DEFAULT_FOOTER_COMPONENT, DEFAULT_HEADER_COMPONENT, TRAMVAI_RENDER_MODE, RESOURCES_REGISTRY, RESOURCE_INLINE_OPTIONS, RENDER_SLOTS, POLYFILL_CONDITION, HTML_ATTRS, CUSTOM_RENDER, EXTEND_RENDER } from '@tramvai/tokens-render';
 export * from '@tramvai/tokens-render';
 import { createToken, Scope } from '@tinkoff/dippy';
-import { WEB_APP_AFTER_INIT_TOKEN } from '@tramvai/tokens-server';
+import { WEB_FASTIFY_APP_BEFORE_ERROR_TOKEN } from '@tramvai/tokens-server-private';
 import { useDi, ERROR_BOUNDARY_TOKEN, ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, UniversalErrorBoundary, DIContext, ROOT_ERROR_BOUNDARY_COMPONENT_TOKEN } from '@tramvai/react';
 import { resolve, isAbsoluteUrl as isAbsoluteUrl$1, parse } from '@tinkoff/url';
 import { satisfies } from '@tinkoff/user-agent';
@@ -29,6 +29,7 @@ import * as path from 'path';
 import each from '@tinkoff/utils/array/each';
 import path$1 from '@tinkoff/utils/object/path';
 import { o as onload } from './server_inline.inline.es.js';
+import { jsx } from 'react/jsx-runtime';
 import { createEvent, createReducer, useStore, Provider } from '@tramvai/state';
 import { useRoute, useUrl } from '@tramvai/module-router';
 import { composeLayoutOptions, createLayout } from '@tinkoff/layout-factory';
@@ -93,7 +94,7 @@ const getResourceUrl = (resource) => {
         : resource.payload;
 };
 class ResourcesInliner {
-    constructor({ resourcesRegistryCache, resourceInlineThreshold }) {
+    constructor({ resourcesRegistryCache, resourceInlineThreshold, logger }) {
         this.scheduleFileLoad = (resource, resourceInlineThreshold) => {
             const url = getResourceUrl(resource);
             const requestKey = `file${url}`;
@@ -115,6 +116,13 @@ class ResourcesInliner {
                         this.resourcesRegistryCache.filesCache.set(url, processFile(resource, file));
                     }
                     this.resourcesRegistryCache.sizeCache.set(url, size);
+                })
+                    .catch((error) => {
+                    this.log.warn({
+                        event: 'file-load-failed',
+                        url,
+                        error,
+                    });
                 })
                     .finally(() => {
                     this.resourcesRegistryCache.requestsCache.set(requestKey, undefined);
@@ -139,6 +147,13 @@ class ResourcesInliner {
                     if (size < resourceInlineThreshold) {
                         this.scheduleFileLoad(resource, resourceInlineThreshold);
                     }
+                })
+                    .catch((error) => {
+                    this.log.warn({
+                        event: 'file-content-length-load-failed',
+                        url,
+                        error,
+                    });
                 })
                     .finally(() => {
                     this.resourcesRegistryCache.requestsCache.set(requestKey, undefined);
@@ -148,6 +163,7 @@ class ResourcesInliner {
         };
         this.resourcesRegistryCache = resourcesRegistryCache;
         this.resourceInlineThreshold = resourceInlineThreshold;
+        this.log = logger('resources-inliner');
     }
     // Метод проверки, стоит ли добавлять preload-ресурс
     shouldAddResource(resource) {
@@ -625,14 +641,12 @@ const PageErrorBoundary = (props) => {
     }, [serializedError]);
     const errorHandlers = useDi({ token: ERROR_BOUNDARY_TOKEN, optional: true });
     const fallbackFromDi = useDi({ token: ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, optional: true });
-    return (React.createElement(UniversalErrorBoundary, { url: url, error: error, errorHandlers: errorHandlers, fallback: fallback, fallbackFromDi: fallbackFromDi }, children));
+    return (jsx(UniversalErrorBoundary, Object.assign({ url: url, error: error, errorHandlers: errorHandlers, fallback: fallback, fallbackFromDi: fallbackFromDi }, { children: children }), void 0));
 };
 class RootComponent extends PureComponent {
     render() {
         const { LayoutComponent, PageComponent, HeaderComponent, FooterComponent, ErrorBoundaryComponent, } = this.props;
-        return (React.createElement(LayoutComponent, { Header: HeaderComponent, Footer: FooterComponent },
-            React.createElement(PageErrorBoundary, { fallback: ErrorBoundaryComponent },
-                React.createElement(PageComponent, null))));
+        return (jsx(LayoutComponent, Object.assign({ Header: HeaderComponent, Footer: FooterComponent }, { children: jsx(PageErrorBoundary, Object.assign({ fallback: ErrorBoundaryComponent }, { children: jsx(PageComponent, {}, void 0) }), void 0) }), void 0));
     }
 }
 const Root = ({ pageService }) => {
@@ -650,13 +664,11 @@ const Root = ({ pageService }) => {
     const HeaderComponent = pageService.resolveComponentFromConfig('header');
     const FooterComponent = pageService.resolveComponentFromConfig('footer');
     const ErrorBoundaryComponent = pageService.resolveComponentFromConfig('errorBoundary');
-    return (React.createElement(RootComponent, { HeaderComponent: HeaderComponent, FooterComponent: FooterComponent, LayoutComponent: LayoutComponent, PageComponent: PageComponent, ErrorBoundaryComponent: ErrorBoundaryComponent }));
+    return (jsx(RootComponent, { HeaderComponent: HeaderComponent, FooterComponent: FooterComponent, LayoutComponent: LayoutComponent, PageComponent: PageComponent, ErrorBoundaryComponent: ErrorBoundaryComponent }, void 0));
 };
 
-function renderReact({ pageService, di }, context) {
-    return (React.createElement(Provider, { context: context },
-        React.createElement(DIContext.Provider, { value: di },
-            React.createElement(Root, { pageService: pageService }))));
+function renderReact({ pageService, di, initialState }, context) {
+    return (jsx(Provider, Object.assign({ context: context, serverState: initialState === null || initialState === void 0 ? void 0 : initialState.stores }, { children: jsx(DIContext.Provider, Object.assign({ value: di }, { children: jsx(Root, { pageService: pageService }, void 0) }), void 0) }), void 0));
 }
 
 class ReactRenderServer {
@@ -669,7 +681,7 @@ class ReactRenderServer {
     }
     render(extractor) {
         var _a;
-        let renderResult = renderReact({ pageService: this.pageService, di: this.di }, this.context);
+        let renderResult = renderReact({ pageService: this.pageService, di: this.di, initialState: null }, this.context);
         each((render) => {
             renderResult = render(renderResult);
         }, (_a = this.extendRender) !== null && _a !== void 0 ? _a : []);
@@ -773,6 +785,7 @@ RenderModule = RenderModule_1 = __decorate([
                 deps: {
                     resourcesRegistryCache: RESOURCES_REGISTRY_CACHE,
                     resourceInlineThreshold: { token: RESOURCE_INLINE_OPTIONS, optional: true },
+                    logger: LOGGER_TOKEN,
                 },
             }),
             provide({
@@ -884,30 +897,27 @@ RenderModule = RenderModule_1 = __decorate([
                 },
             }),
             provide({
-                provide: WEB_APP_AFTER_INIT_TOKEN,
+                provide: WEB_FASTIFY_APP_BEFORE_ERROR_TOKEN,
                 multi: true,
-                useFactory: ({ RootErrorBoundary, logger }) => {
+                useFactory: ({ RootErrorBoundary, logger, }) => {
                     const log = logger('module-render:error-handler');
-                    return (app) => {
-                        app.use((err, req, res, next) => {
-                            if (!RootErrorBoundary) {
-                                return next(err);
-                            }
-                            let body;
-                            try {
-                                log.info({ event: 'render-root-boundary' });
-                                body = renderToString(createElement(RootErrorBoundary, { error: err, url: parse(req.url) }));
-                                res.status(err.httpStatus || err.status || 500);
-                                res.setHeader('Content-Type', 'text/html; charset=utf-8');
-                                res.setHeader('Content-Length', Buffer.byteLength(body, 'utf8'));
-                                res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
-                                return res.send(body);
-                            }
-                            catch (e) {
-                                log.warn({ event: 'render-root-boundary-error', error: e });
-                                return next(err);
-                            }
-                        });
+                    return (error, request, reply) => {
+                        if (!RootErrorBoundary) {
+                            return;
+                        }
+                        let body;
+                        try {
+                            log.info({ event: 'render-root-boundary' });
+                            body = renderToString(createElement(RootErrorBoundary, { error, url: parse(request.url) }));
+                            reply.status(error.httpStatus || error.status || 500);
+                            reply.header('Content-Type', 'text/html; charset=utf-8');
+                            reply.header('Content-Length', Buffer.byteLength(body, 'utf8'));
+                            reply.header('Cache-Control', 'no-cache, no-store, must-revalidate');
+                            return body;
+                        }
+                        catch (e) {
+                            log.warn({ event: 'render-root-boundary-error', error: e });
+                        }
                     };
                 },
                 deps: {

package/lib/server.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+var react = require('react');
 var server$1 = require('react-dom/server');
 var core = require('@tramvai/core');
 var moduleCommon = require('@tramvai/module-common');
@@ -11,8 +11,8 @@ var tokensRouter = require('@tramvai/tokens-router');
 var moduleClientHints = require('@tramvai/module-client-hints');
 var tokensRender = require('@tramvai/tokens-render');
 var dippy = require('@tinkoff/dippy');
-var tokensServer = require('@tramvai/tokens-server');
-var react = require('@tramvai/react');
+var tokensServerPrivate = require('@tramvai/tokens-server-private');
+var react$1 = require('@tramvai/react');
 var url = require('@tinkoff/url');
 var userAgent = require('@tinkoff/user-agent');
 var isUndefined = require('@tinkoff/utils/is/undefined');
@@ -32,6 +32,7 @@ var path = require('path');
 var each = require('@tinkoff/utils/array/each');
 var path$1 = require('@tinkoff/utils/object/path');
 var inline_inline = require('./server_inline.inline.js');
+var jsxRuntime = require('react/jsx-runtime');
 var state = require('@tramvai/state');
 var moduleRouter = require('@tramvai/module-router');
 var layoutFactory = require('@tinkoff/layout-factory');
@@ -57,7 +58,6 @@ function _interopNamespace(e) {
     return n;
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var isUndefined__default = /*#__PURE__*/_interopDefaultLegacy(isUndefined);
 var isEmpty__default = /*#__PURE__*/_interopDefaultLegacy(isEmpty);
 var fetch__default = /*#__PURE__*/_interopDefaultLegacy(fetch);
@@ -130,7 +130,7 @@ const getResourceUrl = (resource) => {
         : resource.payload;
 };
 class ResourcesInliner {
-    constructor({ resourcesRegistryCache, resourceInlineThreshold }) {
+    constructor({ resourcesRegistryCache, resourceInlineThreshold, logger }) {
         this.scheduleFileLoad = (resource, resourceInlineThreshold) => {
             const url = getResourceUrl(resource);
             const requestKey = `file${url}`;
@@ -152,6 +152,13 @@ class ResourcesInliner {
                         this.resourcesRegistryCache.filesCache.set(url, processFile(resource, file));
                     }
                     this.resourcesRegistryCache.sizeCache.set(url, size);
+                })
+                    .catch((error) => {
+                    this.log.warn({
+                        event: 'file-load-failed',
+                        url,
+                        error,
+                    });
                 })
                     .finally(() => {
                     this.resourcesRegistryCache.requestsCache.set(requestKey, undefined);
@@ -176,6 +183,13 @@ class ResourcesInliner {
                     if (size < resourceInlineThreshold) {
                         this.scheduleFileLoad(resource, resourceInlineThreshold);
                     }
+                })
+                    .catch((error) => {
+                    this.log.warn({
+                        event: 'file-content-length-load-failed',
+                        url,
+                        error,
+                    });
                 })
                     .finally(() => {
                     this.resourcesRegistryCache.requestsCache.set(requestKey, undefined);
@@ -185,6 +199,7 @@ class ResourcesInliner {
         };
         this.resourcesRegistryCache = resourcesRegistryCache;
         this.resourceInlineThreshold = resourceInlineThreshold;
+        this.log = logger('resources-inliner');
     }
     // Метод проверки, стоит ли добавлять preload-ресурс
     shouldAddResource(resource) {
@@ -657,19 +672,17 @@ const PageErrorBoundary = (props) => {
     const { children, fallback } = props;
     const url = moduleRouter.useUrl();
     const serializedError = state.useStore(PageErrorStore);
-    const error = React.useMemo(() => {
+    const error = react.useMemo(() => {
         return serializedError && deserializeError(serializedError);
     }, [serializedError]);
-    const errorHandlers = react.useDi({ token: react.ERROR_BOUNDARY_TOKEN, optional: true });
-    const fallbackFromDi = react.useDi({ token: react.ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, optional: true });
-    return (React__default["default"].createElement(react.UniversalErrorBoundary, { url: url, error: error, errorHandlers: errorHandlers, fallback: fallback, fallbackFromDi: fallbackFromDi }, children));
+    const errorHandlers = react$1.useDi({ token: react$1.ERROR_BOUNDARY_TOKEN, optional: true });
+    const fallbackFromDi = react$1.useDi({ token: react$1.ERROR_BOUNDARY_FALLBACK_COMPONENT_TOKEN, optional: true });
+    return (jsxRuntime.jsx(react$1.UniversalErrorBoundary, Object.assign({ url: url, error: error, errorHandlers: errorHandlers, fallback: fallback, fallbackFromDi: fallbackFromDi }, { children: children }), void 0));
 };
-class RootComponent extends React.PureComponent {
+class RootComponent extends react.PureComponent {
     render() {
         const { LayoutComponent, PageComponent, HeaderComponent, FooterComponent, ErrorBoundaryComponent, } = this.props;
-        return (React__default["default"].createElement(LayoutComponent, { Header: HeaderComponent, Footer: FooterComponent },
-            React__default["default"].createElement(PageErrorBoundary, { fallback: ErrorBoundaryComponent },
-                React__default["default"].createElement(PageComponent, null))));
+        return (jsxRuntime.jsx(LayoutComponent, Object.assign({ Header: HeaderComponent, Footer: FooterComponent }, { children: jsxRuntime.jsx(PageErrorBoundary, Object.assign({ fallback: ErrorBoundaryComponent }, { children: jsxRuntime.jsx(PageComponent, {}, void 0) }), void 0) }), void 0));
     }
 }
 const Root = ({ pageService }) => {
@@ -687,13 +700,11 @@ const Root = ({ pageService }) => {
     const HeaderComponent = pageService.resolveComponentFromConfig('header');
     const FooterComponent = pageService.resolveComponentFromConfig('footer');
     const ErrorBoundaryComponent = pageService.resolveComponentFromConfig('errorBoundary');
-    return (React__default["default"].createElement(RootComponent, { HeaderComponent: HeaderComponent, FooterComponent: FooterComponent, LayoutComponent: LayoutComponent, PageComponent: PageComponent, ErrorBoundaryComponent: ErrorBoundaryComponent }));
+    return (jsxRuntime.jsx(RootComponent, { HeaderComponent: HeaderComponent, FooterComponent: FooterComponent, LayoutComponent: LayoutComponent, PageComponent: PageComponent, ErrorBoundaryComponent: ErrorBoundaryComponent }, void 0));
 };
 
-function renderReact({ pageService, di }, context) {
-    return (React__default["default"].createElement(state.Provider, { context: context },
-        React__default["default"].createElement(react.DIContext.Provider, { value: di },
-            React__default["default"].createElement(Root, { pageService: pageService }))));
+function renderReact({ pageService, di, initialState }, context) {
+    return (jsxRuntime.jsx(state.Provider, Object.assign({ context: context, serverState: initialState === null || initialState === void 0 ? void 0 : initialState.stores }, { children: jsxRuntime.jsx(react$1.DIContext.Provider, Object.assign({ value: di }, { children: jsxRuntime.jsx(Root, { pageService: pageService }, void 0) }), void 0) }), void 0));
 }
 
 class ReactRenderServer {
@@ -706,7 +717,7 @@ class ReactRenderServer {
     }
     render(extractor) {
         var _a;
-        let renderResult = renderReact({ pageService: this.pageService, di: this.di }, this.context);
+        let renderResult = renderReact({ pageService: this.pageService, di: this.di, initialState: null }, this.context);
         each__default["default"]((render) => {
             renderResult = render(renderResult);
         }, (_a = this.extendRender) !== null && _a !== void 0 ? _a : []);
@@ -810,6 +821,7 @@ exports.RenderModule = RenderModule_1 = tslib.__decorate([
                 deps: {
                     resourcesRegistryCache: RESOURCES_REGISTRY_CACHE,
                     resourceInlineThreshold: { token: tokensRender.RESOURCE_INLINE_OPTIONS, optional: true },
+                    logger: moduleCommon.LOGGER_TOKEN,
                 },
             }),
             core.provide({
@@ -921,34 +933,31 @@ exports.RenderModule = RenderModule_1 = tslib.__decorate([
                 },
             }),
             core.provide({
-                provide: tokensServer.WEB_APP_AFTER_INIT_TOKEN,
+                provide: tokensServerPrivate.WEB_FASTIFY_APP_BEFORE_ERROR_TOKEN,
                 multi: true,
-                useFactory: ({ RootErrorBoundary, logger }) => {
+                useFactory: ({ RootErrorBoundary, logger, }) => {
                     const log = logger('module-render:error-handler');
-                    return (app) => {
-                        app.use((err, req, res, next) => {
-                            if (!RootErrorBoundary) {
-                                return next(err);
-                            }
-                            let body;
-                            try {
-                                log.info({ event: 'render-root-boundary' });
-                                body = server$1.renderToString(React.createElement(RootErrorBoundary, { error: err, url: url.parse(req.url) }));
-                                res.status(err.httpStatus || err.status || 500);
-                                res.setHeader('Content-Type', 'text/html; charset=utf-8');
-                                res.setHeader('Content-Length', Buffer.byteLength(body, 'utf8'));
-                                res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
-                                return res.send(body);
-                            }
-                            catch (e) {
-                                log.warn({ event: 'render-root-boundary-error', error: e });
-                                return next(err);
-                            }
-                        });
+                    return (error, request, reply) => {
+                        if (!RootErrorBoundary) {
+                            return;
+                        }
+                        let body;
+                        try {
+                            log.info({ event: 'render-root-boundary' });
+                            body = server$1.renderToString(react.createElement(RootErrorBoundary, { error, url: url.parse(request.url) }));
+                            reply.status(error.httpStatus || error.status || 500);
+                            reply.header('Content-Type', 'text/html; charset=utf-8');
+                            reply.header('Content-Length', Buffer.byteLength(body, 'utf8'));
+                            reply.header('Cache-Control', 'no-cache, no-store, must-revalidate');
+                            return body;
+                        }
+                        catch (e) {
+                            log.warn({ event: 'render-root-boundary-error', error: e });
+                        }
                     };
                 },
                 deps: {
-                    RootErrorBoundary: { token: react.ROOT_ERROR_BOUNDARY_COMPONENT_TOKEN, optional: true },
+                    RootErrorBoundary: { token: react$1.ROOT_ERROR_BOUNDARY_COMPONENT_TOKEN, optional: true },
                     logger: moduleCommon.LOGGER_TOKEN,
                 },
             }),

package/lib/test/unit/resources.d.ts

@@ -3,8 +3,8 @@ declare type Options = Parameters<typeof getDiWrapper>[0];
 export declare const testPageResources: (options: Options) => {
     render: () => {
         parsed: import("node-html-parser").HTMLElement;
-        head: string;
         body: string;
+        head: string;
         application: string;
     };
     di: import("@tinkoff/dippy").Container;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-render",
-  "version": "1.84.2",
+  "version": "1.90.1",
   "description": "",
   "browser": "lib/browser.js",
   "main": "lib/server.js",
@@ -24,13 +24,13 @@
     "@tinkoff/htmlpagebuilder": "0.4.22",
     "@tinkoff/layout-factory": "0.2.28",
     "@tinkoff/url": "0.7.37",
-    "@tinkoff/user-agent": "0.3.289",
-    "@tramvai/module-client-hints": "1.84.2",
-    "@tramvai/module-router": "1.84.2",
-    "@tramvai/react": "1.84.2",
+    "@tinkoff/user-agent": "0.3.302",
+    "@tramvai/module-client-hints": "1.90.1",
+    "@tramvai/module-router": "1.90.1",
+    "@tramvai/react": "1.90.1",
     "@tramvai/safe-strings": "0.4.3",
-    "@tramvai/tokens-render": "1.84.2",
-    "@tramvai/experiments": "1.84.2",
+    "@tramvai/tokens-render": "1.90.1",
+    "@tramvai/experiments": "1.90.1",
     "@types/loadable__server": "^5.12.6",
     "node-fetch": "^2.6.1"
   },
@@ -38,23 +38,21 @@
     "@tinkoff/dippy": "0.7.39",
     "@tinkoff/utils": "^2.1.2",
     "@tinkoff/react-hooks": "0.0.24",
-    "@tramvai/cli": "1.84.2",
-    "@tramvai/core": "1.84.2",
-    "@tramvai/module-common": "1.84.2",
-    "@tramvai/state": "1.84.2",
-    "@tramvai/test-helpers": "1.84.2",
-    "@tramvai/tokens-common": "1.84.2",
-    "@tramvai/tokens-router": "1.84.2",
-    "@tramvai/tokens-server": "1.84.2",
+    "@tramvai/cli": "1.90.1",
+    "@tramvai/core": "1.90.1",
+    "@tramvai/module-common": "1.90.1",
+    "@tramvai/state": "1.90.1",
+    "@tramvai/test-helpers": "1.90.1",
+    "@tramvai/tokens-common": "1.90.1",
+    "@tramvai/tokens-router": "1.90.1",
+    "@tramvai/tokens-server-private": "1.90.1",
     "express": "^4.17.1",
     "prop-types": "^15.6.2",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "tslib": "^2.0.3"
   },
-  "devDependencies": {
-    "@types/express": "^4.17.9"
-  },
+  "devDependencies": {},
   "gitHead": "8e826a214c87b188fc4d254cdd8f2a2b2c55f3a8",
   "module": "lib/server.es.js",
   "license": "Apache-2.0"