@dr.pogodin/react-utils 1.46.2 → 1.47.0-alpha.1

package/build/web/shared/utils/webpack.js

@@ -0,0 +1,61 @@
+import { IS_CLIENT_SIDE } from "./isomorphy";
+/**
+ * Requires the specified module without including it into the bundle during
+ * Webpack build.
+ * @param modulePath
+ * @param [basePath]
+ * @return Required module.
+ */
+export function requireWeak(modulePath,
+// TODO: For now `basePath` can be provided directly as a string here,
+// for backward compatibility. Deprecate it in future, if any other
+// breaking changes are done for requireWeak().
+basePathOrOptions) {
+  if (IS_CLIENT_SIDE) return null;
+  let basePath;
+  let ops;
+  if (typeof basePathOrOptions === 'string') {
+    basePath = basePathOrOptions;
+  } else {
+    ops = basePathOrOptions ?? {};
+    ({
+      basePath
+    } = ops);
+  }
+
+  // eslint-disable-next-line no-eval
+  const req = eval('require');
+
+  // eslint-disable-next-line @typescript-eslint/unbound-method
+  const {
+    resolve
+  } = req('path');
+  const path = basePath ? resolve(basePath, modulePath) : modulePath;
+  const module = req(path);
+  if (!('default' in module) || !module.default) return module;
+  const {
+    default: def,
+    ...named
+  } = module;
+  const res = def;
+  Object.entries(named).forEach(([name, value]) => {
+    const assigned = res[name];
+    if (assigned) res[name] = value;else if (assigned !== value) {
+      throw Error('Conflict between default and named exports');
+    }
+  });
+  return res;
+}
+
+/**
+ * Resolves specified module path with help of Babel's module resolver.
+ * Yes, the function itself just returns its argument to the caller, but Babel
+ * is configured to resolve the first argument of resolveWeak(..) function, thus
+ * the result will be the resolved path.
+ * @param {string} modulePath
+ * @return {string} Absolute or relative path to the module.
+ */
+export function resolveWeak(modulePath) {
+  return modulePath;
+}
+//# sourceMappingURL=webpack.js.map

