@dr.pogodin/react-utils 1.47.4 → 1.48.0

package/build/production/shared/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themedImpl","COMPOSE","PRIORITY","ThemeProvider","getConfig","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","getSsrContext","default","splitComponent","themed"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import themedImpl, {\n  COMPOSE,\n  PRIORITY,\n  type Theme,\n  ThemeProvider,\n} from '@dr.pogodin/react-themes';\n\nimport { getConfig } from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n  assertEmptyObject,\n  type Listener,\n  type ObjectKey,\n  Barrier,\n  Cached,\n  Emitter,\n  Semaphore,\n  withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\ntype ThemedT = typeof themedImpl & {\n  COMPOSE: typeof COMPOSE;\n  PRIORITY: typeof PRIORITY;\n};\n\nconst themed: ThemedT = themedImpl as ThemedT;\n\nthemed.COMPOSE = COMPOSE;\nthemed.PRIORITY = PRIORITY;\n\nexport {\n  type Theme,\n  getConfig,\n  isomorphy,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n};\n"],"mappings":"AAAA,MAAO,CAAAA,UAAU,EACfC,OAAO,CACPC,QAAQ,CAERC,aAAa,KACR,0BAA0B,QAExBC,SAAS,yBACX,GAAK,CAAAC,SAAS,kCACd,CAAAC,IAAI,uBACJ,GAAK,CAAAC,OAAO,oBAEnB,OACEC,iBAAiB,CAGjBC,OAAO,CACPC,MAAM,CACNC,OAAO,CACPC,SAAS,CACTC,WAAW,KACN,sBAAsB,QAEpBC,aAAa,+BACbC,OAAO,GAAI,CAAAC,cAAc,2BAOlC,KAAM,CAAAC,MAAe,CAAGjB,UAAqB,CAE7CiB,MAAM,CAAChB,OAAO,CAAGA,OAAO,CACxBgB,MAAM,CAACf,QAAQ,CAAGA,QAAQ,CAE1B,OAEEE,SAAS,CACTC,SAAS,CACTY,MAAM,CACNd,aAAa,CACbG,IAAI,CACJC,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getConfig","isomorphy","time","webpack","assertEmptyObject","Barrier","Cached","Emitter","Semaphore","withRetries","COMPOSE","THEME_COMPOSE","PRIORITY","THEME_PRIORITY","ThemeProvider","useTheme","getSsrContext","default","splitComponent"],"sources":["../../../../src/shared/utils/index.ts"],"sourcesContent":["import { getConfig } from './config';\nimport * as isomorphy from './isomorphy';\nimport time from './time';\nimport * as webpack from './webpack';\n\nexport {\n  assertEmptyObject,\n  type Listener,\n  type ObjectKey,\n  Barrier,\n  Cached,\n  Emitter,\n  Semaphore,\n  withRetries,\n} from '@dr.pogodin/js-utils';\n\nexport {\n  COMPOSE as THEME_COMPOSE,\n  PRIORITY as THEME_PRIORITY,\n  type Theme,\n  ThemeProvider,\n  useTheme,\n} from '@dr.pogodin/react-themes';\n\nexport { getSsrContext } from './globalState';\nexport { default as splitComponent } from './splitComponent';\n\nexport {\n  getConfig,\n  isomorphy,\n  time,\n  webpack,\n};\n"],"mappings":"OAASA,SAAS,yBACX,GAAK,CAAAC,SAAS,kCACd,CAAAC,IAAI,uBACJ,GAAK,CAAAC,OAAO,oBAEnB,OACEC,iBAAiB,CAGjBC,OAAO,CACPC,MAAM,CACNC,OAAO,CACPC,SAAS,CACTC,WAAW,KACN,sBAAsB,CAE7B,OACEC,OAAO,GAAI,CAAAC,aAAa,CACxBC,QAAQ,GAAI,CAAAC,cAAc,CAE1BC,aAAa,CACbC,QAAQ,KACH,0BAA0B,QAExBC,aAAa,+BACbC,OAAO,GAAI,CAAAC,cAAc,2BAElC,OACElB,SAAS,CACTC,SAAS,CACTC,IAAI,CACJC,OAAO","ignoreList":[]}

package/build/production/shared/utils/jest/E2eSsrEnv.js

