@elliemae/pui-cli 7.0.0-alpha.1 → 7.0.0-alpha.4

package/dist/cjs/webpack/webpack.lib.base.babel.js

@@ -0,0 +1,217 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var webpack_lib_base_babel_exports = {};
+__export(webpack_lib_base_babel_exports, {
+  baseConfig: () => baseConfig
+});
+module.exports = __toCommonJS(webpack_lib_base_babel_exports);
+var import_node_path = __toESM(require("node:path"), 1);
+var import_webpack = require("webpack");
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"), 1);
+var import_postcss_preset_env = __toESM(require("postcss-preset-env"), 1);
+var import_duplicate_package_checker_webpack_plugin = __toESM(require("duplicate-package-checker-webpack-plugin"), 1);
+var import_moment_locales_webpack_plugin = __toESM(require("moment-locales-webpack-plugin"), 1);
+var import_resolve_typescript_plugin = __toESM(require("resolve-typescript-plugin"), 1);
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_helpers = require("./helpers.js");
+var import_utils = require("../utils.cjs");
+const minicssLoader = {
+  loader: import_mini_css_extract_plugin.default.loader,
+  options: {}
+};
+const finalCSSLoader = (mode) => mode !== "production" ? { loader: "style-loader" } : minicssLoader;
+const copyPluginPatterns = (0, import_helpers.filterByFilePresence)([
+  {
+    from: "lib/app.config.json",
+    to: "app.config.json",
+    noErrorOnMissing: true
+  },
+  {
+    from: "public",
+    noErrorOnMissing: true
+  }
+]);
+const plugins = [
+  new import_webpack.EnvironmentPlugin({
+    ASSET_PATH: "/",
+    CI: "false"
+  }),
+  new import_webpack.DefinePlugin({
+    APP_CONFIG: (0, import_utils.getAppConfig)(true)
+  }),
+  ...copyPluginPatterns.length > 0 ? [
+    new import_copy_webpack_plugin.default({
+      patterns: copyPluginPatterns
+    })
+  ] : [],
+  new import_duplicate_package_checker_webpack_plugin.default(),
+  new import_webpack.optimize.LimitChunkCountPlugin({
+    maxChunks: 1
+  }),
+  new import_moment_locales_webpack_plugin.default({ localesToKeep: ["es-us"] }),
+  new import_webpack.ProgressPlugin()
+];
+const baseConfig = (options) => ({
+  mode: options.mode,
+  entry: [import_node_path.default.join(process.cwd(), "lib/index")],
+  output: __spreadValues({
+    clean: true,
+    path: import_node_path.default.resolve(process.cwd(), "dist/public"),
+    publicPath: "auto",
+    library: (0, import_helpers.getLibraryName)(),
+    libraryTarget: "umd"
+  }, options.output),
+  optimization: options.optimization,
+  module: {
+    rules: [
+      {
+        test: /^(?!.*\.exec\.js$).*\.jsx?$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(import_helpers.modulesToTranspile),
+        resolve: {
+          fullySpecified: false
+        },
+        use: {
+          loader: "esbuild-loader",
+          options: {
+            loader: "jsx",
+            target: (0, import_browserslist_to_esbuild.default)()
+          }
+        }
+      },
+      {
+        test: /^(?!.*\.exec\.js$).*\.tsx?$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(import_helpers.modulesToTranspile),
+        resolve: {
+          fullySpecified: false
+        },
+        use: {
+          loader: "esbuild-loader",
+          options: {
+            loader: "tsx",
+            target: (0, import_browserslist_to_esbuild.default)()
+          }
+        }
+      },
+      {
+        test: /\.css$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(import_helpers.modulesToTranspile),
+        use: [
+          finalCSSLoader(options.mode),
+          {
+            loader: "css-loader",
+            options: {
+              importLoaders: 1,
+              sourceMap: true
+            }
+          },
+          {
+            loader: "postcss-loader",
+            options: {
+              postcssOptions: {
+                plugins: [(0, import_postcss_preset_env.default)({ autoprefixer: { grid: true } })]
+              },
+              sourceMap: true
+            }
+          }
+        ]
+      },
+      {
+        test: /\.pug$/,
+        exclude: /node_modules/,
+        use: "pug-loader"
+      },
+      {
+        test: /\.(woff|woff2)$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"]),
+        type: "asset/resource"
+      },
+      {
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        resourceQuery: /^((?!url).)*$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"]),
+        use: ["@svgr/webpack"]
+      },
+      {
+        test: /\.(jpe?g|png|gif|ico)$/i,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"]),
+        type: "asset"
+      },
+      {
+        test: /(?<!\/iframe)\.html$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"]),
+        use: "html-loader"
+      },
+      {
+        test: /\.(mp4|webm)$/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"]),
+        type: "asset"
+      },
+      {
+        resourceQuery: /resource/,
+        type: "asset/resource",
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"])
+      },
+      {
+        type: "asset",
+        resourceQuery: /url/,
+        exclude: (0, import_helpers.excludeNodeModulesExcept)(["@elliemae/*"])
+      }
+    ]
+  },
+  plugins: plugins.concat(options.plugins || []),
+  resolve: {
+    modules: [
+      "node_modules",
+      "app",
+      "lib",
+      import_node_path.default.resolve(process.cwd(), "node_modules"),
+      import_node_path.default.resolve(process.cwd(), "app"),
+      import_node_path.default.resolve(process.cwd(), "lib")
+    ],
+    extensions: [".ts", ".tsx", ".js", ".jsx", ".json", ".wasm", ".mjs"],
+    mainFields: ["browser", "module", "main"],
+    alias: __spreadValues(__spreadValues({}, (0, import_helpers.getAlias)()), (options.resolve || {}).alias || {}),
+    plugins: [new import_resolve_typescript_plugin.default({})]
+  },
+  externals: {
+    "@elliemae/pui-user-monitoring": "emuiUserMonitoring",
+    "@elliemae/pui-app-loader": "emuiAppLoader",
+    "@elliemae/pui-diagnostics": "emuiDiagnostics"
+  },
+  devtool: options.devtool || "eval-source-map",
+  performance: options.performance || {}
+});

