@dr.pogodin/react-utils 1.25.0 → 1.25.1

package/build/development/server/index.js

@@ -15,9 +15,9 @@ Object.defineProperty(exports, "getDefaultCspSettings", {
   }
 });
 require("source-map-support/register");
-var _lodash = require("lodash");
 var _http = _interopRequireDefault(require("http"));
 var _https = _interopRequireDefault(require("https"));
+var _lodash = require("lodash");
 require("raf/polyfill");
 var _server = _interopRequireWildcard(require("./server"));
 var _renderer = require("./renderer");

package/build/development/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["require","_lodash","_http","_interopRequireDefault","_https","_server","_interopRequireWildcard","_renderer","_utils","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set","normalizePort","value","port","toNumber","isFinite","isNumber","launch","webpackConfig","options","ops","cloneDeep","process","env","PORT","defaults","httpsRedirect","logger","undefined","newDefaultLogger","defaultLogLevel","defaultLoggerLogLevel","expressServer","serverFactory","httpServer","https","createServer","cert","http","on","error","syscall","bind","isString","code","exit","addr","address","info","NODE_ENV","listen","SCRIPT_LOCATIONS","_default"],"sources":["../../../src/server/index.js"],"sourcesContent":["import 'source-map-support/register';\n\nimport {\n  cloneDeep,\n  defaults,\n  isFinite,\n  isNumber,\n  isString,\n  toNumber,\n} from 'lodash';\n\nimport http from 'http';\nimport https from 'https';\n\n/* Polyfill required by ReactJS. */\nimport 'raf/polyfill';\n\nimport serverFactory from './server';\nimport { SCRIPT_LOCATIONS, newDefaultLogger } from './renderer';\n\nexport { getDefaultCspSettings } from './server';\nexport * from './utils';\n\n/**\n * Normalizes a port into a number, string, or false.\n * TODO: Drop this function?\n * @ignore\n * @param {String} value Port name or number.\n * @return Port number (Number), name (String), or false.\n */\nfunction normalizePort(value) {\n  const port = toNumber(value);\n  if (isFinite(port)) return port; /* port number */\n  if (!isNumber(port)) return value; /* named pipe */\n  return false;\n}\n\n/**\n * Creates and launches web-server for ReactJS application. Allows zero\n * or detailed configuration, supports server-side rendering,\n * and development tools, including Hot Module Reloading (HMR).\n *\n * NOTE: Many of options defined below are passed down to the server and\n * renderer factories, and their declared default values are set in those\n * factories, rather than here.\n *\n * @param {object} webpackConfig Webpack configuration used to build\n * the frontend bundle. In production mode the server will read out of it\n * `context`, `publicPath`, and a few other parameters, necessary to locate\n * and serve the app bundle. In development mode the server will use entire\n * provided config to build the app bundle in memory, and further watch and\n * update it via HMR.\n * @param {object} [options] Additional parameters.\n * @param {Component} [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param {function} [options.beforeExpressJsError] Asynchronous callback\n * (`(server) => Promise<boolean>`) to be executed just before the default error\n * handler is added to ExpressJS server. If the callback is provided and its\n * result resolves to a truthy value, `react-utils` won't attach the default\n * error handler.\n * @param {function} [options.beforeExpressJsSetup] Asynchronous callback\n * (`(server) => Promise) to be executed right after ExpressJS server creation,\n * before any configuration is performed.\n * @param {BeforeRenderHook} [options.beforeRender] The hook to run just before\n * the server-side rendering. For each incoming request, it will be executed\n * just before the HTML markup is generated at the server. It allows to load\n * and provide the data necessary for server-side rendering, and also to inject\n * additional configuration and scripts into the generated HTML code.\n * @param {boolean} [options.noCsp] Set `true` to disable\n * Content-Security-Policy (CSP) headers altogether.\n * @param {function} [options.cspSettingsHook] A hook allowing\n * to customize [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP)\n * settings for [helmet](https://github.com/helmetjs/helmet)'s\n * `contentSecurityPolicy` middleware on per-request basis.\n *\n * If provided it should be a with signature: \\\n * `(defaultSettings: object, req: object)` &rArr; `object` \\\n * which gets the default settings (also used without the hook),\n * and the incoming request object. The hook response will be passed\n * as options to the helmet `contentSecurityPolicy` middleware.\n *\n * Currently, the default settings is the following object in production\n * environment:\n * ```js\n * {\n *   directives: {\n *     defaultSrc: [\"'self'\"],\n *     baseUri: [\"'self'\"],\n *     blockAllMixedContent: [],\n *     fontSrc: [\"'self'\", 'https:', 'data:'],\n *     frameAncestors: [\"'self'\"],\n *     frameSrc: [\"'self'\", 'https://*.youtube.com'],\n *     imgSrc: [\"'self'\", 'data:'],\n *     objectSrc: [\"'none'\"],\n *     scriptSrc: [\"'self'\", \"'unsafe-eval'\", `'nonce-UNIQUE_NONCE_VALUE'`],\n *     scriptSrcAttr: [\"'none'\"],\n *     styleSrc: [\"'self'\", 'https:', \"'unsafe-inline'\"],\n *     upgradeInsecureRequests: [] // Removed in dev mode.\n *   }\n * }\n * ```\n * It matches the default value used by Helmet with a few updates:\n * - YouTube host is whitelisted in the `frameSrc` directive to ensure\n *   the {@link YouTubeVideo} component works.\n * - An unique per-request nonce is added to `scriptSrc` directive to\n *   whitelist auxiliary scripts injected by react-utils. The actual nonce\n *   value can be fetched by host code via `.nonce` field of `req` argument\n *   of `.beforeRender` hook.\n * - `upgradeInsecureRequests` directive is removed in development mode,\n *   to simplify local testing with http requests.\n * @param {string} [options.defaultLoggerLogLevel='info'] Log level for\n * the default logger, which is created if no `logger` option provided.\n * @param {boolean} [options.devMode] Pass in `true` to start the server in\n * development mode.\n * @param {string} [options.favicon] Path to the favicon to use by the server.\n * By default no favicon is used.\n * @param {object} [options.https] If provided, HTTPS server will be started,\n * instead of HTTP otherwise. The object should provide SSL certificate and key\n * via two string fields: `cert`, and `key`.\n * @param {string} [options.https.cert] SSL Certificate.\n * @param {string} [options.https.key] SSL key.\n * @param {boolean} [options.httpsRedirect=true] Pass in `true` to enable\n * automatic redirection of all incoming HTTP requests to HTTPS.\n *\n * To smoothly use it at `localhost` you need to run the server in HTTPS mode,\n * and also properly create and install a self-signed SSL sertificate on your\n * system. This article is helpful:\n * [How to get HTTPS working on your local development environment in 5 minutes](https://medium.freecodecamp.org/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec)\n * @param {Logger} [options.logger] The logger to use at server side.\n * By default [`winston`](https://www.npmjs.com/package/winston) logger\n * with console transport is used. The logger you provide, or the default\n * `winston` logger otherwise, will be attached to the created ExpressJS server\n * object.\n * @param {function} [options.onExpressJsSetup] An async callback\n * (`(server) => Promise`) to be triggered when most of the server\n * configuration is completed, just before the server-side renderer,\n * and the default error handler are attached. You can use it to mount\n * custom API routes. The server-side logger can be accessed as `server.logger`.\n * @param {number|string} [options.port=3000] The port to start the server on.\n * @param {number} [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param {function} [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @param {number} [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param {number} [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @return {Promise<{ expressServer: object, httpServer: object }>} Resolves to\n * an object with created Express and HTTP servers.\n */\nasync function launch(webpackConfig, options) {\n  /* Options normalization. */\n  const ops = options ? cloneDeep(options) : {};\n  ops.port = normalizePort(ops.port || process.env.PORT || 3000);\n  defaults(ops, { httpsRedirect: true });\n\n  if (ops.logger === undefined) {\n    ops.logger = newDefaultLogger({\n      defaultLogLevel: ops.defaultLoggerLogLevel,\n    });\n  }\n\n  /* Creates servers, resolves and sets the port. */\n  const expressServer = await serverFactory(webpackConfig, ops);\n\n  let httpServer;\n  if (ops.https) {\n    httpServer = https.createServer({\n      cert: ops.https.cert,\n      key: ops.https.key,\n    }, expressServer);\n  } else httpServer = http.createServer(expressServer);\n\n  /* Sets error handler for HTTP(S) server. */\n  httpServer.on('error', (error) => {\n    if (error.syscall !== 'listen') throw error;\n    const bind = isString(ops.port) ? `Pipe ${ops.port}` : `Port ${ops.port}`;\n\n    /* Human-readable message for some specific listen errors. */\n    switch (error.code) {\n      case 'EACCES':\n        ops.logger.error(`${bind} requires elevated privileges`);\n        return process.exit(1);\n      case 'EADDRINUSE':\n        ops.logger.error(`${bind} is already in use`);\n        return process.exit(1);\n      default:\n        throw error;\n    }\n  });\n\n  /* Listening event handler for HTTP(S) server. */\n  httpServer.on('listening', () => {\n    const addr = httpServer.address();\n    const bind = isString(addr) ? `pipe ${addr}` : `port ${addr.port}`;\n    ops.logger.info(`Server listening on ${bind} in ${\n      process.env.NODE_ENV} mode`);\n  });\n\n  httpServer.listen(ops.port);\n\n  return {\n    expressServer,\n    httpServer,\n  };\n}\n\nlaunch.SCRIPT_LOCATIONS = SCRIPT_LOCATIONS;\n\nexport default launch;\n"],"mappings":";;;;;;;;;;;;;;;;AAAAA,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AASA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAGAA,OAAA;AAEA,IAAAK,OAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAGA,IAAAQ,MAAA,GAAAR,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAoB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAPxB;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,aAAaA,CAACC,KAAK,EAAE;EAC5B,MAAMC,IAAI,GAAG,IAAAC,gBAAQ,EAACF,KAAK,CAAC;EAC5B,IAAI,IAAAG,gBAAQ,EAACF,IAAI,CAAC,EAAE,OAAOA,IAAI,CAAC,CAAC;EACjC,IAAI,CAAC,IAAAG,gBAAQ,EAACH,IAAI,CAAC,EAAE,OAAOD,KAAK,CAAC,CAAC;EACnC,OAAO,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeK,MAAMA,CAACC,aAAa,EAAEC,OAAO,EAAE;EAC5C;EACA,MAAMC,GAAG,GAAGD,OAAO,GAAG,IAAAE,iBAAS,EAACF,OAAO,CAAC,GAAG,CAAC,CAAC;EAC7CC,GAAG,CAACP,IAAI,GAAGF,aAAa,CAACS,GAAG,CAACP,IAAI,IAAIS,OAAO,CAACC,GAAG,CAACC,IAAI,IAAI,IAAI,CAAC;EAC9D,IAAAC,gBAAQ,EAACL,GAAG,EAAE;IAAEM,aAAa,EAAE;EAAK,CAAC,CAAC;EAEtC,IAAIN,GAAG,CAACO,MAAM,KAAKC,SAAS,EAAE;IAC5BR,GAAG,CAACO,MAAM,GAAG,IAAAE,0BAAgB,EAAC;MAC5BC,eAAe,EAAEV,GAAG,CAACW;IACvB,CAAC,CAAC;EACJ;;EAEA;EACA,MAAMC,aAAa,GAAG,MAAM,IAAAC,eAAa,EAACf,aAAa,EAAEE,GAAG,CAAC;EAE7D,IAAIc,UAAU;EACd,IAAId,GAAG,CAACe,KAAK,EAAE;IACbD,UAAU,GAAGC,cAAK,CAACC,YAAY,CAAC;MAC9BC,IAAI,EAAEjB,GAAG,CAACe,KAAK,CAACE,IAAI;MACpBlD,GAAG,EAAEiC,GAAG,CAACe,KAAK,CAAChD;IACjB,CAAC,EAAE6C,aAAa,CAAC;EACnB,CAAC,MAAME,UAAU,GAAGI,aAAI,CAACF,YAAY,CAACJ,aAAa,CAAC;;EAEpD;EACAE,UAAU,CAACK,EAAE,CAAC,OAAO,EAAGC,KAAK,IAAK;IAChC,IAAIA,KAAK,CAACC,OAAO,KAAK,QAAQ,EAAE,MAAMD,KAAK;IAC3C,MAAME,IAAI,GAAG,IAAAC,gBAAQ,EAACvB,GAAG,CAACP,IAAI,CAAC,GAAI,QAAOO,GAAG,CAACP,IAAK,EAAC,GAAI,QAAOO,GAAG,CAACP,IAAK,EAAC;;IAEzE;IACA,QAAQ2B,KAAK,CAACI,IAAI;MAChB,KAAK,QAAQ;QACXxB,GAAG,CAACO,MAAM,CAACa,KAAK,CAAE,GAAEE,IAAK,+BAA8B,CAAC;QACxD,OAAOpB,OAAO,CAACuB,IAAI,CAAC,CAAC,CAAC;MACxB,KAAK,YAAY;QACfzB,GAAG,CAACO,MAAM,CAACa,KAAK,CAAE,GAAEE,IAAK,oBAAmB,CAAC;QAC7C,OAAOpB,OAAO,CAACuB,IAAI,CAAC,CAAC,CAAC;MACxB;QACE,MAAML,KAAK;IACf;EACF,CAAC,CAAC;;EAEF;EACAN,UAAU,CAACK,EAAE,CAAC,WAAW,EAAE,MAAM;IAC/B,MAAMO,IAAI,GAAGZ,UAAU,CAACa,OAAO,CAAC,CAAC;IACjC,MAAML,IAAI,GAAG,IAAAC,gBAAQ,EAACG,IAAI,CAAC,GAAI,QAAOA,IAAK,EAAC,GAAI,QAAOA,IAAI,CAACjC,IAAK,EAAC;IAClEO,GAAG,CAACO,MAAM,CAACqB,IAAI,CAAE,uBAAsBN,IAAK,OAC1CpB,OAAO,CAACC,GAAG,CAAC0B,QAAS,OAAM,CAAC;EAChC,CAAC,CAAC;EAEFf,UAAU,CAACgB,MAAM,CAAC9B,GAAG,CAACP,IAAI,CAAC;EAE3B,OAAO;IACLmB,aAAa;IACbE;EACF,CAAC;AACH;AAEAjB,MAAM,CAACkC,gBAAgB,GAAGA,0BAAgB;AAAC,IAAAC,QAAA,GAE5BnC,MAAM;AAAAzB,OAAA,CAAAW,OAAA,GAAAiD,QAAA"}
+{"version":3,"file":"index.js","names":["require","_http","_interopRequireDefault","_https","_lodash","_server","_interopRequireWildcard","_renderer","_utils","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set","normalizePort","value","port","toNumber","isFinite","isNumber","launch","webpackConfig","options","ops","cloneDeep","process","env","PORT","defaults","httpsRedirect","logger","undefined","newDefaultLogger","defaultLogLevel","defaultLoggerLogLevel","expressServer","serverFactory","httpServer","https","createServer","cert","http","on","error","syscall","bind","isString","code","exit","addr","address","info","NODE_ENV","listen","SCRIPT_LOCATIONS","_default"],"sources":["../../../src/server/index.js"],"sourcesContent":["import 'source-map-support/register';\n\nimport http from 'http';\nimport https from 'https';\n\nimport {\n  cloneDeep,\n  defaults,\n  isFinite,\n  isNumber,\n  isString,\n  toNumber,\n} from 'lodash';\n\n/* Polyfill required by ReactJS. */\nimport 'raf/polyfill';\n\nimport serverFactory from './server';\nimport { SCRIPT_LOCATIONS, newDefaultLogger } from './renderer';\n\nexport { getDefaultCspSettings } from './server';\nexport * from './utils';\n\n/**\n * Normalizes a port into a number, string, or false.\n * TODO: Drop this function?\n * @ignore\n * @param {String} value Port name or number.\n * @return Port number (Number), name (String), or false.\n */\nfunction normalizePort(value) {\n  const port = toNumber(value);\n  if (isFinite(port)) return port; /* port number */\n  if (!isNumber(port)) return value; /* named pipe */\n  return false;\n}\n\n/**\n * Creates and launches web-server for ReactJS application. Allows zero\n * or detailed configuration, supports server-side rendering,\n * and development tools, including Hot Module Reloading (HMR).\n *\n * NOTE: Many of options defined below are passed down to the server and\n * renderer factories, and their declared default values are set in those\n * factories, rather than here.\n *\n * @param {object} webpackConfig Webpack configuration used to build\n * the frontend bundle. In production mode the server will read out of it\n * `context`, `publicPath`, and a few other parameters, necessary to locate\n * and serve the app bundle. In development mode the server will use entire\n * provided config to build the app bundle in memory, and further watch and\n * update it via HMR.\n * @param {object} [options] Additional parameters.\n * @param {Component} [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param {function} [options.beforeExpressJsError] Asynchronous callback\n * (`(server) => Promise<boolean>`) to be executed just before the default error\n * handler is added to ExpressJS server. If the callback is provided and its\n * result resolves to a truthy value, `react-utils` won't attach the default\n * error handler.\n * @param {function} [options.beforeExpressJsSetup] Asynchronous callback\n * (`(server) => Promise) to be executed right after ExpressJS server creation,\n * before any configuration is performed.\n * @param {BeforeRenderHook} [options.beforeRender] The hook to run just before\n * the server-side rendering. For each incoming request, it will be executed\n * just before the HTML markup is generated at the server. It allows to load\n * and provide the data necessary for server-side rendering, and also to inject\n * additional configuration and scripts into the generated HTML code.\n * @param {boolean} [options.noCsp] Set `true` to disable\n * Content-Security-Policy (CSP) headers altogether.\n * @param {function} [options.cspSettingsHook] A hook allowing\n * to customize [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP)\n * settings for [helmet](https://github.com/helmetjs/helmet)'s\n * `contentSecurityPolicy` middleware on per-request basis.\n *\n * If provided it should be a with signature: \\\n * `(defaultSettings: object, req: object)` &rArr; `object` \\\n * which gets the default settings (also used without the hook),\n * and the incoming request object. The hook response will be passed\n * as options to the helmet `contentSecurityPolicy` middleware.\n *\n * Currently, the default settings is the following object in production\n * environment:\n * ```js\n * {\n *   directives: {\n *     defaultSrc: [\"'self'\"],\n *     baseUri: [\"'self'\"],\n *     blockAllMixedContent: [],\n *     fontSrc: [\"'self'\", 'https:', 'data:'],\n *     frameAncestors: [\"'self'\"],\n *     frameSrc: [\"'self'\", 'https://*.youtube.com'],\n *     imgSrc: [\"'self'\", 'data:'],\n *     objectSrc: [\"'none'\"],\n *     scriptSrc: [\"'self'\", \"'unsafe-eval'\", `'nonce-UNIQUE_NONCE_VALUE'`],\n *     scriptSrcAttr: [\"'none'\"],\n *     styleSrc: [\"'self'\", 'https:', \"'unsafe-inline'\"],\n *     upgradeInsecureRequests: [] // Removed in dev mode.\n *   }\n * }\n * ```\n * It matches the default value used by Helmet with a few updates:\n * - YouTube host is whitelisted in the `frameSrc` directive to ensure\n *   the {@link YouTubeVideo} component works.\n * - An unique per-request nonce is added to `scriptSrc` directive to\n *   whitelist auxiliary scripts injected by react-utils. The actual nonce\n *   value can be fetched by host code via `.nonce` field of `req` argument\n *   of `.beforeRender` hook.\n * - `upgradeInsecureRequests` directive is removed in development mode,\n *   to simplify local testing with http requests.\n * @param {string} [options.defaultLoggerLogLevel='info'] Log level for\n * the default logger, which is created if no `logger` option provided.\n * @param {boolean} [options.devMode] Pass in `true` to start the server in\n * development mode.\n * @param {string} [options.favicon] Path to the favicon to use by the server.\n * By default no favicon is used.\n * @param {object} [options.https] If provided, HTTPS server will be started,\n * instead of HTTP otherwise. The object should provide SSL certificate and key\n * via two string fields: `cert`, and `key`.\n * @param {string} [options.https.cert] SSL Certificate.\n * @param {string} [options.https.key] SSL key.\n * @param {boolean} [options.httpsRedirect=true] Pass in `true` to enable\n * automatic redirection of all incoming HTTP requests to HTTPS.\n *\n * To smoothly use it at `localhost` you need to run the server in HTTPS mode,\n * and also properly create and install a self-signed SSL sertificate on your\n * system. This article is helpful:\n * [How to get HTTPS working on your local development environment in 5 minutes](https://medium.freecodecamp.org/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec)\n * @param {Logger} [options.logger] The logger to use at server side.\n * By default [`winston`](https://www.npmjs.com/package/winston) logger\n * with console transport is used. The logger you provide, or the default\n * `winston` logger otherwise, will be attached to the created ExpressJS server\n * object.\n * @param {function} [options.onExpressJsSetup] An async callback\n * (`(server) => Promise`) to be triggered when most of the server\n * configuration is completed, just before the server-side renderer,\n * and the default error handler are attached. You can use it to mount\n * custom API routes. The server-side logger can be accessed as `server.logger`.\n * @param {number|string} [options.port=3000] The port to start the server on.\n * @param {number} [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param {function} [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @param {number} [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param {number} [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @return {Promise<{ expressServer: object, httpServer: object }>} Resolves to\n * an object with created Express and HTTP servers.\n */\nasync function launch(webpackConfig, options) {\n  /* Options normalization. */\n  const ops = options ? cloneDeep(options) : {};\n  ops.port = normalizePort(ops.port || process.env.PORT || 3000);\n  defaults(ops, { httpsRedirect: true });\n\n  if (ops.logger === undefined) {\n    ops.logger = newDefaultLogger({\n      defaultLogLevel: ops.defaultLoggerLogLevel,\n    });\n  }\n\n  /* Creates servers, resolves and sets the port. */\n  const expressServer = await serverFactory(webpackConfig, ops);\n\n  let httpServer;\n  if (ops.https) {\n    httpServer = https.createServer({\n      cert: ops.https.cert,\n      key: ops.https.key,\n    }, expressServer);\n  } else httpServer = http.createServer(expressServer);\n\n  /* Sets error handler for HTTP(S) server. */\n  httpServer.on('error', (error) => {\n    if (error.syscall !== 'listen') throw error;\n    const bind = isString(ops.port) ? `Pipe ${ops.port}` : `Port ${ops.port}`;\n\n    /* Human-readable message for some specific listen errors. */\n    switch (error.code) {\n      case 'EACCES':\n        ops.logger.error(`${bind} requires elevated privileges`);\n        return process.exit(1);\n      case 'EADDRINUSE':\n        ops.logger.error(`${bind} is already in use`);\n        return process.exit(1);\n      default:\n        throw error;\n    }\n  });\n\n  /* Listening event handler for HTTP(S) server. */\n  httpServer.on('listening', () => {\n    const addr = httpServer.address();\n    const bind = isString(addr) ? `pipe ${addr}` : `port ${addr.port}`;\n    ops.logger.info(`Server listening on ${bind} in ${\n      process.env.NODE_ENV} mode`);\n  });\n\n  httpServer.listen(ops.port);\n\n  return {\n    expressServer,\n    httpServer,\n  };\n}\n\nlaunch.SCRIPT_LOCATIONS = SCRIPT_LOCATIONS;\n\nexport default launch;\n"],"mappings":";;;;;;;;;;;;;;;;AAAAA,OAAA;AAEA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAUAA,OAAA;AAEA,IAAAK,OAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAGA,IAAAQ,MAAA,GAAAR,OAAA;AAAAS,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAoB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAPxB;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASK,aAAaA,CAACC,KAAK,EAAE;EAC5B,MAAMC,IAAI,GAAG,IAAAC,gBAAQ,EAACF,KAAK,CAAC;EAC5B,IAAI,IAAAG,gBAAQ,EAACF,IAAI,CAAC,EAAE,OAAOA,IAAI,CAAC,CAAC;EACjC,IAAI,CAAC,IAAAG,gBAAQ,EAACH,IAAI,CAAC,EAAE,OAAOD,KAAK,CAAC,CAAC;EACnC,OAAO,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeK,MAAMA,CAACC,aAAa,EAAEC,OAAO,EAAE;EAC5C;EACA,MAAMC,GAAG,GAAGD,OAAO,GAAG,IAAAE,iBAAS,EAACF,OAAO,CAAC,GAAG,CAAC,CAAC;EAC7CC,GAAG,CAACP,IAAI,GAAGF,aAAa,CAACS,GAAG,CAACP,IAAI,IAAIS,OAAO,CAACC,GAAG,CAACC,IAAI,IAAI,IAAI,CAAC;EAC9D,IAAAC,gBAAQ,EAACL,GAAG,EAAE;IAAEM,aAAa,EAAE;EAAK,CAAC,CAAC;EAEtC,IAAIN,GAAG,CAACO,MAAM,KAAKC,SAAS,EAAE;IAC5BR,GAAG,CAACO,MAAM,GAAG,IAAAE,0BAAgB,EAAC;MAC5BC,eAAe,EAAEV,GAAG,CAACW;IACvB,CAAC,CAAC;EACJ;;EAEA;EACA,MAAMC,aAAa,GAAG,MAAM,IAAAC,eAAa,EAACf,aAAa,EAAEE,GAAG,CAAC;EAE7D,IAAIc,UAAU;EACd,IAAId,GAAG,CAACe,KAAK,EAAE;IACbD,UAAU,GAAGC,cAAK,CAACC,YAAY,CAAC;MAC9BC,IAAI,EAAEjB,GAAG,CAACe,KAAK,CAACE,IAAI;MACpBlD,GAAG,EAAEiC,GAAG,CAACe,KAAK,CAAChD;IACjB,CAAC,EAAE6C,aAAa,CAAC;EACnB,CAAC,MAAME,UAAU,GAAGI,aAAI,CAACF,YAAY,CAACJ,aAAa,CAAC;;EAEpD;EACAE,UAAU,CAACK,EAAE,CAAC,OAAO,EAAGC,KAAK,IAAK;IAChC,IAAIA,KAAK,CAACC,OAAO,KAAK,QAAQ,EAAE,MAAMD,KAAK;IAC3C,MAAME,IAAI,GAAG,IAAAC,gBAAQ,EAACvB,GAAG,CAACP,IAAI,CAAC,GAAI,QAAOO,GAAG,CAACP,IAAK,EAAC,GAAI,QAAOO,GAAG,CAACP,IAAK,EAAC;;IAEzE;IACA,QAAQ2B,KAAK,CAACI,IAAI;MAChB,KAAK,QAAQ;QACXxB,GAAG,CAACO,MAAM,CAACa,KAAK,CAAE,GAAEE,IAAK,+BAA8B,CAAC;QACxD,OAAOpB,OAAO,CAACuB,IAAI,CAAC,CAAC,CAAC;MACxB,KAAK,YAAY;QACfzB,GAAG,CAACO,MAAM,CAACa,KAAK,CAAE,GAAEE,IAAK,oBAAmB,CAAC;QAC7C,OAAOpB,OAAO,CAACuB,IAAI,CAAC,CAAC,CAAC;MACxB;QACE,MAAML,KAAK;IACf;EACF,CAAC,CAAC;;EAEF;EACAN,UAAU,CAACK,EAAE,CAAC,WAAW,EAAE,MAAM;IAC/B,MAAMO,IAAI,GAAGZ,UAAU,CAACa,OAAO,CAAC,CAAC;IACjC,MAAML,IAAI,GAAG,IAAAC,gBAAQ,EAACG,IAAI,CAAC,GAAI,QAAOA,IAAK,EAAC,GAAI,QAAOA,IAAI,CAACjC,IAAK,EAAC;IAClEO,GAAG,CAACO,MAAM,CAACqB,IAAI,CAAE,uBAAsBN,IAAK,OAC1CpB,OAAO,CAACC,GAAG,CAAC0B,QAAS,OAAM,CAAC;EAChC,CAAC,CAAC;EAEFf,UAAU,CAACgB,MAAM,CAAC9B,GAAG,CAACP,IAAI,CAAC;EAE3B,OAAO;IACLmB,aAAa;IACbE;EACF,CAAC;AACH;AAEAjB,MAAM,CAACkC,gBAAgB,GAAGA,0BAAgB;AAAC,IAAAC,QAAA,GAE5BnC,MAAM;AAAAzB,OAAA,CAAAW,OAAA,GAAAiD,QAAA"}

