@genesislcap/webpack-builder 15.19.0 → 15.19.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/webpack-builder",
   "description": "Webpack builder",
-  "version": "15.19.0",
+  "version": "15.19.1",
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,7 +17,7 @@
     "lint:fix": "genx lint -l ox --fix"
   },
   "dependencies": {
-    "@genesislcap/build-kit": "15.19.0",
+    "@genesislcap/build-kit": "15.19.1",
     "@pixability-ui/federated-types": "^0.2.0",
     "@types/webpack-env": "^1.18.4",
     "camel-case": "^4.1.2",
@@ -55,6 +55,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "gitHead": "83695de98c2288c2e89992215cb391652f6c5eec"
+  }
 }

package/src/commands/build.ts

@@ -1,26 +0,0 @@
-import consola from 'consola';
-import type { Compiler } from 'webpack';
-import webpack from 'webpack';
-
-export const build = async (compiler: Compiler) => {
-  const stats = await new Promise<webpack.Stats>((success, error) => {
-    compiler.run((err, result) => (err ? error(err) : success(result!)));
-  });
-
-  if (stats.hasErrors()) {
-    const error = new Error('Build error');
-    error.stack = stats.toString('errors-only');
-    consola.error(error.stack);
-    throw error;
-  }
-
-  process.stdout.write(
-    stats.toString({
-      colors: true,
-      modules: false,
-      children: false,
-      chunks: false,
-      chunkModules: false,
-    }) + '\n\n',
-  );
-};

package/src/commands/dev.ts

@@ -1,7 +0,0 @@
-import type { Compiler, Configuration } from 'webpack';
-import WebpackDevServer from 'webpack-dev-server';
-
-export const dev = async (compiler: Compiler, config: Configuration) => {
-  const server = new WebpackDevServer(config.devServer, compiler);
-  await server.start();
-};

package/src/commands/index.ts

@@ -1,2 +0,0 @@
-export * from './dev';
-export * from './build';

package/src/config/devServer.ts

@@ -1,77 +0,0 @@
-import { resolve } from 'node:path';
-import type { BuildContext } from '@genesislcap/build-kit';
-import {
-  createDevProxiesArray,
-  getDevCertOptions,
-  getPort,
-  getPublicPath,
-} from '@genesislcap/build-kit';
-import type { Configuration } from 'webpack';
-
-const getServer = (isHTTPS = false) => {
-  if (isHTTPS) {
-    const options = getDevCertOptions();
-    if (options) {
-      return {
-        type: 'https',
-        options,
-      };
-    } else {
-      console.warn(`Falling back to HTTP.`);
-    }
-  }
-
-  return {
-    type: 'http',
-    options: {},
-  };
-};
-
-export const devServer = (ctx: BuildContext): Configuration['devServer'] => {
-  const {
-    cli: {
-      isDev,
-      options: { open, https },
-    },
-    dirs: { cwd },
-    env: { isCI },
-    pkg,
-    config: { webpack },
-  } = ctx;
-
-  if (!isDev) {
-    return;
-  }
-
-  return {
-    open: open && !isCI ? getPublicPath() : false,
-    historyApiFallback: process.env.PUBLIC_PATH
-      ? {
-          rewrites: [{ from: /./, to: `${getPublicPath()}/index.html` }],
-        }
-      : true,
-    allowedHosts: 'all',
-    host: '0.0.0.0',
-    port: getPort(pkg),
-    server: getServer(https),
-    client: {
-      overlay: {
-        runtimeErrors: false,
-      },
-    },
-    proxy: createDevProxiesArray(),
-    headers: {
-      'Access-Control-Allow-Origin': '*',
-      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
-      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
-    },
-    static: [
-      {
-        directory: resolve(cwd, './public'),
-        publicPath: getPublicPath(),
-        watch: true,
-      },
-    ],
-    devMiddleware: webpack?.writeToDisk ? { writeToDisk: true } : undefined,
-  };
-};

package/src/config/entry.ts

@@ -1,24 +0,0 @@
-import { resolve } from 'node:path';
-import type { BuildContext } from '@genesislcap/build-kit';
-import type { Configuration } from 'webpack';
-import { resolveFederatedIndex, federatedIndexExists } from './federation';
-
-export const entry = (ctx: BuildContext): Configuration['entry'] => {
-  const {
-    dirs: { cwd },
-    config: { serviceWorker },
-  } = ctx;
-
-  const main = federatedIndexExists()
-    ? resolveFederatedIndex()
-    : resolve(cwd, './src/' + 'index.ts');
-
-  if (serviceWorker?.registration) {
-    return {
-      main,
-      swRegistration: resolve(cwd, './src/' + serviceWorker.registration),
-    };
-  }
-
-  return main;
-};

