@elliemae/pui-cli 7.0.0-beta.9 → 7.2.0

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

@@ -1,142 +0,0 @@
-/* eslint-disable max-lines */
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { GenerateSW } = require('workbox-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-const { ESBuildMinifyPlugin } = require('esbuild-loader');
-const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
-const browserslistToEsbuild = require('browserslist-to-esbuild');
-
-const baseConfigFactory = require('./webpack.base.babel');
-const {
-  isAppLoaderEnabled,
-  getPaths,
-  isGoogleTagManagerEnabled,
-  getCompressionPlugins,
-} = require('./helpers');
-
-const getProdConfig = ({ latestVersion = true } = {}) => {
-  const { buildPath } = getPaths(latestVersion);
-
-  return {
-    mode: 'production',
-
-    entry: {
-      app: path.join(process.cwd(), 'app/index'),
-    },
-
-    // Utilize long-term caching by adding content hashes (not compilation hashes) to compiled assets
-    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 ESBuildMinifyPlugin({
-          target: browserslistToEsbuild(),
-          css: true,
-        }),
-      ],
-      runtimeChunk: true,
-      splitChunks: {
-        chunks: 'all',
-        cacheGroups: {
-          emui: {
-            name: 'emui',
-            test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
-            priority: 1,
-          },
-          vendors: {
-            name: 'vendors',
-            test: /[\\/]node_modules[\\/]/,
-          },
-        },
-      },
-    },
-
-    plugins: [
-      ...getCompressionPlugins(),
-
-      new BundleAnalyzerPlugin({
-        analyzerMode: 'static',
-        reportFilename: path.join(process.cwd(), 'reports/bundle-stats.html'),
-        openAnalyzer: false,
-      }),
-
-      new 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,
-} = getPaths();
-const htmlWebpackPlugin = new HtmlWebpackPlugin({
-  inject: !isAppLoaderEnabled(),
-  template: !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: isGoogleTagManagerEnabled(),
-  },
-});
-
-const config = baseConfigFactory(getProdConfig());
-config.plugins.push(htmlWebpackPlugin);
-
-const addSMPPlugin = (webpackConfig) => {
-  const smpConfig = new SpeedMeasurePlugin({
-    disable: !process.env.MEASURE,
-  }).wrap(webpackConfig);
-  // mini css extract plugin is not working fine with smp
-  smpConfig.plugins.push(
-    new MiniCssExtractPlugin({
-      filename: 'latest/css/[name].[contenthash].css',
-      chunkFilename: 'latest/css/[name].[contenthash].chunk.css',
-    }),
-  );
-  return smpConfig;
-};
-
-module.exports = addSMPPlugin(config);

package/lib/webpack/webpack.storybook.js

@@ -1,87 +0,0 @@
-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 IS_APP = isApp();
-const CWD = process.cwd();
-
-const getAdditionalPlugins = () => [
-  new EnvironmentPlugin({
-    IS_APP,
-    CWD,
-  }),
-  new MiniCssExtractPlugin({
-    filename: '[name].[contenthash].css',
-    chunkFilename: '[name].[contenthash].chunk.css',
-  }),
-  new CopyWebpackPlugin({
-    patterns: [
-      {
-        from: 'lib/app.config.json',
-        to: 'app.config.json',
-        noErrorOnMissing: true,
-      },
-      {
-        from: 'app/app.config.json',
-        to: 'app.config.json',
-        noErrorOnMissing: true,
-      },
-      {
-        from: 'public',
-        noErrorOnMissing: true,
-      },
-    ],
-  }),
-];
-
-const getModuleRules = () => [
-  {
-    type: 'asset',
-    resourceQuery: /url/,
-  },
-  {
-    test: /\.svg$/i,
-    issuer: /\.[jt]sx?$/,
-    resourceQuery: /^((?!url).)*$/,
-    use: ['@svgr/webpack'],
-  },
-  {
-    resourceQuery: /resource/,
-    type: 'asset/resource',
-  },
-];
-
-exports.webpackFinal = async (config, { configType }) => {
-  const isProd = configType === 'PRODUCTION';
-  const fileLoaderRule = config.module.rules.find((rule) =>
-    rule.test?.test?.('.svg'),
-  );
-  fileLoaderRule.exclude = /\.svg$/i;
-  config.module.rules.unshift(...getModuleRules());
-  config.plugins.push(...getAdditionalPlugins());
-  if (isProd) {
-    config.plugins = config.plugins.concat(getCompressionPlugins());
-  }
-
-  config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
-  config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
-  config.resolve.extensions.push('.svg');
-  config.resolve.plugins = [
-    ...(config.resolve.plugins || []),
-    new ResolveTypeScriptPlugin({}),
-  ];
-  config.externals = config.externals || {};
-  config.externals['@elliemae/pui-user-monitoring'] = 'emuiUserMonitoring';
-  config.externals['@elliemae/pui-app-loader'] = 'emuiAppLoader';
-  config.externals['@elliemae/pui-diagnostics'] = 'emuiDiagnostics';
-  return config;
-};
-
-// storybook manager webpack
-exports.managerWebpack = async (config) => {
-  config.plugins = config.plugins.concat(getCompressionPlugins());
-  config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
-  return config;
-};