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

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

@@ -0,0 +1,192 @@
+import path from "node:path";
+import webpack from "webpack";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import CopyWebpackPlugin from "copy-webpack-plugin";
+import PostcssPresetEnv from "postcss-preset-env";
+import DuplicatePackageCheckerPlugin from "duplicate-package-checker-webpack-plugin";
+import MomentLocalesPlugin from "moment-locales-webpack-plugin";
+import ResolveTypeScriptPlugin from "resolve-typescript-plugin";
+import browserslistToEsbuild from "browserslist-to-esbuild";
+import {
+  excludeNodeModulesExcept,
+  getLibraryName,
+  modulesToTranspile,
+  getAlias,
+  filterByFilePresence
+} from "./helpers.js";
+import { getAppConfig } from "../utils.cjs";
+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 webpack.EnvironmentPlugin({
+    ASSET_PATH: "/",
+    CI: "false"
+  }),
+  new webpack.DefinePlugin({
+    APP_CONFIG: getAppConfig(true)
+  }),
+  ...copyPluginPatterns.length > 0 ? [
+    new CopyWebpackPlugin({
+      patterns: copyPluginPatterns
+    })
+  ] : [],
+  new DuplicatePackageCheckerPlugin(),
+  new webpack.optimize.LimitChunkCountPlugin({
+    maxChunks: 1
+  }),
+  new MomentLocalesPlugin({ localesToKeep: ["es-us"] }),
+  new webpack.ProgressPlugin()
+];
+const baseConfig = (options) => ({
+  mode: options.mode,
+  entry: { index: path.join(process.cwd(), "lib/index") },
+  output: {
+    clean: true,
+    path: path.resolve(process.cwd(), "dist/umd"),
+    publicPath: "auto",
+    library: process.env.LIBRARY_VARIABLE_NAME || getLibraryName(),
+    libraryTarget: "umd",
+    ...options.output
+  },
+  optimization: options.optimization,
+  module: {
+    rules: [
+      {
+        test: /^(?!.*\.exec\.js$).*\.jsx?$/,
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        resolve: {
+          fullySpecified: false
+        },
+        use: {
+          loader: "esbuild-loader",
+          options: {
+            loader: "jsx",
+            target: browserslistToEsbuild()
+          }
+        }
+      },
+      {
+        test: /^(?!.*\.exec\.js$).*\.tsx?$/,
+        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: new RegExp("(?<!\\/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 || {},
+  devServer: options.devServer || {}
+});
+export {
+  baseConfig
+};

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

@@ -0,0 +1,67 @@
+import path from "node:path";
+import fg from "fast-glob";
+import CircularDependencyPlugin from "circular-dependency-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import { getLibraryName, getPaths } from "./helpers.js";
+import { baseConfig } from "./webpack.lib.base.babel.js";
+const libraryName = getLibraryName();
+const { basePath } = getPaths();
+const getHtmlWebpackPlugins = () => {
+  const htmlTemplateFiles = fg.sync([path.join(process.cwd(), "lib/*.html")]);
+  return htmlTemplateFiles.map(
+    (htmlTemplateFile) => new HtmlWebpackPlugin({
+      template: htmlTemplateFile,
+      filename: path.basename(htmlTemplateFile),
+      libraryName,
+      inject: true
+    })
+  );
+};
+var webpack_lib_dev_babel_default = baseConfig({
+  mode: "development",
+  output: {
+    filename: `js/${libraryName}.js`,
+    chunkFilename: `js/${libraryName}.chunk.js`,
+    assetModuleFilename: "[name][ext][query]"
+  },
+  optimization: {
+    splitChunks: {
+      chunks: "all"
+    }
+  },
+  resolve: {
+    alias: {}
+  },
+  plugins: [
+    ...getHtmlWebpackPlugins(),
+    new CircularDependencyPlugin({
+      exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
+      failOnError: false
+    }),
+    new MiniCssExtractPlugin({
+      filename: `css/${libraryName}.css`,
+      chunkFilename: `css/${libraryName}.chunk.css`
+    })
+  ],
+  devtool: "eval-source-map",
+  performance: {
+    hints: false
+  },
+  devServer: {
+    allowedHosts: "all",
+    client: {
+      overlay: {
+        errors: true,
+        warnings: false
+      }
+    },
+    historyApiFallback: true,
+    hot: true,
+    open: [basePath],
+    port: process.env.PORT || "auto"
+  }
+});
+export {
+  webpack_lib_dev_babel_default as default
+};

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

@@ -0,0 +1,69 @@
+import path from "node:path";
+import fg from "fast-glob";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import { ESBuildMinifyPlugin } from "esbuild-loader";
+import browserslistToEsbuild from "browserslist-to-esbuild";
+import { getLibraryName, getCompressionPlugins } from "./helpers.js";
+import { baseConfig } from "./webpack.lib.base.babel.js";
+const libraryName = process.env.LIBRARY_FILE_NAME || getLibraryName();
+const getHtmlWebpackPlugins = () => {
+  const htmlTemplateFiles = fg.sync([path.join(process.cwd(), "lib/*.html")]);
+  return htmlTemplateFiles.map(
+    (htmlTemplateFile) => new HtmlWebpackPlugin({
+      template: htmlTemplateFile,
+      filename: path.basename(htmlTemplateFile),
+      libraryName,
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true
+      }
+    })
+  );
+};
+var webpack_lib_prod_babel_default = baseConfig({
+  mode: "production",
+  optimization: {
+    moduleIds: "deterministic",
+    minimize: true,
+    minimizer: [
+      new ESBuildMinifyPlugin({
+        target: browserslistToEsbuild(),
+        css: true
+      })
+    ],
+    nodeEnv: "production",
+    sideEffects: true,
+    concatenateModules: true,
+    splitChunks: {
+      chunks: "all"
+    }
+  },
+  plugins: [
+    ...getHtmlWebpackPlugins(),
+    new MiniCssExtractPlugin({}),
+    ...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)
+  }
+});
+export {
+  webpack_lib_prod_babel_default as default
+};

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

@@ -0,0 +1,124 @@
+import path from "node:path";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import { GenerateSW } from "workbox-webpack-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import { BundleAnalyzerPlugin } from "webpack-bundle-analyzer";
+import { ESBuildMinifyPlugin } from "esbuild-loader";
+import SpeedMeasurePlugin from "speed-measure-webpack-plugin";
+import browserslistToEsbuild from "browserslist-to-esbuild";
+import { baseConfig } from "./webpack.base.babel.js";
+import {
+  isAppLoaderEnabled,
+  getPaths,
+  isGoogleTagManagerEnabled,
+  getCompressionPlugins
+} from "./helpers.js";
+const getProdConfig = ({ latestVersion = true } = {}) => {
+  const { buildPath } = getPaths(latestVersion);
+  return {
+    mode: "production",
+    entry: {
+      app: path.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 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 = baseConfig(getProdConfig());
+config.plugins.push(htmlWebpackPlugin);
+const addSMPPlugin = (webpackConfig) => {
+  const smpConfig = new SpeedMeasurePlugin({
+    disable: !process.env.MEASURE
+  }).wrap(webpackConfig);
+  smpConfig.plugins.push(
+    new MiniCssExtractPlugin({
+      filename: "latest/css/[name].[contenthash].css",
+      chunkFilename: "latest/css/[name].[contenthash].chunk.css"
+    })
+  );
+  return smpConfig;
+};
+var webpack_prod_babel_default = addSMPPlugin(config);
+export {
+  webpack_prod_babel_default as default
+};

package/dist/esm/webpack/webpack.storybook.js

@@ -0,0 +1,85 @@
+import webpack from "webpack";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import CopyWebpackPlugin from "copy-webpack-plugin";
+import ResolveTypeScriptPlugin from "resolve-typescript-plugin";
+import { getAlias, getCompressionPlugins } from "./helpers.js";
+import { isApp } from "../utils.cjs";
+const IS_APP = isApp();
+const CWD = process.cwd();
+const getAdditionalPlugins = () => [
+  new webpack.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"
+  }
+];
+const 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;
+};
+const managerWebpack = async (config) => {
+  config.plugins = config.plugins.concat(getCompressionPlugins());
+  config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
+  return config;
+};
+export {
+  managerWebpack,
+  webpackFinal
+};

package/dist/types/babel.config.d.cts

@@ -0,0 +1,59 @@
+export { config as babelConfig };
+declare namespace config {
+    const ignore: RegExp[];
+    const sourceType: string;
+    const presets: (string | (string | {
+        modules: string | boolean;
+        targets: {
+            node: string;
+        };
+    } | {
+        modules: string | boolean;
+        useBuiltIns: string;
+        corejs: {
+            version: string;
+            proposals: boolean;
+        };
+    })[] | (string | {
+        runtime: string;
+    })[])[];
+    const plugins: (string | (string | {
+        alias: {
+            '@': string;
+        };
+        stripExtensions: never[];
+    })[] | (string | {
+        displayName: boolean;
+    })[] | (string | {
+        regenerator: boolean;
+    })[])[];
+    namespace env {
+        namespace development {
+            const plugins_1: (string | (string | {
+                displayName: boolean;
+            })[])[];
+            export { plugins_1 as plugins };
+        }
+        namespace production {
+            const plugins_2: (string | (string | {
+                displayName: boolean;
+                pure: boolean;
+            })[] | (string | {
+                exclude: string[];
+            })[])[];
+            export { plugins_2 as plugins };
+        }
+        namespace test {
+            const plugins_3: (string | (string | {
+                displayName: boolean;
+            })[] | (string | {
+                requireDirective: boolean;
+                identifiers: {
+                    start: string;
+                    end: string;
+                }[];
+            })[])[];
+            export { plugins_3 as plugins };
+        }
+    }
+}

package/dist/types/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/types/commands/build.d.ts

@@ -0,0 +1,14 @@
+export namespace buildCmd {
+    function handler({ service }: {
+        service?: boolean | undefined;
+    }): Promise<void>;
+    const command: string;
+    const describe: string;
+    namespace builder {
+        namespace service {
+            export const type: string;
+            const _default: boolean;
+            export { _default as default };
+        }
+    }
+}

package/dist/types/commands/codemod.d.ts

@@ -0,0 +1,6 @@
+export namespace codemodCmd {
+    function handler(argv: any): Promise<void>;
+    const command: string;
+    const describe: string;
+    function builder(yargsRef: any): void;
+}

package/dist/types/commands/gendoc.d.ts

@@ -0,0 +1,6 @@
+export namespace gendocCmd {
+    function handler(): Promise<void>;
+    const command: string;
+    const describe: string;
+    const builder: {};
+}

package/dist/types/commands/lint.d.ts

@@ -0,0 +1,29 @@
+export namespace lintCmd {
+    function handler(argv: any): Promise<0 | -1>;
+    const command: string;
+    const describe: string;
+    namespace builder {
+        namespace css {
+            export const alias: string;
+            export const type: string;
+            const _default: boolean;
+            export { _default as default };
+        }
+        namespace js {
+            const alias_1: string;
+            export { alias_1 as alias };
+            const type_1: string;
+            export { type_1 as type };
+            const _default_1: boolean;
+            export { _default_1 as default };
+        }
+        namespace fix {
+            const alias_2: string;
+            export { alias_2 as alias };
+            const type_2: string;
+            export { type_2 as type };
+            const _default_2: boolean;
+            export { _default_2 as default };
+        }
+    }
+}

package/dist/types/commands/pack.d.ts

@@ -0,0 +1,26 @@
+export namespace packCmd {
+    function handler(argv: any): Promise<void>;
+    const command: string;
+    const describe: string;
+    namespace builder {
+        namespace production {
+            export const alias: string;
+            export const type: string;
+            const _default: boolean;
+            export { _default as default };
+        }
+        namespace target {
+            const alias_1: string;
+            export { alias_1 as alias };
+            const type_1: string;
+            export { type_1 as type };
+            export const description: string;
+        }
+        namespace srcPath {
+            const type_2: string;
+            export { type_2 as type };
+            const _default_1: string;
+            export { _default_1 as default };
+        }
+    }
+}