package/src/config/federation.ts

@@ -1,95 +0,0 @@
-import { existsSync } from 'node:fs';
-import { resolve } from 'node:path';
-import { getPublicPath } from '@genesislcap/build-kit';
-import { camelCase } from 'camel-case';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import { PackageJson } from 'pkg-types';
-import { container } from 'webpack';
-
-const { ModuleFederationPlugin } = container;
-type ModuleFederationPluginOptions = ConstructorParameters<
-  typeof container.ModuleFederationPlugin
->[0]; // eslint-disable-line @typescript-eslint/no-magic-numbers
-
-const remoteEntryFilename = 'remoteEntry.js';
-
-export const getFederatedPkgName = (pkgName) => {
-  try {
-    return camelCase(pkgName.split('/').pop());
-  } catch (e) {
-    return pkgName;
-  }
-};
-
-const federatedIndex = './src/index.federated.ts';
-
-export const resolveFederatedIndex = () => resolve(process.cwd(), federatedIndex);
-
-export const federatedIndexExists = () => {
-  const federatedIndexPath = resolveFederatedIndex();
-  return existsSync(federatedIndexPath);
-};
-
-/**
- * TODO: Add prod version logic
- */
-export const getRemoteEntryUrl = (port, host = 'localhost') =>
-  `http://${host}:${port}/${remoteEntryFilename}`;
-
-export const getRemoteEntry = (name, port, host = 'localhost') =>
-  `${name}@${getRemoteEntryUrl(port, host)}`;
-
-export const resolveFederationOptions = (
-  options: ModuleFederationPluginOptions = {},
-  pkg: PackageJson,
-): ModuleFederationPluginOptions => {
-  const { name, exposes: mfExposes = {}, remotes: mfRemotes = {}, shared: mfShared = {} } = options;
-
-  const exposes = {
-    './index': federatedIndex,
-    ...mfExposes,
-  };
-
-  // workspace:* is a pnpm specifier — webpack can't resolve it as a module path.
-  // Convert it to { requiredVersion: false } so webpack shares the locally-resolved version.
-  const normalizedDeps: ModuleFederationPluginOptions['shared'] = Object.fromEntries(
-    Object.entries(pkg.dependencies ?? {}).map(([k, v]) => [
-      k,
-      v?.startsWith('workspace:') ? { requiredVersion: false as const } : v,
-    ]),
-  );
-  const shared = {
-    ...normalizedDeps,
-    ...mfShared,
-  };
-
-  return {
-    name: name || getFederatedPkgName(pkg.name),
-    filename: remoteEntryFilename,
-    remotes: mfRemotes,
-    exposes,
-    shared,
-  };
-};
-
-export const getFederationPlugins = (
-  federatedIndexPresent: boolean,
-  rootElement: string,
-  options: ModuleFederationPluginOptions,
-  pkg: PackageJson,
-) =>
-  federatedIndexPresent
-    ? [
-        new HtmlWebpackPlugin({
-          title: `${pkg.description} (Federated)`,
-          template: resolve(__dirname, '../../public/info.html'),
-          filename: rootElement ? 'info.html' : 'index.html',
-          inject: false,
-          // Passing arbitrary data to the template for display
-          moduleFederationDetails: JSON.stringify(options, undefined, 2),
-          minify: false,
-          base: getPublicPath(),
-        }),
-        new ModuleFederationPlugin(options),
-      ]
-    : [];

package/src/config/getConfig.ts

@@ -1,51 +0,0 @@
-import type { BuildContext } from '@genesislcap/build-kit';
-import type { Configuration } from 'webpack';
-import { devServer } from './devServer';
-import { entry } from './entry';
-import { moduleConfig } from './module';
-import { optimization } from './optimization';
-import { output } from './output';
-import { plugins } from './plugins';
-import { resolveLoader } from './resolveLoader';
-
-/**
- *
- * @param ctx Build context
- * @returns Webpack config
- */
-export const getConfig = (ctx: BuildContext): Configuration => {
-  const {
-    cli: { isDev },
-    config: { webpack },
-    resolve: { alias },
-  } = ctx;
-
-  return {
-    entry: entry(ctx),
-    mode: isDev ? 'development' : 'production',
-    // Be aware of CSP if changing this to eval: https://github.com/symfony/webpack-encore/issues/695
-    devtool: isDev ? 'inline-source-map' : 'source-map',
-    devServer: devServer(ctx),
-    optimization: optimization(ctx),
-    plugins: plugins(ctx),
-    output: output(ctx),
-    resolve: {
-      extensions: ['.tsx', '.ts', '.js'],
-      modules: ['node_modules'],
-      alias,
-    },
-    resolveLoader: resolveLoader(ctx),
-    module: moduleConfig(ctx),
-    experiments: {
-      topLevelAwait: true,
-      lazyCompilation: false,
-    },
-    performance: {
-      hints: false,
-      maxEntrypointSize: 512000,
-      maxAssetSize: 512000,
-    },
-    target: webpack?.target,
-    node: webpack?.node as Configuration['node'],
-  };
-};