package/build/web/shared/utils/webpack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.js","names":["IS_CLIENT_SIDE","requireWeak","modulePath","basePathOrOptions","basePath","ops","req","eval","resolve","path","module","default","def","named","res","Object","entries","forEach","name","value","assigned","Error","resolveWeak"],"sources":["../../../../src/shared/utils/webpack.ts"],"sourcesContent":["import type PathNS from 'node:path';\n\nimport { IS_CLIENT_SIDE } from './isomorphy';\n\ntype RequireWeakOptionsT = {\n  basePath?: string;\n};\n\ntype RequireWeakResT<T> = T extends { default: infer D }\n  ? (D extends null | undefined ? T : D & Omit<T, 'default'>)\n  : T;\n\n/**\n * Requires the specified module without including it into the bundle during\n * Webpack build.\n * @param modulePath\n * @param [basePath]\n * @return Required module.\n */\nexport function requireWeak<T extends object>(\n  modulePath: string,\n\n  // TODO: For now `basePath` can be provided directly as a string here,\n  // for backward compatibility. Deprecate it in future, if any other\n  // breaking changes are done for requireWeak().\n  basePathOrOptions?: string | RequireWeakOptionsT,\n): RequireWeakResT<T> | null {\n  if (IS_CLIENT_SIDE) return null;\n\n  let basePath: string | undefined;\n  let ops: RequireWeakOptionsT;\n  if (typeof basePathOrOptions === 'string') {\n    basePath = basePathOrOptions;\n  } else {\n    ops = basePathOrOptions ?? {};\n    ({ basePath } = ops);\n  }\n\n  // eslint-disable-next-line no-eval\n  const req = eval('require') as (path: string) => unknown;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { resolve } = req('path') as typeof PathNS;\n\n  const path = basePath ? resolve(basePath, modulePath) : modulePath;\n  const module = req(path) as T;\n\n  if (!('default' in module) || !module.default) return module as RequireWeakResT<T>;\n\n  const { default: def, ...named } = module;\n\n  const res = def as RequireWeakResT<T>;\n\n  Object.entries(named).forEach(([name, value]) => {\n    const assigned = res[name as keyof RequireWeakResT<T>];\n    if (assigned) (res[name as keyof RequireWeakResT<T>] as unknown) = value;\n    else if (assigned !== value) {\n      throw Error('Conflict between default and named exports');\n    }\n  });\n  return res;\n}\n\n/**\n * Resolves specified module path with help of Babel's module resolver.\n * Yes, the function itself just returns its argument to the caller, but Babel\n * is configured to resolve the first argument of resolveWeak(..) function, thus\n * the result will be the resolved path.\n * @param {string} modulePath\n * @return {string} Absolute or relative path to the module.\n */\nexport function resolveWeak(modulePath: string): string {\n  return modulePath;\n}\n"],"mappings":"AAEA,SAASA,cAAc;AAUvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CACzBC,UAAkB;AAElB;AACA;AACA;AACAC,iBAAgD,EACrB;EAC3B,IAAIH,cAAc,EAAE,OAAO,IAAI;EAE/B,IAAII,QAA4B;EAChC,IAAIC,GAAwB;EAC5B,IAAI,OAAOF,iBAAiB,KAAK,QAAQ,EAAE;IACzCC,QAAQ,GAAGD,iBAAiB;EAC9B,CAAC,MAAM;IACLE,GAAG,GAAGF,iBAAiB,IAAI,CAAC,CAAC;IAC7B,CAAC;MAAEC;IAAS,CAAC,GAAGC,GAAG;EACrB;;EAEA;EACA,MAAMC,GAAG,GAAGC,IAAI,CAAC,SAAS,CAA8B;;EAExD;EACA,MAAM;IAAEC;EAAQ,CAAC,GAAGF,GAAG,CAAC,MAAM,CAAkB;EAEhD,MAAMG,IAAI,GAAGL,QAAQ,GAAGI,OAAO,CAACJ,QAAQ,EAAEF,UAAU,CAAC,GAAGA,UAAU;EAClE,MAAMQ,MAAM,GAAGJ,GAAG,CAACG,IAAI,CAAM;EAE7B,IAAI,EAAE,SAAS,IAAIC,MAAM,CAAC,IAAI,CAACA,MAAM,CAACC,OAAO,EAAE,OAAOD,MAAM;EAE5D,MAAM;IAAEC,OAAO,EAAEC,GAAG;IAAE,GAAGC;EAAM,CAAC,GAAGH,MAAM;EAEzC,MAAMI,GAAG,GAAGF,GAAyB;EAErCG,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,KAAK,CAAC,KAAK;IAC/C,MAAMC,QAAQ,GAAGN,GAAG,CAACI,IAAI,CAA6B;IACtD,IAAIE,QAAQ,EAAGN,GAAG,CAACI,IAAI,CAA6B,GAAeC,KAAK,CAAC,KACpE,IAAIC,QAAQ,KAAKD,KAAK,EAAE;MAC3B,MAAME,KAAK,CAAC,4CAA4C,CAAC;IAC3D;EACF,CAAC,CAAC;EACF,OAAOP,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,WAAWA,CAACpB,UAAkB,EAAU;EACtD,OAAOA,UAAU;AACnB","ignoreList":[]}

package/build/web/styles/_global/reset.css

@@ -0,0 +1,52 @@
+/* Eric Meyer's "Reset CSS" 2.0 */
+
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+/* Having all selectors at individual lines is unreadable in the case of this
+ * style reset sheet. */
+/* stylelint-disable selector-list-comma-newline-after */
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
+body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,
+em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,
+header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark,  menu,
+nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span,
+strike, strong,sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,
+tt, u, ul, var, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote::before, blockquote::after, q::before, q::after {
+  content: "";
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

package/build/web/styles/_mixins/fonts.scss

@@ -0,0 +1,40 @@
+/* Auxiliary mixins for fonts inclusion. */
+
+/**
+ * Includes a font, provided as a set of alternative files in EOT, WOFF, TTF,
+ * SVG formats into the app.
+ * $font-name {String}
+ * $font-weight {Number}
+ * $font-style {String}
+ * $font-url {String} Path to the font file, without the filename itself.
+ * $font-file {String} Font filename, without extension (should be the same for
+ *  each version of the font in different formats.
+ */
+@mixin font-family($font-name, $font-weight, $font-style, $font-url, $font-file) {
+  @font-face {
+    font-family: "#{$font-name}";
+    font-display: block;
+    font-weight: $font-weight;
+    font-style: $font-style;
+    src: url("#{$font-url}#{$font-file}.eot");
+    src: url("#{$font-url}#{$font-file}.eot?#iefix") format("embedded-opentype"), url("#{$font-url}#{$font-file}.woff") format("woff"), url("#{$font-url}#{$font-file}.ttf") format("truetype");
+  }
+}
+
+/**
+ * Includes a font, provided in the TTF format only.
+ * $font-name {String}
+ * $font-weight {Number}
+ * $font-style {String}
+ * $font-url {String}
+ */
+@mixin font-family-ttf(
+  $font-name, $font-weight, $font-style, $font-url) {
+  @font-face {
+    font-family: $font-name;
+    font-display: block;
+    font-style: $font-style;
+    font-weight: $font-weight;
+    src: url("#{$font-url}.ttf") format("truetype");
+  }
+}

package/build/web/styles/_mixins/media.scss

@@ -0,0 +1,150 @@
+/**
+ * Mixins for different layout sizes: xs, sm, md, lg.
+ * Breaking points are defined in _variables.scss
+ * The range mixins A-to-B all means "for the sizes from A to B, both
+ * inclusive", in particular it means that mixin A-to-lg is equivalent to
+ * all sizes from A (inclusive) and larger.
+ *
+ * NOTE: For convenience, these mixins are sorted not alphabetically, but,
+ * first, by increase of the first size; second, by increase of the second size.
+ */
+
+/* Break points. */
+
+$screen-xs: 320px !default;
+$screen-sm: 495px !default;
+$screen-mm: 768px !default;
+$screen-md: 1024px !default;
+$screen-lg: 1280px !default;
+
+/* XS */
+
+@mixin xs {
+  @media (max-width: #{$screen-xs}) {
+    @content;
+  }
+}
+
+@mixin xs-to-sm {
+  @media (max-width: #{$screen-sm}) {
+    @content;
+  }
+}
+
+@mixin xs-to-mm {
+  @media (max-width: #{$screen-mm}) {
+    @content;
+  }
+}
+
+@mixin xs-to-md {
+  @media (max-width: #{$screen-md}) {
+    @content;
+  }
+}
+
+@mixin xs-to-lg {
+  @media (max-width: #{$screen-lg}) {
+    @content;
+  }
+}
+
+/* SM */
+
+@mixin sm {
+  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-sm}) {
+    @content;
+  }
+}
+
+@mixin sm-to-mm {
+  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-mm}) {
+    @content;
+  }
+}
+
+@mixin sm-to-md {
+  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-md}) {
+    @content;
+  }
+}
+
+@mixin sm-to-lg {
+  @media (min-width: #{$screen-xs + 1px}) and (max-width: #{$screen-lg}) {
+    @content;
+  }
+}
+
+@mixin sm-to-xl {
+  @media (min-width: #{$screen-xs + 1px}) {
+    @content;
+  }
+}
+
+/* MM */
+
+@mixin mm {
+  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-mm}) {
+    @content;
+  }
+}
+
+@mixin mm-to-md {
+  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-md}) {
+    @content;
+  }
+}
+
+@mixin mm-to-lg {
+  @media (min-width: #{$screen-sm + 1px}) and (max-width: #{$screen-lg}) {
+    @content;
+  }
+}
+
+@mixin mm-to-xl {
+  @media (min-width: #{$screen-sm + 1px}) {
+    @content;
+  }
+}
+
+/* MD */
+
+@mixin md {
+  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-md}) {
+    @content;
+  }
+}
+
+@mixin md-to-lg {
+  @media (min-width: #{$screen-mm + 1px}) and (max-width: #{$screen-lg}) {
+    @content;
+  }
+}
+
+@mixin md-to-xl {
+  @media (min-width: #{$screen-mm + 1px}) {
+    @content;
+  }
+}
+
+/* LG */
+
+@mixin lg {
+  @media (min-width: #{$screen-md + 1px}) and (max-width: #{$screen-lg}) {
+    @content;
+  }
+}
+
+@mixin lg-to-xl {
+  @media (min-width: #{$screen-md + 1px}) {
+    @content;
+  }
+}
+
+/* XL */
+
+@mixin xl {
+  @media (min-width: #{$screen-lg + 1px}) {
+    @content;
+  }
+}

