@gravity-ui/app-builder 0.29.3-beta.0 → 0.30.0

package/dist/common/library/index.js

@@ -1,47 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildLibrary = buildLibrary;
-const path = __importStar(require("node:path"));
-const fs = __importStar(require("node:fs"));
-const childProcess = __importStar(require("node:child_process"));
-const node_url_1 = require("node:url");
-const babel = __importStar(require("@babel/core"));
-const fast_glob_1 = require("fast-glob");
-const rimraf_1 = require("rimraf");
-const sass_1 = __importDefault(require("sass"));
-const postcss_1 = __importDefault(require("postcss"));
-const postcss_preset_env_1 = __importDefault(require("postcss-preset-env"));
-const core_1 = require("@svgr/core");
-const paths_1 = __importDefault(require("../../common/paths"));
-const logger_1 = __importDefault(require("../../common/logger"));
-const babel_1 = require("../babel");
-function getFilePath(filePath, { ext, dir } = { dir: paths_1.default.src }) {
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import * as childProcess from 'node:child_process';
+import { fileURLToPath, pathToFileURL } from 'node:url';
+import * as babel from '@babel/core';
+import { globStream } from 'fast-glob';
+import { rimraf } from 'rimraf';
+import sass from 'sass';
+import postcss from 'postcss';
+import postcssPresetEnv from 'postcss-preset-env';
+import { transform } from '@svgr/core';
+import paths from '../../common/paths';
+import logger from '../../common/logger';
+import { babelPreset } from '../babel';
+function getFilePath(filePath, { ext, dir } = { dir: paths.src }) {
     let filePathWithExt = filePath;
     if (ext) {
         filePathWithExt = filePath.replace(path.extname(filePath), `.${ext}`);
@@ -52,21 +23,21 @@ function errorHandlerFactory(msg) {
     return (err) => {
         if (err) {
             if (msg) {
-                logger_1.default.error(msg);
+                logger.error(msg);
             }
-            logger_1.default.error(err.toString());
+            logger.error(err.toString());
             throw err;
         }
     };
 }
-function copyToCjs(file, inputDir = paths_1.default.libBuildEsm) {
+function copyToCjs(file, inputDir = paths.libBuildEsm) {
     const esmFile = getFilePath(file, { dir: inputDir });
-    const cjsFile = getFilePath(file, { dir: paths_1.default.libBuildCjs });
+    const cjsFile = getFilePath(file, { dir: paths.libBuildCjs });
     const cjsDir = path.dirname(cjsFile);
     fs.mkdirSync(cjsDir, { recursive: true });
     fs.copyFile(esmFile, cjsFile, errorHandlerFactory(`Failed to copy file to cjs ${esmFile}`));
 }
-function compileToCjs(code, file, inputSourceMap, sourceDir = paths_1.default.src, compiledDir = paths_1.default.libBuildCjs) {
+function compileToCjs(code, file, inputSourceMap, sourceDir = paths.src, compiledDir = paths.libBuildCjs) {
     const sourceFile = getFilePath(file, { dir: sourceDir });
     const compiledCjsFile = getFilePath(file, { dir: compiledDir, ext: 'js' });
     const compiledCjsDir = path.dirname(compiledCjsFile);
@@ -85,8 +56,8 @@ function compileToCjs(code, file, inputSourceMap, sourceDir = paths_1.default.sr
         inputSourceMap,
     }, (err, transformedCjs) => {
         if (err) {
-            logger_1.default.error(`Source compilation errors for ${sourceFile}`);
-            logger_1.default.error(err.toString());
+            logger.error(`Source compilation errors for ${sourceFile}`);
+            logger.error(err.toString());
             throw err;
         }
         else if (transformedCjs) {
@@ -100,7 +71,7 @@ function compileToCjs(code, file, inputSourceMap, sourceDir = paths_1.default.sr
     });
 }
 function compileStyles(inputDir, outputDir, onFinish, additionalGlobs = []) {
-    const origStylesStream = (0, fast_glob_1.globStream)(['**/*.{sass,scss,css}', ...additionalGlobs], {
+    const origStylesStream = globStream(['**/*.{sass,scss,css}', ...additionalGlobs], {
         cwd: inputDir,
     });
     origStylesStream.on('data', (file) => {
@@ -116,24 +87,24 @@ function compileStyles(inputDir, outputDir, onFinish, additionalGlobs = []) {
         }
     });
     origStylesStream.on('finish', () => {
-        const globs = outputDir === paths_1.default.libBuildEsm
+        const globs = outputDir === paths.libBuildEsm
             ? ['**/*.{sass,scss,css}', '!cjs/**/*']
             : ['**/*.{sass,scss,css}'];
-        const stylesStream = (0, fast_glob_1.globStream)(globs, { cwd: outputDir });
+        const stylesStream = globStream(globs, { cwd: outputDir });
         stylesStream.on('data', async (file) => {
             const origScssFile = getFilePath(file, { dir: inputDir });
             const scssFile = getFilePath(file, { dir: outputDir });
             const cssFile = getFilePath(file, { dir: outputDir, ext: 'css' });
             const sourceMapFile = getFilePath(file, { dir: outputDir, ext: 'css.map' });
             try {
-                const sassTransformed = sass_1.default.compile(scssFile, {
+                const sassTransformed = sass.compile(scssFile, {
                     sourceMap: true,
                     sourceMapIncludeSources: true,
                     importers: [
                         {
                             findFileUrl(url) {
                                 if (url.startsWith('~')) {
-                                    return (0, node_url_1.pathToFileURL)(getFilePath(url.substring(1), { dir: paths_1.default.appNodeModules }));
+                                    return pathToFileURL(getFilePath(url.substring(1), { dir: paths.appNodeModules }));
                                 }
                                 throw new Error(`Unrecognized import ${url} in ${origScssFile}`);
                             },
@@ -144,11 +115,11 @@ function compileStyles(inputDir, outputDir, onFinish, additionalGlobs = []) {
                     const sourceMap = sassTransformed.sourceMap;
                     if (sourceMap) {
                         sourceMap.sources = sourceMap.sources.map((url) => {
-                            return path.relative(path.dirname(scssFile), (0, node_url_1.fileURLToPath)(url));
+                            return path.relative(path.dirname(scssFile), fileURLToPath(url));
                         });
                     }
-                    const postcssTransformed = await (0, postcss_1.default)([
-                        (0, postcss_preset_env_1.default)({ enableClientSidePolyfills: false }),
+                    const postcssTransformed = await postcss([
+                        postcssPresetEnv({ enableClientSidePolyfills: false }),
                     ]).process(sassTransformed.css, {
                         to: path.basename(cssFile),
                         from: path.basename(scssFile),
@@ -165,7 +136,7 @@ function compileStyles(inputDir, outputDir, onFinish, additionalGlobs = []) {
                 }
             }
             catch (sassErr) {
-                logger_1.default.error(`Style compilation errors for ${scssFile}`);
+                logger.error(`Style compilation errors for ${scssFile}`);
                 throw sassErr;
             }
         });
@@ -178,19 +149,19 @@ const svgoPreset = {
     name: 'preset-default',
     params: { overrides: { removeViewBox: false } },
 };
-function buildLibrary(config) {
+export function buildLibrary(config) {
     const internalGlobs = config.lib?.internalDirs?.map((dir) => `!${dir}/**/*`) ?? [];
-    rimraf_1.rimraf.sync(paths_1.default.libBuild);
-    const tsConfigFilePath = path.resolve(paths_1.default.app, 'tsconfig.publish.json');
+    rimraf.sync(paths.libBuild);
+    const tsConfigFilePath = path.resolve(paths.app, 'tsconfig.publish.json');
     // sources compilation
-    const sourceStream = (0, fast_glob_1.globStream)(['**/*.{js,jsx,ts,tsx}', '!**/*.d.ts', ...internalGlobs], {
-        cwd: paths_1.default.src,
+    const sourceStream = globStream(['**/*.{js,jsx,ts,tsx}', '!**/*.d.ts', ...internalGlobs], {
+        cwd: paths.src,
     });
     sourceStream.on('data', (file) => {
         const sourceFile = getFilePath(file);
-        const compiledFile = getFilePath(file, { dir: paths_1.default.libBuildEsm, ext: 'js' });
+        const compiledFile = getFilePath(file, { dir: paths.libBuildEsm, ext: 'js' });
         const compiledDir = path.dirname(compiledFile);
-        const sourcemapFile = getFilePath(file, { dir: paths_1.default.libBuildEsm, ext: 'js.map' });
+        const sourcemapFile = getFilePath(file, { dir: paths.libBuildEsm, ext: 'js.map' });
         const sourcemapUrl = `// #sourceMappingURL=${path.basename(sourcemapFile)}`;
         const source = fs.readFileSync(sourceFile, 'utf-8');
         fs.mkdirSync(compiledDir, { recursive: true });
@@ -198,7 +169,7 @@ function buildLibrary(config) {
             babelrc: false,
             configFile: false,
             filename: sourceFile,
-            presets: [(0, babel_1.babelPreset)(config.lib)],
+            presets: [babelPreset(config.lib)],
             plugins: [
                 [
                     require.resolve('babel-plugin-inline-react-svg'),
@@ -228,8 +199,8 @@ function buildLibrary(config) {
             sourceMaps: true,
         }, (err, transformed) => {
             if (err) {
-                logger_1.default.error(`Source compilation errors for ${sourceFile}`);
-                logger_1.default.error(err.toString());
+                logger.error(`Source compilation errors for ${sourceFile}`);
+                logger.error(err.toString());
                 throw err;
             }
             else if (transformed) {
@@ -244,28 +215,28 @@ function buildLibrary(config) {
         });
     });
     // type definitions compilation and type checking
-    const tscExec = path.resolve(paths_1.default.appNodeModules, 'typescript/bin/tsc');
+    const tscExec = path.resolve(paths.appNodeModules, 'typescript/bin/tsc');
     // eslint-disable-next-line security/detect-child-process
     childProcess.exec(`${tscExec} -p ${tsConfigFilePath} --declaration --emitDeclarationOnly --outDir build/esm`, (error, stdout, stderr) => {
-        logger_1.default.message(stdout);
-        logger_1.default.error(stderr);
+        logger.message(stdout);
+        logger.error(stderr);
         if (!error && !stderr) {
-            logger_1.default.message('Typechecking successfully completed');
-            const typingsStream = (0, fast_glob_1.globStream)(['**/*.d.ts', '!cjs/**/*'], {
-                cwd: paths_1.default.libBuildEsm,
+            logger.message('Typechecking successfully completed');
+            const typingsStream = globStream(['**/*.d.ts', '!cjs/**/*'], {
+                cwd: paths.libBuildEsm,
             });
             typingsStream.on('data', copyToCjs);
         }
         else {
-            logger_1.default.error('Errors during library typechecking. Aborting...');
+            logger.error('Errors during library typechecking. Aborting...');
             process.exit(1);
         }
     });
     // css compilation
-    compileStyles(paths_1.default.libGlobalStyles, paths_1.default.libCompiledGlobalStyles, () => {
-        compileStyles(paths_1.default.src, paths_1.default.libBuildEsm, () => {
-            const stylesStream = (0, fast_glob_1.globStream)(['**/*.{css,css.map}'], {
-                cwd: paths_1.default.libBuildEsm,
+    compileStyles(paths.libGlobalStyles, paths.libCompiledGlobalStyles, () => {
+        compileStyles(paths.src, paths.libBuildEsm, () => {
+            const stylesStream = globStream(['**/*.{css,css.map}'], {
+                cwd: paths.libBuildEsm,
             });
             stylesStream.on('data', copyToCjs);
         }, internalGlobs);
@@ -281,15 +252,15 @@ function buildLibrary(config) {
     export default icon;
     `;
     const svgoRegEx = /assets\/icons/;
-    const iconsStream = (0, fast_glob_1.globStream)(['**/*.svg', ...internalGlobs], { cwd: paths_1.default.libAssets });
+    const iconsStream = globStream(['**/*.svg', ...internalGlobs], { cwd: paths.libAssets });
     iconsStream.on('data', async (file) => {
-        const iconFile = getFilePath(file, { dir: paths_1.default.libAssets });
-        const componentFile = getFilePath(file, { dir: paths_1.default.libCompiledAssetsEsm, ext: 'js' });
+        const iconFile = getFilePath(file, { dir: paths.libAssets });
+        const componentFile = getFilePath(file, { dir: paths.libCompiledAssetsEsm, ext: 'js' });
         const componentDir = path.dirname(componentFile);
-        const componentDefFile = getFilePath(file, { dir: paths_1.default.libCompiledAssetsEsm, ext: 'd.ts' });
+        const componentDefFile = getFilePath(file, { dir: paths.libCompiledAssetsEsm, ext: 'd.ts' });
         if (svgoRegEx.test(iconFile)) {
             try {
-                const component = await (0, core_1.transform)(fs.readFileSync(iconFile, 'utf-8'), {
+                const component = await transform(fs.readFileSync(iconFile, 'utf-8'), {
                     jsxRuntime: config.lib.newJsxTransform ? 'automatic' : 'classic',
                     plugins: [require.resolve('@svgr/plugin-jsx')],
                 });
@@ -297,12 +268,12 @@ function buildLibrary(config) {
                     babelrc: false,
                     configFile: false,
                     filename: iconFile,
-                    presets: [(0, babel_1.babelPreset)(config.lib)],
+                    presets: [babelPreset(config.lib)],
                     sourceMaps: true,
                 }, (err, transformed) => {
                     if (err) {
-                        logger_1.default.error(`Icons compilation errors for ${iconFile}`);
-                        logger_1.default.error(err.toString());
+                        logger.error(`Icons compilation errors for ${iconFile}`);
+                        logger.error(err.toString());
                         throw err;
                     }
                     else if (transformed) {
@@ -310,13 +281,13 @@ function buildLibrary(config) {
                             fs.mkdirSync(componentDir, { recursive: true });
                             fs.writeFile(componentFile, transformed.code, errorHandlerFactory(`Icons compilation has failed on writing ${componentFile}`));
                             fs.writeFile(componentDefFile, iconBaseDefinition, errorHandlerFactory(`Icons compilations has failed on writing ${componentFile}`));
-                            compileToCjs(transformed.code, file, transformed.map, paths_1.default.libAssets, paths_1.default.libCompiledAssetsCjs);
+                            compileToCjs(transformed.code, file, transformed.map, paths.libAssets, paths.libCompiledAssetsCjs);
                         }
                     }
                 });
             }
             catch (err) {
-                logger_1.default.error(`Svgo compilation errors for ${iconFile}`);
+                logger.error(`Svgo compilation errors for ${iconFile}`);
                 throw err;
             }
         }
@@ -326,17 +297,17 @@ function buildLibrary(config) {
             fs.mkdirSync(componentDir, { recursive: true });
             fs.writeFile(componentFile, code, errorHandlerFactory(`Icons compilation has failed on writing ${componentFile}`));
             fs.writeFile(componentDefFile, iconSvgoDefinition, errorHandlerFactory(`Icons compilations has failed on writing ${componentFile}`));
-            compileToCjs(code, file, undefined, paths_1.default.libAssets, paths_1.default.libCompiledAssetsCjs);
+            compileToCjs(code, file, undefined, paths.libAssets, paths.libCompiledAssetsCjs);
         }
     });
     // file assets copying
-    const assetsStream = (0, fast_glob_1.globStream)(['**/*.json', '!**/tsconfig.json', '**/*.d.ts', ...internalGlobs], { cwd: paths_1.default.src });
+    const assetsStream = globStream(['**/*.json', '!**/tsconfig.json', '**/*.d.ts', ...internalGlobs], { cwd: paths.src });
     assetsStream.on('data', (file) => {
         const assetFile = getFilePath(file);
-        const copiedAssetFile = getFilePath(file, { dir: paths_1.default.libBuildEsm });
+        const copiedAssetFile = getFilePath(file, { dir: paths.libBuildEsm });
         const assetDir = path.dirname(copiedAssetFile);
         fs.mkdirSync(assetDir, { recursive: true });
         fs.copyFile(assetFile, copiedAssetFile, errorHandlerFactory(`Failed to copy file ${assetFile}`));
-        copyToCjs(file, paths_1.default.src);
+        copyToCjs(file, paths.src);
     });
 }

package/dist/common/logger/colors.js

@@ -1,8 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colors = void 0;
-const chalk_1 = __importDefault(require("chalk"));
-exports.colors = chalk_1.default;
+import chalk from 'chalk';
+export const colors = chalk;

package/dist/common/logger/index.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Logger = void 0;
-const colors_1 = require("./colors");
-const pretty_time_1 = require("./pretty-time");
-const strip_ansi_1 = __importDefault(require("strip-ansi"));
+import { colors } from './colors';
+import { elapsedTime } from './pretty-time';
+import stripAnsi from 'strip-ansi';
 const allColors = [
-    colors_1.colors.cyan.bold,
-    colors_1.colors.blue.bold,
-    colors_1.colors.yellow.bold,
-    colors_1.colors.magenta.bold,
-    colors_1.colors.green.bold,
-    colors_1.colors.grey.bold,
+    colors.cyan.bold,
+    colors.blue.bold,
+    colors.yellow.bold,
+    colors.magenta.bold,
+    colors.green.bold,
+    colors.grey.bold,
 ];
 function selectColor(namespace) {
     let hash = 0;
@@ -23,14 +17,14 @@ function selectColor(namespace) {
         hash |= 0; // Convert to 32bit integer
         /* eslint-enable no-bitwise */
     }
-    return allColors[Math.abs(hash) % allColors.length] ?? colors_1.colors.green.bold;
+    return allColors[Math.abs(hash) % allColors.length] ?? colors.green.bold;
 }
-class Logger {
-    colors = colors_1.colors;
+export class Logger {
+    colors = colors;
     _verbose = false;
     _namespace = '';
     _timestamp = BigInt(0);
-    _color = colors_1.colors.black;
+    _color = colors.black;
     constructor(namespace = '', verbose = false) {
         this._verbose = verbose;
         if (namespace) {
@@ -42,13 +36,13 @@ class Logger {
             return;
         }
         const prefix = this._namespace ? this._color(`[${this._namespace}]`) + ' ' : '';
-        const postfix = this._timestamp > 0 ? ' ' + this._color(`+${(0, pretty_time_1.elapsedTime)(this._timestamp)}`) : '';
+        const postfix = this._timestamp > 0 ? ' ' + this._color(`+${elapsedTime(this._timestamp)}`) : '';
         let output = prefix + message + postfix;
         if (wrap) {
             const width = process.stdout.columns || (process.stdout.isTTY ? 80 : 200);
-            if ((0, strip_ansi_1.default)(output).length > width) {
+            if (stripAnsi(output).length > width) {
                 output =
-                    prefix + message.slice(0, width - (0, strip_ansi_1.default)(prefix + postfix).length) + postfix;
+                    prefix + message.slice(0, width - stripAnsi(prefix + postfix).length) + postfix;
             }
         }
         process.stdout.write(output);
@@ -118,5 +112,4 @@ class Logger {
         this._color = selectColor(namespace);
     };
 }
-exports.Logger = Logger;
-exports.default = new Logger();
+export default new Logger();

package/dist/common/logger/log-config.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logConfig = logConfig;
 /* eslint-disable no-console */
-const colors_1 = require("./colors");
-function logConfig(caption, config) {
-    console.log(colors_1.colors.cyan(caption));
+import { colors } from './colors';
+export function logConfig(caption, config) {
+    console.log(colors.cyan(caption));
     console.dir(config, { depth: Infinity });
 }

package/dist/common/logger/pretty-time.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.elapsedTime = elapsedTime;
-exports.prettyTime = prettyTime;
 const scale = {
     w: BigInt(6048e11),
     d: BigInt(864e11),
@@ -12,11 +8,11 @@ const scale = {
     μs: BigInt(1e3),
     ns: BigInt(1),
 };
-function elapsedTime(time, smallest = 'ms') {
+export function elapsedTime(time, smallest = 'ms') {
     const elapsed = process.hrtime.bigint() - time;
     return prettyTime(elapsed, smallest);
 }
-function prettyTime(time, smallest = 'ms') {
+export function prettyTime(time, smallest = 'ms') {
     let elapsed = time;
     let res = '';
     let count = 0;

package/dist/common/models/index.d.ts

@@ -16,6 +16,7 @@ import type { WebpackMode } from '../webpack/config';
 import type { UploadOptions } from '../s3-upload/upload';
 import type { TerserOptions } from 'terser-webpack-plugin';
 import type { ReactRefreshPluginOptions } from '@pmmmwh/react-refresh-webpack-plugin/types/lib/types';
+import type { moduleFederationPlugin } from '@module-federation/sdk';
 type Bundler = 'webpack' | 'rspack';
 type JavaScriptLoader = 'babel' | 'swc';
 type ServerCompiler = 'typescript' | 'swc';
@@ -59,6 +60,64 @@ interface LazyCompilationConfig {
      */
     entries?: boolean;
 }
+export type ModuleFederationConfig = Omit<moduleFederationPlugin.ModuleFederationPluginOptions, 'name' | 'remotes'> & {
+    /**
+     * Unique name of the application in the Module Federation ecosystem
+     * Used as an identifier for this micro-frontend
+     */
+    name: string;
+    /**
+     * Application version, appended to the entry file name
+     * When specified, the file will be named `entry-{version}.js`
+     * @default undefined (file will be named `entry.js`)
+     */
+    version?: string;
+    /**
+     * Base URL for loading resources of this micro-frontend
+     * Should point to a publicly accessible URL where the files will be hosted
+     * @example 'https://cdn.example.com/my-app/'
+     */
+    publicPath: string;
+    /**
+     * List of remote application names that this application can load
+     * Simplified alternative to originalRemotes - only names are specified
+     * @example ['header', 'footer', 'navigation']
+     */
+    remotes?: string[];
+    /**
+     * Full configuration of remote applications in Module Federation format
+     * Allows more detailed configuration of each remote application
+     * @example { header: 'header@https://header.example.com/remoteEntry.js' }
+     */
+    originalRemotes?: moduleFederationPlugin.ModuleFederationPluginOptions['remotes'];
+    /**
+     * Enables runtime versioning for remote applications
+     * When enabled, remote applications will be loaded with version in the filename
+     * @default false
+     */
+    remotesRuntimeVersioning?: boolean;
+    /**
+     * CSS style isolation settings to prevent conflicts
+     * between styles of different micro-frontends
+     */
+    isolateStyles?: {
+        /**
+         * Function to generate CSS class prefix
+         * @param entryName - Application entry name
+         * @returns Prefix string for CSS classes
+         */
+        getPrefix: (entryName: string) => string;
+        /**
+         * Function to add prefix to CSS selectors
+         * @param prefix - Prefix to add
+         * @param selector - Original CSS selector
+         * @param prefixedSelector - Selector with added prefix
+         * @param filePath - Path to the styles file
+         * @returns Modified CSS selector
+         */
+        prefixSelector: (prefix: string, selector: string, prefixedSelector: string, filePath: string) => string;
+    };
+};
 export interface ClientConfig {
     modules?: string[];
     /**
@@ -248,6 +307,11 @@ export interface ClientConfig {
     };
     bundler?: Bundler;
     javaScriptLoader?: JavaScriptLoader;
+    /**
+     * Module Federation configuration for building micro-frontends
+     * @see https://module-federation.io/
+     */
+    moduleFederation?: ModuleFederationConfig;
 }
 export interface CdnUploadConfig {
     bucket: string;
@@ -281,7 +345,7 @@ export interface ServiceConfig {
     verbose?: boolean;
     configPath?: string;
 }
-export type NormalizedClientConfig = Omit<ClientConfig, 'publicPathPrefix' | 'publicPath' | 'assetsManifestFile' | 'hiddenSourceMap' | 'svgr' | 'lazyCompilation' | 'devServer' | 'disableForkTsChecker' | 'disableReactRefresh'> & {
+export type NormalizedClientConfig = Omit<ClientConfig, 'publicPathPrefix' | 'publicPath' | 'assetsManifestFile' | 'hiddenSourceMap' | 'svgr' | 'lazyCompilation' | 'devServer' | 'disableForkTsChecker' | 'disableReactRefresh' | 'transformCssWithLightningCss'> & {
     bundler: Bundler;
     javaScriptLoader: JavaScriptLoader;
     publicPath: string;
@@ -294,6 +358,7 @@ export type NormalizedClientConfig = Omit<ClientConfig, 'publicPathPrefix' | 'pu
         server?: ServerConfiguration;
     };
     verbose?: boolean;
+    transformCssWithLightningCss: boolean;
     webpack: (config: Configuration, options: {
         configType: `${WebpackMode}`;
         isSsr: boolean;

package/dist/common/models/index.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isServiceConfig = isServiceConfig;
-exports.isLibraryConfig = isLibraryConfig;
-exports.defineConfig = defineConfig;
-function isServiceConfig(config) {
+export function isServiceConfig(config) {
     return !('lib' in config);
 }
-function isLibraryConfig(config) {
+export function isLibraryConfig(config) {
     return 'lib' in config;
 }
-function defineConfig(config) {
+export function defineConfig(config) {
     return config;
 }

package/dist/common/paths.js

@@ -1,33 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("node:fs"));
-const path = __importStar(require("node:path"));
+import * as fs from 'node:fs';
+import * as path from 'node:path';
 const appDirectory = fs.realpathSync(process.cwd());
 const resolveApp = (relativePath) => path.resolve(appDirectory, relativePath);
-exports.default = {
+export default {
     app: resolveApp('.'),
     appNodeModules: resolveApp('node_modules'),
     appClient: resolveApp('src/ui'),

package/dist/common/s3-upload/compress.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.gzip = gzip;
-exports.brotli = brotli;
-const node_fs_1 = require("node:fs");
-const zlib_1 = require("zlib");
+import { createReadStream, createWriteStream } from 'node:fs';
+import { createBrotliCompress, createGzip } from 'zlib';
 function compressor(sourcePath, destinationPath, transformer) {
     return new Promise((resolve, reject) => {
-        const sourceStream = (0, node_fs_1.createReadStream)(sourcePath);
+        const sourceStream = createReadStream(sourcePath);
         sourceStream.on('error', reject);
-        const destinationStream = (0, node_fs_1.createWriteStream)(destinationPath);
+        const destinationStream = createWriteStream(destinationPath);
         destinationStream.on('finish', () => resolve(destinationPath));
         destinationStream.on('error', reject);
         sourceStream.pipe(transformer).pipe(destinationStream);
     });
 }
-function gzip(sourcePath) {
-    return compressor(sourcePath, `${sourcePath}.gz`, (0, zlib_1.createGzip)({}));
+export function gzip(sourcePath) {
+    return compressor(sourcePath, `${sourcePath}.gz`, createGzip({}));
 }
-function brotli(sourcePath) {
-    return compressor(sourcePath, `${sourcePath}.br`, (0, zlib_1.createBrotliCompress)());
+export function brotli(sourcePath) {
+    return compressor(sourcePath, `${sourcePath}.br`, createBrotliCompress());
 }