webpack.config.js

const {
  ModifyEntryPlugin,
} = require('@angular-architects/module-federation/src/utils/modify-entry-plugin');
const {
  share,
  withModuleFederationPlugin,
} = require('@angular-architects/module-federation/webpack');
const webpack = require('webpack');
const config = withModuleFederationPlugin({
  name: 'onecx-chat-ui-app',
  filename: 'remoteEntry.js',
  exposes: {
    './OnecxChatUiModule': './src/bootstrap.ts',
    './OneCXChatPanelComponent': 'src/app/remotes/chat-panel/chat-panel.component.main.ts'
  },
  shared: share({
    '@angular/core': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@angular/platform-browser': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@angular/forms': {
      requiredVersion: 'auto',
      includeSecondaries: true,
      eager: false,
    },
    '@angular/common': {
      requiredVersion: 'auto',
      includeSecondaries: {
        skip: ['@angular/common/http/testing'],
      },
    },
    '@angular/common/http': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@angular/router': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    rxjs: {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/accelerator': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/angular-accelerator': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/angular-auth': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/angular-remote-components': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/angular-webcomponents': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/integration-interface': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/keycloak-auth': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/portal-integration-angular': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@onecx/portal-layout-styles': {
      requiredVersion: 'auto',
      includeSecondaries: true,
    },
    '@ngx-translate/core': {
      requiredVersion: 'auto',
    },
  }),

  sharedMappings: ['@onecx/portal-integration-angular'],
});

const plugins = config.plugins.filter(
  (plugin) => !(plugin instanceof ModifyEntryPlugin)
);

module.exports = {
  ...config,
  plugins: [
    ...plugins,
    new webpack.DefinePlugin({
      ngDevMode: 'undefined',
    }),
  ],
  output: {
    uniqueName: 'onecx-chat-ui',
    publicPath: 'auto',
  },
  experiments: {
    ...config.experiments,
    topLevelAwait: true,
  },
  optimization: {
    runtimeChunk: false,
    splitChunks: false,
  },
};