package/build/development/server/renderer.js

@@ -8,21 +8,21 @@ exports.SCRIPT_LOCATIONS = void 0;
 exports.default = factory;
 exports.isBrotliAcceptable = isBrotliAcceptable;
 exports.newDefaultLogger = newDefaultLogger;
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
 var _stream = require("stream");
+var _zlib = require("zlib");
+var _winston = _interopRequireDefault(require("winston"));
 var _reactGlobalState = require("@dr.pogodin/react-global-state");
 var _jsUtils = require("@dr.pogodin/js-utils");
 var _lodash = require("lodash");
 var _config = _interopRequireDefault(require("config"));
 var _nodeForge = _interopRequireDefault(require("node-forge"));
-var _fs = _interopRequireDefault(require("fs"));
-var _path = _interopRequireDefault(require("path"));
-var _zlib = require("zlib");
 var _server = require("react-dom/server");
 var _reactHelmet = require("react-helmet");
 var _server2 = require("react-router-dom/server");
 var _serializeJavascript = _interopRequireDefault(require("serialize-javascript"));
 var _buildInfo = require("../shared/utils/isomorphy/buildInfo");
-var _winston = _interopRequireDefault(require("winston"));
 var _Cache = _interopRequireDefault(require("./Cache"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**

package/build/development/server/renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.js","names":["_stream","require","_reactGlobalState","_jsUtils","_lodash","_config","_interopRequireDefault","_nodeForge","_fs","_path","_zlib","_server","_reactHelmet","_server2","_serializeJavascript","_buildInfo","_winston","_Cache","_jsxRuntime","sanitizedConfig","omit","config","SCRIPT_LOCATIONS","BODY_OPEN","DEFAULT","HEAD_OPEN","exports","getBuildInfo","context","url","path","resolve","JSON","parse","fs","readFileSync","readChunkGroupsJson","buildDir","res","err","prepareCipher","key","Promise","reject","forge","random","getBytes","iv","cipher","createCipher","start","isBrotliAcceptable","req","acceptable","get","ops","split","i","length","type","priority","trim","parseFloat","groupExtraScripts","scripts","script","isString","code","location","undefined","Error","newDefaultLogger","defaultLogLevel","format","transports","winston","createLogger","level","combine","splat","timestamp","colorize","printf","message","stack","rest","Object","keys","stringify","Console","factory","webpackConfig","options","defaults","clone","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","setBuildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","Cache","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","status","noCsp","send","done","failed","brotliDecompress","error","html","h","toString","regex","RegExp","nonce","replace","configToInject","extraScripts","initialState","all","helmet","chunkGroups","webpackStats","locals","mapValues","toJson","namedChunkGroups","item","assets","map","name","App","Application","ssrContext","state","cloneDeep","chunks","stream","ssrStart","Date","now","renderPass","pipeableStream","renderToPipeableStream","jsx","GlobalStateProvider","children","StaticRouter","onAllReady","onError","ssrRound","bailed","dirty","timeout","race","allSettled","pending","timer","then","logMsg","log","pipe","Writable","write","chunk","_","Helmet","renderStatic","payload","serializeJs","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","brotliCompress"],"sources":["../../../src/server/renderer.jsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport { Writable } from 'stream';\n\nimport { GlobalStateProvider } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  clone,\n  cloneDeep,\n  defaults,\n  isString,\n  get,\n  mapValues,\n  omit,\n} from 'lodash';\n\nimport config from 'config';\nimport forge from 'node-forge';\nimport fs from 'fs';\nimport path from 'path';\nimport { brotliCompress, brotliDecompress } from 'zlib';\n\nimport { renderToPipeableStream } from 'react-dom/server';\nimport { Helmet } from 'react-helmet';\nimport { StaticRouter } from 'react-router-dom/server';\nimport serializeJs from 'serialize-javascript';\nimport { setBuildInfo } from 'utils/isomorphy/buildInfo';\nimport winston from 'winston';\n\nimport Cache from './Cache';\n\nconst sanitizedConfig = omit(config, 'SECRET');\n\nexport const SCRIPT_LOCATIONS = {\n  BODY_OPEN: 'BODY_OPEN',\n  DEFAULT: 'DEFAULT',\n  HEAD_OPEN: 'HEAD_OPEN',\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @ignore\n * @param {String} context Webpack context path used during the build.\n * @return {Object} Resolves to the build-time information.\n */\nfunction getBuildInfo(context) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url));\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @ignore\n * @param {string} buildDir\n * @return {object}\n */\nfunction readChunkGroupsJson(buildDir) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url));\n  } catch (err) {\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @ignore\n * @param {String} key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return {Promise} Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nfunction prepareCipher(key) {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param {object} req\n * @return {boolean}\n * @ignore\n */\nexport function isBrotliAcceptable(req) {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (let i = 0; i < ops.length; ++i) {\n      const [type, priority] = ops[i].trim().split(';q=');\n      if ((type === '*' || type === 'br')\n      && (!priority || parseFloat(priority) > 0)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (let i = 0; i < scripts.length; ++i) {\n    const script = scripts[i];\n    if (isString(script)) {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script.code) {\n      if (res[script.location] !== undefined) {\n        res[script.location] += script.code;\n      } else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}) {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    level: defaultLogLevel,\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp}):\\t${message}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack}`;\n          return res;\n        },\n      ),\n    ),\n    transports: [new transports.Console()],\n  });\n}\n\n/**\n * Creates the middleware.\n * @param {object} webpackConfig\n * @param {object} options Additional options:\n * @param {Component} [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param {object} [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param {boolean} [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param {boolean} [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param {number} [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param {number} [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param {number} [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param {function} [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return {function} Created middleware.\n */\nexport default function factory(webpackConfig, options) {\n  const ops = defaults(clone(options), {\n    beforeRender: () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  if (ops.logger === undefined) {\n    ops.logger = newDefaultLogger({\n      defaultLogLevel: ops.defaultLoggerLogLevel,\n    });\n  }\n\n  const buildInfo = ops.buildInfo || getBuildInfo(webpackConfig.context);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath}manifest.json\">` : '';\n\n  const cache = ops.staticCacheController\n    ? new Cache(ops.staticCacheSize) : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath);\n\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef;\n      if (cache) {\n        cacheRef = ops.staticCacheController(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n                      h = h.replace(regex, req.nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        ops.beforeRender(req, sanitizedConfig),\n        prepareCipher(buildInfo.key),\n      ]);\n\n      let helmet;\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats');\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets.map(({ name }) => name),\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      let App = ops.Application;\n      const ssrContext = {\n        req,\n        state: cloneDeep(initialState || {}),\n\n        // Array of chunk names encountered during the rendering.\n        chunks: [],\n\n        chunkGroups,\n      };\n      let stream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        const renderPass = async () => {\n          ssrContext.chunks = [];\n          return new Promise((resolve, reject) => {\n            const pipeableStream = renderToPipeableStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter location={req.url}>\n                  <App />\n                </StaticRouter>\n              </GlobalStateProvider>,\n              {\n                onAllReady: () => resolve(pipeableStream),\n                onError: reject,\n              },\n            );\n          });\n        };\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds; ++ssrRound) {\n          stream = await renderPass(); // eslint-disable-line no-await-in-loop\n\n          if (!ssrContext.dirty) break;\n\n          /* eslint-disable no-await-in-loop */\n          const timeout = ops.ssrTimeout + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n          /* eslint-enable no-await-in-loop */\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        App = '';\n        stream.pipe(new Writable({\n          write: (chunk, _, done) => {\n            App += chunk.toString();\n            done();\n          },\n        }));\n\n        /* This takes care about server-side rendering of page title and meta tags\n        * (still demands injection into HTML template, which happens below). */\n        helmet = Helmet.renderStatic();\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject || sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n            // In dev mode HMR adds JS updates into asset arrays,\n            // and they (updates) should be ignored.\n            && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon ? (\n        '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n      ) : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet ? helmet.title.toString() : ''}\n            ${helmet ? helmet.meta.toString() : ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${App || ''}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            if (error) failed(error);\n            else {\n              buffer.nonce = req.nonce; // eslint-disable-line no-param-reassign\n              cache.add({ buffer, status }, cacheRef.key);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"renderer.js","names":["_fs","_interopRequireDefault","require","_path","_stream","_zlib","_winston","_reactGlobalState","_jsUtils","_lodash","_config","_nodeForge","_server","_reactHelmet","_server2","_serializeJavascript","_buildInfo","_Cache","_jsxRuntime","sanitizedConfig","omit","config","SCRIPT_LOCATIONS","BODY_OPEN","DEFAULT","HEAD_OPEN","exports","getBuildInfo","context","url","path","resolve","JSON","parse","fs","readFileSync","readChunkGroupsJson","buildDir","res","err","prepareCipher","key","Promise","reject","forge","random","getBytes","iv","cipher","createCipher","start","isBrotliAcceptable","req","acceptable","get","ops","split","i","length","type","priority","trim","parseFloat","groupExtraScripts","scripts","script","isString","code","location","undefined","Error","newDefaultLogger","defaultLogLevel","format","transports","winston","createLogger","level","combine","splat","timestamp","colorize","printf","message","stack","rest","Object","keys","stringify","Console","factory","webpackConfig","options","defaults","clone","beforeRender","maxSsrRounds","ssrTimeout","staticCacheSize","logger","defaultLoggerLogLevel","buildInfo","setBuildInfo","publicPath","outputPath","output","manifestLink","existsSync","cache","staticCacheController","Cache","CHUNK_GROUPS","next","set","cookie","csrfToken","cacheRef","data","buffer","status","noCsp","send","done","failed","brotliDecompress","error","html","h","toString","regex","RegExp","nonce","replace","configToInject","extraScripts","initialState","all","helmet","chunkGroups","webpackStats","locals","mapValues","toJson","namedChunkGroups","item","assets","map","name","App","Application","ssrContext","state","cloneDeep","chunks","stream","ssrStart","Date","now","renderPass","pipeableStream","renderToPipeableStream","jsx","GlobalStateProvider","children","StaticRouter","onAllReady","onError","ssrRound","bailed","dirty","timeout","race","allSettled","pending","timer","then","logMsg","log","pipe","Writable","write","chunk","_","Helmet","renderStatic","payload","serializeJs","CONFIG","ISTATE","ignoreFunction","unsafe","update","util","createBuffer","finish","INJ","encode64","chunkSet","Set","forEach","asset","add","styleChunkString","scriptChunkString","endsWith","grouppedExtraScripts","faviconLink","favicon","title","meta","brotliCompress"],"sources":["../../../src/server/renderer.jsx"],"sourcesContent":["/**\n * ExpressJS middleware for server-side rendering of a ReactJS app.\n */\n\nimport fs from 'fs';\nimport path from 'path';\n\nimport { Writable } from 'stream';\nimport { brotliCompress, brotliDecompress } from 'zlib';\nimport winston from 'winston';\n\nimport { GlobalStateProvider } from '@dr.pogodin/react-global-state';\nimport { timer } from '@dr.pogodin/js-utils';\n\nimport {\n  clone,\n  cloneDeep,\n  defaults,\n  isString,\n  get,\n  mapValues,\n  omit,\n} from 'lodash';\n\nimport config from 'config';\nimport forge from 'node-forge';\n\nimport { renderToPipeableStream } from 'react-dom/server';\nimport { Helmet } from 'react-helmet';\nimport { StaticRouter } from 'react-router-dom/server';\nimport serializeJs from 'serialize-javascript';\nimport { setBuildInfo } from 'utils/isomorphy/buildInfo';\n\nimport Cache from './Cache';\n\nconst sanitizedConfig = omit(config, 'SECRET');\n\nexport const SCRIPT_LOCATIONS = {\n  BODY_OPEN: 'BODY_OPEN',\n  DEFAULT: 'DEFAULT',\n  HEAD_OPEN: 'HEAD_OPEN',\n};\n\n/**\n * Reads build-time information about the app. This information is generated\n * by our standard Webpack config for apps, and it is written into\n * \".build-info\" file in the context folder specified in Webpack config.\n * At the moment, that file contains build timestamp and a random 32-bit key,\n * suitable for cryptographical use.\n * @ignore\n * @param {String} context Webpack context path used during the build.\n * @return {Object} Resolves to the build-time information.\n */\nfunction getBuildInfo(context) {\n  const url = path.resolve(context, '.build-info');\n  return JSON.parse(fs.readFileSync(url));\n}\n\n/**\n * Attempts to read from disk the named chunk groups mapping generated\n * by Webpack during the compilation.\n * It will not work for development builds, where these stats should be captured\n * via compilator callback.\n * @ignore\n * @param {string} buildDir\n * @return {object}\n */\nfunction readChunkGroupsJson(buildDir) {\n  const url = path.resolve(buildDir, '__chunk_groups__.json');\n  let res;\n  try {\n    res = JSON.parse(fs.readFileSync(url));\n  } catch (err) {\n    res = null;\n  }\n  return res;\n}\n\n/**\n * Prepares a new Cipher for data encryption.\n * @ignore\n * @param {String} key Encryption key (32-bit random key is expected, see\n *  node-forge documentation, in case of doubts).\n * @return {Promise} Resolves to the object with two fields:\n *  1. cipher - a new Cipher, ready for encryption;\n *  2. iv - initial vector used by the cipher.\n */\nfunction prepareCipher(key) {\n  return new Promise((resolve, reject) => {\n    forge.random.getBytes(32, (err, iv) => {\n      if (err) reject(err);\n      else {\n        const cipher = forge.cipher.createCipher('AES-CBC', key);\n        cipher.start({ iv });\n        resolve({ cipher, iv });\n      }\n    });\n  });\n}\n\n/**\n * Given an incoming HTTP requests, it deduces whether Brotli-encoded responses\n * are acceptable to the caller.\n * @param {object} req\n * @return {boolean}\n * @ignore\n */\nexport function isBrotliAcceptable(req) {\n  const acceptable = req.get('accept-encoding');\n  if (acceptable) {\n    const ops = acceptable.split(',');\n    for (let i = 0; i < ops.length; ++i) {\n      const [type, priority] = ops[i].trim().split(';q=');\n      if ((type === '*' || type === 'br')\n      && (!priority || parseFloat(priority) > 0)) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Given an array of extra script strings / objects, it returns an object with\n * arrays of scripts to inject in different HTML template locations. During\n * the script groupping it also filters out any empty scripts.\n * @param {({\n *  code: string;\n *  location: string;\n * }|string)[]} [scripts=[]]\n * @return {{\n *  BODY_OPEN: string[];\n *  DEFAULT: string[];\n *  HEAD_OPEN: string[];\n * }}\n */\nfunction groupExtraScripts(scripts = []) {\n  const res = {\n    [SCRIPT_LOCATIONS.BODY_OPEN]: '',\n    [SCRIPT_LOCATIONS.DEFAULT]: '',\n    [SCRIPT_LOCATIONS.HEAD_OPEN]: '',\n  };\n  for (let i = 0; i < scripts.length; ++i) {\n    const script = scripts[i];\n    if (isString(script)) {\n      if (script) res[SCRIPT_LOCATIONS.DEFAULT] += script;\n    } else if (script.code) {\n      if (res[script.location] !== undefined) {\n        res[script.location] += script.code;\n      } else throw Error(`Invalid location \"${script.location}\"`);\n    }\n  }\n  return res;\n}\n\n/**\n * Creates a new default (Winston) logger.\n * @param {object} [options={}]\n * @param {string} [options.defaultLogLevel='info']\n * @return {object}\n */\nexport function newDefaultLogger({\n  defaultLogLevel = 'info',\n} = {}) {\n  const { format, transports } = winston;\n  return winston.createLogger({\n    level: defaultLogLevel,\n    format: format.combine(\n      format.splat(),\n      format.timestamp(),\n      format.colorize(),\n      format.printf(\n        ({\n          level,\n          message,\n          timestamp,\n          stack,\n          ...rest\n        }) => {\n          let res = `${level}\\t(at ${timestamp}):\\t${message}`;\n          if (Object.keys(rest).length) {\n            res += `\\n${JSON.stringify(rest, null, 2)}`;\n          }\n          if (stack) res += `\\n${stack}`;\n          return res;\n        },\n      ),\n    ),\n    transports: [new transports.Console()],\n  });\n}\n\n/**\n * Creates the middleware.\n * @param {object} webpackConfig\n * @param {object} options Additional options:\n * @param {Component} [options.Application] The root ReactJS component of\n * the app to use for the server-side rendering. When not provided\n * the server-side rendering is disabled.\n * @param {object} [options.buildInfo] \"Build info\" object to use. If provided,\n *  it will be used, instead of trying to load from the filesystem the one\n *  generated by the Webpack build. It is intended for test environments,\n *  where passing this stuff via file system is no bueno.\n * @param {boolean} [options.favicon] `true` will include favicon\n *  link into the rendered HTML templates.\n * @param {boolean} [options.noCsp] `true` means that no\n * Content-Security-Policy (CSP) is used by server, thus the renderer\n * may cut a few corners.\n * @param {number} [options.maxSsrRounds=10] Maximum number of SSR rounds.\n * @param {number} [options.ssrTimeout=1000] SSR timeout in milliseconds,\n * defaults to 1 second.\n * @param {number} [options.staticCacheSize=1.e7] The maximum\n * static cache size in bytes. Defaults to ~10 MB.\n * @param {function} [options.staticCacheController] When given, it activates,\n * and controls the static caching of generated HTML markup. When this function\n * is provided, on each incoming request it is triggered with the request\n * passed in as the argument. To attempt to serve the response from the cache\n * it should return the object with the following fields:\n * - `key: string` &ndash; the cache key for the response;\n * - `maxage?: number` &ndash; the maximum age of cached result in ms.\n *   If undefined - infinite age is assumed.\n * @return {function} Created middleware.\n */\nexport default function factory(webpackConfig, options) {\n  const ops = defaults(clone(options), {\n    beforeRender: () => Promise.resolve({}),\n    maxSsrRounds: 10,\n    ssrTimeout: 1000,\n    staticCacheSize: 1.e7,\n  });\n\n  // Note: in normal use the default logger is created and set in the root\n  // server function, and this initialization is for testing uses, where\n  // renderer is imported directly.\n  if (ops.logger === undefined) {\n    ops.logger = newDefaultLogger({\n      defaultLogLevel: ops.defaultLoggerLogLevel,\n    });\n  }\n\n  const buildInfo = ops.buildInfo || getBuildInfo(webpackConfig.context);\n  setBuildInfo(buildInfo);\n\n  // publicPath from webpack.output has a trailing slash at the end.\n  const { publicPath, path: outputPath } = webpackConfig.output;\n\n  const manifestLink = fs.existsSync(`${outputPath}/manifest.json`)\n    ? `<link rel=\"manifest\" href=\"${publicPath}manifest.json\">` : '';\n\n  const cache = ops.staticCacheController\n    ? new Cache(ops.staticCacheSize) : null;\n\n  const CHUNK_GROUPS = readChunkGroupsJson(outputPath);\n\n  return async (req, res, next) => {\n    try {\n      // Ensures any caches always revalidate HTML markup before reuse.\n      res.set('Cache-Control', 'no-cache');\n\n      res.cookie('csrfToken', req.csrfToken());\n\n      let cacheRef;\n      if (cache) {\n        cacheRef = ops.staticCacheController(req);\n        if (cacheRef) {\n          const data = cache.get(cacheRef);\n          if (data !== null) {\n            const { buffer, status } = data;\n            if (ops.noCsp && isBrotliAcceptable(req)) {\n              res.set('Content-Type', 'text/html');\n              res.set('Content-Encoding', 'br');\n              if (status !== 200) res.status(status);\n              res.send(buffer);\n            } else {\n              await new Promise((done, failed) => {\n                brotliDecompress(buffer, (error, html) => {\n                  if (error) failed(error);\n                  else {\n                    let h = html.toString();\n                    if (!ops.noCsp) {\n                      // TODO: Starting from Node v15 we'll be able to use string's\n                      // .replaceAll() method instead relying on reg. expression for\n                      // global matching.\n                      const regex = new RegExp(buffer.nonce, 'g');\n                      h = h.replace(regex, req.nonce);\n                    }\n                    if (status !== 200) res.status(status);\n                    res.send(h);\n                    done();\n                  }\n                });\n              });\n            }\n            return;\n          }\n        }\n      }\n\n      const [{\n        configToInject,\n        extraScripts,\n        initialState,\n      }, {\n        cipher,\n        iv,\n      }] = await Promise.all([\n        ops.beforeRender(req, sanitizedConfig),\n        prepareCipher(buildInfo.key),\n      ]);\n\n      let helmet;\n\n      // Gets the mapping between code chunk names and their asset files.\n      // These data come from the Webpack compilation, either from the stats\n      // attached to the request (in dev mode), or from a file output during\n      // the build (in prod mode).\n      let chunkGroups;\n      const webpackStats = get(res.locals, 'webpack.devMiddleware.stats');\n      if (webpackStats) {\n        chunkGroups = mapValues(\n          webpackStats.toJson({\n            all: false,\n            chunkGroups: true,\n          }).namedChunkGroups,\n          (item) => item.assets.map(({ name }) => name),\n        );\n      } else if (CHUNK_GROUPS) chunkGroups = CHUNK_GROUPS;\n      else chunkGroups = {};\n\n      /* Optional server-side rendering. */\n      let App = ops.Application;\n      const ssrContext = {\n        req,\n        state: cloneDeep(initialState || {}),\n\n        // Array of chunk names encountered during the rendering.\n        chunks: [],\n\n        chunkGroups,\n      };\n      let stream;\n      if (App) {\n        const ssrStart = Date.now();\n\n        const renderPass = async () => {\n          ssrContext.chunks = [];\n          return new Promise((resolve, reject) => {\n            const pipeableStream = renderToPipeableStream(\n              <GlobalStateProvider\n                initialState={ssrContext.state}\n                ssrContext={ssrContext}\n              >\n                <StaticRouter location={req.url}>\n                  <App />\n                </StaticRouter>\n              </GlobalStateProvider>,\n              {\n                onAllReady: () => resolve(pipeableStream),\n                onError: reject,\n              },\n            );\n          });\n        };\n\n        let ssrRound = 0;\n        let bailed = false;\n        for (; ssrRound < ops.maxSsrRounds; ++ssrRound) {\n          stream = await renderPass(); // eslint-disable-line no-await-in-loop\n\n          if (!ssrContext.dirty) break;\n\n          /* eslint-disable no-await-in-loop */\n          const timeout = ops.ssrTimeout + ssrStart - Date.now();\n          bailed = timeout <= 0 || !await Promise.race([\n            Promise.allSettled(ssrContext.pending),\n            timer(timeout).then(() => false),\n          ]);\n          if (bailed) break;\n          /* eslint-enable no-await-in-loop */\n        }\n\n        let logMsg;\n        if (ssrContext.dirty) {\n          // NOTE: In the case of incomplete SSR one more round is necessary\n          // to ensure the correct hydration when some pending promises have\n          // resolved and placed their data into the initial global state.\n          stream = await renderPass();\n\n          logMsg = bailed ? `SSR timed out after ${ops.ssrTimeout} second(s)`\n            : `SSR bailed out after ${ops.maxSsrRounds} round(s)`;\n        } else logMsg = `SSR completed in ${ssrRound + 1} round(s)`;\n\n        ops.logger.log(ssrContext.dirty ? 'warn' : 'info', logMsg);\n\n        App = '';\n        stream.pipe(new Writable({\n          write: (chunk, _, done) => {\n            App += chunk.toString();\n            done();\n          },\n        }));\n\n        /* This takes care about server-side rendering of page title and meta tags\n        * (still demands injection into HTML template, which happens below). */\n        helmet = Helmet.renderStatic();\n      }\n\n      /* Encrypts data to be injected into HTML.\n       * Keep in mind, that this encryption is no way secure: as the JS bundle\n       * contains decryption key and is able to decode it at the client side.\n       * Hovewer, for a number of reasons, encryption of injected data is still\n       * better than injection of a plain text. */\n      const payload = serializeJs({\n        CHUNK_GROUPS: chunkGroups,\n        CONFIG: configToInject || sanitizedConfig,\n        ISTATE: ssrContext.state,\n      }, {\n        ignoreFunction: true,\n        unsafe: true,\n      });\n      cipher.update(forge.util.createBuffer(payload, 'utf8'));\n      cipher.finish();\n      const INJ = forge.util.encode64(`${iv}${cipher.output.data}`);\n\n      const chunkSet = new Set();\n\n      // TODO: \"main\" chunk has to be added explicitly,\n      // because unlike all other chunks they are not managed by <CodeSplit>\n      // component, thus they are not added to the ssrContext.chunks\n      // automatically. Actually, names of these entry chunks should be\n      // read from Wepback config, as the end user may customize them,\n      // remove or add other entry points, but it requires additional\n      // efforts to figure out how to automatically order them right,\n      // thus for now this handles the default config.\n      [\n        'main',\n        ...ssrContext.chunks,\n      ].forEach((chunk) => {\n        const assets = chunkGroups[chunk];\n        if (assets) assets.forEach((asset) => chunkSet.add(asset));\n      });\n\n      let styleChunkString = '';\n      let scriptChunkString = '';\n      chunkSet.forEach((chunk) => {\n        if (chunk.endsWith('.css')) {\n          styleChunkString += `<link href=\"${publicPath}${chunk}\" rel=\"stylesheet\">`;\n        } else if (\n          chunk.endsWith('.js')\n            // In dev mode HMR adds JS updates into asset arrays,\n            // and they (updates) should be ignored.\n            && !chunk.endsWith('.hot-update.js')\n        ) {\n          scriptChunkString += `<script src=\"${publicPath}${chunk}\" type=\"application/javascript\"></script>`;\n        }\n      });\n\n      const grouppedExtraScripts = groupExtraScripts(extraScripts);\n\n      const faviconLink = ops.favicon ? (\n        '<link rel=\"shortcut icon\" href=\"/favicon.ico\">'\n      ) : '';\n\n      const html = `<!DOCTYPE html>\n        <html lang=\"en\">\n          <head>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.HEAD_OPEN]}\n            ${helmet ? helmet.title.toString() : ''}\n            ${helmet ? helmet.meta.toString() : ''}\n            <meta name=\"theme-color\" content=\"#FFFFFF\">\n            ${manifestLink}\n            ${styleChunkString}\n            ${faviconLink}\n            <meta charset=\"utf-8\">\n            <meta\n              content=\"width=device-width,initial-scale=1.0\"\n              name=\"viewport\"\n            >\n            <meta itemprop=\"drpruinj\" content=\"${INJ}\">\n          </head>\n          <body>\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.BODY_OPEN]}\n            <div id=\"react-view\">${App || ''}</div>\n            ${scriptChunkString}\n            ${grouppedExtraScripts[SCRIPT_LOCATIONS.DEFAULT]}\n          </body>\n        </html>`;\n\n      const status = ssrContext.status || 200;\n      if (status !== 200) res.status(status);\n\n      if (cacheRef && status < 500) {\n        // Note: waiting for the caching to complete is not strictly necessary,\n        // but it greately simplifies testing, and error reporting.\n        await new Promise((done, failed) => {\n          brotliCompress(html, (error, buffer) => {\n            if (error) failed(error);\n            else {\n              buffer.nonce = req.nonce; // eslint-disable-line no-param-reassign\n              cache.add({ buffer, status }, cacheRef.key);\n              done();\n            }\n          });\n        });\n      }\n\n      // Note: as caching code above may throw in some cases, sending response\n      // before it completes will likely hide the error, making it difficult\n      // to debug. Thus, at least for now, lets send response after it.\n      res.send(html);\n    } catch (error) {\n      next(error);\n    }\n  };\n}\n"],"mappings":"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"}

package/build/development/shared/components/Dropdown/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _lodash = require("lodash");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -47,33 +46,42 @@ function Dropdown({
   theme,
   value
 }) {
-  const optionArray = [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-    className: theme.hiddenOption,
-    children: "\u200C"
-  }, "__reactUtilsHiddenOption")];
+  let isValidValue = false;
+  const optionElements = [];
   for (let i = 0; i < options.length; ++i) {
-    let op = options[i];
-    if (!filter || filter(op)) {
-      if ((0, _lodash.isString)(op)) op = {
-        value: op
-      };
-      optionArray.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+    const option = options[i];
+    if (!filter || filter(option)) {
+      const optionValue = typeof option === 'string' ? option : option.value;
+      const optionName = option.name === undefined ? optionValue : option.name;
+      isValidValue ||= optionValue === value;
+      optionElements.push( /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         className: theme.option,
-        value: op.value,
-        children: op.name === undefined ? op.value : op.name
-      }, op.value));
+        value: optionValue,
+        children: optionName
+      }, optionValue));
     }
   }
