@elliemae/pui-cli 7.0.0-alpha.3 → 7.0.0-alpha.30

package/dist/esm/testing/vitest.config.js

@@ -1,15 +1,23 @@
-import { defineConfig } from "vite";
-import path from "path";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig, configDefaults } from "vitest/config";
+import react from "@vitejs/plugin-react";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 var vitest_config_default = defineConfig({
+  plugins: [react()],
   test: {
     globals: true,
     root: process.cwd(),
-    exclude: ["node_modules", "dist", ".idea", ".git", ".cache", "e2e"],
-    setupFiles: [path.resolve(__dirname, "./vitest.setup.ts")],
+    environment: "happy-dom",
+    setupFiles: [path.resolve(__dirname, "./setup-test-env.js")],
+    include: ["./{app,lib}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+    exclude: [...configDefaults.exclude, ".idea", ".git", ".cache", "e2e"],
     coverage: {
       reportsDirectory: "./reports/coverage"
     },
-    environment: "happy-dom"
+    deps: {
+      inline: [/app.config.json/]
+    }
   }
 });
 export {

package/dist/esm/transpile/.swcrc

@@ -0,0 +1,11 @@
+{
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "jsx": true,
+      "tsx": true,
+      "dynamicImport": true
+    },
+    "target": "es2020"
+  }
+}