package/dist/cjs/webpack/webpack.lib.dev.babel.js

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var webpack_lib_dev_babel_exports = {};
+__export(webpack_lib_dev_babel_exports, {
+  default: () => webpack_lib_dev_babel_default
+});
+module.exports = __toCommonJS(webpack_lib_dev_babel_exports);
+var import_circular_dependency_plugin = __toESM(require("circular-dependency-plugin"), 1);
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_helpers = require("./helpers.js");
+var import_webpack_base_babel = require("./webpack.base.babel.js");
+const libraryName = (0, import_helpers.getLibraryName)();
+var webpack_lib_dev_babel_default = (0, import_webpack_base_babel.baseConfig)({
+  mode: "development",
+  output: {
+    filename: `js/${libraryName}.js`,
+    chunkFilename: `js/${libraryName}.chunk.js`,
+    assetModuleFilename: "[name][ext][query]"
+  },
+  optimization: {
+    splitChunks: {
+      chunks: "all"
+    }
+  },
+  resolve: {
+    alias: {}
+  },
+  plugins: [
+    new import_html_webpack_plugin.default({
+      inject: true,
+      template: "lib/index.pug",
+      filename: "index.html",
+      libraryName
+    }),
+    new import_circular_dependency_plugin.default({
+      exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
+      failOnError: false
+    }),
+    new import_mini_css_extract_plugin.default({
+      filename: `css/${libraryName}.css`,
+      chunkFilename: `css/${libraryName}.chunk.css`
+    })
+  ],
+  devtool: "eval-source-map",
+  performance: {
+    hints: false
+  }
+});