+
+  // NOTE: This element represents the current `value` when it does not match
+  // any valid option. In Chrome, and some other browsers, we are able to hide
+  // it from the opened dropdown; in others, e.g. Safari, the best we can do is
+  // to show it as disabled.
+  const hiddenOption = isValidValue ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+    disabled: true,
+    className: theme.hiddenOption,
+    value: value,
+    children: value
+  }, "__reactUtilsHiddenOption");
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: theme.container,
     children: [label === undefined ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       className: theme.label,
       children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
       className: theme.select,
       onChange: onChange,
       value: value,
-      children: optionArray
+      children: [hiddenOption, optionElements]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: theme.arrow,
       children: "\u25BC"
@@ -97,7 +105,7 @@ Dropdown.defaultProps = {
   label: undefined,
   onChange: undefined,
   options: [],
-  value: undefined
+  value: ''
 };
 var _default = ThemedDropdown;
 exports.default = _default;

package/build/development/shared/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_lodash","require","_propTypes","_interopRequireDefault","_utils","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","theme","value","optionArray","jsx","className","hiddenOption","children","i","length","op","isString","push","option","name","undefined","jsxs","container","select","arrow","ThemedDropdown","themed","propTypes","PT","func","string","arrayOf","oneOfType","shape","node","isRequired","themeType","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Dropdown/index.jsx"],"sourcesContent":["import { isString } from 'lodash';\nimport PT from 'prop-types';\n\nimport { themed } from 'utils';\n\nimport defaultTheme from './theme.scss';\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param {object} [props] Component properties.\n * @param {function} [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param {string} [props.label] Dropdown label.\n * @param {string} [props.onChange] Selection event handler.\n * @param {DropdownOption[]|string[]} [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param {DropdownTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.value] Currently selected value.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nfunction Dropdown({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) {\n  const optionArray = [(\n    <option\n      className={theme.hiddenOption}\n      key=\"__reactUtilsHiddenOption\"\n    >\n      &zwnj;\n    </option>\n  )];\n  for (let i = 0; i < options.length; ++i) {\n    let op = options[i];\n    if (!filter || filter(op)) {\n      if (isString(op)) op = { value: op };\n      optionArray.push((\n        <option className={theme.option} key={op.value} value={op.value}>\n          {op.name === undefined ? op.value : op.name }\n        </option>\n      ));\n    }\n  }\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <p className={theme.label}>{label}</p> }\n      <select\n        className={theme.select}\n        onChange={onChange}\n        value={value}\n      >\n        {optionArray}\n      </select>\n      <div className={theme.arrow}>▼</div>\n    </div>\n  );\n}\n\nconst ThemedDropdown = themed('Dropdown', [\n  'arrow',\n  'container',\n  'hiddenOption',\n  'label',\n  'option',\n  'select',\n], defaultTheme)(Dropdown);\n\nDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.string,\n  onChange: PT.func,\n  options: PT.arrayOf(\n    PT.oneOfType([\n      PT.shape({\n        name: PT.node,\n        value: PT.string.isRequired,\n      }),\n      PT.string,\n    ]).isRequired,\n  ),\n  theme: ThemedDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: undefined,\n};\n\nexport default ThemedDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_propTypes","_interopRequireDefault","require","_utils","_jsxRuntime","defaultTheme","Dropdown","filter","label","onChange","options","theme","value","isValidValue","optionElements","i","length","option","optionValue","optionName","name","undefined","push","jsx","className","children","hiddenOption","disabled","jsxs","container","select","arrow","ThemedDropdown","themed","propTypes","PT","func","string","arrayOf","oneOfType","shape","node","isRequired","themeType","defaultProps","_default","exports","default"],"sources":["../../../../../src/shared/components/Dropdown/index.jsx"],"sourcesContent":["import PT from 'prop-types';\n\nimport { themed } from 'utils';\n\nimport defaultTheme from './theme.scss';\n\n/**\n * Implements a themeable dropdown list. Internally it is rendered with help of\n * the standard HTML `<select>` element, thus the styling support is somewhat\n * limited.\n * @param {object} [props] Component properties.\n * @param {function} [props.filter] Options filter function. If provided, only\n * those elements of `options` list will be used by the dropdown, for which this\n * filter returns `true`.\n * @param {string} [props.label] Dropdown label.\n * @param {string} [props.onChange] Selection event handler.\n * @param {DropdownOption[]|string[]} [props.options=[]] Array of dropdown\n * options. For string elements the option value and name will be the same.\n * It is allowed to mix DropdownOption and string elements in the same option\n * list.\n * @param {DropdownTheme} [props.theme] _Ad hoc_ theme.\n * @param {string} [props.value] Currently selected value.\n * @param {...any} [props....]\n * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)\n */\nfunction Dropdown({\n  filter,\n  label,\n  onChange,\n  options,\n  theme,\n  value,\n}) {\n  let isValidValue = false;\n  const optionElements = [];\n\n  for (let i = 0; i < options.length; ++i) {\n    const option = options[i];\n    if (!filter || filter(option)) {\n      const optionValue = typeof option === 'string' ? option : option.value;\n      const optionName = option.name === undefined ? optionValue : option.name;\n      isValidValue ||= optionValue === value;\n      optionElements.push(\n        <option className={theme.option} key={optionValue} value={optionValue}>\n          {optionName}\n        </option>,\n      );\n    }\n  }\n\n  // NOTE: This element represents the current `value` when it does not match\n  // any valid option. In Chrome, and some other browsers, we are able to hide\n  // it from the opened dropdown; in others, e.g. Safari, the best we can do is\n  // to show it as disabled.\n  const hiddenOption = isValidValue ? null : (\n    <option\n      disabled\n      className={theme.hiddenOption}\n      key=\"__reactUtilsHiddenOption\"\n      value={value}\n    >\n      {value}\n    </option>\n  );\n\n  return (\n    <div className={theme.container}>\n      { label === undefined ? null : <p className={theme.label}>{label}</p> }\n      <select\n        className={theme.select}\n        onChange={onChange}\n        value={value}\n      >\n        {hiddenOption}\n        {optionElements}\n      </select>\n      <div className={theme.arrow}>▼</div>\n    </div>\n  );\n}\n\nconst ThemedDropdown = themed('Dropdown', [\n  'arrow',\n  'container',\n  'hiddenOption',\n  'label',\n  'option',\n  'select',\n], defaultTheme)(Dropdown);\n\nDropdown.propTypes = {\n  filter: PT.func,\n  label: PT.string,\n  onChange: PT.func,\n  options: PT.arrayOf(\n    PT.oneOfType([\n      PT.shape({\n        name: PT.node,\n        value: PT.string.isRequired,\n      }),\n      PT.string,\n    ]).isRequired,\n  ),\n  theme: ThemedDropdown.themeType.isRequired,\n  value: PT.string,\n};\n\nDropdown.defaultProps = {\n  filter: undefined,\n  label: undefined,\n  onChange: undefined,\n  options: [],\n  value: '',\n};\n\nexport default ThemedDropdown;\n"],"mappings":"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"}

package/build/development/shared/components/WithTooltip/Tooltip.js

@@ -75,8 +75,8 @@ function calcTooltipRects(tooltip) {
  */
 function calcViewportRect() {
   const {
-    pageXOffset,
-    pageYOffset
+    scrollX,
+    scrollY
   } = window;
   const {
     documentElement: {
@@ -85,10 +85,10 @@ function calcViewportRect() {
     }
   } = document;
   return {
-    left: pageXOffset,
-    right: pageXOffset + clientWidth,
-    top: pageYOffset,
-    bottom: pageYOffset + clientHeight
+    left: scrollX,
+    right: scrollX + clientWidth,
+    top: scrollY,
+    bottom: scrollY + clientHeight
   };
 }
 
@@ -224,8 +224,30 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   theme
 }, ref) => {
+  // NOTE: The way it has to be implemented, for clean mounting and unmounting
+  // at the client side, the <Tooltip> is fully mounted into DOM in the next
+  // rendering cycles, and only then it can be correctly measured and positioned.
+  // Thus, when we create the <Tooltip> we have to record its target positioning
+  // details, and then apply them when it is created.
+
+  const {
+    current: heap
+  } = (0, _react.useRef)({
+    lastElement: undefined,
+    lastPageX: 0,
+    lastPageY: 0,
+    lastPlacement: undefined
+  });
   const [components, setComponents] = (0, _react.useState)(null);
-  const pointTo = (pageX, pageY, placement, element) => components && setComponentPositions(pageX, pageY, placement, element, components);
+  const pointTo = (pageX, pageY, placement, element) => {
+    heap.lastElement = element;
+    heap.lastPageX = pageX;
+    heap.lastPageY = pageY;
+    heap.lastPlacement = placement;
+    if (components) {
+      setComponentPositions(pageX, pageY, placement, element, components);
+    }
+  };
   (0, _react.useImperativeHandle)(ref, () => ({
     pointTo
   }));
@@ -239,6 +261,18 @@ const Tooltip = /*#__PURE__*/(0, _react.forwardRef)(({
       setComponents(null);
     };
   }, [theme]);
+  (0, _react.useEffect)(() => {
+    if (components) {
+      setComponentPositions(heap.lastPageX, heap.lastPageY, heap.lastPlacement, heap.lastElement, components);
+    }
+  }, [components,
+  // BEWARE: Careful about these dependencies - they are updated when mouse
+  // is moved over the tool-tipped element, thus potentially may cause
+  // unnecessary firing of this effect on each mouse event. It does not
+  // happen now just because the mouse movements themselves are not causing
+  // the component re-rendering, thus dependencies of this effect are not
+  // really re-evaluated.
+  heap.lastPageX, heap.lastPageY, heap.lastPlacement, heap.lastElement]);
   return components ? /*#__PURE__*/(0, _reactDom.createPortal)(children, components.content) : null;
 });
 Tooltip.propTypes = {

package/build/development/shared/components/WithTooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_react","require","_reactDom","_propTypes","_interopRequireDefault","PLACEMENTS","ABOVE_CURSOR","ABOVE_ELEMENT","BELOW_CURSOR","BELOW_ELEMENT","exports","ARROW_STYLE_DOWN","join","ARROW_STYLE_UP","createTooltipComponents","theme","arrow","document","createElement","setAttribute","content","container","appendChild","body","calcTooltipRects","tooltip","getBoundingClientRect","calcViewportRect","pageXOffset","pageYOffset","window","documentElement","clientHeight","clientWidth","left","right","top","bottom","calcPositionAboveXY","x","y","tooltipRects","arrowX","width","arrowY","height","containerX","containerY","baseArrowStyle","setComponentPositions","pageX","pageY","placement","element","viewportRect","pos","Math","max","maxX","min","containerStyle","arrowStyle","Tooltip","forwardRef","children","ref","components","setComponents","useState","pointTo","useImperativeHandle","useEffect","removeChild","createPortal","propTypes","PT","node","shape","isRequired","defaultProps","_default","default"],"sources":["../../../../../src/shared/components/WithTooltip/Tooltip.jsx"],"sourcesContent":["/**\n * The actual tooltip component. It is rendered outside the regular document\n * hierarchy, and with sub-components managed without React to achieve the best\n * performance during animation.\n */\n/* global document, window */\n\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport PT from 'prop-types';\n\n/* Valid placements of the rendered tooltip. They will be overriden when\n * necessary to fit the tooltip within the viewport. */\nexport const PLACEMENTS = {\n  ABOVE_CURSOR: 'ABOVE_CURSOR',\n  ABOVE_ELEMENT: 'ABOVE_ELEMENT',\n  BELOW_CURSOR: 'BELOW_CURSOR',\n  BELOW_ELEMENT: 'BELOW_ELEMENT',\n};\n\nconst ARROW_STYLE_DOWN = [\n  'border-bottom-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\nconst ARROW_STYLE_UP = [\n  'border-top-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\n/**\n * Creates tooltip components.\n * @ignore\n * @param {object} theme Themes to use for tooltip container, arrow,\n *  and content.\n * @return {object} Object with DOM references to the container components:\n *  container, arrow, content.\n */\nfunction createTooltipComponents(theme) {\n  const arrow = document.createElement('div');\n  if (theme.arrow) arrow.setAttribute('class', theme.arrow);\n\n  const content = document.createElement('div');\n  if (theme.content) content.setAttribute('class', theme.content);\n\n  const container = document.createElement('div');\n  if (theme.container) container.setAttribute('class', theme.container);\n\n  container.appendChild(arrow);\n  container.appendChild(content);\n  document.body.appendChild(container);\n\n  return { container, arrow, content };\n}\n\n/**\n * Generates bounding client rectangles for tooltip components.\n * @ignore\n * @param {object} tooltip DOM references to the tooltip components.\n * @param {object} tooltip.arrow\n * @param {object} tooltip.container\n * @return {{ arrow: object, container}} Object holding tooltip rectangles in\n *  two fields.\n */\nfunction calcTooltipRects(tooltip) {\n  return {\n    arrow: tooltip.arrow.getBoundingClientRect(),\n    container: tooltip.container.getBoundingClientRect(),\n  };\n}\n\n/**\n * Calculates the document viewport size.\n * @ignore\n * @return {{x, y, width, height}}\n */\nfunction calcViewportRect() {\n  const { pageXOffset, pageYOffset } = window;\n  const { documentElement: { clientHeight, clientWidth } } = document;\n  return {\n    left: pageXOffset,\n    right: pageXOffset + clientWidth,\n    top: pageYOffset,\n    bottom: pageYOffset + clientHeight,\n  };\n}\n\n/**\n * Calculates tooltip and arrow positions for the placement just above\n * the cursor.\n * @ignore\n * @param {number} x Cursor page-x position.\n * @param {number} y Cursor page-y position.\n * @param {object} tooltipRects Bounding client rectangles of tooltip parts.\n * @param {object} tooltipRects.arrow\n * @param {object} tooltipRects.container\n * @return {object} Contains the following fields:\n *  - {number} arrowX\n *  - {number} arrowY\n *  - {number} containerX\n *  - {number} containerY\n *  - {string} baseArrowStyle\n */\nfunction calcPositionAboveXY(x, y, tooltipRects) {\n  const { arrow, container } = tooltipRects;\n  return {\n    arrowX: 0.5 * (container.width - arrow.width),\n    arrowY: container.height,\n    containerX: x - container.width / 2,\n    containerY: y - container.height - arrow.height / 1.5,\n\n    // TODO: Instead of already setting the base style here, we should\n    // introduce a set of constants for arrow directions, which will help\n    // to do checks dependant on the arrow direction.\n    baseArrowStyle: ARROW_STYLE_DOWN,\n  };\n}\n\n/*\nconst HIT = {\n  NONE: false,\n  LEFT: 'LEFT',\n  RIGHT: 'RIGHT',\n  TOP: 'TOP',\n  BOTTOM: 'BOTTOM',\n};\n*/\n\n/**\n * Checks whether\n * @param {object} pos\n * @param {object} tooltipRects\n * @param {object} viewportRect\n * @return {HIT}\n */\n/*\nfunction checkViewportFit(pos, tooltipRects, viewportRect) {\n  const { containerX, containerY } = pos;\n  if (containerX < viewportRect.left + 6) return HIT.LEFT;\n  if (containerX > viewportRect.right - 6) return HIT.RIGHT;\n  return HIT.NONE;\n}\n*/\n\n/**\n * Shifts tooltip horizontally to fit into the viewport, while keeping\n * the arrow pointed to the XY point.\n * @param {number} x\n * @param {number} y\n * @param {object} pos\n * @param {number} pageXOffset\n * @param {number} pageXWidth\n */\n/*\nfunction xPageFitCorrection(x, y, pos, pageXOffset, pageXWidth) {\n  if (pos.containerX < pageXOffset + 6) {\n    pos.containerX = pageXOffset + 6;\n    pos.arrowX = Math.max(6, pageX - containerX - arrowRect.width / 2);\n  } else {\n    const maxX = pageXOffset + docRect.width - containerRect.width - 6;\n    if (containerX > maxX) {\n      containerX = maxX;\n      arrowX = Math.min(\n        containerRect.width - 6,\n        pageX - containerX - arrowRect.width / 2,\n      );\n    }\n  }\n}\n*/\n\n/**\n * Sets positions of tooltip components to point the tooltip to the specified\n * page point.\n * @ignore\n * @param {number} pageX\n * @param {number} pageY\n * @param {PLACEMENTS} placement\n * @param {object} element DOM reference to the element wrapped by the tooltip.\n * @param {object} tooltip\n * @param {object} tooltip.arrow DOM reference to the tooltip arrow.\n * @param {object} tooltip.container DOM reference to the tooltip container.\n */\nfunction setComponentPositions(\n  pageX,\n  pageY,\n  placement,\n  element,\n  tooltip,\n) {\n  const tooltipRects = calcTooltipRects(tooltip);\n  const viewportRect = calcViewportRect();\n\n  /* Default container coords: tooltip at the top. */\n  const pos = calcPositionAboveXY(pageX, pageY, tooltipRects);\n\n  if (pos.containerX < viewportRect.left + 6) {\n    pos.containerX = viewportRect.left + 6;\n    pos.arrowX = Math.max(\n      6,\n      pageX - pos.containerX - tooltipRects.arrow.width / 2,\n    );\n  } else {\n    const maxX = viewportRect.right - 6 - tooltipRects.container.width;\n    if (pos.containerX > maxX) {\n      pos.containerX = maxX;\n      pos.arrowX = Math.min(\n        tooltipRects.container.width - 6,\n        pageX - pos.containerX - tooltipRects.arrow.width / 2,\n      );\n    }\n  }\n\n  /* If tooltip has not enough space on top - make it bottom tooltip. */\n  if (pos.containerY < viewportRect.top + 6) {\n    pos.containerY += tooltipRects.container.height\n      + 2 * tooltipRects.arrow.height;\n    pos.arrowY -= tooltipRects.container.height\n      + tooltipRects.arrow.height;\n    pos.baseArrowStyle = ARROW_STYLE_UP;\n  }\n\n  const containerStyle = `left:${pos.containerX}px;top:${pos.containerY}px`;\n  tooltip.container.setAttribute('style', containerStyle);\n\n  const arrowStyle = `${pos.baseArrowStyle};left:${pos.arrowX}px;top:${pos.arrowY}px`;\n  tooltip.arrow.setAttribute('style', arrowStyle);\n}\n\n/* The Tooltip component itself. */\nconst Tooltip = forwardRef(({ children, theme }, ref) => {\n  const [components, setComponents] = useState(null);\n\n  const pointTo = (pageX, pageY, placement, element) => components\n    && setComponentPositions(pageX, pageY, placement, element, components);\n  useImperativeHandle(ref, () => ({ pointTo }));\n\n  /* Inits and destroys tooltip components. */\n  useEffect(() => {\n    const x = createTooltipComponents(theme);\n    setComponents(x);\n    return () => {\n      document.body.removeChild(x.container);\n      setComponents(null);\n    };\n  }, [theme]);\n\n  return components ? createPortal(children, components.content) : null;\n});\n\nTooltip.propTypes = {\n  children: PT.node,\n  theme: PT.shape().isRequired,\n};\n\nTooltip.defaultProps = {\n  children: null,\n};\n\nexport default Tooltip;\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["_react","require","_reactDom","_propTypes","_interopRequireDefault","PLACEMENTS","ABOVE_CURSOR","ABOVE_ELEMENT","BELOW_CURSOR","BELOW_ELEMENT","exports","ARROW_STYLE_DOWN","join","ARROW_STYLE_UP","createTooltipComponents","theme","arrow","document","createElement","setAttribute","content","container","appendChild","body","calcTooltipRects","tooltip","getBoundingClientRect","calcViewportRect","scrollX","scrollY","window","documentElement","clientHeight","clientWidth","left","right","top","bottom","calcPositionAboveXY","x","y","tooltipRects","arrowX","width","arrowY","height","containerX","containerY","baseArrowStyle","setComponentPositions","pageX","pageY","placement","element","viewportRect","pos","Math","max","maxX","min","containerStyle","arrowStyle","Tooltip","forwardRef","children","ref","current","heap","useRef","lastElement","undefined","lastPageX","lastPageY","lastPlacement","components","setComponents","useState","pointTo","useImperativeHandle","useEffect","removeChild","createPortal","propTypes","PT","node","shape","isRequired","defaultProps","_default","default"],"sources":["../../../../../src/shared/components/WithTooltip/Tooltip.jsx"],"sourcesContent":["/**\n * The actual tooltip component. It is rendered outside the regular document\n * hierarchy, and with sub-components managed without React to achieve the best\n * performance during animation.\n */\n/* global document, window */\n\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport PT from 'prop-types';\n\n/* Valid placements of the rendered tooltip. They will be overriden when\n * necessary to fit the tooltip within the viewport. */\nexport const PLACEMENTS = {\n  ABOVE_CURSOR: 'ABOVE_CURSOR',\n  ABOVE_ELEMENT: 'ABOVE_ELEMENT',\n  BELOW_CURSOR: 'BELOW_CURSOR',\n  BELOW_ELEMENT: 'BELOW_ELEMENT',\n};\n\nconst ARROW_STYLE_DOWN = [\n  'border-bottom-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\nconst ARROW_STYLE_UP = [\n  'border-top-color:transparent',\n  'border-left-color:transparent',\n  'border-right-color:transparent',\n].join(';');\n\n/**\n * Creates tooltip components.\n * @ignore\n * @param {object} theme Themes to use for tooltip container, arrow,\n *  and content.\n * @return {object} Object with DOM references to the container components:\n *  container, arrow, content.\n */\nfunction createTooltipComponents(theme) {\n  const arrow = document.createElement('div');\n  if (theme.arrow) arrow.setAttribute('class', theme.arrow);\n\n  const content = document.createElement('div');\n  if (theme.content) content.setAttribute('class', theme.content);\n\n  const container = document.createElement('div');\n  if (theme.container) container.setAttribute('class', theme.container);\n\n  container.appendChild(arrow);\n  container.appendChild(content);\n  document.body.appendChild(container);\n\n  return { container, arrow, content };\n}\n\n/**\n * Generates bounding client rectangles for tooltip components.\n * @ignore\n * @param {object} tooltip DOM references to the tooltip components.\n * @param {object} tooltip.arrow\n * @param {object} tooltip.container\n * @return {{ arrow: object, container}} Object holding tooltip rectangles in\n *  two fields.\n */\nfunction calcTooltipRects(tooltip) {\n  return {\n    arrow: tooltip.arrow.getBoundingClientRect(),\n    container: tooltip.container.getBoundingClientRect(),\n  };\n}\n\n/**\n * Calculates the document viewport size.\n * @ignore\n * @return {{x, y, width, height}}\n */\nfunction calcViewportRect() {\n  const { scrollX, scrollY } = window;\n  const { documentElement: { clientHeight, clientWidth } } = document;\n  return {\n    left: scrollX,\n    right: scrollX + clientWidth,\n    top: scrollY,\n    bottom: scrollY + clientHeight,\n  };\n}\n\n/**\n * Calculates tooltip and arrow positions for the placement just above\n * the cursor.\n * @ignore\n * @param {number} x Cursor page-x position.\n * @param {number} y Cursor page-y position.\n * @param {object} tooltipRects Bounding client rectangles of tooltip parts.\n * @param {object} tooltipRects.arrow\n * @param {object} tooltipRects.container\n * @return {object} Contains the following fields:\n *  - {number} arrowX\n *  - {number} arrowY\n *  - {number} containerX\n *  - {number} containerY\n *  - {string} baseArrowStyle\n */\nfunction calcPositionAboveXY(x, y, tooltipRects) {\n  const { arrow, container } = tooltipRects;\n  return {\n    arrowX: 0.5 * (container.width - arrow.width),\n    arrowY: container.height,\n    containerX: x - container.width / 2,\n    containerY: y - container.height - arrow.height / 1.5,\n\n    // TODO: Instead of already setting the base style here, we should\n    // introduce a set of constants for arrow directions, which will help\n    // to do checks dependant on the arrow direction.\n    baseArrowStyle: ARROW_STYLE_DOWN,\n  };\n}\n\n/*\nconst HIT = {\n  NONE: false,\n  LEFT: 'LEFT',\n  RIGHT: 'RIGHT',\n  TOP: 'TOP',\n  BOTTOM: 'BOTTOM',\n};\n*/\n\n/**\n * Checks whether\n * @param {object} pos\n * @param {object} tooltipRects\n * @param {object} viewportRect\n * @return {HIT}\n */\n/*\nfunction checkViewportFit(pos, tooltipRects, viewportRect) {\n  const { containerX, containerY } = pos;\n  if (containerX < viewportRect.left + 6) return HIT.LEFT;\n  if (containerX > viewportRect.right - 6) return HIT.RIGHT;\n  return HIT.NONE;\n}\n*/\n\n/**\n * Shifts tooltip horizontally to fit into the viewport, while keeping\n * the arrow pointed to the XY point.\n * @param {number} x\n * @param {number} y\n * @param {object} pos\n * @param {number} pageXOffset\n * @param {number} pageXWidth\n */\n/*\nfunction xPageFitCorrection(x, y, pos, pageXOffset, pageXWidth) {\n  if (pos.containerX < pageXOffset + 6) {\n    pos.containerX = pageXOffset + 6;\n    pos.arrowX = Math.max(6, pageX - containerX - arrowRect.width / 2);\n  } else {\n    const maxX = pageXOffset + docRect.width - containerRect.width - 6;\n    if (containerX > maxX) {\n      containerX = maxX;\n      arrowX = Math.min(\n        containerRect.width - 6,\n        pageX - containerX - arrowRect.width / 2,\n      );\n    }\n  }\n}\n*/\n\n/**\n * Sets positions of tooltip components to point the tooltip to the specified\n * page point.\n * @ignore\n * @param {number} pageX\n * @param {number} pageY\n * @param {PLACEMENTS} placement\n * @param {object} element DOM reference to the element wrapped by the tooltip.\n * @param {object} tooltip\n * @param {object} tooltip.arrow DOM reference to the tooltip arrow.\n * @param {object} tooltip.container DOM reference to the tooltip container.\n */\nfunction setComponentPositions(\n  pageX,\n  pageY,\n  placement,\n  element,\n  tooltip,\n) {\n  const tooltipRects = calcTooltipRects(tooltip);\n  const viewportRect = calcViewportRect();\n\n  /* Default container coords: tooltip at the top. */\n  const pos = calcPositionAboveXY(pageX, pageY, tooltipRects);\n\n  if (pos.containerX < viewportRect.left + 6) {\n    pos.containerX = viewportRect.left + 6;\n    pos.arrowX = Math.max(\n      6,\n      pageX - pos.containerX - tooltipRects.arrow.width / 2,\n    );\n  } else {\n    const maxX = viewportRect.right - 6 - tooltipRects.container.width;\n    if (pos.containerX > maxX) {\n      pos.containerX = maxX;\n      pos.arrowX = Math.min(\n        tooltipRects.container.width - 6,\n        pageX - pos.containerX - tooltipRects.arrow.width / 2,\n      );\n    }\n  }\n\n  /* If tooltip has not enough space on top - make it bottom tooltip. */\n  if (pos.containerY < viewportRect.top + 6) {\n    pos.containerY += tooltipRects.container.height\n      + 2 * tooltipRects.arrow.height;\n    pos.arrowY -= tooltipRects.container.height\n      + tooltipRects.arrow.height;\n    pos.baseArrowStyle = ARROW_STYLE_UP;\n  }\n\n  const containerStyle = `left:${pos.containerX}px;top:${pos.containerY}px`;\n  tooltip.container.setAttribute('style', containerStyle);\n\n  const arrowStyle = `${pos.baseArrowStyle};left:${pos.arrowX}px;top:${pos.arrowY}px`;\n  tooltip.arrow.setAttribute('style', arrowStyle);\n}\n\n/* The Tooltip component itself. */\nconst Tooltip = forwardRef(({ children, theme }, ref) => {\n  // NOTE: The way it has to be implemented, for clean mounting and unmounting\n  // at the client side, the <Tooltip> is fully mounted into DOM in the next\n  // rendering cycles, and only then it can be correctly measured and positioned.\n  // Thus, when we create the <Tooltip> we have to record its target positioning\n  // details, and then apply them when it is created.\n\n  const { current: heap } = useRef({\n    lastElement: undefined,\n    lastPageX: 0,\n    lastPageY: 0,\n    lastPlacement: undefined,\n  });\n\n  const [components, setComponents] = useState(null);\n\n  const pointTo = (pageX, pageY, placement, element) => {\n    heap.lastElement = element;\n    heap.lastPageX = pageX;\n    heap.lastPageY = pageY;\n    heap.lastPlacement = placement;\n\n    if (components) {\n      setComponentPositions(pageX, pageY, placement, element, components);\n    }\n  };\n  useImperativeHandle(ref, () => ({ pointTo }));\n\n  /* Inits and destroys tooltip components. */\n  useEffect(() => {\n    const x = createTooltipComponents(theme);\n    setComponents(x);\n    return () => {\n      document.body.removeChild(x.container);\n      setComponents(null);\n    };\n  }, [theme]);\n\n  useEffect(() => {\n    if (components) {\n      setComponentPositions(\n        heap.lastPageX,\n        heap.lastPageY,\n        heap.lastPlacement,\n        heap.lastElement,\n        components,\n      );\n    }\n  }, [\n    components,\n    // BEWARE: Careful about these dependencies - they are updated when mouse\n    // is moved over the tool-tipped element, thus potentially may cause\n    // unnecessary firing of this effect on each mouse event. It does not\n    // happen now just because the mouse movements themselves are not causing\n    // the component re-rendering, thus dependencies of this effect are not\n    // really re-evaluated.\n    heap.lastPageX,\n    heap.lastPageY,\n    heap.lastPlacement,\n    heap.lastElement,\n  ]);\n\n  return components ? createPortal(children, components.content) : null;\n});\n\nTooltip.propTypes = {\n  children: PT.node,\n  theme: PT.shape().isRequired,\n};\n\nTooltip.defaultProps = {\n  children: null,\n};\n\nexport default Tooltip;\n"],"mappings":"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"}