@@ -21,7 +21,7 @@ import path from"node:path";import{defaults,set}from"lodash-es";// As this envir
    */async loadWebpackConfig(){const optionsString=this.pragmas["webpack-config-options"];const options=optionsString?JSON.parse(optionsString):{};defaults(options,{context:this.testFolder,fs:this.global.webpackOutputFs});const factoryPath=this.pragmas["webpack-config-factory"];let factory=await import(/* webpackChunkName: "not-a-valid-chunk" */path.resolve(this.rootDir,factoryPath));factory="default"in factory?factory.default:factory;this.global.webpackConfig=factory(options);const fs=this.global.webpackOutputFs;let buildInfo=`${options.context}/.build-info`;if(fs.existsSync(buildInfo)){buildInfo=fs.readFileSync(buildInfo,"utf8");this.global.buildInfo=JSON.parse(buildInfo)}}/**
    * Executes Webpack build.
    * @return {Promise}
-   */async runWebpack(){await this.loadWebpackConfig();if(!this.global.webpackConfig)throw Error("Failed to load Webpack config");const compiler=webpack(this.global.webpackConfig);if(!compiler)throw Error("Failed to construct Webpack compiler");// TODO: The "as typeof compiler.outputFileSystem" piece below is
+   */async runWebpack(){await this.loadWebpackConfig();if(!this.global.webpackConfig)throw Error("Failed to load Webpack config");const compiler=webpack(this.global.webpackConfig);// TODO: The "as typeof compiler.outputFileSystem" piece below is
 // a workaround for the Webpack regression:
 // https://github.com/webpack/webpack/issues/18242
 compiler.outputFileSystem=this.global.webpackOutputFs;return new Promise((done,fail)=>{compiler.run((err,stats)=>{if(err)fail(err);if(stats?.hasErrors()){// eslint-disable-next-line no-console

package/build/production/shared/utils/jest/E2eSsrEnv.js.map

@@ -1 +1 @@
-{"version":3,"file":"E2eSsrEnv.js","names":["path","defaults","set","register","JsdomEnv","Volume","createFsFromVolume","webpack","noop","E2eSsrEnv","loadWebpackConfig","optionsString","pragmas","options","JSON","parse","context","testFolder","fs","global","webpackOutputFs","factoryPath","factory","resolve","rootDir","default","webpackConfig","buildInfo","existsSync","readFileSync","runWebpack","Error","compiler","outputFileSystem","Promise","done","fail","run","err","stats","hasErrors","console","error","toJson","errors","webpackStats","runSsr","logger","debug","info","log","warn","cleanup","entry","p","module","exportName","entryExportName","Application","ssrFactory","renderer","status","markup","ssrRequest","cookie","send","value","locals","devMiddleware","ssrMarkup","ssrOptions","ssrStatus","constructor","config","docblockPragmas","requestString","request","url","csrfToken","projectConfig","dom","dirname","testPath","withSsr","root","process","cwd","envName","babelEnv","extensions","setup","require","cache","setBuildInfo","undefined","REACT_UTILS_FORCE_CLIENT_SIDE","teardown","Object","keys","forEach","key","revert"],"sources":["../../../../../src/shared/utils/jest/E2eSsrEnv.ts"],"sourcesContent":["/**\n * Jest environment for end-to-end SSR and client-side testing. It relies on\n * the standard react-utils mechanics to execute SSR of given scene, and also\n * Webpack build of the code for client-side execution, it further exposes\n * Jsdom environment for the client-side testing of the outcomes.\n */\n\n// BEWARE: The module is not imported into the JU module / the main assembly of\n// the library, because doing so easily breaks stuff:\n//  1)  This module depends on Node-specific modules, which would make JU\n//      incompatible with JsDom if included into JU.\n//  2)  If this module is weakly imported from somewhere else in the lib,\n//      it seems to randomly break tests using it for a different reason,\n//      probably some sort of a require-loop, or some issues with weak\n//      require in that scenario.\n\n// TODO: We need to add correct typing for environment options.\n\nimport path from 'node:path';\n\nimport type { Request, Response } from 'express';\n\nimport { defaults, set } from 'lodash-es';\n\nimport type { ReactNode } from 'react';\n\n// As this environment is a part of the Jest testing utils,\n// we assume development dependencies are available when it is used.\n/* eslint-disable import/no-extraneous-dependencies */\nimport register from '@babel/register/experimental-worker';\n\nimport JsdomEnv from 'jest-environment-jsdom';\nimport { Volume, createFsFromVolume } from 'memfs';\nimport webpack, { type Configuration } from 'webpack';\n/* eslint-enable import/no-extraneous-dependencies */\n\nimport type {\n  EnvironmentContext,\n  JestEnvironmentConfig,\n} from '@jest/environment';\n\nfunction noop() {\n  // NOOP\n}\n\nexport default class E2eSsrEnv extends JsdomEnv {\n  pragmas: Record<string, string | string[]>;\n\n  ssrRequest: object;\n\n  rootDir: string;\n\n  testFolder: string;\n\n  withSsr: boolean;\n\n  webpackStats?: webpack.StatsCompilation;\n\n  /**\n   * Loads Webpack config, and exposes it to the environment via global\n   * webpackConfig object.\n   */\n  private async loadWebpackConfig() {\n    const optionsString = this.pragmas['webpack-config-options'] as string;\n\n    const options = (optionsString ? JSON.parse(optionsString) : {}) as\n      webpack.Configuration;\n\n    defaults(options, {\n      context: this.testFolder,\n      fs: this.global.webpackOutputFs,\n    });\n\n    const factoryPath = this.pragmas['webpack-config-factory'] as string;\n\n    let factory = await import(/* webpackChunkName: \"not-a-valid-chunk\" */\n      path.resolve(this.rootDir, factoryPath)\n    ) as (((ops: Configuration) => Configuration) | {\n      default: (ops: Configuration) => Configuration;\n    });\n\n    factory = 'default' in factory ? factory.default : factory;\n\n    this.global.webpackConfig = factory(options);\n\n    const fs = this.global.webpackOutputFs;\n    let buildInfo = `${options.context}/.build-info`;\n    if (fs.existsSync(buildInfo)) {\n      buildInfo = fs.readFileSync(buildInfo, 'utf8') as string;\n      this.global.buildInfo = JSON.parse(buildInfo);\n    }\n  }\n\n  /**\n   * Executes Webpack build.\n   * @return {Promise}\n   */\n  async runWebpack(): Promise<void> {\n    await this.loadWebpackConfig();\n\n    if (!this.global.webpackConfig) throw Error('Failed to load Webpack config');\n    const compiler = webpack(this.global.webpackConfig);\n    if (!compiler) throw Error('Failed to construct Webpack compiler');\n\n    // TODO: The \"as typeof compiler.outputFileSystem\" piece below is\n    // a workaround for the Webpack regression:\n    // https://github.com/webpack/webpack/issues/18242\n    compiler.outputFileSystem = this.global.webpackOutputFs as\n      typeof compiler.outputFileSystem;\n\n    return new Promise<void>((done, fail) => {\n      compiler.run((err, stats) => {\n        if (err) fail(err);\n        if (stats?.hasErrors()) {\n          // eslint-disable-next-line no-console\n          console.error(stats.toJson().errors);\n          fail(Error('Webpack compilation failed'));\n        }\n\n        this.global.webpackStats = stats?.toJson();\n\n        // Keeps reference to the raw Webpack stats object, which should be\n        // explicitly passed to the server-side renderer alongside the request,\n        // so that it can to pick up asset paths for different named chunks.\n        this.webpackStats = stats;\n\n        done();\n      });\n    });\n  }\n\n  async runSsr(): Promise<void> {\n    const optionsString = this.pragmas['ssr-options'] as string;\n    const options = optionsString\n      ? JSON.parse(optionsString) as Record<string, unknown>\n      : {};\n\n    // TODO: This is temporary to shortcut the logging added to SSR.\n    options.logger ??= {\n      debug: noop,\n      info: noop,\n      log: noop,\n      warn: noop,\n    };\n\n    options.buildInfo ??= this.global.buildInfo;\n\n    let cleanup: (() => void) | undefined;\n\n    if (options.entry) {\n      const p = path.resolve(this.testFolder, options.entry as string);\n      const module = await import(/* webpackChunkName: \"not-a-valid-chunk\" */\n        p\n      ) as NodeJS.Module;\n\n      if ('cleanup' in module) cleanup = module.cleanup as () => void;\n\n      const exportName = (options.entryExportName as string) || 'default';\n      if (exportName in module) {\n        options.Application = (\n          module as unknown as Record<string, unknown>\n        )[exportName] as ReactNode;\n      }\n    }\n\n    const { default: ssrFactory } = await import(/* webpackChunkName: \"not-a-valid-chunk\" */ 'server/renderer');\n    const renderer = ssrFactory(this.global.webpackConfig!, options);\n    let status = 200; // OK\n    const markup = await new Promise<string>((done, fail) => {\n      void renderer(\n        this.ssrRequest as Request,\n\n        // TODO: This will do for now, with the current implementation of\n        // the renderer, but it will require a rework once the renderer is\n        // updated to do streaming.\n        ({\n          cookie: noop,\n          send: done,\n          set: noop,\n          status: (value: number) => {\n            status = value;\n          },\n\n          // This is how up-to-date Webpack stats are passed to the server in\n          // development mode, and we use this here always, instead of having\n          // to pass some information via filesystem.\n          locals: {\n            webpack: {\n              devMiddleware: {\n                stats: this.webpackStats,\n              },\n            },\n          },\n        } as unknown) as Response,\n\n        (error) => {\n          // TODO: Strictly speaking, that error as Error casting is not all\n          // correct, but it works, so no need to spend time on it right now.\n          if (error) fail(error as Error);\n          else done('');\n        },\n      );\n    });\n\n    this.global.ssrMarkup = markup;\n    this.global.ssrOptions = options;\n    this.global.ssrStatus = status;\n\n    if (cleanup) cleanup();\n  }\n\n  constructor(\n    config: JestEnvironmentConfig,\n    context: EnvironmentContext,\n  ) {\n    const pragmas = context.docblockPragmas;\n\n    const requestString = pragmas['ssr-request'] as string;\n    const request = requestString\n      ? JSON.parse(requestString) as Record<string, unknown>\n      : {};\n\n    request.url ??= '/';\n    request.csrfToken = noop;\n\n    // This ensures the initial JsDom URL matches the value we use for SSR.\n    set(\n      config.projectConfig,\n      'testEnvironmentOptions.url',\n      `http://localhost${request.url as string}`,\n    );\n\n    super(config, context);\n\n    this.global.dom = this.dom;\n    this.global.webpackOutputFs = createFsFromVolume(new Volume());\n\n    // Extracts necessary settings from config and context.\n    const { projectConfig } = config;\n    this.rootDir = projectConfig.rootDir;\n    this.testFolder = path.dirname(context.testPath);\n    this.withSsr = !pragmas['no-ssr'];\n    this.ssrRequest = request;\n    this.pragmas = pragmas;\n\n    // The usual \"babel-jest\" transformation setup does not apply to\n    // the environment code and imports from it, this workaround enables it.\n    const optionsString = this.pragmas['ssr-options'] as string;\n    const options = optionsString\n      ? JSON.parse(optionsString) as Record<string, unknown>\n      : {};\n    let root;\n    switch (options.root) {\n      case 'TEST':\n        root = this.testFolder;\n        break;\n      default: root = process.cwd();\n    }\n\n    // BEWARE: Anything imported prior to this register() call seems to be\n    // transpiled again by Babel if loaded after this call. This causes very\n    // confusing errors when testing the code dependent on some sort of contexts\n    // (because loading a module again effectively creates a new context object,\n    // which is not recognized by the code expecting another context instance).\n    // That's why below we prefer dynamic imports for some React Utils methods.\n    register({\n      envName: options.babelEnv as string,\n      extensions: ['.js', '.jsx', '.ts', '.tsx', '.svg'],\n      root,\n    });\n  }\n\n  async setup(): Promise<void> {\n    await super.setup();\n    await this.runWebpack();\n\n    // NOTE: It is possible that the Webpack run above, and the SSR run below\n    // load different versions of the same module (CommonJS, and ES), and it may\n    // cause very confusing problems (e.g. see:\n    // https://github.com/birdofpreyru/react-utils/issues/413).\n    // It seems we can't reset the cache of ES modules, and Jest's module reset\n    // does not reset modules loaded in this enviroment module, and also only\n    // replacing entire cache object by and empty {} seems to help (in contrast\n    // to deleting all entries by their keys, as it is done within .teardown()\n    // method below). Thus, for now we do this as a hotfix, and we also reset\n    // build info to undefined, because ES module version not beeing reset\n    // triggers an error on the subsequent test using the environment.\n    // TODO: Look for a cleaner solution.\n    require.cache = {};\n\n    const { setBuildInfo } = await import(/* webpackChunkName: \"not-a-valid-chunk\" */'../isomorphy/buildInfo');\n    setBuildInfo(undefined, true);\n\n    if (this.withSsr) await this.runSsr();\n    this.global.REACT_UTILS_FORCE_CLIENT_SIDE = true;\n  }\n\n  async teardown(): Promise<void> {\n    delete this.global.REACT_UTILS_FORCE_CLIENT_SIDE;\n\n    // Resets module cache and @babel/register. Effectively this ensures that\n    // the next time an instance of this environment is set up, all modules are\n    // transformed by Babel from scratch, thus taking into account the latest\n    // Babel config (which may change between different environment instances,\n    // which does not seem to be taken into account by Babel / Node caches\n    // automatically).\n    Object.keys(require.cache).forEach((key) => {\n      delete require.cache[key];\n    });\n    register.revert();\n    await super.teardown();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"E2eSsrEnv.js","names":["path","defaults","set","register","JsdomEnv","Volume","createFsFromVolume","webpack","noop","E2eSsrEnv","loadWebpackConfig","optionsString","pragmas","options","JSON","parse","context","testFolder","fs","global","webpackOutputFs","factoryPath","factory","resolve","rootDir","default","webpackConfig","buildInfo","existsSync","readFileSync","runWebpack","Error","compiler","outputFileSystem","Promise","done","fail","run","err","stats","hasErrors","console","error","toJson","errors","webpackStats","runSsr","logger","debug","info","log","warn","cleanup","entry","p","module","exportName","entryExportName","Application","ssrFactory","renderer","status","markup","ssrRequest","cookie","send","value","locals","devMiddleware","ssrMarkup","ssrOptions","ssrStatus","constructor","config","docblockPragmas","requestString","request","url","csrfToken","projectConfig","dom","dirname","testPath","withSsr","root","process","cwd","envName","babelEnv","extensions","setup","require","cache","setBuildInfo","undefined","REACT_UTILS_FORCE_CLIENT_SIDE","teardown","Object","keys","forEach","key","revert"],"sources":["../../../../../src/shared/utils/jest/E2eSsrEnv.ts"],"sourcesContent":["/**\n * Jest environment for end-to-end SSR and client-side testing. It relies on\n * the standard react-utils mechanics to execute SSR of given scene, and also\n * Webpack build of the code for client-side execution, it further exposes\n * Jsdom environment for the client-side testing of the outcomes.\n */\n\n// BEWARE: The module is not imported into the JU module / the main assembly of\n// the library, because doing so easily breaks stuff:\n//  1)  This module depends on Node-specific modules, which would make JU\n//      incompatible with JsDom if included into JU.\n//  2)  If this module is weakly imported from somewhere else in the lib,\n//      it seems to randomly break tests using it for a different reason,\n//      probably some sort of a require-loop, or some issues with weak\n//      require in that scenario.\n\n// TODO: We need to add correct typing for environment options.\n\nimport path from 'node:path';\n\nimport type { Request, Response } from 'express';\n\nimport { defaults, set } from 'lodash-es';\n\nimport type { ReactNode } from 'react';\n\n// As this environment is a part of the Jest testing utils,\n// we assume development dependencies are available when it is used.\n/* eslint-disable import/no-extraneous-dependencies */\nimport register from '@babel/register/experimental-worker';\n\nimport JsdomEnv from 'jest-environment-jsdom';\nimport { Volume, createFsFromVolume } from 'memfs';\nimport webpack, { type Configuration } from 'webpack';\n/* eslint-enable import/no-extraneous-dependencies */\n\nimport type {\n  EnvironmentContext,\n  JestEnvironmentConfig,\n} from '@jest/environment';\n\nfunction noop() {\n  // NOOP\n}\n\nexport default class E2eSsrEnv extends JsdomEnv {\n  pragmas: Record<string, string | string[]>;\n\n  ssrRequest: object;\n\n  rootDir: string;\n\n  testFolder: string;\n\n  withSsr: boolean;\n\n  webpackStats?: webpack.StatsCompilation;\n\n  /**\n   * Loads Webpack config, and exposes it to the environment via global\n   * webpackConfig object.\n   */\n  private async loadWebpackConfig() {\n    const optionsString = this.pragmas['webpack-config-options'] as string;\n\n    const options = (optionsString ? JSON.parse(optionsString) : {}) as\n      webpack.Configuration;\n\n    defaults(options, {\n      context: this.testFolder,\n      fs: this.global.webpackOutputFs,\n    });\n\n    const factoryPath = this.pragmas['webpack-config-factory'] as string;\n\n    let factory = await import(/* webpackChunkName: \"not-a-valid-chunk\" */\n      path.resolve(this.rootDir, factoryPath)\n    ) as (((ops: Configuration) => Configuration) | {\n      default: (ops: Configuration) => Configuration;\n    });\n\n    factory = 'default' in factory ? factory.default : factory;\n\n    this.global.webpackConfig = factory(options);\n\n    const fs = this.global.webpackOutputFs;\n    let buildInfo = `${options.context}/.build-info`;\n    if (fs.existsSync(buildInfo)) {\n      buildInfo = fs.readFileSync(buildInfo, 'utf8') as string;\n      this.global.buildInfo = JSON.parse(buildInfo);\n    }\n  }\n\n  /**\n   * Executes Webpack build.\n   * @return {Promise}\n   */\n  async runWebpack(): Promise<void> {\n    await this.loadWebpackConfig();\n\n    if (!this.global.webpackConfig) throw Error('Failed to load Webpack config');\n    const compiler = webpack(this.global.webpackConfig);\n\n    // TODO: The \"as typeof compiler.outputFileSystem\" piece below is\n    // a workaround for the Webpack regression:\n    // https://github.com/webpack/webpack/issues/18242\n    compiler.outputFileSystem = this.global.webpackOutputFs as\n      typeof compiler.outputFileSystem;\n\n    return new Promise<void>((done, fail) => {\n      compiler.run((err, stats) => {\n        if (err) fail(err);\n        if (stats?.hasErrors()) {\n          // eslint-disable-next-line no-console\n          console.error(stats.toJson().errors);\n          fail(Error('Webpack compilation failed'));\n        }\n\n        this.global.webpackStats = stats?.toJson();\n\n        // Keeps reference to the raw Webpack stats object, which should be\n        // explicitly passed to the server-side renderer alongside the request,\n        // so that it can to pick up asset paths for different named chunks.\n        this.webpackStats = stats;\n\n        done();\n      });\n    });\n  }\n\n  async runSsr(): Promise<void> {\n    const optionsString = this.pragmas['ssr-options'] as string;\n    const options = optionsString\n      ? JSON.parse(optionsString) as Record<string, unknown>\n      : {};\n\n    // TODO: This is temporary to shortcut the logging added to SSR.\n    options.logger ??= {\n      debug: noop,\n      info: noop,\n      log: noop,\n      warn: noop,\n    };\n\n    options.buildInfo ??= this.global.buildInfo;\n\n    let cleanup: (() => void) | undefined;\n\n    if (options.entry) {\n      const p = path.resolve(this.testFolder, options.entry as string);\n      const module = await import(/* webpackChunkName: \"not-a-valid-chunk\" */\n        p\n      ) as NodeJS.Module;\n\n      if ('cleanup' in module) cleanup = module.cleanup as () => void;\n\n      const exportName = (options.entryExportName as string) || 'default';\n      if (exportName in module) {\n        options.Application = (\n          module as unknown as Record<string, unknown>\n        )[exportName] as ReactNode;\n      }\n    }\n\n    const { default: ssrFactory } = await import(/* webpackChunkName: \"not-a-valid-chunk\" */ 'server/renderer');\n    const renderer = ssrFactory(this.global.webpackConfig!, options);\n    let status = 200; // OK\n    const markup = await new Promise<string>((done, fail) => {\n      void renderer(\n        this.ssrRequest as Request,\n\n        // TODO: This will do for now, with the current implementation of\n        // the renderer, but it will require a rework once the renderer is\n        // updated to do streaming.\n        ({\n          cookie: noop,\n          send: done,\n          set: noop,\n          status: (value: number) => {\n            status = value;\n          },\n\n          // This is how up-to-date Webpack stats are passed to the server in\n          // development mode, and we use this here always, instead of having\n          // to pass some information via filesystem.\n          locals: {\n            webpack: {\n              devMiddleware: {\n                stats: this.webpackStats,\n              },\n            },\n          },\n        } as unknown) as Response,\n\n        (error) => {\n          // TODO: Strictly speaking, that error as Error casting is not all\n          // correct, but it works, so no need to spend time on it right now.\n          if (error) fail(error as Error);\n          else done('');\n        },\n      );\n    });\n\n    this.global.ssrMarkup = markup;\n    this.global.ssrOptions = options;\n    this.global.ssrStatus = status;\n\n    if (cleanup) cleanup();\n  }\n\n  constructor(\n    config: JestEnvironmentConfig,\n    context: EnvironmentContext,\n  ) {\n    const pragmas = context.docblockPragmas;\n\n    const requestString = pragmas['ssr-request'] as string;\n    const request = requestString\n      ? JSON.parse(requestString) as Record<string, unknown>\n      : {};\n\n    request.url ??= '/';\n    request.csrfToken = noop;\n\n    // This ensures the initial JsDom URL matches the value we use for SSR.\n    set(\n      config.projectConfig,\n      'testEnvironmentOptions.url',\n      `http://localhost${request.url as string}`,\n    );\n\n    super(config, context);\n\n    this.global.dom = this.dom;\n    this.global.webpackOutputFs = createFsFromVolume(new Volume());\n\n    // Extracts necessary settings from config and context.\n    const { projectConfig } = config;\n    this.rootDir = projectConfig.rootDir;\n    this.testFolder = path.dirname(context.testPath);\n    this.withSsr = !pragmas['no-ssr'];\n    this.ssrRequest = request;\n    this.pragmas = pragmas;\n\n    // The usual \"babel-jest\" transformation setup does not apply to\n    // the environment code and imports from it, this workaround enables it.\n    const optionsString = this.pragmas['ssr-options'] as string;\n    const options = optionsString\n      ? JSON.parse(optionsString) as Record<string, unknown>\n      : {};\n    let root;\n    switch (options.root) {\n      case 'TEST':\n        root = this.testFolder;\n        break;\n      default: root = process.cwd();\n    }\n\n    // BEWARE: Anything imported prior to this register() call seems to be\n    // transpiled again by Babel if loaded after this call. This causes very\n    // confusing errors when testing the code dependent on some sort of contexts\n    // (because loading a module again effectively creates a new context object,\n    // which is not recognized by the code expecting another context instance).\n    // That's why below we prefer dynamic imports for some React Utils methods.\n    register({\n      envName: options.babelEnv as string,\n      extensions: ['.js', '.jsx', '.ts', '.tsx', '.svg'],\n      root,\n    });\n  }\n\n  async setup(): Promise<void> {\n    await super.setup();\n    await this.runWebpack();\n\n    // NOTE: It is possible that the Webpack run above, and the SSR run below\n    // load different versions of the same module (CommonJS, and ES), and it may\n    // cause very confusing problems (e.g. see:\n    // https://github.com/birdofpreyru/react-utils/issues/413).\n    // It seems we can't reset the cache of ES modules, and Jest's module reset\n    // does not reset modules loaded in this enviroment module, and also only\n    // replacing entire cache object by and empty {} seems to help (in contrast\n    // to deleting all entries by their keys, as it is done within .teardown()\n    // method below). Thus, for now we do this as a hotfix, and we also reset\n    // build info to undefined, because ES module version not beeing reset\n    // triggers an error on the subsequent test using the environment.\n    // TODO: Look for a cleaner solution.\n    require.cache = {};\n\n    const { setBuildInfo } = await import(/* webpackChunkName: \"not-a-valid-chunk\" */'../isomorphy/buildInfo');\n    setBuildInfo(undefined, true);\n\n    if (this.withSsr) await this.runSsr();\n    this.global.REACT_UTILS_FORCE_CLIENT_SIDE = true;\n  }\n\n  async teardown(): Promise<void> {\n    delete this.global.REACT_UTILS_FORCE_CLIENT_SIDE;\n\n    // Resets module cache and @babel/register. Effectively this ensures that\n    // the next time an instance of this environment is set up, all modules are\n    // transformed by Babel from scratch, thus taking into account the latest\n    // Babel config (which may change between different environment instances,\n    // which does not seem to be taken into account by Babel / Node caches\n    // automatically).\n    Object.keys(require.cache).forEach((key) => {\n      delete require.cache[key];\n    });\n    register.revert();\n    await super.teardown();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/build/types-code/index.d.ts

@@ -1,4 +1,4 @@
 export { type AsyncCollectionT, type AsyncCollectionLoaderT, type AsyncDataEnvelopeT, type AsyncDataLoaderT, type ForceT, type UseAsyncDataOptionsT, type UseAsyncDataResT, type UseGlobalStateResT, type ValueOrInitializerT, getGlobalState, GlobalStateProvider, newAsyncDataEnvelope, useAsyncCollection, useAsyncData, useGlobalState, withGlobalStateType, } from '@dr.pogodin/react-global-state';
 export * from './shared/components';
 export { type BeforeRenderResT, type BeforeRenderT, type ConfigT, type ServerSsrContext, type ServerT, } from './server';
-export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, type Listener, type ObjectKey, Semaphore, splitComponent, type Theme, themed, ThemeProvider, time, webpack, withRetries, } from './shared/utils';
+export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, type Listener, type ObjectKey, Semaphore, splitComponent, type Theme, THEME_COMPOSE, THEME_PRIORITY, ThemeProvider, time, useTheme, webpack, withRetries, } from './shared/utils';

package/build/types-code/shared/components/Button/index.d.ts

@@ -1,5 +1,6 @@
 import type { FunctionComponent, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
+type ThemeT = Theme<'active' | 'button' | 'disabled'>;
 type PropsT = {
     active?: boolean;
     children?: ReactNode;
@@ -15,16 +16,11 @@ type PropsT = {
     openNewTab?: boolean;
     replace?: boolean;
     testId?: string;
-    theme: Theme<'active' | 'button' | 'disabled'>;
+    theme: ThemeT;
     to?: object | string;
 };
 export declare const BaseButton: FunctionComponent<PropsT>;
-/**
- * Button component theme: a map of CSS
- * class names to append to button elements:
- * @prop {string} [active] to the root element of active button.
- * @prop {string} [button] to the root element of any button.
- * @prop {string} [disabled] to the root element of disabled button.
- */
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
+declare const Button: FunctionComponent<Omit<PropsT, 'theme'> & {
+    theme?: ThemeT;
+}>;
+export default Button;

package/build/types-code/shared/components/Checkbox/index.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type PropT<ValueT> = {
     checked?: ValueT;
@@ -5,7 +6,7 @@ type PropT<ValueT> = {
     label?: React.ReactNode;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     testId?: string;
-    theme: Theme<'checkbox' | 'container' | 'disabled' | 'indeterminate' | 'label'>;
+    theme?: Theme<'checkbox' | 'container' | 'disabled' | 'indeterminate' | 'label'>;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropT<boolean | "indeterminate">>;
-export default _default;
+declare const Checkbox: <ValueT extends boolean | "indeterminate" = boolean>({ checked, disabled, label, onChange, testId, theme, }: PropT<ValueT>) => ReactNode;
+export default Checkbox;

package/build/types-code/shared/components/Input/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode, type Ref } from 'react';
+import { type FunctionComponent, type ReactNode, type Ref } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type ThemeKeyT = 'children' | 'container' | 'empty' | 'error' | 'errorMessage' | 'focused' | 'input' | 'label';
 type PropsT = React.InputHTMLAttributes<HTMLInputElement> & {
@@ -7,7 +7,15 @@ type PropsT = React.InputHTMLAttributes<HTMLInputElement> & {
     label?: React.ReactNode;
     ref?: Ref<HTMLInputElement>;
     testId?: string;
-    theme: Theme<ThemeKeyT>;
+    theme?: Theme<ThemeKeyT>;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
+/**
+ * Themeable input field, based on the standard HTML `<input>` element.
+ * @param [props.label] Input label.
+ * @param [props.theme] _Ad hoc_ theme.
+ * @param [props...] [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
+ * @param [props...] Any other properties are passed to the underlying
+ * `<input>` element.
+ */
+declare const Input: FunctionComponent<PropsT>;
+export default Input;

package/build/types-code/shared/components/Modal/index.d.ts

@@ -1,5 +1,6 @@
 import { type CSSProperties, type FunctionComponent, type ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
+type ThemeT = Theme<'container' | 'overlay'>;
 type PropsT = {
     cancelOnScrolling?: boolean;
     children?: ReactNode;
@@ -9,7 +10,7 @@ type PropsT = {
     style?: CSSProperties;
     testId?: string;
     testIdForOverlay?: string;
-    theme: Theme<'container' | 'overlay'>;
+    theme: ThemeT;
     /** @deprecated */
     containerStyle?: CSSProperties;
 };
@@ -25,6 +26,8 @@ type PropsT = {
  * @param {ModalTheme} [props.theme] _Ad hoc_ theme.
  */
 declare const BaseModal: FunctionComponent<PropsT>;
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
 export { BaseModal };
+declare const Modal: FunctionComponent<Omit<PropsT, 'theme'> & {
+    theme: ThemeT | undefined;
+}>;
+export default Modal;

package/build/types-code/shared/components/PageLayout/index.d.ts

@@ -1,11 +1,26 @@
-import type { ReactNode } from 'react';
+import type { FunctionComponent, ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type ThemeKeyT = 'container' | 'leftSidePanel' | 'mainPanel' | 'rightSidePanel' | 'sidePanel';
 type PropsT = {
     children?: ReactNode;
     leftSidePanelContent?: ReactNode;
     rightSidePanelContent?: ReactNode;
-    theme: Theme<ThemeKeyT>;
+    theme?: Theme<ThemeKeyT>;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
+/**
+ * Simple and themeable page layout. It keeps the main content centered in
+ * a column of limited width, which fills entire viewport on small screens
+ * (under `$screen-md = 1024px` size). At larger screens the column keeps
+ * `$screen-md` size, and it is centered at the page, surrounded by side
+ * panels, where additional content can be displayed.
+ *
+ * **Children:** Component children are rendered as the content of main panel.
+ * @param {object} [props] Component properties.
+ * @param {Node} [props.leftSidePanelContent] The content for left side panel.
+ * @param {Node} [props.rightSidePanelContent] The content for right side panel.
+ * @param {PageLayoutTheme} [props.theme] _Ad hoc_ theme.
+ * @param {...any} [props....]
+ * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
+ */
+declare const PageLayout: FunctionComponent<PropsT>;
+export default PageLayout;

package/build/types-code/shared/components/TextArea/index.d.ts

@@ -1,4 +1,4 @@
-import { type ChangeEventHandler, type FocusEventHandler, type KeyboardEventHandler, type ReactNode } from 'react';
+import { type ChangeEventHandler, type FocusEventHandler, type FunctionComponent, type KeyboardEventHandler, type ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type ThemeKeyT = 'container' | 'error' | 'errorMessage' | 'hidden' | 'label' | 'textarea';
 type Props = {
@@ -10,8 +10,8 @@ type Props = {
     onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
     placeholder?: string;
     testId?: string;
-    theme: Theme<ThemeKeyT>;
+    theme?: Theme<ThemeKeyT>;
     value?: string;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<Props>;
-export default _default;
+declare const TextArea: FunctionComponent<Props>;
+export default TextArea;

package/build/types-code/shared/components/Throbber/index.d.ts

@@ -1,7 +1,17 @@
+import type { FunctionComponent } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 type ThemeKeyT = 'bouncing' | 'circle' | 'container';
 type PropsT = {
-    theme: Theme<ThemeKeyT>;
+    theme?: Theme<ThemeKeyT>;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
+/**
+ * Throbber is an "action in progress" indicator, which renders
+ * three bouncing circles as a simple pending activity indicator,
+ * and can be further themed to a certain degree.
+ * @param {object} [props] Component properties.
+ * @param {ThrobberTheme} [props.theme] _Ad hoc_ theme.
+ * @param {...any} [props....]
+ * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
+ */
+declare const Throbber: FunctionComponent<PropsT>;
+export default Throbber;

package/build/types-code/shared/components/WithTooltip/index.d.ts

@@ -1,14 +1,28 @@
-import { type ReactNode } from 'react';
+import { type FunctionComponent, type ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 import { type ThemeKeysT as TooltipThemeKeysT, PLACEMENTS } from './Tooltip';
 type PropsT = {
     children?: ReactNode;
     placement?: PLACEMENTS;
     tip?: ReactNode;
-    theme: Theme<'wrapper' | TooltipThemeKeysT>;
+    theme?: Theme<'wrapper' | TooltipThemeKeysT>;
 };
-declare const ThemedWrapper: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-type ExportT = typeof ThemedWrapper & {
+/**
+ * Implements a simple to use and themeable tooltip component, _e.g._
+ * ```js
+ * <WithTooltip tip="This is example tooltip.">
+ *   <p>Hover to see the tooltip.</p>
+ * </WithTooltip>
+ * ```
+ * **Children:** Children are rendered in the place of `<WithTooltip>`,
+ * and when hovered the tooltip is shown. By default the wrapper itself is
+ * `<div>` block with `display: inline-block`.
+ * @param tip &ndash; Anything React is able to render,
+ * _e.g._ a tooltip text. This will be the tooltip content.
+ * @param {WithTooltipTheme} props.theme _Ad hoc_ theme.
+ */
+declare const WithTooltip: FunctionComponent<PropsT>;
+type ExportT = typeof WithTooltip & {
     PLACEMENTS: typeof PLACEMENTS;
 };
 declare const e: ExportT;

package/build/types-code/shared/components/YouTubeVideo/index.d.ts

@@ -1,10 +1,26 @@
+import type { FunctionComponent } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
-type ComponentThemeT = Theme<'container' | 'video'>;
+type ThemeT = Theme<'container' | 'video'>;
 type PropsT = {
     autoplay?: boolean;
     src: string;
-    theme: ComponentThemeT;
+    theme?: ThemeT;
     title?: string;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
+/**
+ * A component for embeding a YouTube video.
+ * @param [props] Component properties.
+ * @param [props.autoplay] If `true` the video will start to play
+ * automatically once loaded.
+ * @param [props.src] URL of the video to play. Can be in any of
+ * the following formats, and keeps any additional query parameters understood
+ * by the YouTube IFrame player:
+ * - `https://www.youtube.com/watch?v=NdF6Rmt6Ado`
+ * - `https://youtu.be/NdF6Rmt6Ado`
+ * - `https://www.youtube.com/embed/NdF6Rmt6Ado`
+ * @param [props.theme] _Ad hoc_ theme.
+ * @param [props.title] The `title` attribute to add to the player
+ * IFrame.
+ */
+declare const YouTubeVideo: FunctionComponent<PropsT>;
+export default YouTubeVideo;

package/build/types-code/shared/components/selectors/CustomDropdown/index.d.ts

@@ -1,3 +1,4 @@
+import { type FunctionComponent, type ReactNode } from 'react';
 import { type PropsT, type ValueT } from '../common';
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT<import("react").ReactNode, (value: ValueT) => void>>;
-export default _default;
+declare const CustomDropdown: FunctionComponent<PropsT<ReactNode, (value: ValueT) => void>>;
+export default CustomDropdown;

package/build/types-code/shared/components/selectors/NativeDropdown/index.d.ts

@@ -1,3 +1,23 @@
+import type { FunctionComponent } from 'react';
 import { type PropsT } from '../common';
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT<string>>;
-export default _default;
+/**
+ * Implements a themeable dropdown list. Internally it is rendered with help of
+ * the standard HTML `<select>` element, thus the styling support is somewhat
+ * limited.
+ * @param [props] Component properties.
+ * @param [props.filter] Options filter function. If provided, only
+ * those elements of `options` list will be used by the dropdown, for which this
+ * filter returns `true`.
+ * @param [props.label] Dropdown label.
+ * @param [props.onChange] Selection event handler.
+ * @param [props.options=[]] Array of dropdown
+ * options. For string elements the option value and name will be the same.
+ * It is allowed to mix DropdownOption and string elements in the same option
+ * list.
+ * @param [props.theme] _Ad hoc_ theme.
+ * @param [props.value] Currently selected value.
+ * @param [props....]
+ * [Other theming properties](https://www.npmjs.com/package/@dr.pogodin/react-themes#themed-component-properties)
+ */
+declare const Dropdown: FunctionComponent<PropsT<string>>;
+export default Dropdown;

package/build/types-code/shared/components/selectors/Switch/index.d.ts

@@ -1,12 +1,13 @@
+import type { FunctionComponent, ReactNode } from 'react';
 import { type Theme } from '@dr.pogodin/react-themes';
 import { type OptionsT, type ValueT } from '../common';
-type ThemeKeyT = 'container' | 'label' | 'option' | 'options' | 'selected';
+type ThemeT = Theme<'container' | 'label' | 'option' | 'options' | 'selected'>;
 type PropsT = {
-    label?: React.ReactNode;
+    label?: ReactNode;
     onChange?: (value: ValueT) => void;
-    options?: Readonly<OptionsT<React.ReactNode>>;
-    theme: Theme<ThemeKeyT>;
+    options?: Readonly<OptionsT<ReactNode>>;
+    theme?: ThemeT;
     value?: ValueT;
 };
-declare const _default: import("@dr.pogodin/react-themes").ThemedComponent<PropsT>;
-export default _default;
+export declare const Switch: FunctionComponent<PropsT>;
+export {};

package/build/types-code/shared/components/selectors/common.d.ts

@@ -1,5 +1,5 @@
 import type { Theme } from '@dr.pogodin/react-themes';
-type ThemeKeyT = 'active' | 'arrow' | 'container' | 'dropdown' | 'hiddenOption' | 'label' | 'option' | 'select' | 'invalid' | 'upward';
+export type ThemeT = Theme<'active' | 'arrow' | 'container' | 'dropdown' | 'hiddenOption' | 'label' | 'option' | 'select' | 'invalid' | 'upward'>;
 export type ValueT = number | string;
 export type OptionT<NameT> = {
     name?: NameT | null;
@@ -12,9 +12,8 @@ export type PropsT<NameT, OnChangeT = React.ChangeEventHandler<HTMLSelectElement
     onChange?: OnChangeT;
     options: Readonly<OptionsT<NameT>>;
     testId?: string;
-    theme: Theme<ThemeKeyT>;
+    theme: ThemeT;
     value?: ValueT;
 };
 /** Returns option value and name as a tuple. */
 export declare function optionValueName<NameT>(option: OptionT<NameT> | ValueT): [ValueT, NameT | ValueT];
-export {};

package/build/types-code/shared/components/selectors/index.d.ts

@@ -1,4 +1,4 @@
 export { default as CustomDropdown } from './CustomDropdown';
 export { default as Dropdown } from './NativeDropdown';
-export { default as Switch } from './Switch';
-export { type OptionT, type OptionsT, } from './common';
+export { Switch } from './Switch';
+export type { OptionT, OptionsT } from './common';

package/build/types-code/shared/utils/index.d.ts

@@ -1,14 +1,9 @@
-import themedImpl, { COMPOSE, PRIORITY, type Theme, ThemeProvider } from '@dr.pogodin/react-themes';
 import { getConfig } from './config';
 import * as isomorphy from './isomorphy';
 import time from './time';
 import * as webpack from './webpack';
 export { assertEmptyObject, type Listener, type ObjectKey, Barrier, Cached, Emitter, Semaphore, withRetries, } from '@dr.pogodin/js-utils';
+export { COMPOSE as THEME_COMPOSE, PRIORITY as THEME_PRIORITY, type Theme, ThemeProvider, useTheme, } from '@dr.pogodin/react-themes';
 export { getSsrContext } from './globalState';
 export { default as splitComponent } from './splitComponent';
-type ThemedT = typeof themedImpl & {
-    COMPOSE: typeof COMPOSE;
-    PRIORITY: typeof PRIORITY;
-};
-declare const themed: ThemedT;
-export { type Theme, getConfig, isomorphy, themed, ThemeProvider, time, webpack, };
+export { getConfig, isomorphy, time, webpack, };

package/build/web/client/getInj.js

@@ -9,6 +9,7 @@ import "core-js/modules/web.dom-exception.stack.js";
 
 /* global document */
 
+import { SEC_MS, timer } from '@dr.pogodin/js-utils';
 import { getBuildInfo } from "../shared/utils/isomorphy/buildInfo";
 let inj;
 export default function getInj() {
@@ -28,6 +29,8 @@ export default function getInj() {
         }
         const target = window.location.href.replace(/^http:/, 'https:');
         window.location.replace(target);
+        await timer(3 * SEC_MS);
+        throw Error('Failed to move into secure context');
       }
       const {
         key

package/build/web/client/getInj.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInj.js","names":["getBuildInfo","inj","getInj","metaElement","document","querySelector","remove","data","atob","content","window","isSecureContext","location","protocol","Error","target","href","replace","key","code","x","charCodeAt","dataBuffer","Uint8Array","from","slice","ivBuffer","keyBuffer","cKey","crypto","subtle","importKey","name","buffer","decrypt","iv","decoder","TextDecoder","res","eval","decode","REACT_UTILS_INJECTION"],"sources":["../../../src/client/getInj.ts"],"sourcesContent":["// Encapsulates retrieval of server-side data injection into HTML template.\n\n/* global document */\n\nimport type { InjT } from 'utils/globalState';\n\nimport { getBuildInfo } from 'utils/isomorphy/buildInfo';\n\nlet inj: InjT | Promise<InjT> | undefined;\n\nexport default function getInj(): InjT | Promise<InjT> {\n  inj ??= (async () => {\n    const metaElement: HTMLMetaElement | null = typeof document === 'undefined'\n      ? null : document.querySelector('meta[itemprop=\"drpruinj\"]');\n\n    if (metaElement) {\n      metaElement.remove();\n\n      // NOTE: Since 2025 there is Uint8Array.fromBase64(), which should be\n      // preferred, but it is not supported by older environments yet.\n      const data = atob(metaElement.content);\n\n      if (!window.isSecureContext) {\n        if (window.location.protocol === 'https:') {\n          throw Error('Loaded via HTTPS, but it is not considered a secure context');\n        } else if (window.location.protocol !== 'http:') {\n          throw Error('Unexpected protocol');\n        }\n\n        const target = window.location.href.replace(/^http:/, 'https:');\n        window.location.replace(target);\n      }\n\n      const { key } = getBuildInfo();\n\n      const code = (x: string) => x.charCodeAt(0);\n      const dataBuffer = Uint8Array.from(data.slice(16), code);\n      const ivBuffer = Uint8Array.from(data.slice(0, 16), code);\n      const keyBuffer = Uint8Array.from(atob(key), code);\n\n      const cKey = await window.crypto.subtle.importKey(\n        'raw',\n        keyBuffer,\n        { name: 'AES-CBC' },\n        false,\n        ['decrypt'],\n      );\n\n      const buffer = await window.crypto.subtle.decrypt({\n        iv: ivBuffer,\n        name: 'AES-CBC',\n      }, cKey, dataBuffer);\n\n      const decoder = new TextDecoder();\n\n      // eslint-disable-next-line no-eval\n      const res = eval(`(${decoder.decode(buffer)})`) as InjT;\n\n      // NOTE: This is important, to be able to return the injection\n      // synchronously once it is initialized.\n      inj = res;\n\n      return res;\n    } else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {\n      const res = window.REACT_UTILS_INJECTION;\n      delete window.REACT_UTILS_INJECTION;\n      return res;\n    }\n\n    // Otherwise, a bunch of dependent stuff will easily fail in non-standard\n    // environments, where no client-side initialization is performed. Like tests,\n    // Docusaurus examples, etc.\n    return {};\n  })();\n\n  return inj;\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAIA,SAASA,YAAY;AAErB,IAAIC,GAAqC;AAEzC,eAAe,SAASC,MAAMA,CAAA,EAAyB;EACrDD,GAAG,KAAK,CAAC,YAAY;IACnB,MAAME,WAAmC,GAAG,OAAOC,QAAQ,KAAK,WAAW,GACvE,IAAI,GAAGA,QAAQ,CAACC,aAAa,CAAC,2BAA2B,CAAC;IAE9D,IAAIF,WAAW,EAAE;MACfA,WAAW,CAACG,MAAM,CAAC,CAAC;;MAEpB;MACA;MACA,MAAMC,IAAI,GAAGC,IAAI,CAACL,WAAW,CAACM,OAAO,CAAC;MAEtC,IAAI,CAACC,MAAM,CAACC,eAAe,EAAE;QAC3B,IAAID,MAAM,CAACE,QAAQ,CAACC,QAAQ,KAAK,QAAQ,EAAE;UACzC,MAAMC,KAAK,CAAC,6DAA6D,CAAC;QAC5E,CAAC,MAAM,IAAIJ,MAAM,CAACE,QAAQ,CAACC,QAAQ,KAAK,OAAO,EAAE;UAC/C,MAAMC,KAAK,CAAC,qBAAqB,CAAC;QACpC;QAEA,MAAMC,MAAM,GAAGL,MAAM,CAACE,QAAQ,CAACI,IAAI,CAACC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAC/DP,MAAM,CAACE,QAAQ,CAACK,OAAO,CAACF,MAAM,CAAC;MACjC;MAEA,MAAM;QAAEG;MAAI,CAAC,GAAGlB,YAAY,CAAC,CAAC;MAE9B,MAAMmB,IAAI,GAAIC,CAAS,IAAKA,CAAC,CAACC,UAAU,CAAC,CAAC,CAAC;MAC3C,MAAMC,UAAU,GAAGC,UAAU,CAACC,IAAI,CAACjB,IAAI,CAACkB,KAAK,CAAC,EAAE,CAAC,EAAEN,IAAI,CAAC;MACxD,MAAMO,QAAQ,GAAGH,UAAU,CAACC,IAAI,CAACjB,IAAI,CAACkB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAEN,IAAI,CAAC;MACzD,MAAMQ,SAAS,GAAGJ,UAAU,CAACC,IAAI,CAAChB,IAAI,CAACU,GAAG,CAAC,EAAEC,IAAI,CAAC;MAElD,MAAMS,IAAI,GAAG,MAAMlB,MAAM,CAACmB,MAAM,CAACC,MAAM,CAACC,SAAS,CAC/C,KAAK,EACLJ,SAAS,EACT;QAAEK,IAAI,EAAE;MAAU,CAAC,EACnB,KAAK,EACL,CAAC,SAAS,CACZ,CAAC;MAED,MAAMC,MAAM,GAAG,MAAMvB,MAAM,CAACmB,MAAM,CAACC,MAAM,CAACI,OAAO,CAAC;QAChDC,EAAE,EAAET,QAAQ;QACZM,IAAI,EAAE;MACR,CAAC,EAAEJ,IAAI,EAAEN,UAAU,CAAC;MAEpB,MAAMc,OAAO,GAAG,IAAIC,WAAW,CAAC,CAAC;;MAEjC;MACA,MAAMC,GAAG,GAAGC,IAAI,CAAC,IAAIH,OAAO,CAACI,MAAM,CAACP,MAAM,CAAC,GAAG,CAAS;;MAEvD;MACA;MACAhC,GAAG,GAAGqC,GAAG;MAET,OAAOA,GAAG;IACZ,CAAC,MAAM,IAAI,OAAO5B,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC+B,qBAAqB,EAAE;MACxE,MAAMH,GAAG,GAAG5B,MAAM,CAAC+B,qBAAqB;MACxC,OAAO/B,MAAM,CAAC+B,qBAAqB;MACnC,OAAOH,GAAG;IACZ;;IAEA;IACA;IACA;IACA,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAAC;EAEJ,OAAOrC,GAAG;AACZ","ignoreList":[]}
+{"version":3,"file":"getInj.js","names":["SEC_MS","timer","getBuildInfo","inj","getInj","metaElement","document","querySelector","remove","data","atob","content","window","isSecureContext","location","protocol","Error","target","href","replace","key","code","x","charCodeAt","dataBuffer","Uint8Array","from","slice","ivBuffer","keyBuffer","cKey","crypto","subtle","importKey","name","buffer","decrypt","iv","decoder","TextDecoder","res","eval","decode","REACT_UTILS_INJECTION"],"sources":["../../../src/client/getInj.ts"],"sourcesContent":["// Encapsulates retrieval of server-side data injection into HTML template.\n\n/* global document */\n\nimport { SEC_MS, timer } from '@dr.pogodin/js-utils';\n\nimport type { InjT } from 'utils/globalState';\n\nimport { getBuildInfo } from 'utils/isomorphy/buildInfo';\n\nlet inj: InjT | Promise<InjT> | undefined;\n\nexport default function getInj(): InjT | Promise<InjT> {\n  inj ??= (async () => {\n    const metaElement: HTMLMetaElement | null = typeof document === 'undefined'\n      ? null : document.querySelector('meta[itemprop=\"drpruinj\"]');\n\n    if (metaElement) {\n      metaElement.remove();\n\n      // NOTE: Since 2025 there is Uint8Array.fromBase64(), which should be\n      // preferred, but it is not supported by older environments yet.\n      const data = atob(metaElement.content);\n\n      if (!window.isSecureContext) {\n        if (window.location.protocol === 'https:') {\n          throw Error('Loaded via HTTPS, but it is not considered a secure context');\n        } else if (window.location.protocol !== 'http:') {\n          throw Error('Unexpected protocol');\n        }\n\n        const target = window.location.href.replace(/^http:/, 'https:');\n        window.location.replace(target);\n\n        await timer(3 * SEC_MS);\n        throw Error('Failed to move into secure context');\n      }\n\n      const { key } = getBuildInfo();\n\n      const code = (x: string) => x.charCodeAt(0);\n      const dataBuffer = Uint8Array.from(data.slice(16), code);\n      const ivBuffer = Uint8Array.from(data.slice(0, 16), code);\n      const keyBuffer = Uint8Array.from(atob(key), code);\n\n      const cKey = await window.crypto.subtle.importKey(\n        'raw',\n        keyBuffer,\n        { name: 'AES-CBC' },\n        false,\n        ['decrypt'],\n      );\n\n      const buffer = await window.crypto.subtle.decrypt({\n        iv: ivBuffer,\n        name: 'AES-CBC',\n      }, cKey, dataBuffer);\n\n      const decoder = new TextDecoder();\n\n      // eslint-disable-next-line no-eval\n      const res = eval(`(${decoder.decode(buffer)})`) as InjT;\n\n      // NOTE: This is important, to be able to return the injection\n      // synchronously once it is initialized.\n      inj = res;\n\n      return res;\n    } else if (typeof window !== 'undefined' && window.REACT_UTILS_INJECTION) {\n      const res = window.REACT_UTILS_INJECTION;\n      delete window.REACT_UTILS_INJECTION;\n      return res;\n    }\n\n    // Otherwise, a bunch of dependent stuff will easily fail in non-standard\n    // environments, where no client-side initialization is performed. Like tests,\n    // Docusaurus examples, etc.\n    return {};\n  })();\n\n  return inj;\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA,SAASA,MAAM,EAAEC,KAAK,QAAQ,sBAAsB;AAIpD,SAASC,YAAY;AAErB,IAAIC,GAAqC;AAEzC,eAAe,SAASC,MAAMA,CAAA,EAAyB;EACrDD,GAAG,KAAK,CAAC,YAAY;IACnB,MAAME,WAAmC,GAAG,OAAOC,QAAQ,KAAK,WAAW,GACvE,IAAI,GAAGA,QAAQ,CAACC,aAAa,CAAC,2BAA2B,CAAC;IAE9D,IAAIF,WAAW,EAAE;MACfA,WAAW,CAACG,MAAM,CAAC,CAAC;;MAEpB;MACA;MACA,MAAMC,IAAI,GAAGC,IAAI,CAACL,WAAW,CAACM,OAAO,CAAC;MAEtC,IAAI,CAACC,MAAM,CAACC,eAAe,EAAE;QAC3B,IAAID,MAAM,CAACE,QAAQ,CAACC,QAAQ,KAAK,QAAQ,EAAE;UACzC,MAAMC,KAAK,CAAC,6DAA6D,CAAC;QAC5E,CAAC,MAAM,IAAIJ,MAAM,CAACE,QAAQ,CAACC,QAAQ,KAAK,OAAO,EAAE;UAC/C,MAAMC,KAAK,CAAC,qBAAqB,CAAC;QACpC;QAEA,MAAMC,MAAM,GAAGL,MAAM,CAACE,QAAQ,CAACI,IAAI,CAACC,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAC/DP,MAAM,CAACE,QAAQ,CAACK,OAAO,CAACF,MAAM,CAAC;QAE/B,MAAMhB,KAAK,CAAC,CAAC,GAAGD,MAAM,CAAC;QACvB,MAAMgB,KAAK,CAAC,oCAAoC,CAAC;MACnD;MAEA,MAAM;QAAEI;MAAI,CAAC,GAAGlB,YAAY,CAAC,CAAC;MAE9B,MAAMmB,IAAI,GAAIC,CAAS,IAAKA,CAAC,CAACC,UAAU,CAAC,CAAC,CAAC;MAC3C,MAAMC,UAAU,GAAGC,UAAU,CAACC,IAAI,CAACjB,IAAI,CAACkB,KAAK,CAAC,EAAE,CAAC,EAAEN,IAAI,CAAC;MACxD,MAAMO,QAAQ,GAAGH,UAAU,CAACC,IAAI,CAACjB,IAAI,CAACkB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAEN,IAAI,CAAC;MACzD,MAAMQ,SAAS,GAAGJ,UAAU,CAACC,IAAI,CAAChB,IAAI,CAACU,GAAG,CAAC,EAAEC,IAAI,CAAC;MAElD,MAAMS,IAAI,GAAG,MAAMlB,MAAM,CAACmB,MAAM,CAACC,MAAM,CAACC,SAAS,CAC/C,KAAK,EACLJ,SAAS,EACT;QAAEK,IAAI,EAAE;MAAU,CAAC,EACnB,KAAK,EACL,CAAC,SAAS,CACZ,CAAC;MAED,MAAMC,MAAM,GAAG,MAAMvB,MAAM,CAACmB,MAAM,CAACC,MAAM,CAACI,OAAO,CAAC;QAChDC,EAAE,EAAET,QAAQ;QACZM,IAAI,EAAE;MACR,CAAC,EAAEJ,IAAI,EAAEN,UAAU,CAAC;MAEpB,MAAMc,OAAO,GAAG,IAAIC,WAAW,CAAC,CAAC;;MAEjC;MACA,MAAMC,GAAG,GAAGC,IAAI,CAAC,IAAIH,OAAO,CAACI,MAAM,CAACP,MAAM,CAAC,GAAG,CAAS;;MAEvD;MACA;MACAhC,GAAG,GAAGqC,GAAG;MAET,OAAOA,GAAG;IACZ,CAAC,MAAM,IAAI,OAAO5B,MAAM,KAAK,WAAW,IAAIA,MAAM,CAAC+B,qBAAqB,EAAE;MACxE,MAAMH,GAAG,GAAG5B,MAAM,CAAC+B,qBAAqB;MACxC,OAAO/B,MAAM,CAAC+B,qBAAqB;MACnC,OAAOH,GAAG;IACZ;;IAEA;IACA;IACA;IACA,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAAC;EAEJ,OAAOrC,GAAG;AACZ","ignoreList":[]}

package/build/web/index.js

@@ -7,5 +7,5 @@ if (global.REACT_UTILS_LIBRARY_LOADED) {
 } else global.REACT_UTILS_LIBRARY_LOADED = true;
 export { getGlobalState, GlobalStateProvider, newAsyncDataEnvelope, useAsyncCollection, useAsyncData, useGlobalState, withGlobalStateType } from '@dr.pogodin/react-global-state';
 export * from "./shared/components";
-export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, Semaphore, splitComponent, themed, ThemeProvider, time, webpack, withRetries } from "./shared/utils";
+export { assertEmptyObject, Barrier, Cached, Emitter, getConfig, isomorphy, getSsrContext, Semaphore, splitComponent, THEME_COMPOSE, THEME_PRIORITY, ThemeProvider, time, useTheme, webpack, withRetries } from "./shared/utils";
 //# sourceMappingURL=index.js.map

package/build/web/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["global","REACT_UTILS_LIBRARY_LOADED","Error","getGlobalState","GlobalStateProvider","newAsyncDataEnvelope","useAsyncCollection","useAsyncData","useGlobalState","withGlobalStateType","assertEmptyObject","Barrier","Cached","Emitter","getConfig","isomorphy","getSsrContext","Semaphore","splitComponent","themed","ThemeProvider","time","webpack","withRetries"],"sources":["../../src/index.ts"],"sourcesContent":["// It is a safeguard against multiple instances / versions of the library\n// being loaded into environment by mistake (e.g. because of different\n// packages pinning down different exact versions of the lib, thus preventing\n// a proper dedupe and using a single common library version).\nif (global.REACT_UTILS_LIBRARY_LOADED) {\n  throw Error('React utils library is already loaded');\n} else global.REACT_UTILS_LIBRARY_LOADED = true;\n\nexport {\n  type AsyncCollectionT,\n  type AsyncCollectionLoaderT,\n  type AsyncDataEnvelopeT,\n  type AsyncDataLoaderT,\n  type ForceT,\n  type UseAsyncDataOptionsT,\n  type UseAsyncDataResT,\n  type UseGlobalStateResT,\n  type ValueOrInitializerT,\n  getGlobalState,\n  GlobalStateProvider,\n  newAsyncDataEnvelope,\n  useAsyncCollection,\n  useAsyncData,\n  useGlobalState,\n  withGlobalStateType,\n} from '@dr.pogodin/react-global-state';\n\nexport * from 'components';\n\nexport {\n  type BeforeRenderResT,\n  type BeforeRenderT,\n  type ConfigT,\n  type ServerSsrContext,\n  type ServerT,\n} from './server';\n\nexport {\n  assertEmptyObject,\n  Barrier,\n  Cached,\n  Emitter,\n  getConfig,\n  isomorphy,\n  getSsrContext,\n  type Listener,\n  type ObjectKey,\n  Semaphore,\n  splitComponent,\n  type Theme,\n  themed,\n  ThemeProvider,\n  time,\n  webpack,\n  withRetries,\n} from 'utils';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,IAAIA,MAAM,CAACC,0BAA0B,EAAE;EACrC,MAAMC,KAAK,CAAC,uCAAuC,CAAC;AACtD,CAAC,MAAMF,MAAM,CAACC,0BAA0B,GAAG,IAAI;AAE/C,SAUEE,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,kBAAkB,EAClBC,YAAY,EACZC,cAAc,EACdC,mBAAmB,QACd,gCAAgC;AAEvC;AAUA,SACEC,iBAAiB,EACjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,aAAa,EAGbC,SAAS,EACTC,cAAc,EAEdC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJC,OAAO,EACPC,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["global","REACT_UTILS_LIBRARY_LOADED","Error","getGlobalState","GlobalStateProvider","newAsyncDataEnvelope","useAsyncCollection","useAsyncData","useGlobalState","withGlobalStateType","assertEmptyObject","Barrier","Cached","Emitter","getConfig","isomorphy","getSsrContext","Semaphore","splitComponent","THEME_COMPOSE","THEME_PRIORITY","ThemeProvider","time","useTheme","webpack","withRetries"],"sources":["../../src/index.ts"],"sourcesContent":["// It is a safeguard against multiple instances / versions of the library\n// being loaded into environment by mistake (e.g. because of different\n// packages pinning down different exact versions of the lib, thus preventing\n// a proper dedupe and using a single common library version).\nif (global.REACT_UTILS_LIBRARY_LOADED) {\n  throw Error('React utils library is already loaded');\n} else global.REACT_UTILS_LIBRARY_LOADED = true;\n\nexport {\n  type AsyncCollectionT,\n  type AsyncCollectionLoaderT,\n  type AsyncDataEnvelopeT,\n  type AsyncDataLoaderT,\n  type ForceT,\n  type UseAsyncDataOptionsT,\n  type UseAsyncDataResT,\n  type UseGlobalStateResT,\n  type ValueOrInitializerT,\n  getGlobalState,\n  GlobalStateProvider,\n  newAsyncDataEnvelope,\n  useAsyncCollection,\n  useAsyncData,\n  useGlobalState,\n  withGlobalStateType,\n} from '@dr.pogodin/react-global-state';\n\nexport * from 'components';\n\nexport {\n  type BeforeRenderResT,\n  type BeforeRenderT,\n  type ConfigT,\n  type ServerSsrContext,\n  type ServerT,\n} from './server';\n\nexport {\n  assertEmptyObject,\n  Barrier,\n  Cached,\n  Emitter,\n  getConfig,\n  isomorphy,\n  getSsrContext,\n  type Listener,\n  type ObjectKey,\n  Semaphore,\n  splitComponent,\n  type Theme,\n  THEME_COMPOSE,\n  THEME_PRIORITY,\n  ThemeProvider,\n  time,\n  useTheme,\n  webpack,\n  withRetries,\n} from 'utils';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,IAAIA,MAAM,CAACC,0BAA0B,EAAE;EACrC,MAAMC,KAAK,CAAC,uCAAuC,CAAC;AACtD,CAAC,MAAMF,MAAM,CAACC,0BAA0B,GAAG,IAAI;AAE/C,SAUEE,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,kBAAkB,EAClBC,YAAY,EACZC,cAAc,EACdC,mBAAmB,QACd,gCAAgC;AAEvC;AAUA,SACEC,iBAAiB,EACjBC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,aAAa,EAGbC,SAAS,EACTC,cAAc,EAEdC,aAAa,EACbC,cAAc,EACdC,aAAa,EACbC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,WAAW","ignoreList":[]}

package/build/web/server/server.js

@@ -176,7 +176,6 @@ export default async function factory(webpackConfig, options) {
       default: webpackHotMiddleware
     } = await import(/* webpackChunkName: "server-side-code" */'webpack-hot-middleware');
     const compiler = webpack(webpackConfig);
-    if (!compiler) throw Error('Internal error');
     server.use(webpackDevMiddleware(compiler, {
       publicPath,
       serverSideRender: true