@tramvai/module-render 2.7.1 → 2.20.0

package/lib/browser.js

@@ -83,7 +83,7 @@ const ExecuteRenderCallback = ({ children, callback, }) => {
     return children;
 };
 const renderer = ({ element, container, callback, log }) => {
-    if (process.env.__TRAMVAI_CONCURRENT_FEATURES !== 'false' && typeof hydrateRoot === 'function') {
+    if (process.env.__TRAMVAI_CONCURRENT_FEATURES && typeof hydrateRoot === 'function') {
         const wrappedElement = createElement(ExecuteRenderCallback, { callback }, element);
         return hydrateRoot(container, wrappedElement, {
             onRecoverableError: (error, errorInfo) => {

package/lib/resourcesInliner/tokens.d.ts

@@ -5,7 +5,7 @@ import type { ResourcesInlinerType } from './resourcesInliner';
  * Инлайнер ресурсов - используется на сервере для регистрации файлов, которые должны быть вставлены
  * в итоговую html-страницу в виде ссылки на файл или заинлайнеными полностью
  */
-export declare const RESOURCE_INLINER: import("@tinkoff/dippy/lib/createToken/createToken").BaseTokenInterface<ResourcesInlinerType>;
+export declare const RESOURCE_INLINER: import("@tinkoff/dippy").BaseTokenInterface<ResourcesInlinerType>;
 export declare type ResourcesRegistryCache = {
     filesCache: Cache;
     sizeCache: Cache;
@@ -15,4 +15,4 @@ export declare type ResourcesRegistryCache = {
  * @description
  * Кэш загруженных ресурсов.
  */
-export declare const RESOURCES_REGISTRY_CACHE: import("@tinkoff/dippy/lib/createToken/createToken").BaseTokenInterface<ResourcesRegistryCache>;
+export declare const RESOURCES_REGISTRY_CACHE: import("@tinkoff/dippy").BaseTokenInterface<ResourcesRegistryCache>;

package/lib/server/PageBuilder.d.ts

@@ -9,7 +9,9 @@ export declare class PageBuilder {
     private htmlAttrs;
     private polyfillCondition;
     private modern;
-    constructor({ renderSlots, pageService, resourcesRegistry, context, reactRender, htmlPageSchema, polyfillCondition, htmlAttrs, modern, }: {
+    private renderFlowAfter;
+    private log;
+    constructor({ renderSlots, pageService, resourcesRegistry, context, reactRender, htmlPageSchema, polyfillCondition, htmlAttrs, modern, renderFlowAfter, logger, }: {
         renderSlots: any;
         pageService: any;
         resourcesRegistry: any;
@@ -19,6 +21,8 @@ export declare class PageBuilder {
         polyfillCondition: any;
         htmlAttrs: any;
         modern: any;
+        renderFlowAfter: any;
+        logger: any;
     });
     flow(): Promise<string>;
     dehydrateState(): void;

package/lib/server.es.js

@@ -5,7 +5,7 @@ import { Module, provide, commandLineListTokens, DI_TOKEN } from '@tramvai/core'
 import { COMBINE_REDUCERS, CREATE_CACHE_TOKEN, LOGGER_TOKEN, REQUEST_MANAGER_TOKEN, RESPONSE_MANAGER_TOKEN, CONTEXT_TOKEN } from '@tramvai/tokens-common';
 import { PAGE_SERVICE_TOKEN } from '@tramvai/tokens-router';
 import { ClientHintsModule, USER_AGENT_TOKEN } from '@tramvai/module-client-hints';
-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';
+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, RENDER_FLOW_AFTER_TOKEN, CUSTOM_RENDER, EXTEND_RENDER } from '@tramvai/tokens-render';
 export * from '@tramvai/tokens-render';
 import { createToken, Scope } from '@tinkoff/dippy';
 import { WEB_FASTIFY_APP_BEFORE_ERROR_TOKEN } from '@tramvai/tokens-server-private';
@@ -537,13 +537,14 @@ const formatAttributes = (htmlAttrs, target) => {
     return attrsString.trim();
 };
 
+/* eslint-disable sort-class-members/sort-class-members */
 const mapResourcesToSlots = (resources) => resources.reduce((acc, resource) => {
     const { slot } = resource;
     acc[slot] = Array.isArray(acc[slot]) ? [...acc[slot], resource] : [resource];
     return acc;
 }, {});
 class PageBuilder {
-    constructor({ renderSlots, pageService, resourcesRegistry, context, reactRender, htmlPageSchema, polyfillCondition, htmlAttrs, modern, }) {
+    constructor({ renderSlots, pageService, resourcesRegistry, context, reactRender, htmlPageSchema, polyfillCondition, htmlAttrs, modern, renderFlowAfter, logger, }) {
         this.htmlAttrs = htmlAttrs;
         this.renderSlots = flatten(renderSlots || []);
         this.pageService = pageService;
@@ -553,12 +554,17 @@ class PageBuilder {
         this.htmlPageSchema = htmlPageSchema;
         this.polyfillCondition = polyfillCondition;
         this.modern = modern;
+        this.renderFlowAfter = renderFlowAfter || [];
+        this.log = logger('page-builder');
     }
     async flow() {
         const stats = await fetchWebpackStats({ modern: this.modern });
         const extractor = new ChunkExtractor({ stats, entrypoints: [] });
         // самым первым рендерим приложение, так как нужно вытащить информацию о используемых данных компонентами
         await this.renderApp(extractor);
+        await Promise.all(this.renderFlowAfter.map((callback) => callback().catch((error) => {
+            this.log.warn({ event: 'render-flow-after-error', callback, error });
+        })));
         this.dehydrateState();
         // загружаем информацию и зависимость  для текущего бандла и странице
         await this.fetchChunksInfo(extractor);
@@ -604,6 +610,7 @@ class PageBuilder {
         });
     }
 }
+/* eslint-enable sort-class-members/sort-class-members */
 
 const { REACT_RENDER, HEAD_CORE_SCRIPTS, HEAD_DYNAMIC_SCRIPTS, HEAD_META, HEAD_POLYFILLS, HEAD_CORE_STYLES, HEAD_PERFORMANCE, HEAD_ANALYTICS, BODY_START, BODY_END, HEAD_ICONS, BODY_TAIL_ANALYTICS, BODY_TAIL, } = ResourceSlot;
 const htmlPageSchemaFactory = ({ htmlAttrs, }) => {
@@ -822,7 +829,12 @@ RenderModule = RenderModule_1 = __decorate([
                                 requestId: requestManager.getHeader('x-request-id'),
                                 url: requestManager.getUrl(),
                             };
-                            log.error({ event: 'page-render-error', error, requestInfo });
+                            log.error({
+                                event: 'send-server-error',
+                                message: 'Page render error, switch to fallback',
+                                error,
+                                requestInfo,
+                            });
                             // Assuming that there was an error when rendering the page, try to render again with ErrorBoundary
                             context.dispatch(setPageErrorEvent(error));
                             html = await htmlBuilder.flow();
@@ -862,6 +874,8 @@ RenderModule = RenderModule_1 = __decorate([
                     polyfillCondition: POLYFILL_CONDITION,
                     htmlAttrs: HTML_ATTRS,
                     modern: 'modernSatisfies',
+                    renderFlowAfter: { token: RENDER_FLOW_AFTER_TOKEN, optional: true },
+                    logger: LOGGER_TOKEN,
                 },
             }),
             provide({

package/lib/server.js

@@ -573,13 +573,14 @@ const formatAttributes = (htmlAttrs, target) => {
     return attrsString.trim();
 };
 
+/* eslint-disable sort-class-members/sort-class-members */
 const mapResourcesToSlots = (resources) => resources.reduce((acc, resource) => {
     const { slot } = resource;
     acc[slot] = Array.isArray(acc[slot]) ? [...acc[slot], resource] : [resource];
     return acc;
 }, {});
 class PageBuilder {
-    constructor({ renderSlots, pageService, resourcesRegistry, context, reactRender, htmlPageSchema, polyfillCondition, htmlAttrs, modern, }) {
+    constructor({ renderSlots, pageService, resourcesRegistry, context, reactRender, htmlPageSchema, polyfillCondition, htmlAttrs, modern, renderFlowAfter, logger, }) {
         this.htmlAttrs = htmlAttrs;
         this.renderSlots = flatten__default["default"](renderSlots || []);
         this.pageService = pageService;
@@ -589,12 +590,17 @@ class PageBuilder {
         this.htmlPageSchema = htmlPageSchema;
         this.polyfillCondition = polyfillCondition;
         this.modern = modern;
+        this.renderFlowAfter = renderFlowAfter || [];
+        this.log = logger('page-builder');
     }
     async flow() {
         const stats = await fetchWebpackStats({ modern: this.modern });
         const extractor = new server.ChunkExtractor({ stats, entrypoints: [] });
         // самым первым рендерим приложение, так как нужно вытащить информацию о используемых данных компонентами
         await this.renderApp(extractor);
+        await Promise.all(this.renderFlowAfter.map((callback) => callback().catch((error) => {
+            this.log.warn({ event: 'render-flow-after-error', callback, error });
+        })));
         this.dehydrateState();
         // загружаем информацию и зависимость  для текущего бандла и странице
         await this.fetchChunksInfo(extractor);
@@ -640,6 +646,7 @@ class PageBuilder {
         });
     }
 }
+/* eslint-enable sort-class-members/sort-class-members */
 
 const { REACT_RENDER, HEAD_CORE_SCRIPTS, HEAD_DYNAMIC_SCRIPTS, HEAD_META, HEAD_POLYFILLS, HEAD_CORE_STYLES, HEAD_PERFORMANCE, HEAD_ANALYTICS, BODY_START, BODY_END, HEAD_ICONS, BODY_TAIL_ANALYTICS, BODY_TAIL, } = tokensRender.ResourceSlot;
 const htmlPageSchemaFactory = ({ htmlAttrs, }) => {
@@ -858,7 +865,12 @@ exports.RenderModule = RenderModule_1 = tslib.__decorate([
                                 requestId: requestManager.getHeader('x-request-id'),
                                 url: requestManager.getUrl(),
                             };
-                            log.error({ event: 'page-render-error', error, requestInfo });
+                            log.error({
+                                event: 'send-server-error',
+                                message: 'Page render error, switch to fallback',
+                                error,
+                                requestInfo,
+                            });
                             // Assuming that there was an error when rendering the page, try to render again with ErrorBoundary
                             context.dispatch(setPageErrorEvent(error));
                             html = await htmlBuilder.flow();
@@ -898,6 +910,8 @@ exports.RenderModule = RenderModule_1 = tslib.__decorate([
                     polyfillCondition: tokensRender.POLYFILL_CONDITION,
                     htmlAttrs: tokensRender.HTML_ATTRS,
                     modern: 'modernSatisfies',
+                    renderFlowAfter: { token: tokensRender.RENDER_FLOW_AFTER_TOKEN, optional: true },
+                    logger: tokensCommon.LOGGER_TOKEN,
                 },
             }),
             core.provide({

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

@@ -8,6 +8,6 @@ export declare const testPageResources: (options: Options) => {
         application: string;
     };
     di: import("@tinkoff/dippy").Container;
-    runLine: (line: import("@tinkoff/dippy/lib/createToken/createToken").MultiTokenInterface<import("@tramvai/core").Command>) => Promise<any[]>;
+    runLine: (line: import("@tinkoff/dippy").MultiTokenInterface<import("@tramvai/core").Command>) => Promise<any[]>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-render",
-  "version": "2.7.1",
+  "version": "2.20.0",
   "description": "",
   "browser": "lib/browser.js",
   "main": "lib/server.js",
@@ -21,31 +21,31 @@
   },
   "dependencies": {
     "@loadable/server": "^5.15.0",
-    "@tinkoff/htmlpagebuilder": "0.4.24",
-    "@tinkoff/layout-factory": "0.2.31",
-    "@tinkoff/url": "0.7.39",
-    "@tinkoff/user-agent": "0.4.24",
-    "@tramvai/module-client-hints": "2.7.1",
-    "@tramvai/module-router": "2.7.1",
-    "@tramvai/react": "2.7.1",
-    "@tramvai/safe-strings": "0.4.5",
-    "@tramvai/tokens-render": "2.7.1",
-    "@tramvai/experiments": "2.7.1",
+    "@tinkoff/htmlpagebuilder": "0.5.2",
+    "@tinkoff/layout-factory": "0.3.2",
+    "@tinkoff/url": "0.8.2",
+    "@tinkoff/user-agent": "0.4.51",
+    "@tramvai/module-client-hints": "2.20.0",
+    "@tramvai/module-router": "2.20.0",
+    "@tramvai/react": "2.20.0",
+    "@tramvai/safe-strings": "0.5.2",
+    "@tramvai/tokens-render": "2.20.0",
+    "@tramvai/experiments": "2.20.0",
     "@types/loadable__server": "^5.12.6",
     "node-fetch": "^2.6.1"
   },
   "peerDependencies": {
-    "@tinkoff/dippy": "0.7.44",
+    "@tinkoff/dippy": "0.8.2",
     "@tinkoff/utils": "^2.1.2",
-    "@tinkoff/react-hooks": "0.0.27",
-    "@tramvai/cli": "2.7.1",
-    "@tramvai/core": "2.7.1",
-    "@tramvai/module-common": "2.7.1",
-    "@tramvai/state": "2.7.1",
-    "@tramvai/test-helpers": "2.7.1",
-    "@tramvai/tokens-common": "2.7.1",
-    "@tramvai/tokens-router": "2.7.1",
-    "@tramvai/tokens-server-private": "2.7.1",
+    "@tinkoff/react-hooks": "0.1.2",
+    "@tramvai/cli": "2.20.0",
+    "@tramvai/core": "2.20.0",
+    "@tramvai/module-common": "2.20.0",
+    "@tramvai/state": "2.20.0",
+    "@tramvai/test-helpers": "2.20.0",
+    "@tramvai/tokens-common": "2.20.0",
+    "@tramvai/tokens-router": "2.20.0",
+    "@tramvai/tokens-server-private": "2.20.0",
     "express": "^4.17.1",
     "prop-types": "^15.6.2",
     "react": ">=16.14.0",