package/build/web/styles/_mixins/typography.scss

@@ -0,0 +1,83 @@
+/**
+ * A simple drop-in typography mixin.
+ */
+
+@mixin typography {
+  font: 14pt/1.5 Arial, Helvetica, sans-serif;
+
+  code {
+    font-family: monospace;
+    font-size: 0.9em;
+  }
+
+  em { font-style: italic; }
+
+  h1 {
+    font-size: 2.4em;
+    margin-top: 0.6em;
+  }
+
+  h2 {
+    font-size: 2.1em;
+    margin-top: 0.6em;
+  }
+
+  h3 {
+    font-size: 1.8em;
+    margin-top: 0.6em;
+  }
+
+  h4 {
+    font-size: 1.6em;
+    margin-top: 0.6em;
+  }
+
+  h5 {
+    font-size: 1.4em;
+    margin-top: 0.6em;
+  }
+
+  h6 {
+    font-size: 1.2em;
+    margin-top: 0.6em;
+  }
+
+  strong { font-weight: bold; }
+  sub { bottom: -0.25em; }
+  sup { top: -0.5em; }
+
+  ol {
+    list-style-type: decimal;
+    padding-left: 1.2em;
+  }
+
+  ul {
+    list-style-type: disc;
+    padding-left: 1.2em;
+  }
+
+  li,
+  ol,
+  p,
+  pre,
+  ul {
+    margin: 0.3em 0;
+  }
+
+  pre {
+    background: whitesmoke;
+    font-family: monospace;
+    font-size: 0.9em;
+    overflow: auto;
+    padding: 0.3em 0.6em;
+    white-space: pre-wrap;
+  }
+
+  sub,
+  sup {
+    font-size: 0.75em;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+}

package/build/web/styles/global.scss

@@ -0,0 +1,11 @@
+/* Global styles. */
+
+@use "_global/reset";
+
+body {
+  text-rendering: auto;
+}
+
+* {
+  box-sizing: border-box;
+}

package/build/web/styles/mixins.scss

@@ -0,0 +1,6 @@
+/* Collection of standard mixins, being used all around. */
+@forward "_mixins/fonts";
+@forward "_mixins/media";
+@forward "_mixins/typography";
+
+$zIndexOfDefaultModalOverlay: 998;

package/config/babel/node-ssr.js

@@ -32,9 +32,12 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = getConfig;
-const lodash_1 = require("lodash");
+const pull_1 = __importDefault(require("lodash/pull"));
 const webpack_1 = __importStar(require("./webpack"));
 /**
  * Creates a new base config.
@@ -62,7 +65,7 @@ function newBase(babel, options = {}) {
         'webpack.resolveWeak',
     ];
     if (babel.env() === webpack_1.ENVIRONMENTS.DEV) {
-        (0, lodash_1.pull)(config.plugins, 'react-refresh/babel');
+        (0, pull_1.default)(config.plugins, 'react-refresh/babel');
     }
     return config;
 }

package/config/webpack/app-base.js

@@ -8,7 +8,10 @@ exports.default = configFactory;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const sitemap_1 = __importDefault(require("sitemap"));
-const lodash_1 = require("lodash");
+const clone_1 = __importDefault(require("lodash/clone"));
+const defaults_1 = __importDefault(require("lodash/defaults"));
+const isFunction_1 = __importDefault(require("lodash/isFunction"));
+const isObject_1 = __importDefault(require("lodash/isObject"));
 const autoprefixer_1 = __importDefault(require("autoprefixer"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const node_forge_1 = __importDefault(require("node-forge"));
@@ -125,8 +128,8 @@ const utils_1 = require("@dr.pogodin/babel-plugin-react-css-modules/utils");
  *   - **`timestamp`** — The value set for `BUILD_TIMESTAMP`.
  */
 function configFactory(ops) {
-    var _a, _b, _c;
-    const o = (0, lodash_1.defaults)((0, lodash_1.clone)(ops), {
+    var _a, _b;
+    const o = (0, defaults_1.default)((0, clone_1.default)(ops), {
         babelLoaderOptions: {},
         cssLocalIdent: '[hash:base64:6]',
         outputPath: 'build/web-public',
@@ -141,7 +144,7 @@ function configFactory(ops) {
         const sitemapUrl = node_path_1.default.resolve(o.context, o.sitemap);
         // eslint-disable-next-line import/no-dynamic-require, @typescript-eslint/no-require-imports
         let source = require(sitemapUrl);
-        if ((0, lodash_1.isFunction)(source))
+        if ((0, isFunction_1.default)(source))
             source = source();
         const sm = new sitemap_1.default.SitemapStream();
         source.forEach((item) => sm.write(item));
@@ -207,7 +210,7 @@ function configFactory(ops) {
         plugins.push(new webpack_1.ProgressPlugin());
     /* Adds InjectManifest plugin from WorkBox, if opted to. */
     if (o.workbox) {
-        if (!(0, lodash_1.isObject)(o.workbox))
+        if (!(0, isObject_1.default)(o.workbox))
             o.workbox = {};
         plugins.push(new workbox_webpack_plugin_1.default.InjectManifest(Object.assign(Object.assign({ swSrc: node_path_1.default.resolve(__dirname, '../workbox/default.js') }, o.workbox), { swDest: '__service-worker.js' })));
     }
@@ -232,7 +235,7 @@ function configFactory(ops) {
                     // Loads JS modules (.cjs, .js, .jsx, .mjs); TS modules (.ts, .tsx);
                     // and SVG assets (.svg).
                     test: /\.(cjs|js|jsx|mjs|svg|ts|tsx)$/,
-                    exclude: (_b = ops.babelLoaderExclude) !== null && _b !== void 0 ? _b : [/node_modules/],
+                    exclude: ops.babelLoaderExclude,
                     loader: 'babel-loader',
                     options: Object.assign({ babelrc: false, configFile: false, envName: o.babelEnv, presets: [['@dr.pogodin/react-utils/config/babel/webpack', {
                                     typescript: ops.typescript,
@@ -338,7 +341,7 @@ function configFactory(ops) {
     // @babel/runtime/helpers/esm/interopRequireDefault, which has
     // the hepler function attached to "default" export).
     if (process.env.NODE_ENV !== 'test') {
-        const aliases = (_c = res.resolve) === null || _c === void 0 ? void 0 : _c.alias;
+        const aliases = (_b = res.resolve) === null || _b === void 0 ? void 0 : _b.alias;
         aliases['@babel/runtime/helpers/defineProperty']
             = node_path_1.default.resolve(o.context, 'node_modules/@babel/runtime/helpers/defineProperty');
         aliases['@babel/runtime/helpers/interopRequireDefault']

package/config/webpack/app-development.js

@@ -5,7 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = configFactory;
-const lodash_1 = require("lodash");
+const clone_1 = __importDefault(require("lodash/clone"));
+const defaults_1 = __importDefault(require("lodash/defaults"));
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
 const webpack_1 = __importDefault(require("webpack"));
@@ -17,7 +18,7 @@ const app_base_1 = __importDefault(require("./app-base"));
  * @param [ops.dontUseHmr]
  */
 function configFactory(ops) {
-    const o = (0, lodash_1.defaults)((0, lodash_1.clone)(ops), {
+    const o = (0, defaults_1.default)((0, clone_1.default)(ops), {
         cssLocalIdent: '[package]___[path][name]___[local]___[hash:base64:6]',
     });
     const entry = ['@dr.pogodin/react-utils/build/development/client/init'];

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.46.2",
+  "version": "1.47.0-alpha.1",
   "bin": {
     "react-utils-build": "bin/build.js",
     "react-utils-setup": "bin/setup.js"
@@ -16,7 +16,7 @@
     "@dr.pogodin/react-helmet": "^3.0.4",
     "@dr.pogodin/react-themes": "^1.9.3",
     "@jest/environment": "^30.2.0",
-    "axios": "^1.12.2",
+    "axios": "^1.13.1",
     "commander": "^14.0.2",
     "compression": "^1.8.1",
     "config": "^4.1.1",
@@ -34,7 +34,7 @@
     "raf": "^3.4.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-router": "^7.9.4",
+    "react-router": "^7.9.5",
     "request-ip": "^3.3.0",
     "rimraf": "^6.0.0",
     "serialize-javascript": "^7.0.0",
@@ -61,12 +61,12 @@
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@tsconfig/recommended": "^1.0.10",
+    "@tsconfig/recommended": "^1.0.11",
     "@types/compression": "^1.8.1",
     "@types/config": "^3.3.5",
     "@types/cookie": "^0.6.0",
     "@types/cookie-parser": "^1.4.10",
-    "@types/express": "^5.0.4",
+    "@types/express": "^5.0.5",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.20",
     "@types/morgan": "^1.9.10",
@@ -84,13 +84,14 @@
     "babel-jest": "^30.2.0",
     "babel-loader": "^10.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-transform-import-meta": "^2.3.3",
     "core-js": "^3.46.0",
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "memfs": "^4.49.0",
+    "memfs": "^4.50.0",
     "mini-css-extract-plugin": "^2.9.4",
     "mockdate": "^3.0.5",
     "nodelist-foreach-polyfill": "^1.2.0",
@@ -103,7 +104,7 @@
     "resolve-url-loader": "^5.0.0",
     "sass": "^1.93.2",
     "sass-loader": "^16.0.6",
-    "sitemap": "^8.0.1",
+    "sitemap": "^8.0.2",
     "source-map-loader": "^5.0.0",
     "stylelint": "^16.25.0",
     "stylelint-config-standard-scss": "^16.0.0",
@@ -129,13 +130,9 @@
   "types": "./build/types-code/index.d.ts",
   "exports": {
     ".": {
-      "browser": {
-        "development": "./build/development/web.bundle.js",
-        "production": "./build/production/web.bundle.js",
-        "default": "./build/production/web.bundle.js"
-      },
+      "browser": "./build/web/index.js",
       "node": {
-        "webpack": "./build/production/web.bundle.js",
+        "webpack": "./build/web/index.js",
         "default": "./node-entry.js"
       },
       "react-native": {
@@ -146,18 +143,9 @@
     "./config/*": "./config/*.js",
     "./config/eslint/*": "./config/eslint/*.mjs",
     "./config/*.json": "./config/*.json",
+    "./global-styles": "./build/web/styles/global.scss",
     "./jest": "./build/production/shared/utils/jest/index.js",
-    "./mixins": "./src/styles/mixins.scss",
-    "./dev-styles": {
-      "node": "./null.js",
-      "browser": "./build/development/style.css"
-    },
-    "./dev-styles-forced": "./build/development/style.css",
-    "./prod-styles": {
-      "node": "./null.js",
-      "browser": "./build/production/style.css"
-    },
-    "./prod-styles-forced": "./build/production/style.css",
+    "./mixins": "./build/web/styles/mixins.scss",
     "./build/development/client/init": "./build/development/client/init.js",
     "./build/production/client/init": "./build/production/client/init.js",
     "./jest-e2e-ssr-env": "./build/production/shared/utils/jest/E2eSsrEnv.js"
@@ -186,12 +174,13 @@
     "url": "git+https://github.com/birdofpreyru/react-utils.git"
   },
   "scripts": {
-    "build": "rimraf build && npm run build:configs && npm run build:types-scss && npm run build:types-code && npm run build:dev && npm run build:prod",
+    "build": "rimraf build && npm run build:configs && npm run build:types-scss && npm run build:types-code && npm run build:web && npm run build:dev && npm run build:prod",
     "build:configs": "tsc --project tsconfig.configs.json",
-    "build:dev": "node bin/build -t development --lib --webpack-config webpack.config.ts",
-    "build:prod": "node bin/build -t production --lib --webpack-config webpack.config.ts",
+    "build:dev": "node bin/build -i build/web -t development --lib --webpack-config webpack.config.ts --no-webpack",
+    "build:prod": "node bin/build -i build/web -t production --lib --webpack-config webpack.config.ts --no-webpack",
     "build:types-code": "rimraf build/types-code && tsc --project tsconfig.types.json && tsc-alias -p tsconfig.types.json",
     "build:types-scss": "rimraf build/types-scss && typed-scss-modules .",
+    "build:web": "rimraf build/web && babel ./src --config-file ./babel.libweb.config.js --out-dir build/web -x .js,.jsx,.ts,.tsx --source-maps --copy-files",
     "jest:1": "NODE_CONFIG_ENV=test jest --no-cache -w 1 --config config/jest/default.js --shard=1/2",
     "jest:2": "NODE_CONFIG_ENV=test jest --no-cache -w 1 --config config/jest/default.js --shard=2/2",
     "jest:types": "tstyche",

package/src/index.ts

@@ -13,7 +13,13 @@ if (global.REACT_UTILS_LIBRARY_LOADED) {
   throw Error('React utils library is already loaded');
 } else global.REACT_UTILS_LIBRARY_LOADED = true;
 
-const server = webpack.requireWeak<typeof ServerFactoryM>('./server', __dirname);
+// TODO: This is a rapid workaround to get rid of __dirname. I guess, later
+// we'll re-implement requireWeak() to accept import.meta.url directly, and
+// this workaround won't be needed.
+let dirname = import.meta.url;
+dirname = dirname.slice(5, dirname.lastIndexOf('/'));
+
+const server = webpack.requireWeak<typeof ServerFactoryM>('./server', dirname);
 
 const client = server
   ? undefined

package/src/server/index.ts

@@ -4,14 +4,12 @@ import 'source-map-support/register';
 import http from 'node:http';
 import https from 'node:https';
 
-import {
-  cloneDeep,
-  defaults,
-  isFinite,
-  isNumber,
-  isString,
-  toNumber,
-} from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import defaults from 'lodash/defaults';
+import isFinite from 'lodash/isFinite';
+import isNumber from 'lodash/isNumber';
+import isString from 'lodash/isString';
+import toNumber from 'lodash/toNumber';
 
 // Polyfill required by ReactJS.
 // TODO: Double-check, if it is still required by React v19?