package/dist/cjs/webpack/webpack.lib.prod.babel.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var webpack_lib_prod_babel_exports = {};
+__export(webpack_lib_prod_babel_exports, {
+  default: () => webpack_lib_prod_babel_default
+});
+module.exports = __toCommonJS(webpack_lib_prod_babel_exports);
+var import_node_path = __toESM(require("node:path"), 1);
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_webpack_bundle_analyzer = require("webpack-bundle-analyzer");
+var import_esbuild_loader = require("esbuild-loader");
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_helpers = require("./helpers.js");
+var import_webpack_base_babel = require("./webpack.base.babel.js");
+const libraryName = (0, import_helpers.getLibraryName)();
+var webpack_lib_prod_babel_default = (0, import_webpack_base_babel.baseConfig)({
+  mode: "production",
+  output: {
+    filename: `js/${libraryName}.[chunkhash].js`,
+    chunkFilename: `js/${libraryName}.[chunkhash].chunk.js`,
+    assetModuleFilename: "assets/[name].[hash][ext][query]"
+  },
+  optimization: {
+    moduleIds: "deterministic",
+    minimize: true,
+    minimizer: [
+      new import_esbuild_loader.ESBuildMinifyPlugin({
+        target: (0, import_browserslist_to_esbuild.default)(),
+        css: true
+      })
+    ],
+    nodeEnv: "production",
+    sideEffects: true,
+    concatenateModules: true,
+    splitChunks: {
+      chunks: "all"
+    }
+  },
+  plugins: [
+    new import_html_webpack_plugin.default({
+      template: "lib/index.pug",
+      filename: "index.html",
+      libraryName,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true
+      },
+      inject: true
+    }),
+    new import_mini_css_extract_plugin.default({
+      filename: `css/${libraryName}.[contenthash].css`,
+      chunkFilename: `css/${libraryName}.[contenthash].chunk.css`
+    }),
+    ...(0, import_helpers.getCompressionPlugins)(true),
+    new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
+      analyzerMode: "static",
+      reportFilename: import_node_path.default.join(process.cwd(), "reports/bundle-stats.html"),
+      openAnalyzer: false
+    })
+  ],
+  devtool: "source-map",
+  performance: {
+    assetFilter: (assetFilename) => !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename)
+  }
+});

package/dist/cjs/webpack/webpack.prod.babel.js