package/dist/esm/transpile/esbuild.js

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import fg from "fast-glob";
@@ -48,14 +29,17 @@ const getCommonConfig = ({ injectReactShim }) => ({
 const copyFiles = async ({ srcdir, outdir }) => {
   const files = await fg([
     `${srcdir}/**/*.*`,
+    `${srcdir}/**/.swcrc`,
     `!${srcdir}/**/*.{js,jsx,ts,tsx,mjs}`
   ]);
-  await Promise.all(files.map(async (srcFilePath) => {
-    const destFilePath = srcFilePath.replace(srcdir, outdir);
-    const fileDir = path.dirname(destFilePath);
-    await mkdir(fileDir, { recursive: true });
-    await copyFile(srcFilePath, destFilePath);
-  }));
+  await Promise.all(
+    files.map(async (srcFilePath) => {
+      const destFilePath = srcFilePath.replace(srcdir, outdir);
+      const fileDir = path.dirname(destFilePath);
+      await mkdir(fileDir, { recursive: true });
+      await copyFile(srcFilePath, destFilePath);
+    })
+  );
 };
 const getSideEffects = async () => {
   const data = await readFile(path.join(process.cwd(), "./package.json"));
@@ -64,10 +48,14 @@ const getSideEffects = async () => {
 };
 const createPackageJson = async ({ outdir, type = NODE_MODULE_TYPES.ESM }) => {
   const filePath = path.join(process.cwd(), outdir, "package.json");
-  const packageJSON = JSON.stringify({
-    type,
-    sideEffects: await getSideEffects()
-  }, null, 2);
+  const packageJSON = JSON.stringify(
+    {
+      type,
+      sideEffects: await getSideEffects()
+    },
+    null,
+    2
+  );
   await writeFile(filePath, packageJSON);
 };
 const esBuild = async ({
@@ -88,25 +76,27 @@ const esBuild = async ({
   if (!esmOnly) {
     const cjsOutdir = `${outdir}/cjs`;
     const commonJSEntryPoints = await fg(inputFiles);
-    await build(__spreadProps(__spreadValues({
-      entryPoints: commonJSEntryPoints
-    }, getCommonConfig({ injectReactShim })), {
+    await build({
+      entryPoints: commonJSEntryPoints,
+      ...getCommonConfig({ injectReactShim }),
       outdir: cjsOutdir,
       format: ESBUILD_FORMAT.CJS,
       target
-    }));
+    });
     await copyFiles({ srcdir, outdir: cjsOutdir });
     await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });
   }
   const esmOutdir = esmOnly ? outdir : `${outdir}/esm`;
-  const entryPoints = await fg(inputFiles.concat([`!${srcdir}/**/cjs/**/*.{js,jsx,ts,tsx}`]));
-  await build(__spreadProps(__spreadValues({
-    entryPoints
-  }, getCommonConfig({ injectReactShim })), {
+  const entryPoints = await fg(
+    inputFiles.concat([`!${srcdir}/**/cjs/**/*.{js,jsx,ts,tsx}`])
+  );
+  await build({
+    entryPoints,
+    ...getCommonConfig({ injectReactShim }),
     outdir: esmOutdir,
     format: ESBUILD_FORMAT.ESM,
     target
-  }));
+  });
   await copyFiles({ srcdir, outdir: esmOutdir });
   if (!skipNestedPackageJSON)
     await createPackageJson({ outdir: esmOutdir, type: NODE_MODULE_TYPES.ESM });

package/dist/esm/typedoc.cjs

@@ -0,0 +1,12 @@
+const path = require('path');
+const fs = require('fs');
+
+const isApp = () => fs.existsSync(path.join(process.cwd(), 'app'));
+
+const srcPath = path.join(process.cwd(), isApp() ? 'app' : 'lib');
+
+module.exports = {
+  entryPoints: [srcPath],
+  exclude: ['**/*+(.spec|.e2e|.test).ts'],
+  out: path.join(process.cwd(), 'docs'),
+};

package/dist/esm/{scripts/update-notifier.js → update-notifier.js}

@@ -1,11 +1,11 @@
 import updateNotifier from "update-notifier";
 import path from "node:path";
 import fs from "node:fs/promises";
-var update_notifier_default = async () => {
+const notifyUpdates = async () => {
   const pkgFile = await fs.readFile(path.join(process.cwd(), "./package.json"));
   const pkg = JSON.parse(pkgFile);
   updateNotifier({ pkg }).notify();
 };
 export {
-  update_notifier_default as default
+  notifyUpdates
 };

package/dist/esm/utils.cjs

@@ -18,3 +18,6 @@ exports.getAppConfig = () => {
 };
 
 exports.isApp = isApp;
+
+exports.isTypeScriptEnabled = () =>
+  fs.existsSync(path.join(process.cwd(), 'tsconfig.json'));

package/dist/esm/webpack/helpers.js

@@ -1,34 +1,17 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import path from "node:path";
 import fs from "node:fs";
 import _ from "lodash";
 import CompressionPlugin from "compression-webpack-plugin";
 import zlib from "zlib";
-import { findMonoRepoRoot } from "../monorepo/utils.js";
+import { findMonoRepoRoot } from "../monorepo/utils.cjs";
 import { basePath, getAppConfig } from "../utils.cjs";
 let pathSep = path.sep;
 if (pathSep === "\\")
   pathSep = "\\\\";
 const LATEST_VERSION = "latest";
-const getNodeModulesRegEx = (modules) => modules.map((modName) => new RegExp(`node_modules${pathSep}${modName.replace("/", pathSep)}`));
+const getNodeModulesRegEx = (modules) => modules.map(
+  (modName) => new RegExp(`node_modules${pathSep}${modName.replace("/", pathSep)}`)
+);
 const excludeNodeModulesExcept = (modules) => {
   const moduleRegExps = getNodeModulesRegEx(modules);
   return function(modulePath) {
@@ -42,33 +25,42 @@ const excludeNodeModulesExcept = (modules) => {
   };
 };
 const getLibraryName = () => {
-  const packageJson = JSON.parse(fs.readFileSync(path.join(process.cwd(), "package.json")));
+  const packageJson = JSON.parse(
+    fs.readFileSync(path.join(process.cwd(), "package.json"))
+  );
   const libraryName = packageJson ? packageJson.name : process.env.LIBRARY_NAME || "mylibrary";
   const modifiedLibName = `emui-${libraryName.replace("@elliemae/", "").replace("pui-", "")}`;
   return _.camelCase(modifiedLibName);
 };
-const mapToFolder = (dependencies, folder) => dependencies.reduce((acc, dependency) => __spreadValues({
-  [dependency]: path.resolve(`${folder}/${dependency.replace("$", "")}`)
-}, acc), {});
+const mapToFolder = (dependencies, folder) => dependencies.reduce(
+  (acc, dependency) => ({
+    [dependency]: path.resolve(`${folder}/${dependency.replace("$", "")}`),
+    ...acc
+  }),
+  {}
+);
 const getAlias = () => {
   const monorepoRoot = findMonoRepoRoot(process.cwd()) || "";
-  return mapToFolder([
-    "@babel/runtime",
-    "react",
-    "react-dom",
-    "react-redux",
-    "redux",
-    "redux-saga",
-    "moment",
-    "lodash",
-    "styled-components",
-    "immer",
-    "react-dates",
-    "react-transition-group",
-    "@elliemae/pui-cli",
-    "@elliemae/pui-app-sdk$",
-    "@elliemae/pui-theme$"
-  ], path.join(monorepoRoot, "./node_modules"));
+  return mapToFolder(
+    [
+      "@babel/runtime",
+      "react",
+      "react-dom",
+      "react-redux",
+      "redux",
+      "redux-saga",
+      "moment",
+      "lodash",
+      "styled-components",
+      "immer",
+      "react-dates",
+      "react-transition-group",
+      "@elliemae/pui-cli",
+      "@elliemae/pui-app-sdk$",
+      "@elliemae/pui-theme$"
+    ],
+    path.join(monorepoRoot, "./node_modules")
+  );
 };
 const modulesToTranspile = [
   "@elliemae/pui-*",
@@ -78,35 +70,55 @@ const modulesToTranspile = [
 ];
 const getUserMonitoringFileName = () => {
   const libName = "emuiUserMonitoring";
-  const userMonLibPath = path.join(process.cwd(), "node_modules/@elliemae/pui-user-monitoring/dist/public/js");
+  const userMonLibPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/pui-user-monitoring/dist/public/js"
+  );
   if (!fs.existsSync(userMonLibPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(userMonLibPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiUserMonitoring+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getAppLoaderFileName = () => {
   const libName = "emuiAppLoader";
-  const appLoaderLibPath = path.join(process.cwd(), "node_modules/@elliemae/pui-app-loader/dist/public/js");
+  const appLoaderLibPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/pui-app-loader/dist/public/js"
+  );
   if (!fs.existsSync(appLoaderLibPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(appLoaderLibPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiAppLoader+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiAppLoader+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getDiagnosticsFileName = () => {
   const libName = "emuiDiagnostics";
-  const libPath = path.join(process.cwd(), "node_modules/@elliemae/pui-diagnostics/dist/public/js");
+  const libPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/pui-diagnostics/dist/public/js"
+  );
   if (!fs.existsSync(libPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(libPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiDiagnostics+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getENCWLoaderFileName = () => {
   const libName = "emuiEncwLoader";
-  const appLoaderLibPath = path.join(process.cwd(), "node_modules/@elliemae/encw-loader/dist/public/js");
+  const appLoaderLibPath = path.join(
+    process.cwd(),
+    "node_modules/@elliemae/encw-loader/dist/public/js"
+  );
   if (!fs.existsSync(appLoaderLibPath))
     return `${libName}.js`;
   const distJSFiles = fs.readdirSync(appLoaderLibPath);
-  return distJSFiles.filter((fName) => fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/))[0];
+  return distJSFiles.filter(
+    (fName) => fName.match(/emuiEncwLoader+((?!chunk).)*\.js$/)
+  )[0];
 };
 const getAppVersion = () => {
   if (!process.env.APP_VERSION)
@@ -150,23 +162,26 @@ const getCompressionPlugins = (isLibrary = false) => {
     minRatio: Infinity
   };
   return [
-    new CompressionPlugin(__spreadValues({
+    new CompressionPlugin({
       filename: "[path][base].gz",
-      algorithm: "gzip"
-    }, commonConfig)),
-    new CompressionPlugin(__spreadProps(__spreadValues({
+      algorithm: "gzip",
+      ...commonConfig
+    }),
+    new CompressionPlugin({
       filename: "[path][base].br",
-      algorithm: "brotliCompress"
-    }, commonConfig), {
+      algorithm: "brotliCompress",
+      ...commonConfig,
       compressionOptions: {
         params: {
           [zlib.constants.BROTLI_PARAM_QUALITY]: 11
         }
       }
-    }))
+    })
   ];
 };
-const filterByFilePresence = (patterns) => patterns.filter(({ from, noErrorOnMissing }) => !noErrorOnMissing || fs.existsSync(path.resolve(process.cwd(), from)));
+const filterByFilePresence = (patterns) => patterns.filter(
+  ({ from, noErrorOnMissing }) => !noErrorOnMissing || fs.existsSync(path.resolve(process.cwd(), from))
+);
 const resolveExtensions = [
   ".wasm",
   ".mjs",

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

@@ -1,21 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
 import path from "node:path";
-import webpack, { ProvidePlugin, ProgressPlugin } from "webpack";
+import webpack from "webpack";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import PostcssPresetEnv from "postcss-preset-env";
 import CopyWebpackPlugin from "copy-webpack-plugin";
@@ -43,7 +27,7 @@ const plugins = [
     NODE_ENV: "development",
     CI: "false"
   }),
-  new ProvidePlugin({
+  new webpack.ProvidePlugin({
     React: "react"
   }),
   new CopyWebpackPlugin({
@@ -127,16 +111,17 @@ const plugins = [
       }
     }
   }),
-  new ProgressPlugin()
+  new webpack.ProgressPlugin()
 ];
 const baseConfig = (options) => ({
   mode: options.mode,
   entry: options.entry,
-  output: __spreadValues({
+  output: {
     clean: true,
     path: buildPath,
-    publicPath: "auto"
-  }, options.output),
+    publicPath: "auto",
+    ...options.output
+  },
   optimization: options.optimization,
   module: {
     rules: [
@@ -232,7 +217,10 @@ const baseConfig = (options) => ({
     ],
     extensions: [".js", ".jsx", ".ts", ".tsx", ".json", ".wasm", ".mjs"],
     mainFields: ["browser", "module", "main"],
-    alias: __spreadValues(__spreadValues({}, getAlias()), (options.resolve || {}).alias || {})
+    alias: {
+      ...getAlias(),
+      ...(options.resolve || {}).alias || {}
+    }
   },
   externals: {
     "@elliemae/pui-user-monitoring": "emuiUserMonitoring",

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

@@ -1,18 +1,20 @@
 import path from "node:path";
+import { fileURLToPath } from "node:url";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import CircularDependencyPlugin from "circular-dependency-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import ReactRefreshWebpackPlugin from "@pmmmwh/react-refresh-webpack-plugin";
 import SpeedMeasurePlugin from "speed-measure-webpack-plugin";
 import expressStaticGzip from "express-static-gzip";
-import { setupDefaultMiddlewares } from "../server/middlewares/index.js";
-import { loadRoutes } from "../server/util/index.js";
+import { setupDefaultMiddlewares } from "../server/middlewares.js";
+import { loadRoutes } from "../server/app-routes.cjs";
 import {
   isAppLoaderEnabled,
   getPaths,
   isGoogleTagManagerEnabled
 } from "./helpers.js";
-import baseConfigFactory from "./webpack.base.babel.js";
+import { baseConfig } from "./webpack.base.babel.js";
+const __filename = fileURLToPath(import.meta.url);
 const smp = new SpeedMeasurePlugin({ disable: !process.env.MEASURE });
 const {
   appVersion,
@@ -111,8 +113,9 @@ const devConfig = {
     }
   }
 };
-const config = smp.wrap(baseConfigFactory(devConfig));
+const config = smp.wrap(baseConfig(devConfig));
 config.plugins = config.plugins.concat([new ReactRefreshWebpackPlugin({})]);
+var webpack_dev_babel_default = config;
 export {
-  config
+  webpack_dev_babel_default as default
 };

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

@@ -1,26 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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;
-};
 import path from "node:path";
-import {
-  EnvironmentPlugin,
-  DefinePlugin,
-  optimize,
-  ProgressPlugin
-} from "webpack";
+import webpack from "webpack";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import CopyWebpackPlugin from "copy-webpack-plugin";
 import PostcssPresetEnv from "postcss-preset-env";
@@ -53,11 +32,11 @@ const copyPluginPatterns = filterByFilePresence([
   }
 ]);
 const plugins = [
-  new EnvironmentPlugin({
+  new webpack.EnvironmentPlugin({
     ASSET_PATH: "/",
     CI: "false"
   }),
-  new DefinePlugin({
+  new webpack.DefinePlugin({
     APP_CONFIG: getAppConfig(true)
   }),
   ...copyPluginPatterns.length > 0 ? [
@@ -66,22 +45,23 @@ const plugins = [
     })
   ] : [],
   new DuplicatePackageCheckerPlugin(),
-  new optimize.LimitChunkCountPlugin({
+  new webpack.optimize.LimitChunkCountPlugin({
     maxChunks: 1
   }),
   new MomentLocalesPlugin({ localesToKeep: ["es-us"] }),
-  new ProgressPlugin()
+  new webpack.ProgressPlugin()
 ];
 const baseConfig = (options) => ({
   mode: options.mode,
   entry: [path.join(process.cwd(), "lib/index")],
-  output: __spreadValues({
+  output: {
     clean: true,
     path: path.resolve(process.cwd(), "dist/public"),
     publicPath: "auto",
-    library: getLibraryName(),
-    libraryTarget: "umd"
-  }, options.output),
+    library: process.env.LIBRARY_VARIABLE_NAME || getLibraryName(),
+    libraryTarget: "umd",
+    ...options.output
+  },
   optimization: options.optimization,
   module: {
     rules: [
@@ -159,7 +139,7 @@ const baseConfig = (options) => ({
         type: "asset"
       },
       {
-        test: /(?<!\/iframe)\.html$/,
+        test: new RegExp("(?<!\\/iframe)\\.html$"),
         exclude: excludeNodeModulesExcept(["@elliemae/*"]),
         use: "html-loader"
       },
@@ -192,7 +172,10 @@ const baseConfig = (options) => ({
     ],
     extensions: [".ts", ".tsx", ".js", ".jsx", ".json", ".wasm", ".mjs"],
     mainFields: ["browser", "module", "main"],
-    alias: __spreadValues(__spreadValues({}, getAlias()), (options.resolve || {}).alias || {}),
+    alias: {
+      ...getAlias(),
+      ...(options.resolve || {}).alias || {}
+    },
     plugins: [new ResolveTypeScriptPlugin({})]
   },
   externals: {

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

@@ -1,9 +1,22 @@
+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 } from "./helpers.js";
 import { baseConfig } from "./webpack.base.babel.js";
 const libraryName = 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
+    })
+  );
+};
 var webpack_lib_dev_babel_default = baseConfig({
   mode: "development",
   output: {
@@ -20,12 +33,7 @@ var webpack_lib_dev_babel_default = baseConfig({
     alias: {}
   },
   plugins: [
-    new HtmlWebpackPlugin({
-      inject: true,
-      template: "lib/index.pug",
-      filename: "index.html",
-      libraryName
-    }),
+    ...getHtmlWebpackPlugins(),
     new CircularDependencyPlugin({
       exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
       failOnError: false