package/src/config/index.ts

@@ -1 +0,0 @@
-export * from './getConfig';

package/src/config/module.ts

@@ -1,22 +0,0 @@
-import type { BuildContext } from '@genesislcap/build-kit';
-import type { Configuration } from 'webpack';
-import { appFileRules } from './rules/fileRules';
-import { appScriptRules } from './rules/scriptRules';
-import { appStyleRules } from './rules/styleRules';
-
-// module is reserved keyword in CommonJS
-export const moduleConfig = (ctx: BuildContext): Configuration['module'] => ({
-  rules: [
-    appScriptRules.typescript(),
-
-    // Files
-    appFileRules.fonts(),
-    appFileRules.html(),
-    appFileRules.images(),
-    appFileRules.videos(),
-
-    // Styles
-    appStyleRules.headCss(),
-    appStyleRules.css(),
-  ],
-});

package/src/config/optimization.ts

@@ -1,46 +0,0 @@
-import type { BuildContext } from '@genesislcap/build-kit';
-import TerserPlugin from 'terser-webpack-plugin';
-import type { Configuration } from 'webpack';
-
-const vendorCacheGroup = {
-  vendor: {
-    test: /[\\/]node_modules[\\/]/,
-    name: (module) => {
-      const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
-      // npm package names are URL-safe, but some servers don't like @ symbols
-      return `npm.${packageName.replace('@', '')}`;
-    },
-  },
-};
-
-export const optimization = (ctx: BuildContext): Configuration['optimization'] => {
-  const {
-    config: { webpack },
-    cli: { isDev },
-  } = ctx;
-
-  // user-supplied custom config
-  if (typeof webpack?.optimization === 'function') {
-    return webpack.optimization({ isDev });
-  }
-
-  // defaults
-  return isDev
-    ? {
-        usedExports: false,
-        minimize: false,
-        runtimeChunk: 'single',
-      }
-    : {
-        usedExports: true,
-        minimize: true,
-        minimizer: [new TerserPlugin()],
-        splitChunks: {
-          chunks: 'all',
-          maxInitialRequests: 100,
-          cacheGroups: {
-            ...vendorCacheGroup,
-          },
-        },
-      };
-};

package/src/config/output.ts

@@ -1,35 +0,0 @@
-import { resolve } from 'node:path';
-import type { BuildContext, WebpackFilenames } from '@genesislcap/build-kit';
-import { getPublicPath } from '@genesislcap/build-kit';
-import type { Configuration } from 'webpack';
-
-const defaultGetters: WebpackFilenames = {
-  file: ({ isDev }) => (isDev ? '[name].js' : '[name].[contenthash].js'),
-  chunk: ({ isDev }) => (isDev ? '[name].[id].js' : '[name].[id].[contenthash].js'),
-  sourceMap: ({ isDev }) => (isDev ? '[name].js.map' : '[name].[contenthash].js.map'),
-};
-
-const filenameGetters = (config: WebpackFilenames = {}): WebpackFilenames => ({
-  file: config.file || defaultGetters.file,
-  chunk: config.chunk || defaultGetters.chunk,
-  sourceMap: config.sourceMap || defaultGetters.sourceMap,
-});
-
-export const output = (ctx: BuildContext): Configuration['output'] => {
-  const {
-    cli: { isDev },
-    dirs: { cwd },
-    config: { webpack },
-  } = ctx;
-
-  const getters = filenameGetters(webpack?.filenames);
-  return {
-    strictModuleErrorHandling: true,
-    strictModuleExceptionHandling: true,
-    path: resolve(cwd, './dist'),
-    publicPath: getPublicPath(),
-    filename: getters.file({ isDev }),
-    chunkFilename: getters.chunk({ isDev }),
-    sourceMapFilename: getters.sourceMap({ isDev }),
-  };
-};

