@teambit/ui 0.0.802 → 0.0.803

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui",
-  "version": "0.0.802",
+  "version": "0.0.803",
   "homepage": "https://bit.dev/teambit/ui-foundation/ui",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui",
-    "version": "0.0.802"
+    "version": "0.0.803"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -18,8 +18,6 @@
     "webpack": "5.51.1",
     "chalk": "2.4.2",
     "fs-extra": "10.0.0",
-    "lodash.compact": "3.0.1",
-    "webpack-merge": "5.8.0",
     "postcss-preset-env": "6.7.0",
     "mini-css-extract-plugin": "2.2.2",
     "webpack-manifest-plugin": "4.0.2",
@@ -27,6 +25,7 @@
     "css-minimizer-webpack-plugin": "3.0.2",
     "html-webpack-plugin": "5.3.2",
     "terser-webpack-plugin": "5.2.0",
+    "webpack-merge": "5.8.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.4",
     "path-browserify": "1.0.1",
     "less-loader": "8.0.0",
@@ -46,34 +45,33 @@
     "source-map-loader": "3.0.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
+    "@teambit/react.rendering.ssr": "0.0.3",
     "@teambit/harmony": "0.3.3",
-    "@teambit/base-ui.utils.composer": "1.0.0",
     "@teambit/base-ui.loaders.loader-ribbon": "1.0.0",
     "@teambit/base-ui.theme.fonts.roboto": "1.0.0",
     "@teambit/base-ui.theme.theme-provider": "1.0.1",
-    "@teambit/aspect-loader": "0.0.802",
+    "@teambit/aspect-loader": "0.0.803",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.483",
     "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.488",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/cli": "0.0.534",
-    "@teambit/logger": "0.0.627",
+    "@teambit/cli": "0.0.535",
+    "@teambit/logger": "0.0.628",
     "@teambit/ui-foundation.cli.ui-server-console": "0.0.491",
-    "@teambit/bundler": "0.0.802",
-    "@teambit/component": "0.0.802",
-    "@teambit/express": "0.0.632",
-    "@teambit/graphql": "0.0.802",
+    "@teambit/bundler": "0.0.803",
+    "@teambit/component": "0.0.803",
+    "@teambit/express": "0.0.633",
+    "@teambit/graphql": "0.0.803",
     "@teambit/toolbox.network.get-port": "0.0.113",
-    "@teambit/aspect": "0.0.802",
-    "@teambit/cache": "0.0.627",
-    "@teambit/pubsub": "0.0.802",
-    "@teambit/react-router": "0.0.802",
-    "@teambit/ui-foundation.ui.rendering.html": "0.0.69",
+    "@teambit/aspect": "0.0.803",
+    "@teambit/cache": "0.0.628",
+    "@teambit/pubsub": "0.0.803",
+    "@teambit/react-router": "0.0.803",
     "@teambit/design.theme.icons-font": "2.0.8",
     "@teambit/design.ui.tooltip": "0.0.352",
     "@teambit/ui-foundation.ui.global-loader": "0.0.487",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.103",
     "@teambit/webpack.modules.style-regexps": "0.0.132",
-    "@teambit/webpack": "0.0.802"
+    "@teambit/webpack": "0.0.803"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
@@ -83,19 +81,18 @@
     "@types/express": "4.17.13",
     "@types/webpack": "5.28.0",
     "@types/fs-extra": "9.0.7",
-    "@types/lodash.compact": "3.0.6",
-    "@types/react-dom": "^17.0.5",
     "@types/mini-css-extract-plugin": "2.2.0",
     "@types/postcss-normalize": "9.0.1",
     "@types/node": "12.20.4",
     "@types/mocha": "9.1.0",
     "@types/testing-library__jest-dom": "5.9.5",
-    "@types/jest": "^26.0.0"
+    "@types/jest": "^26.0.0",
+    "@types/react-dom": "^17.0.5"
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
     "react-router-dom": "^6.0.0",