@@ -0,0 +1,139 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var webpack_prod_babel_exports = {};
+__export(webpack_prod_babel_exports, {
+  default: () => webpack_prod_babel_default
+});
+module.exports = __toCommonJS(webpack_prod_babel_exports);
+var import_node_path = __toESM(require("node:path"), 1);
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_workbox_webpack_plugin = require("workbox-webpack-plugin");
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_webpack_bundle_analyzer = require("webpack-bundle-analyzer");
+var import_esbuild_loader = require("esbuild-loader");
+var import_speed_measure_webpack_plugin = __toESM(require("speed-measure-webpack-plugin"), 1);
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_webpack_base_babel = __toESM(require("./webpack.base.babel.js"), 1);
+var import_helpers = require("./helpers.js");
+const getProdConfig = ({ latestVersion = true } = {}) => {
+  const { buildPath } = (0, import_helpers.getPaths)(latestVersion);
+  return {
+    mode: "production",
+    entry: {
+      app: import_node_path.default.join(process.cwd(), "app/index")
+    },
+    output: {
+      path: buildPath,
+      publicPath: "auto",
+      filename: "latest/js/[name].[contenthash].js",
+      chunkFilename: "latest/js/[name].[contenthash].chunk.js",
+      assetModuleFilename: "latest/assets/[name].[hash][ext][query]"
+    },
+    optimization: {
+      moduleIds: "deterministic",
+      minimizer: [
+        new import_esbuild_loader.ESBuildMinifyPlugin({
+          target: (0, import_browserslist_to_esbuild.default)(),
+          css: true
+        })
+      ],
+      runtimeChunk: true,
+      splitChunks: {
+        chunks: "all",
+        cacheGroups: {
+          emui: {
+            name: "emui",
+            test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
+            priority: 1
+          },
+          vendors: {
+            name: "vendors",
+            test: /[\\/]node_modules[\\/]/
+          }
+        }
+      }
+    },
+    plugins: [
+      ...(0, import_helpers.getCompressionPlugins)(),
+      new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
+        analyzerMode: "static",
+        reportFilename: import_node_path.default.join(process.cwd(), "reports/bundle-stats.html"),
+        openAnalyzer: false
+      }),
+      new import_workbox_webpack_plugin.GenerateSW({
+        swDest: "sw.js",
+        clientsClaim: true,
+        skipWaiting: true
+      })
+    ],
+    devtool: "source-map",
+    performance: {
+      assetFilter: (assetFilename) => !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename)
+    }
+  };
+};
+const {
+  userMonScriptPath,
+  globalScriptPath,
+  appLoaderScriptPath,
+  diagnosticsScriptPath,
+  encwLoaderScriptPath,
+  basePath
+} = (0, import_helpers.getPaths)();
+const htmlWebpackPlugin = new import_html_webpack_plugin.default({
+  inject: !(0, import_helpers.isAppLoaderEnabled)(),
+  template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
+  minify: {
+    removeComments: true,
+    collapseWhitespace: true,
+    removeRedundantAttributes: true,
+    useShortDoctype: true,
+    removeEmptyAttributes: true,
+    removeStyleLinkTypeAttributes: true,
+    keepClosingSlash: true,
+    minifyJS: true,
+    minifyCSS: true,
+    minifyURLs: true
+  },
+  emui: {
+    appVersion: "latest",
+    basePath,
+    globalScriptPath,
+    userMonScriptPath,
+    appLoaderScriptPath,
+    diagnosticsScriptPath,
+    encwLoaderScriptPath,
+    googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
+  }
+});
+const config = (0, import_webpack_base_babel.default)(getProdConfig());
+config.plugins.push(htmlWebpackPlugin);
+const addSMPPlugin = (webpackConfig) => {
+  const smpConfig = new import_speed_measure_webpack_plugin.default({
+    disable: !process.env.MEASURE
+  }).wrap(webpackConfig);
+  smpConfig.plugins.push(new import_mini_css_extract_plugin.default({
+    filename: "latest/css/[name].[contenthash].css",
+    chunkFilename: "latest/css/[name].[contenthash].chunk.css"
+  }));
+  return smpConfig;
+};
+var webpack_prod_babel_default = addSMPPlugin(config);

package/{lib/webpack/webpack.storybook.js → dist/cjs/webpack/webpack.storybook.cjs}

@@ -2,7 +2,7 @@ const { EnvironmentPlugin } = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ResolveTypeScriptPlugin = require('resolve-typescript-plugin');
-const { isApp, getAlias, getCompressionPlugins } = require('./helpers');
+const { isApp, getAlias, getCompressionPlugins } = require('./helpers.js');
 
 const IS_APP = isApp();
 const CWD = process.cwd();

package/dist/esm/babel/babel.config.cjs