package/src/config/plugins.ts

@@ -1,104 +0,0 @@
-import { existsSync } from 'node:fs';
-import { resolve, join } from 'node:path';
-import type { BuildContext } from '@genesislcap/build-kit';
-import { getPublicPath, objToSnakeCase, resolveDefineConfig } from '@genesislcap/build-kit';
-import CircularDependencyPlugin from 'circular-dependency-plugin';
-import CopyPlugin from 'copy-webpack-plugin';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import type { Configuration } from 'webpack';
-import { DefinePlugin } from 'webpack';
-import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
-import WebpackPwaManifest from 'webpack-pwa-manifest';
-import WebpackBar from 'webpackbar';
-import { InjectManifest } from 'workbox-webpack-plugin';
-import { getFederationPlugins, federatedIndexExists, resolveFederationOptions } from './federation';
-
-const getTemplate = (cwd) => {
-  const templateApp = resolve(cwd, 'index.html');
-  const template = existsSync(templateApp)
-    ? templateApp
-    : resolve(__dirname, '../public/index.html');
-  console.log(`Using index template: ${template}`);
-  return `!!handlebars-loader!${template}`;
-};
-
-export const plugins = (ctx: BuildContext): Configuration['plugins'] => {
-  const {
-    cli: { isAnalyze },
-    dirs: { cwd },
-    config: {
-      serviceWorker,
-      pwa,
-      federation,
-      app: { rootElement },
-      http,
-      env,
-    },
-    pkg,
-  } = ctx;
-
-  const federatedIndexPresent = federatedIndexExists();
-  const moduleFederationOptions = resolveFederationOptions(federation, pkg);
-  const define = resolveDefineConfig(env, http, 'webpack');
-  const appPublic = resolve(cwd, 'public');
-
-  return [
-    existsSync(appPublic) &&
-      new CopyPlugin({
-        patterns: [
-          {
-            from: appPublic,
-          },
-        ],
-      }),
-    new DefinePlugin(define),
-    new CircularDependencyPlugin({
-      // exclude detection of files based on a RegExp
-      exclude: /a\.js|node_modules/,
-      // add errors to webpack instead of warnings
-      failOnError: false, // TODO: set back to true after resolving detected issues
-      // allow import cycles that include an asyncronous import,
-      // e.g. via import(/* webpackMode: "weak" */ './file.js')
-      allowAsyncCycles: false,
-      // set the current working directory for displaying module paths
-      cwd: process.cwd(),
-    }),
-    new WebpackBar(),
-    new MiniCssExtractPlugin(),
-    (rootElement || !federatedIndexPresent) &&
-      new HtmlWebpackPlugin({
-        title: `${pkg.description}`,
-        template: getTemplate(cwd),
-        customElementTagName: rootElement,
-        minify: false,
-        base: getPublicPath(),
-      }),
-    ...getFederationPlugins(federatedIndexPresent, rootElement, moduleFederationOptions, pkg),
-    isAnalyze &&
-      new BundleAnalyzerPlugin({
-        reportTitle: `Webpack Visualizer`,
-        reportFilename: join(cwd, './dist', 'webpack.stats.html'),
-        analyzerMode: 'static',
-        openAnalyzer: false,
-      }),
-    pwa &&
-      new WebpackPwaManifest({
-        ...objToSnakeCase(pwa),
-        name: pwa.name,
-        icons:
-          Array.isArray(pwa.icons) &&
-          pwa.icons.map((icon) => ({
-            sizes: icon.sizes,
-            src: resolve(cwd, icon.src),
-          })),
-      }),
-    serviceWorker &&
-      new InjectManifest({
-        swSrc: './src/' + serviceWorker.worker,
-        swDest: serviceWorker.assetName,
-        exclude: serviceWorker.exclude,
-        maximumFileSizeToCacheInBytes: serviceWorker.maximumFileSizeToCache,
-      }),
-  ].filter(Boolean);
-};

package/src/config/resolveLoader.ts

@@ -1,21 +0,0 @@
-import { resolve } from 'node:path';
-import type { BuildContext } from '@genesislcap/build-kit';
-import type { Configuration } from 'webpack';
-
-export const resolveLoader = (ctx: BuildContext): Configuration['resolveLoader'] => {
-  const {
-    dirs: { cwd, workspace },
-  } = ctx;
-  return {
-    modules: [
-      // webpack-builder node_modules
-      resolve(__dirname, '../../node_modules'),
-      // workspace folder node_modules (if set)
-      workspace ? resolve(workspace, 'node_modules') : '',
-      // package node_modules
-      resolve(cwd, 'node_modules'),
-      // root workspace node_modules (for hoisted dependencies like handlebars-loader)
-      resolve(cwd, '../../../node_modules'),
-    ].filter(Boolean),
-  };
-};

