@tramvai/module-render 4.19.3 → 4.19.4

package/lib/server/PageBuilder.es.js

@@ -57,12 +57,22 @@ class PageBuilder {
         // for streaming we need to have initial state before application scripts,
         // body end will be sent after suspended components will be resolved, but hydration will starl earlier
         const slot = this.renderMode === 'streaming' ? ResourceSlot.HEAD_DYNAMIC_SCRIPTS : ResourceSlot.BODY_END;
+        this.resourcesRegistry.register({
+            type: ResourceType.asIs,
+            slot: ResourceSlot.HEAD_PERFORMANCE,
+            payload: `<script>window.__TRAMVAI_HTML_READY_PROMISE__ = new Promise((resolve) => { window.__TRAMVAI_HTML_READY_RESOLVE__ = resolve; });</script>`,
+        });
         this.resourcesRegistry.register({
             type: ResourceType.asIs,
             slot,
             // String much better than big object, source https://v8.dev/blog/cost-of-javascript-2019#json
             payload: `<script id="__TRAMVAI_STATE__" type="application/json">${safeStringify(this.context.dehydrate().dispatcher)}</script>`,
         });
+        this.resourcesRegistry.register({
+            type: ResourceType.asIs,
+            slot,
+            payload: `<script>window.__TRAMVAI_HTML_READY__ = true; window.__TRAMVAI_HTML_READY_RESOLVE__();</script>`,
+        });
     }
     async fetchChunksInfo(extractor) {
         const { modern, renderMode } = this;

package/lib/server/PageBuilder.js

@@ -65,12 +65,22 @@ class PageBuilder {
         // for streaming we need to have initial state before application scripts,
         // body end will be sent after suspended components will be resolved, but hydration will starl earlier
         const slot = this.renderMode === 'streaming' ? tokensRender.ResourceSlot.HEAD_DYNAMIC_SCRIPTS : tokensRender.ResourceSlot.BODY_END;
+        this.resourcesRegistry.register({
+            type: tokensRender.ResourceType.asIs,
+            slot: tokensRender.ResourceSlot.HEAD_PERFORMANCE,
+            payload: `<script>window.__TRAMVAI_HTML_READY_PROMISE__ = new Promise((resolve) => { window.__TRAMVAI_HTML_READY_RESOLVE__ = resolve; });</script>`,
+        });
         this.resourcesRegistry.register({
             type: tokensRender.ResourceType.asIs,
             slot,
             // String much better than big object, source https://v8.dev/blog/cost-of-javascript-2019#json
             payload: `<script id="__TRAMVAI_STATE__" type="application/json">${safeStrings.safeStringify(this.context.dehydrate().dispatcher)}</script>`,
         });
+        this.resourcesRegistry.register({
+            type: tokensRender.ResourceType.asIs,
+            slot,
+            payload: `<script>window.__TRAMVAI_HTML_READY__ = true; window.__TRAMVAI_HTML_READY_RESOLVE__();</script>`,
+        });
     }
     async fetchChunksInfo(extractor) {
         const { modern, renderMode } = this;

package/lib/server/htmlPageSchema.es.js

@@ -25,7 +25,6 @@ const htmlPageSchemaFactory = ({ htmlAttrs, }) => {
         dynamicRender(BODY_END),
         dynamicRender(BODY_TAIL_ANALYTICS),
         dynamicRender(BODY_TAIL),
-        staticRender('<script id="__TRAMVAI_BODY_TAIL__"></script>'),
         staticRender('</body>'),
         staticRender('</html>'),
     ];

package/lib/server/htmlPageSchema.js

@@ -29,7 +29,6 @@ const htmlPageSchemaFactory = ({ htmlAttrs, }) => {
         htmlpagebuilder.dynamicRender(BODY_END),
         htmlpagebuilder.dynamicRender(BODY_TAIL_ANALYTICS),
         htmlpagebuilder.dynamicRender(BODY_TAIL),
-        htmlpagebuilder.staticRender('<script id="__TRAMVAI_BODY_TAIL__"></script>'),
         htmlpagebuilder.staticRender('</body>'),
         htmlpagebuilder.staticRender('</html>'),
     ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/module-render",
-  "version": "4.19.3",
+  "version": "4.19.4",
   "description": "",
   "browser": "lib/browser.js",
   "main": "lib/server.js",
@@ -26,13 +26,13 @@
     "@tinkoff/layout-factory": "0.5.1",
     "@tinkoff/errors": "0.5.1",
     "@tinkoff/url": "0.10.1",
-    "@tinkoff/user-agent": "0.6.61",
-    "@tramvai/module-client-hints": "4.19.3",
-    "@tramvai/module-router": "4.19.3",
-    "@tramvai/react": "4.19.3",
+    "@tinkoff/user-agent": "0.6.62",
+    "@tramvai/module-client-hints": "4.19.4",
+    "@tramvai/module-router": "4.19.4",
+    "@tramvai/react": "4.19.4",
     "@tramvai/safe-strings": "0.7.1",
-    "@tramvai/tokens-render": "4.19.3",
-    "@tramvai/experiments": "4.19.3",
+    "@tramvai/tokens-render": "4.19.4",
+    "@tramvai/experiments": "4.19.4",
     "@types/loadable__server": "^5.12.6",
     "node-fetch": "^2.6.1"
   },
@@ -40,14 +40,14 @@
     "@tinkoff/dippy": "0.10.7",
     "@tinkoff/utils": "^2.1.2",
     "@tinkoff/react-hooks": "0.3.1",
-    "@tramvai/cli": "4.19.3",
-    "@tramvai/core": "4.19.3",
-    "@tramvai/module-common": "4.19.3",
-    "@tramvai/state": "4.19.3",
-    "@tramvai/test-helpers": "4.19.3",
-    "@tramvai/tokens-common": "4.19.3",
-    "@tramvai/tokens-router": "4.19.3",
-    "@tramvai/tokens-server-private": "4.19.3",
+    "@tramvai/cli": "4.19.4",
+    "@tramvai/core": "4.19.4",
+    "@tramvai/module-common": "4.19.4",
+    "@tramvai/state": "4.19.4",
+    "@tramvai/test-helpers": "4.19.4",
+    "@tramvai/tokens-common": "4.19.4",
+    "@tramvai/tokens-router": "4.19.4",
+    "@tramvai/tokens-server-private": "4.19.4",
     "express": "^4.17.1",
     "prop-types": "^15.6.2",
     "react": ">=16.14.0",

package/tests.js

@@ -138,7 +138,6 @@ const htmlPageSchemaFactory = ({ htmlAttrs, }) => {
         htmlpagebuilder.dynamicRender(BODY_END),
         htmlpagebuilder.dynamicRender(BODY_TAIL_ANALYTICS),
         htmlpagebuilder.dynamicRender(BODY_TAIL),
-        htmlpagebuilder.staticRender('<script id="__TRAMVAI_BODY_TAIL__"></script>'),
         htmlpagebuilder.staticRender('</body>'),
         htmlpagebuilder.staticRender('</html>'),
     ];