-    "@teambit/legacy": "1.0.316",
+    "@teambit/legacy": "1.0.317",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1659151732866.js → preview-1659271062546.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.802/dist/ui.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.802/dist/ui.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.803/dist/ui.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.ui-foundation_ui@0.0.803/dist/ui.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/ssr-middleware/ssr-middleware.ts

@@ -1,10 +1,9 @@
-import type { Assets } from '@teambit/ui-foundation.ui.rendering.html';
-import { Request, Response, NextFunction } from 'express';
+import { browserFromExpress } from '@teambit/react.rendering.ssr';
+import type { HtmlAssets, SsrSession } from '@teambit/react.rendering.ssr';
+import type { Logger } from '@teambit/logger';
+import type { Request, Response, NextFunction } from 'express';
 import path from 'path';
 import * as fs from 'fs-extra';
-import type { Logger } from '@teambit/logger';
-import type { SsrContent } from '../react-ssr';
-import { extractBrowserData } from './extract-browser-data';
 
 const denyList = /^\/favicon.ico$/;
 
@@ -27,10 +26,10 @@ export async function createSsrMiddleware({ root, port, title, logger }: ssrRend
   const { render } = runtime;
   const assets = { ...runtime.assets, title };
 
-  return async function serverRenderMiddleware(req: Request, res: Response, next: NextFunction) {
-    const { query, url } = req;
+  return async function serverRenderMiddleware(request: Request, response: Response, next: NextFunction) {
+    const { query, url } = request;
 
-    const browser = extractBrowserData(req, port);
+    const browser = browserFromExpress(request, port);
 
     if (denyList.test(url)) {
       logger.debug(`[ssr] skipping static denyList file ${url}`);
@@ -44,14 +43,14 @@ export async function createSsrMiddleware({ root, port, title, logger }: ssrRend
       return;
     }
 
-    logger.debug(`[ssr] ${req.method} ${url}`);
-    const server = { port, request: req, response: res };
-    const props: SsrContent = { assets, browser, server };
+    logger.debug(`[ssr] ${request.method} ${url}`);
+    const server = { port, request, response };
+    const props: SsrSession = { assets, browser, request, response, server };
 
     try {
       const rendered = await render(props);
-      res.set('Cache-Control', 'no-cache');
-      res.send(rendered);
+      response.set('Cache-Control', 'no-cache');
+      response.send(rendered);
       logger.debug(`[ssr] success '${url}'`);
     } catch (e: any) {
       logger.error(`[ssr] failed at '${url}'`, e);
@@ -62,7 +61,7 @@ export async function createSsrMiddleware({ root, port, title, logger }: ssrRend
 
 async function loadRuntime(root: string, { logger }: { logger: Logger }) {
   let render: (...arg: any[]) => any;
-  let assets: Assets | undefined;
+  let assets: HtmlAssets | undefined;
 
   try {
     const entryFilepath = path.join(root, 'ssr', 'index.js');
@@ -120,7 +119,7 @@ async function parseManifest(filepath: string, logger?: Logger) {
 }
 
 function getAssets(manifest: ManifestFile) {
-  const assets: Assets = { css: [], js: [] };
+  const assets: HtmlAssets = { css: [], js: [] };
 
   assets.css = manifest.entrypoints?.filter((x) => x.endsWith('css')).map((x) => path.join('/', x));
   assets.js = manifest.entrypoints?.filter((x) => x.endsWith('js')).map((x) => path.join('/', x));

package/ui-root.tsx

@@ -1,6 +1,6 @@
 import { AspectDefinition } from '@teambit/aspect-loader';
 import { ComponentDir } from '@teambit/bundler';
-import { Component } from '@teambit/component';
+import { Component, ComponentID, ResolveAspectsOptions } from '@teambit/component';
 import { ProxyConfigArrayItem } from 'webpack-dev-server';
 
 // TODO: remove this extends "ComponentDir", this should be part of the workspace alone since scope
@@ -27,9 +27,13 @@ export interface UIRoot extends ComponentDir {
   };
 
   /**
-   * resolve all aspects in the UI root.
+   * resolve aspects in the UI root. (resolve all if componentIds not provided)
    */
-  resolveAspects(runtimeName: string): Promise<AspectDefinition[]>;
+  resolveAspects(
+    runtimeName: string,
+    componentIds?: ComponentID[],
+    opts?: ResolveAspectsOptions
+  ): Promise<AspectDefinition[]>;
 
   /**
    * resolve components from a given pattern.

package/ui.ui.runtime.tsx

@@ -3,18 +3,17 @@ import { GraphqlAspect } from '@teambit/graphql';
 import { Slot, SlotRegistry } from '@teambit/harmony';
 import type { ReactRouterUI } from '@teambit/react-router';
 import { ReactRouterAspect } from '@teambit/react-router';
+import { ServerRenderer, BrowserRenderer } from '@teambit/react.rendering.ssr';
+import type { SsrSession, RenderPlugin, ContextProps } from '@teambit/react.rendering.ssr';
 
 import React, { ReactNode, ComponentType } from 'react';
 
 import { UIRootFactory } from './ui-root.ui';
 import { UIAspect, UIRuntime } from './ui.aspect';
 import { ClientContext } from './ui/client-context';
-import type { SsrContent } from './react-ssr/ssr-content';
-import { ContextProps, RenderPlugins } from './react-ssr/render-lifecycle';
-import { ReactSSR } from './react-ssr/react-ssr';
 
 type HudSlot = SlotRegistry<ReactNode>;
-type RenderPluginsSlot = SlotRegistry<RenderPlugins>;
+type RenderPluginsSlot = SlotRegistry<RenderPlugin<any, any>>;
 type UIRootRegistry = SlotRegistry<UIRootFactory>;
 
 /**
@@ -45,8 +44,8 @@ export class UiUI {
     const hudItems = this.hudSlot.values();
     const lifecyclePlugins = this.getLifecyclePlugins();
 
-    const reactSsr = new ReactSSR(lifecyclePlugins);
-    await reactSsr.renderBrowser(
+    const reactSsr = new BrowserRenderer(lifecyclePlugins);
+    await reactSsr.render(
       <ClientContext>
         {hudItems}
         {routes}
@@ -55,7 +54,7 @@ export class UiUI {
   }
 
   /** render dehydrated server-side */
-  async renderSsr(rootExtension: string, ssrContent: SsrContent): Promise<string> {
+  async renderSsr(rootExtension: string, ssrContent: SsrSession): Promise<string> {
     const rootFactory = this.getRoot(rootExtension);
     if (!rootFactory) throw new Error(`root: ${rootExtension} was not found`);
 
@@ -64,8 +63,8 @@ export class UiUI {
     const hudItems = this.hudSlot.values();
     const lifecyclePlugins = this.getLifecyclePlugins();
 
-    const reactSsr = new ReactSSR(lifecyclePlugins);
-    const fullHtml = await reactSsr.renderServer(
+    const reactSsr = new ServerRenderer(lifecyclePlugins);
+    const fullHtml = await reactSsr.render(
       <ClientContext>
         {hudItems}
         {routes}
@@ -86,23 +85,27 @@ export class UiUI {
    * @deprecated replace with `.registerRenderHooks({ reactContext })`.
    */
   registerContext<T>(context: ComponentType<ContextProps<T>>) {
-    this.renderPluginsSlot.register({
-      reactContext: context,
-    });
+    this.renderPluginsSlot.register({ reactContext: context });
   }
 
   registerRoot(uiRoot: UIRootFactory) {
     return this.uiRootSlot.register(uiRoot);
   }
 
-  registerRenderHooks<T, Y>(plugins: RenderPlugins<T, Y>) {
-    return this.renderPluginsSlot.register(plugins);
+  registerRenderHooks<T, Y>(plugin: RenderPlugin<T, Y>) {
+    return this.renderPluginsSlot.register(plugin);
   }
 
   private getLifecyclePlugins() {
-    const lifecyclePlugins = this.renderPluginsSlot.toArray();
+    const lifecyclePlugins = this.renderPluginsSlot.toArray().map(([key, plugin]) => {
+      if (plugin.key) return plugin;
+
+      // for backward compatibility
+      return { ...plugin, key };
+    });
+
     // react-router should register its plugin, when we can reverse it's dependency to depend on Ui
-    lifecyclePlugins.unshift([ReactRouterAspect.id, this.router.renderPlugin]);
+    lifecyclePlugins.unshift(this.router.renderPlugin);
 
     return lifecyclePlugins;
   }
@@ -111,7 +114,7 @@ export class UiUI {
     return this.uiRootSlot.get(rootExtension);
   }
 
-  static slots = [Slot.withType<UIRootFactory>(), Slot.withType<ReactNode>(), Slot.withType<RenderPlugins>()];
+  static slots = [Slot.withType<UIRootFactory>(), Slot.withType<ReactNode>(), Slot.withType<RenderPlugin>()];
 
   static dependencies = [GraphqlAspect, ReactRouterAspect];
 
@@ -124,7 +127,7 @@ export class UiUI {
   ) {
     const uiUi = new UiUI(router, uiRootSlot, hudSlot, renderLifecycleSlot);
 
-    uiUi.registerRenderHooks(GraphqlUi.renderPlugins);
+    if (GraphqlUi) uiUi.registerRenderHooks(GraphqlUi.renderPlugins);
 
     return uiUi;
   }

package/dist/react-ssr/index.d.ts

@@ -1,5 +0,0 @@
-export { ReactSSR } from './react-ssr';
-export type { ContextProps, RenderPlugins } from './render-lifecycle';
-export type { BrowserData, ParsedQuery } from './request-browser';
-export type { RequestServer } from './request-server';
-export type { SsrContent } from './ssr-content';

package/dist/react-ssr/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ReactSSR", {
-  enumerable: true,
-  get: function () {
-    return _reactSsr().ReactSSR;
-  }
-});
-
-function _reactSsr() {
-  const data = require("./react-ssr");
-
-  _reactSsr = function () {
-    return data;
-  };
-
-  return data;
-}
-
-//# sourceMappingURL=index.js.map

package/dist/react-ssr/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { ReactSSR } from './react-ssr';\n\nexport type { ContextProps, RenderPlugins } from './render-lifecycle';\nexport type { BrowserData, ParsedQuery } from './request-browser';\nexport type { RequestServer } from './request-server';\nexport type { SsrContent } from './ssr-content';\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/react-ssr/react-ssr.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-import type { RenderPlugins } from './render-lifecycle';
-import type { SsrContent } from './ssr-content';
-declare type RenderPluginsWithId = [key: string, hooks: RenderPlugins];
-export declare class ReactSSR {
-    private lifecycleHooks;
-    constructor(lifecycleHooks: RenderPluginsWithId[]);
-    /** render and rehydrate client-side */
-    renderBrowser(children: ReactNode): Promise<void>;
-    /** render dehydrated server-side */
-    renderServer(children: ReactNode, { assets, browser, server }?: SsrContent): Promise<string>;
-    private triggerBrowserInit;
-    private triggerServerInit;
-    private triggerBeforeHydrateHook;
-    private triggerHydrateHook;
-    private triggerBeforeRender;
-    private getReactContexts;
-    private deserialize;
-    private serialize;
-}
-export {};

package/dist/react-ssr/react-ssr.js

@@ -1,285 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.promise.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReactSSR = void 0;
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _webpackMerge() {
-  const data = require("webpack-merge");
-
-  _webpackMerge = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _lodash() {
-  const data = _interopRequireDefault(require("lodash.compact"));
-
-  _lodash = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _reactDom() {
-  const data = _interopRequireDefault(require("react-dom"));
-
-  _reactDom = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _server() {
-  const data = _interopRequireDefault(require("react-dom/server"));
-
-  _server = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _uiFoundationUiRendering() {
-  const data = require("@teambit/ui-foundation.ui.rendering.html");
-
-  _uiFoundationUiRendering = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _baseUiUtils() {
-  const data = require("@teambit/base-ui.utils.composer");
-
-  _baseUiUtils = function () {
-    return data;
-  };
-
-  return data;
-}
-
-class ReactSSR {
-  constructor( // create array once to keep consistent indexes
-  lifecycleHooks) {
-    this.lifecycleHooks = lifecycleHooks;
-  }
-  /** render and rehydrate client-side */
-
-
-  async renderBrowser(children) {
-    // (*) load state from the dom
-    const deserializedState = await this.deserialize(); // (1) init setup client plugins
-
-    let renderContexts = await this.triggerBrowserInit(deserializedState); // (2) make react dom
-
-    const reactContexts = this.getReactContexts(renderContexts);
-
-    const app = /*#__PURE__*/_react().default.createElement(_baseUiUtils().Composer, {
-      components: reactContexts
-    }, children);
-
-    renderContexts = await this.triggerBeforeHydrateHook(renderContexts, app); // (3) render / rehydrate
-
-    const mountPoint = document.getElementById(_uiFoundationUiRendering().mountPointId); // .render() already runs `.hydrate()` behind the scenes.
-    // in the future, we may want to replace it with .hydrate()
-
-    _reactDom().default.render(app, mountPoint);
-
-    await this.triggerHydrateHook(renderContexts, mountPoint); // (3.1) remove ssr only styles
-
-    (0, _uiFoundationUiRendering().ssrCleanup)();
-  }
-  /** render dehydrated server-side */
-
-
-  async renderServer(children, {
-    assets,
-    browser,
-    server
-  } = {}) {
-    // (1) init
-    let renderContexts = await this.triggerServerInit(browser, server); // (2) make React dom
-
-    const reactContexts = this.getReactContexts(renderContexts);
-
-    const app = /*#__PURE__*/_react().default.createElement(_uiFoundationUiRendering().MountPoint, null, /*#__PURE__*/_react().default.createElement(_baseUiUtils().Composer, {
-      components: reactContexts
-    }, children));
-
-    renderContexts = await this.triggerBeforeRender(renderContexts, app); // (3) render (to string)
-
-    const renderedApp = _server().default.renderToString(app); // (*) serialize state
-
-
-    const realtimeAssets = await this.serialize(renderContexts, app); // @ts-ignore // TODO upgrade 'webpack-merge'
-
-    const totalAssets = (0, _webpackMerge().merge)(assets, realtimeAssets); // (4) render html-template (to string)
-
-    const html = /*#__PURE__*/_react().default.createElement(_uiFoundationUiRendering().Html, {
-      assets: totalAssets,
-      withDevTools: true,
-      fullHeight: true,
-      ssr: true
-    });
-
-    const renderedHtml = `<!DOCTYPE html>${_server().default.renderToStaticMarkup(html)}`;
-
-    const fullHtml = _uiFoundationUiRendering().Html.fillContent(renderedHtml, renderedApp); // (5) serve
-
-
-    return fullHtml;
-  }
-
-  triggerBrowserInit(deserializedState) {
-    const {
-      lifecycleHooks
-    } = this;
-    const initPromises = lifecycleHooks.map(([, hooks], idx) => {
-      var _hooks$browserInit;
-
-      const state = deserializedState[idx];
-      return (_hooks$browserInit = hooks.browserInit) === null || _hooks$browserInit === void 0 ? void 0 : _hooks$browserInit.call(hooks, state);
-    });
-    return Promise.all(initPromises);
-  }
-
-  triggerServerInit(browser, server) {
-    const {
-      lifecycleHooks
-    } = this;
-    const promises = lifecycleHooks.map(([, hooks]) => {
-      var _hooks$serverInit;
-
-      return (_hooks$serverInit = hooks.serverInit) === null || _hooks$serverInit === void 0 ? void 0 : _hooks$serverInit.call(hooks, {
-        browser,
-        server
-      });
-    });
-    return Promise.all(promises);
-  }
-
-  triggerBeforeHydrateHook(renderContexts, app) {
-    const {
-      lifecycleHooks
-    } = this;
-    const promises = lifecycleHooks.map(async ([, hooks], idx) => {
-      var _hooks$onBeforeHydrat;
-
-      const ctx = renderContexts[idx];
-      const nextCtx = await ((_hooks$onBeforeHydrat = hooks.onBeforeHydrate) === null || _hooks$onBeforeHydrat === void 0 ? void 0 : _hooks$onBeforeHydrat.call(hooks, ctx, app));
-      return nextCtx || ctx;
-    });
-    return Promise.all(promises);
-  }
-
-  async triggerHydrateHook(renderContexts, mountPoint) {
-    const {
-      lifecycleHooks
-    } = this;
-    const promises = lifecycleHooks.map(([, hooks], idx) => {
-      var _hooks$onHydrate;
-
-      const renderCtx = renderContexts[idx];
-      return (_hooks$onHydrate = hooks.onHydrate) === null || _hooks$onHydrate === void 0 ? void 0 : _hooks$onHydrate.call(hooks, renderCtx, mountPoint);
-    });
-    await Promise.all(promises);
-  }
-
-  async triggerBeforeRender(renderContexts, app) {
-    const {
-      lifecycleHooks
-    } = this;
-    const promises = lifecycleHooks.map(async ([, hooks], idx) => {
-      var _hooks$onBeforeRender;
-
-      const ctx = renderContexts[idx];
-      const nextCtx = await ((_hooks$onBeforeRender = hooks.onBeforeRender) === null || _hooks$onBeforeRender === void 0 ? void 0 : _hooks$onBeforeRender.call(hooks, ctx, app));
-      return nextCtx || ctx;
-    });
-    await Promise.all(promises);
-    return renderContexts;
-  }
-
-  getReactContexts(renderContexts) {
-    const {
-      lifecycleHooks
-    } = this;
-    return (0, _lodash().default)(lifecycleHooks.map(([, hooks], idx) => {
-      const renderCtx = renderContexts[idx];
-      const props = {
-        renderCtx
-      };
-      return hooks.reactContext ? [hooks.reactContext, props] : undefined;
-    }));
-  }
-
-  async deserialize() {
-    const {
-      lifecycleHooks
-    } = this;
-
-    const rawAssets = _uiFoundationUiRendering().Html.popAssets();
-
-    const deserialized = await Promise.all(lifecycleHooks.map(async ([key, hooks]) => {
-      try {
-        var _hooks$deserialize;
-
-        const raw = rawAssets.get(key);
-        return (_hooks$deserialize = hooks.deserialize) === null || _hooks$deserialize === void 0 ? void 0 : _hooks$deserialize.call(hooks, raw);
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.error(`failed deserializing server state for aspect ${key}`, e);
-        return undefined;
-      }
-    }));
-    return deserialized;
-  }
-
-  async serialize(renderContexts, app) {
-    const {
-      lifecycleHooks
-    } = this;
-    const json = {};
-    const promises = lifecycleHooks.map(async ([key, hooks], idx) => {
-      var _hooks$serialize;
-
-      const renderCtx = renderContexts[idx];
-      const result = await ((_hooks$serialize = hooks.serialize) === null || _hooks$serialize === void 0 ? void 0 : _hooks$serialize.call(hooks, renderCtx, app));
-      if (!result) return;
-      if (result.json) json[key] = result.json;
-    });
-    await Promise.all(promises); // more assets will be available in the future
-
-    return {
-      json
-    };
-  }
-
-}
-
-exports.ReactSSR = ReactSSR;
-
-//# sourceMappingURL=react-ssr.js.map