@@ -0,0 +1,101 @@
+const { isApp } = require('../utils.cjs');
+
+const nodeEnvPreset = {
+  modules: process.env.ES_MODULES === 'false' ? 'commonjs' : false,
+  targets: {
+    node: 'current',
+  },
+};
+
+const webEnvPreset = {
+  modules: process.env.ES_MODULES === 'false' ? 'commonjs' : false,
+  useBuiltIns: 'usage',
+  corejs: { version: '3.19', proposals: true },
+};
+
+const presetEnvOptions =
+  process.env.TARGET_ENV === 'node' ? nodeEnvPreset : webEnvPreset;
+
+const config = {
+  ignore: [/\/core-js/],
+  sourceType: 'unambiguous',
+  presets: [
+    ['@babel/preset-env', presetEnvOptions],
+    ['@babel/preset-react', { runtime: 'automatic' }],
+    '@babel/preset-typescript',
+  ],
+  plugins: [
+    [
+      'babel-plugin-module-resolver',
+      {
+        alias: {
+          '@': isApp() ? './app' : './lib',
+        },
+        stripExtensions: [],
+      },
+    ],
+    ['babel-plugin-styled-components', { displayName: true }],
+    ['@babel/plugin-transform-runtime', { regenerator: true }],
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-proposal-export-default-from',
+    'lodash',
+    'date-fns',
+  ],
+  env: {
+    development: {
+      plugins: [
+        ['babel-plugin-styled-components', { displayName: true }],
+        '@babel/plugin-transform-react-jsx-source',
+      ],
+    },
+    production: {
+      plugins: [
+        ['babel-plugin-styled-components', { displayName: false, pure: true }],
+        ['transform-remove-console', { exclude: ['error', 'warn'] }],
+        'transform-react-remove-prop-types',
+        '@babel/plugin-transform-react-inline-elements',
+        '@babel/plugin-transform-react-constant-elements',
+      ],
+    },
+    test: {
+      plugins: [
+        ['babel-plugin-styled-components', { displayName: true }],
+        '@babel/plugin-transform-modules-commonjs',
+        'dynamic-import-node',
+        [
+          'babel-plugin-transform-strip-block',
+          {
+            requireDirective: true,
+            identifiers: [{ start: 'block:start', end: 'block:end' }],
+          },
+        ],
+        'babel-plugin-import-remove-resource-query',
+      ],
+    },
+  },
+};
+
+if (process.env.MODULE_EXTENSIONS === 'true') {
+  config.plugins.push('babel-plugin-add-import-extension');
+}
+
+if (
+  process.env.STORYBOOK_BUILD !== 'true' &&
+  process.env.TARGET_ENV !== 'node'
+) {
+  config.env?.development?.plugins?.push?.('react-refresh/babel');
+}
+
+// ToDo: Once ECC team migrates from webpack 3 to webpack 5 remove this strip-block plugin from commonjs output. without this they are receiving error when import.meta is used in app sdk
+if (process.env.ES_MODULES === 'false') {
+  config.plugins.push([
+    'babel-plugin-transform-strip-block',
+    {
+      requireDirective: true,
+      identifiers: [{ start: 'block:start', end: 'block:end' }],
+    },
+  ]);
+}
+
+exports.babelConfig = config;

package/dist/esm/cli-commands/build.js

@@ -0,0 +1,56 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import yargs from "yargs";
+import {
+  exec,
+  logInfo,
+  logError,
+  logSuccess,
+  writeAppInfo,
+  copyBuildAssetsToVersionedFolder
+} from "./utils.js";
+import { esBuild, TARGETS } from "../transpile/esbuild.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const buildWebApp = async () => {
+  await exec(`rimraf ./build`);
+  await exec(`cross-env NODE_ENV=production webpack --config ${path.resolve(__dirname, "../webpack/webpack.prod.babel.js")} --color`);
+  await copyBuildAssetsToVersionedFolder();
+  await writeAppInfo();
+};
+const buildService = async () => {
+  await exec("rimraf ./build");
+  await esBuild({
+    srcdir: "./app",
+    outdir: "build",
+    esmOnly: true,
+    target: TARGETS.node,
+    injectReactShim: false,
+    skipNestedPackageJSON: true
+  });
+};
+const buildCmd = {
+  handler: async ({ service = false }) => {
+    try {
+      logInfo("Build in progress...");
+      if (service)
+        await buildService();
+      else
+        await buildWebApp();
+      logSuccess("Build completed");
+    } catch (err) {
+      logError("Build failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "build",
+  describe: "builds front end application or NodeJS service",
+  builder: {
+    service: {
+      type: "boolean",
+      default: false
+    }
+  }
+};
+export {
+  buildCmd
+};