package/src/config/rules/fileRules.ts

@@ -1,26 +0,0 @@
-/* eslint prefer-named-capture-group: "off" */
-// In this config named capturing isn't desired.
-// May cause adverse affects with webpack.
-
-export const appFileRules = {
-  fonts: () => ({
-    test: /\.(woff|woff2|eot|ttf|otf)$/i,
-    type: 'asset/resource',
-  }),
-  html: () => ({
-    test: /\.html$/,
-    use: [
-      {
-        loader: 'html-loader',
-      },
-    ],
-  }),
-  images: () => ({
-    test: /\.(png|svg|jpg|jpeg|gif)$/i,
-    type: 'asset/resource',
-  }),
-  videos: () => ({
-    test: /\.(mp4|ogg|webm)$/i,
-    type: 'asset/resource',
-  }),
-};

package/src/config/rules/scriptRules.ts

@@ -1,14 +0,0 @@
-export const appScriptRules = {
-  typescript: () => ({
-    test: /\.tsx?$/i,
-    exclude: /node_modules/,
-    use: [
-      {
-        loader: 'ts-loader',
-        options: {
-          projectReferences: true,
-        },
-      },
-    ],
-  }),
-};

package/src/config/rules/styleRules.ts

@@ -1,38 +0,0 @@
-const cssLoader = (importLoaders = 1, useHash = true) => ({
-  loader: 'css-loader',
-  options: {
-    importLoaders,
-  },
-});
-
-const postCSSLoader = () => ({
-  loader: 'postcss-loader',
-  options: {
-    postcssOptions: {
-      plugins: [
-        'postcss-import',
-        [
-          'postcss-preset-env',
-          {
-            browsers: 'last 2 versions',
-          },
-        ],
-      ],
-    },
-  },
-});
-
-const headCssPatterns = [/main\.css$/i, /head\.css$/i, /index\.css$/i];
-
-export const appStyleRules = {
-  headCss: () => ({
-    test: /\.css$/i,
-    include: headCssPatterns,
-    use: ['style-loader', cssLoader(), postCSSLoader()],
-  }),
-  css: (useHash = true) => ({
-    test: /\.css$/i,
-    exclude: [...headCssPatterns],
-    use: [cssLoader(), postCSSLoader()],
-  }),
-};

package/src/index.ts

@@ -1,30 +0,0 @@
-import type { BuildContext } from '@genesislcap/build-kit';
-import { run, resolveBin } from '@genesislcap/build-kit';
-import webpack from 'webpack';
-import { build, dev } from './commands';
-import { getConfig } from './config';
-
-export default async (ctx: BuildContext) => {
-  const {
-    dirs: { cwd },
-    cli: { isDev, isAnalyze, isBuild, options },
-    enable: { mft },
-  } = ctx;
-
-  if (mft) {
-    const mftCLI = await resolveBin('make-federated-types', '@pixability-ui/federated-types');
-    run(cwd, `${mftCLI}`);
-  }
-
-  if (isDev) {
-    const config = getConfig(ctx);
-    const compiler = webpack(config);
-    dev(compiler, config);
-  } else if (isBuild || isAnalyze) {
-    const config = getConfig(ctx);
-    const compiler = webpack(config);
-    await build(compiler);
-  } else {
-    throw new Error(`Unrecognized command: ${JSON.stringify(options)}`);
-  }
-};

package/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "extends": "../../../../tsconfig.json",
-  "compilerOptions": {
-    "declarationDir": "./dist",
-    "lib": ["ES2015", "ES2016", "ES2017", "ES2019"],
-    "module": "commonjs",
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "types": ["webpack-env"]
-  },
-  "include": ["src/**/*"]
-}

package/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./src/index.ts","./src/commands/build.ts","./src/commands/dev.ts","./src/commands/index.ts","./src/config/devServer.ts","./src/config/entry.ts","./src/config/federation.ts","./src/config/getConfig.ts","./src/config/index.ts","./src/config/module.ts","./src/config/optimization.ts","./src/config/output.ts","./src/config/plugins.ts","./src/config/resolveLoader.ts","./src/config/rules/fileRules.ts","./src/config/rules/scriptRules.ts","./src/config/rules/styleRules.ts"],"version":"5.9.2"}