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

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

@@ -1,137 +0,0 @@
-/* eslint-disable max-lines */
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const CircularDependencyPlugin = require('circular-dependency-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
-const expressStaticGzip = require('express-static-gzip');
-const { setupDefaultMiddlewares } = require('../server/middlewares');
-const { loadRoutes } = require('../server/util');
-
-const smp = new SpeedMeasurePlugin({ disable: !process.env.MEASURE });
-
-const {
-  isAppLoaderEnabled,
-  getPaths,
-  isGoogleTagManagerEnabled,
-} = require('./helpers');
-const baseConfigFactory = require('./webpack.base.babel');
-
-const {
-  appVersion,
-  buildPath,
-  basePath,
-  userMonScriptPath,
-  globalScriptPath,
-  appLoaderScriptPath,
-  diagnosticsScriptPath,
-  encwLoaderScriptPath,
-} = getPaths();
-
-const devConfig = {
-  mode: 'development',
-
-  cache: {
-    type: 'filesystem',
-    allowCollectingMemory: true,
-    buildDependencies: {
-      config: [__filename],
-    },
-  },
-
-  // Add hot reloading in development
-  entry: {
-    app: path.join(process.cwd(), 'app/index'),
-  },
-
-  // Don't use hashes in dev mode for better performance
-  output: {
-    path: buildPath,
-    publicPath: 'auto',
-    filename: '[name].js',
-    chunkFilename: '[name].chunk.js',
-    assetModuleFilename: '[name][ext][query]',
-  },
-
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-      cacheGroups: {
-        emui: {
-          name: 'emui',
-          test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
-          priority: 1,
-        },
-        vendors: {
-          name: 'vendors',
-          test: /[\\/]node_modules[\\/]/,
-        },
-      },
-    },
-  },
-
-  resolve: {
-    alias: {},
-  },
-
-  // Add development plugins
-  plugins: [
-    new HtmlWebpackPlugin({
-      inject: !isAppLoaderEnabled(), // Inject all files that are generated by webpack, e.g. bundle.js
-      template: !isAppLoaderEnabled()
-        ? 'app/index.html'
-        : 'app/index-app-loader.html',
-      emui: {
-        appVersion,
-        globalScriptPath,
-        userMonScriptPath,
-        appLoaderScriptPath,
-        diagnosticsScriptPath,
-        encwLoaderScriptPath,
-        googleTagManager: isGoogleTagManagerEnabled(),
-      },
-    }),
-    new CircularDependencyPlugin({
-      exclude: /a\.(js|ts|jsx|tsx)|node_modules/, // exclude node_modules
-      failOnError: false, // show a warning when there is a circular dependency
-    }),
-    new MiniCssExtractPlugin({
-      filename: '[name].css',
-      chunkFilename: '[name].chunk.css',
-    }),
-  ],
-
-  devtool: 'eval-source-map',
-
-  performance: {
-    hints: false,
-  },
-
-  devServer: {
-    client: {
-      overlay: {
-        errors: true,
-        warnings: false,
-      },
-    },
-    devMiddleware: {
-      publicPath: basePath,
-    },
-    historyApiFallback: true,
-    hot: true,
-    open: [basePath],
-    port: 3000,
-    setupMiddlewares: (middlewares, devServer) => {
-      setupDefaultMiddlewares(devServer.app);
-      devServer.app.use(expressStaticGzip('cdn'));
-      loadRoutes(devServer.app);
-      return middlewares;
-    },
-  },
-};
-
-const config = smp.wrap(baseConfigFactory(devConfig));
-config.plugins = config.plugins.concat([new ReactRefreshWebpackPlugin({})]);
-
-module.exports = config;

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

@@ -1,205 +0,0 @@
-/* eslint-disable max-lines */
-const path = require('path');
-const { EnvironmentPlugin, DefinePlugin } = require('webpack');
-const {
-  optimize: { LimitChunkCountPlugin },
-  ProgressPlugin,
-} = require('webpack');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const PostcssPresetEnv = require('postcss-preset-env');
-const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
-const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
-const ResolveTypeScriptPlugin = require('resolve-typescript-plugin');
-const browserslistToEsbuild = require('browserslist-to-esbuild');
-
-const {
-  excludeNodeModulesExcept,
-  getLibraryName,
-  getAppConfig,
-  modulesToTranspile,
-  getAssetPath,
-  getAlias,
-  filterByFilePresence,
-} = require('./helpers');
-
-const minicssLoader = {
-  loader: MiniCssExtractPlugin.loader,
-  options: {},
-};
-
-const finalCSSLoader = (mode) =>
-  mode !== 'production' ? { loader: 'style-loader' } : minicssLoader;
-
-const copyPluginPatterns = filterByFilePresence([
-  {
-    from: 'lib/app.config.json',
-    to: 'app.config.json',
-    noErrorOnMissing: true,
-  },
-  {
-    from: 'public',
-    noErrorOnMissing: true,
-  },
-]);
-
-const plugins = [
-  new EnvironmentPlugin({
-    ASSET_PATH: '/',
-    CI: 'false',
-  }),
-  new DefinePlugin({
-    APP_CONFIG: getAppConfig(true),
-  }),
-  /* eslint-disable indent */
-  ...(copyPluginPatterns.length > 0
-    ? [
-        new CopyWebpackPlugin({
-          patterns: copyPluginPatterns,
-        }),
-      ]
-    : []),
-  /* eslint-enable indent */
-  new DuplicatePackageCheckerPlugin(),
-  new LimitChunkCountPlugin({
-    maxChunks: 1,
-  }),
-  new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
-  new ProgressPlugin(),
-];
-
-module.exports = (options) => ({
-  mode: options.mode,
-  entry: [path.join(process.cwd(), 'lib/index')],
-  output: {
-    clean: true,
-    path: path.resolve(process.cwd(), 'dist/public'),
-    publicPath: getAssetPath(),
-    library: getLibraryName(),
-    libraryTarget: 'umd',
-    ...options.output,
-  }, // Merge with env dependent settings
-  optimization: options.optimization,
-  module: {
-    rules: [
-      {
-        test: /^(?!.*\.exec\.js$).*\.jsx?$/, // Transform all .js and .jsx files with Babel
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        resolve: {
-          fullySpecified: false,
-        },
-        use: {
-          loader: 'esbuild-loader',
-          options: {
-            loader: 'jsx',
-            target: browserslistToEsbuild(),
-          },
-        },
-      },
-      {
-        test: /^(?!.*\.exec\.js$).*\.tsx?$/, // Transform all .js and .jsx files with Babel
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        resolve: {
-          fullySpecified: false,
-        },
-        use: {
-          loader: 'esbuild-loader',
-          options: {
-            loader: 'tsx',
-            target: browserslistToEsbuild(),
-          },
-        },
-      },
-      {
-        test: /\.css$/,
-        exclude: excludeNodeModulesExcept(modulesToTranspile),
-        use: [
-          finalCSSLoader(options.mode),
-          {
-            loader: 'css-loader',
-            options: {
-              importLoaders: 1,
-              sourceMap: true,
-            },
-          },
-          {
-            loader: 'postcss-loader',
-            options: {
-              postcssOptions: {
-                plugins: [PostcssPresetEnv({ autoprefixer: { grid: true } })],
-              },
-              sourceMap: true,
-            },
-          },
-        ],
-      },
-      {
-        test: /\.pug$/,
-        exclude: /node_modules/,
-        use: 'pug-loader',
-      },
-      {
-        test: /\.(woff|woff2)$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        type: 'asset/resource',
-      },
-      {
-        test: /\.svg$/i,
-        issuer: /\.[jt]sx?$/,
-        resourceQuery: /^((?!url).)*$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        use: ['@svgr/webpack'],
-      },
-      {
-        test: /\.(jpe?g|png|gif|ico)$/i,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        type: 'asset',
-      },
-      {
-        test: /(?<!\/iframe)\.html$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        use: 'html-loader',
-      },
-      {
-        test: /\.(mp4|webm)$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        type: 'asset',
-      },
-      {
-        resourceQuery: /resource/,
-        type: 'asset/resource',
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-      },
-      {
-        type: 'asset',
-        resourceQuery: /url/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-      },
-    ],
-  },
-  plugins: plugins.concat(options.plugins || []),
-  resolve: {
-    modules: [
-      'node_modules',
-      'app',
-      'lib',
-      path.resolve(process.cwd(), 'node_modules'),
-      path.resolve(process.cwd(), 'app'),
-      path.resolve(process.cwd(), 'lib'),
-    ],
-    extensions: ['.ts', '.tsx', '.js', '.jsx', '.json', '.wasm', '.mjs'],
-    mainFields: ['browser', 'module', 'main'],
-    alias: {
-      ...getAlias(),
-      ...((options.resolve || {}).alias || {}),
-    },
-    plugins: [new ResolveTypeScriptPlugin({})],
-  },
-  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/lib/webpack/webpack.lib.dev.babel.js

@@ -1,49 +0,0 @@
-const CircularDependencyPlugin = require('circular-dependency-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { getLibraryName } = require('./helpers');
-
-const libraryName = getLibraryName();
-
-module.exports = require('./webpack.lib.base.babel')({
-  mode: 'development',
-
-  output: {
-    filename: `js/${libraryName}.js`,
-    chunkFilename: `js/${libraryName}.chunk.js`,
-    assetModuleFilename: '[name][ext][query]',
-  },
-
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-    },
-  },
-
-  resolve: {
-    alias: {},
-  },
-
-  plugins: [
-    new HtmlWebpackPlugin({
-      inject: true, // Inject all files that are generated by webpack, e.g. bundle.js
-      template: 'lib/index.pug',
-      filename: 'index.html',
-      libraryName,
-    }),
-    new CircularDependencyPlugin({
-      exclude: /a\.(js|ts|jsx|tsx)|node_modules/, // exclude node_modules
-      failOnError: false, // show a warning when there is a circular dependency
-    }),
-    new MiniCssExtractPlugin({
-      filename: `css/${libraryName}.css`,
-      chunkFilename: `css/${libraryName}.chunk.css`,
-    }),
-  ],
-
-  devtool: 'eval-source-map',
-
-  performance: {
-    hints: false,
-  },
-});

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

@@ -1,77 +0,0 @@
-const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
-const { ESBuildMinifyPlugin } = require('esbuild-loader');
-const browserslistToEsbuild = require('browserslist-to-esbuild');
-const { getLibraryName, getCompressionPlugins } = require('./helpers');
-
-const libraryName = getLibraryName();
-
-module.exports = require('./webpack.lib.base.babel')({
-  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 ESBuildMinifyPlugin({
-        target: browserslistToEsbuild(),
-        css: true,
-      }),
-    ],
-    nodeEnv: 'production',
-    sideEffects: true,
-    concatenateModules: true,
-    splitChunks: {
-      chunks: 'all',
-    },
-  },
-
-  plugins: [
-    new HtmlWebpackPlugin({
-      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 MiniCssExtractPlugin({
-      filename: `css/${libraryName}.[contenthash].css`,
-      chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
-    }),
-
-    ...getCompressionPlugins(true),
-
-    new BundleAnalyzerPlugin({
-      analyzerMode: 'static',
-      reportFilename: path.join(process.cwd(), 'reports/bundle-stats.html'),
-      openAnalyzer: false,
-    }),
-  ],
-
-  devtool: 'source-map',
-
-  performance: {
-    assetFilter: (assetFilename) =>
-      !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename),
-  },
-});

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);