@angular-builders/custom-webpack 13.0.1-beta.2 → 14.0.0-beta.0

package/README.md

@@ -11,6 +11,7 @@ Allow customizing build configuration without ejecting webpack configuration (`n
 <details>
   <summary>Click to expand</summary>
 
+- [Version 13](https://github.com/just-jeb/angular-builders/blob/13.x.x/packages/custom-webpack/README.md)
 - [Version 12](https://github.com/just-jeb/angular-builders/blob/12.x.x/packages/custom-webpack/README.md)
 - [Version 11](https://github.com/just-jeb/angular-builders/blob/11.x.x/packages/custom-webpack/README.md)
 - [Version 10](https://github.com/just-jeb/angular-builders/blob/10.x.x/packages/custom-webpack/README.md)
@@ -24,7 +25,7 @@ Allow customizing build configuration without ejecting webpack configuration (`n
 
 ## Prerequisites:
 
-- [Angular CLI 13](https://www.npmjs.com/package/@angular/cli)
+- [Angular CLI 14](https://www.npmjs.com/package/@angular/cli)
 
 # Usage
 
@@ -287,7 +288,7 @@ The following properties are available:
 - `replaceDuplicatePlugins`: Defaults to `false`. If `true`, the plugins in custom webpack config will replace the corresponding plugins in default Angular CLI webpack configuration. If `false`, the [default behavior](#merging-plugins-configuration) will be applied.
   **Note that if `true`, this option will override `mergeRules` for `plugins` field.**
 
-Webpack configuration can be also written in TypeScript. In this case, it is the application's `tsConfig` file which will be use by `tsnode` for `customWebpackConfig.ts` execution. Given the following example:
+Webpack configuration can be also written in TypeScript. In this case, it is the application's `tsConfig` file which will be used by `tsnode` for `customWebpackConfig.ts` execution. Given the following example:
 
 ```ts
 // extra-webpack.config.ts
@@ -494,6 +495,15 @@ In the example we add a paragraph with build configuration to your `index.html`.
 
 Full example [here](../../examples/custom-webpack/full-cycle-app).
 
+# ES Modules (ESM) Support
+
+Custom Webpack builder fully supports ESM.
+
+- If your app has `"type": "module"` both `custom-webpack.js` and `index-transform.js` will be treated as ES modules, unless you change their file extension to `.cjs`. In that case they'll be treated as CommonJS Modules. [Example](../../examples/custom-webpack/sanity-app-esm).
+- For `"type": "commonjs"` (or unspecified type) both `custom-webpack.js` and `index-transform.js` will be treated as CommonJS modules unless you change their file extension to `.mjs`. In that case they'll be treated as ES Modules. [Example](../../examples/custom-webpack/sanity-app).
+- If you want to use TS config in ESM app, you must set the loader to `ts-node/esm` when running `ng build`. Also, in that case `tsconfig.json` for `ts-node` no longer defaults to `tsConfig` from the `browser` target - you have to specify it manually via environment variable. [Example](../../examples/custom-webpack/sanity-app-esm/package.json#L10).  
+  _Note that tsconfig paths are not supported in TS configs within ESM apps. That is because [tsconfig-paths](https://github.com/dividab/tsconfig-paths) do not support ESM._
+
 # Further Reading
 
 - [Customizing Angular CLI build - an alternative to ng eject](https://medium.com/angular-in-depth/customizing-angular-cli-build-an-alternative-to-ng-eject-v2-c655768b48cc)

package/dist/browser/schema.json

@@ -29,7 +29,37 @@
       "type": "array",
       "default": [],
       "items": {
-        "$ref": "#/definitions/extraEntryPoint"
+        "oneOf": [
+          {
+            "type": "object",
+            "properties": {
+              "input": {
+                "type": "string",
+                "description": "The file to include.",
+                "pattern": "\\.[cm]?jsx?$"
+              },
+              "bundleName": {
+                "type": "string",
+                "pattern": "^[\\w\\-.]*$",
+                "description": "The bundle name for this extra entry point."
+              },
+              "inject": {
+                "type": "boolean",
+                "description": "If the bundle will be referenced in the HTML file.",
+                "default": true
+              }
+            },
+            "additionalProperties": false,
+            "required": [
+              "input"
+            ]
+          },
+          {
+            "type": "string",
+            "description": "The file to include.",
+            "pattern": "\\.[cm]?jsx?$"
+          }
+        ]
       }
     },
     "styles": {
@@ -37,7 +67,37 @@
       "type": "array",
       "default": [],
       "items": {
-        "$ref": "#/definitions/extraEntryPoint"
+        "oneOf": [
+          {
+            "type": "object",
+            "properties": {
+              "input": {
+                "type": "string",
+                "description": "The file to include.",
+                "pattern": "\\.(?:css|scss|sass|less|styl)$"
+              },
+              "bundleName": {
+                "type": "string",
+                "pattern": "^[\\w\\-.]*$",
+                "description": "The bundle name for this extra entry point."
+              },
+              "inject": {
+                "type": "boolean",
+                "description": "If the bundle will be referenced in the HTML file.",
+                "default": true
+              }
+            },
+            "additionalProperties": false,
+            "required": [
+              "input"
+            ]
+          },
+          {
+            "type": "string",
+            "description": "The file to include.",
+            "pattern": "\\.(?:css|scss|sass|less|styl)$"
+          }
+        ]
       }
     },
     "inlineStyleLanguage": {
@@ -142,12 +202,11 @@
     },
     "outputPath": {
       "type": "string",
-      "description": "The full path for the new output directory, relative to the current workspace.\n\nBy default, writes output to a folder named dist/ in the current project."
+      "description": "The full path for the new output directory, relative to the current workspace.\nBy default, writes output to a folder named dist/ in the current project."
     },
     "resourcesOutputPath": {
       "type": "string",
-      "description": "The path where style resources will be placed, relative to outputPath.",
-      "default": ""
+      "description": "The path where style resources will be placed, relative to outputPath."
     },
     "aot": {
       "type": "boolean",
@@ -229,6 +288,16 @@
       ],
       "default": "warning"
     },
+    "i18nDuplicateTranslation": {
+      "type": "string",
+      "description": "How to handle duplicate translations for i18n.",
+      "enum": [
+        "warning",
+        "error",
+        "ignore"
+      ],
+      "default": "warning"
+    },
     "localize": {
       "description": "Translate the bundles in one or more locales.",
       "oneOf": [
@@ -281,15 +350,9 @@
       "description": "Extract all licenses in a separate file.",
       "default": true
     },
-    "showCircularDependencies": {
-      "type": "boolean",
-      "description": "Show circular dependency warnings on builds.",
-      "default": false,
-      "x-deprecated": "The recommended method to detect circular dependencies in project code is to use either a lint rule or other external tooling."
-    },
     "buildOptimizer": {
       "type": "boolean",
-      "description": "Enables '@angular-devkit/build-optimizer' optimizations when using the 'aot' option.",
+      "description": "Enables advanced build optimizations when using the 'aot' option.",
       "default": true
     },
     "namedChunks": {
@@ -496,37 +559,6 @@
         }
       ]
     },
-    "extraEntryPoint": {
-      "oneOf": [
-        {
-          "type": "object",
-          "properties": {
-            "input": {
-              "type": "string",
-              "description": "The file to include."
-            },
-            "bundleName": {
-              "type": "string",
-              "pattern": "^[\\w\\-.]*$",
-              "description": "The bundle name for this extra entry point."
-            },
-            "inject": {
-              "type": "boolean",
-              "description": "If the bundle will be referenced in the HTML file.",
-              "default": true
-            }
-          },
-          "additionalProperties": false,
-          "required": [
-            "input"
-          ]
-        },
-        {
-          "type": "string",
-          "description": "The file to include."
-        }
-      ]
-    },
     "budget": {
       "type": "object",
       "properties": {

package/dist/custom-webpack-builder.d.ts

@@ -1,4 +1,4 @@
-import { Path, logging } from '@angular-devkit/core';
+import { logging, Path } from '@angular-devkit/core';
 import { Configuration } from 'webpack';
 import { CustomWebpackBuilderConfig } from './custom-webpack-builder-config';
 import { TargetOptions } from './type-definition';

package/dist/custom-webpack-builder.js

@@ -11,8 +11,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomWebpackBuilder = exports.defaultWebpackConfigPath = void 0;
 const core_1 = require("@angular-devkit/core");
-const webpack_config_merger_1 = require("./webpack-config-merger");
 const utils_1 = require("./utils");
+const webpack_config_merger_1 = require("./webpack-config-merger");
 exports.defaultWebpackConfigPath = 'webpack.config.js';
 class CustomWebpackBuilder {
     static buildWebpackConfig(root, config, baseWebpackConfig, buildOptions, targetOptions, logger) {
@@ -23,7 +23,7 @@ class CustomWebpackBuilder {
             const webpackConfigPath = config.path || exports.defaultWebpackConfigPath;
             const path = `${(0, core_1.getSystemPath)(root)}/${webpackConfigPath}`;
             const tsConfig = `${(0, core_1.getSystemPath)(root)}/${buildOptions.tsConfig}`;
-            const configOrFactoryOrPromise = resolveCustomWebpackConfig(path, tsConfig, logger);
+            const configOrFactoryOrPromise = yield resolveCustomWebpackConfig(path, tsConfig, logger);
             if (typeof configOrFactoryOrPromise === 'function') {
                 // That exported function can be synchronous either
                 // asynchronous. Given the following example:
@@ -43,13 +43,9 @@ class CustomWebpackBuilder {
 }
 exports.CustomWebpackBuilder = CustomWebpackBuilder;
 function resolveCustomWebpackConfig(path, tsConfig, logger) {
-    (0, utils_1.tsNodeRegister)(path, tsConfig, logger);
-    const customWebpackConfig = require(path);
-    // If the user provides a configuration in TS file
-    // then there are 2 cases for exporing an object. The first one is:
-    // `module.exports = { ... }`. And the second one is:
-    // `export default { ... }`. The ESM format is compiled into:
-    // `{ default: { ... } }`
-    return customWebpackConfig.default || customWebpackConfig;
+    return __awaiter(this, void 0, void 0, function* () {
+        (0, utils_1.tsNodeRegister)(path, tsConfig, logger);
+        return (0, utils_1.loadModule)(path);
+    });
 }
 //# sourceMappingURL=custom-webpack-builder.js.map

package/dist/custom-webpack-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-webpack-builder.js","sourceRoot":"","sources":["../src/custom-webpack-builder.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAAoE;AAGpE,mEAAuD;AAEvD,mCAAyC;AAI5B,QAAA,wBAAwB,GAAG,mBAAmB,CAAC;AAgB5D,MAAa,oBAAoB;IAC/B,MAAM,CAAO,kBAAkB,CAC7B,IAAU,EACV,MAAkC,EAClC,iBAAgC,EAChC,YAAiB,EACjB,aAA4B,EAC5B,MAAyB;;YAEzB,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,iBAAiB,CAAC;aAC1B;YAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,IAAI,gCAAwB,CAAC;YAClE,MAAM,IAAI,GAAG,GAAG,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,iBAAiB,EAAE,CAAC;YAC3D,MAAM,QAAQ,GAAG,GAAG,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,YAAY,CAAC,QAAQ,EAAE,CAAC;YACnE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;YAEpF,IAAI,OAAO,wBAAwB,KAAK,UAAU,EAAE;gBAClD,mDAAmD;gBACnD,6CAA6C;gBAC7C,+CAA+C;gBAC/C,OAAO,wBAAwB,CAAC,iBAAiB,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;aACjF;YAED,qEAAqE;YACrE,uCAAuC;YACvC,8DAA8D;YAC9D,iDAAiD;YACjD,6BAA6B;YAC7B,uCAAuC;YACvC,MAAM,cAAc,GAAG,MAAM,wBAAwB,CAAC;YAEtD,OAAO,IAAA,oCAAY,EACjB,iBAAiB,EACjB,cAAc,EACd,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,uBAAuB,CAC/B,CAAC;QACJ,CAAC;KAAA;CACF;AAxCD,oDAwCC;AAED,SAAS,0BAA0B,CACjC,IAAY,EACZ,QAAgB,EAChB,MAAyB;IAEzB,IAAA,sBAAc,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAEvC,MAAM,mBAAmB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,kDAAkD;IAClD,mEAAmE;IACnE,qDAAqD;IACrD,6DAA6D;IAC7D,yBAAyB;IACzB,OAAO,mBAAmB,CAAC,OAAO,IAAI,mBAAmB,CAAC;AAC5D,CAAC"}
+{"version":3,"file":"custom-webpack-builder.js","sourceRoot":"","sources":["../src/custom-webpack-builder.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAAoE;AAKpE,mCAAqD;AACrD,mEAAuD;AAE1C,QAAA,wBAAwB,GAAG,mBAAmB,CAAC;AAgB5D,MAAa,oBAAoB;IAC/B,MAAM,CAAO,kBAAkB,CAC7B,IAAU,EACV,MAAkC,EAClC,iBAAgC,EAChC,YAAiB,EACjB,aAA4B,EAC5B,MAAyB;;YAEzB,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,iBAAiB,CAAC;aAC1B;YAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,IAAI,gCAAwB,CAAC;YAClE,MAAM,IAAI,GAAG,GAAG,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,iBAAiB,EAAE,CAAC;YAC3D,MAAM,QAAQ,GAAG,GAAG,IAAA,oBAAa,EAAC,IAAI,CAAC,IAAI,YAAY,CAAC,QAAQ,EAAE,CAAC;YACnE,MAAM,wBAAwB,GAAG,MAAM,0BAA0B,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;YAE1F,IAAI,OAAO,wBAAwB,KAAK,UAAU,EAAE;gBAClD,mDAAmD;gBACnD,6CAA6C;gBAC7C,+CAA+C;gBAC/C,OAAO,wBAAwB,CAAC,iBAAiB,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC;aACjF;YAED,qEAAqE;YACrE,uCAAuC;YACvC,8DAA8D;YAC9D,iDAAiD;YACjD,6BAA6B;YAC7B,uCAAuC;YACvC,MAAM,cAAc,GAAG,MAAM,wBAAwB,CAAC;YAEtD,OAAO,IAAA,oCAAY,EACjB,iBAAiB,EACjB,cAAc,EACd,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,uBAAuB,CAC/B,CAAC;QACJ,CAAC;KAAA;CACF;AAxCD,oDAwCC;AAED,SAAe,0BAA0B,CACvC,IAAY,EACZ,QAAgB,EAChB,MAAyB;;QAEzB,IAAA,sBAAc,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEvC,OAAO,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA"}

package/dist/dev-server/index.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("@angular-devkit/architect/src/internal").Builder<import("@angular-devkit/build-angular/src/builders/dev-server/schema").Schema & import("@angular-devkit/core").JsonObject>;
+import { json } from '@angular-devkit/core';
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<import("@angular-devkit/build-angular/src/builders/dev-server/schema").Schema & json.JsonObject>;
 export default _default;

package/dist/dev-server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dev-server/index.ts"],"names":[],"mappings":";;AAAA,yDAA0D;AAC1D,iEAAiG;AACjG,wEAAwE;AAExE,kBAAe,IAAA,yBAAa,EAC1B,IAAA,oDAA0B,EAAC,uCAAuB,CAAC,CACpD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dev-server/index.ts"],"names":[],"mappings":";;AAAA,yDAA0D;AAC1D,iEAAiG;AAEjG,wEAAwE;AAExE,kBAAe,IAAA,yBAAa,EAC1B,IAAA,oDAA0B,EAAC,uCAAuB,CAAC,CACpD,CAAC"}

package/dist/dev-server/schema.json

@@ -75,7 +75,7 @@
     },
     "servePath": {
       "type": "string",
-      "description": "The pathname where the app will be served."
+      "description": "The pathname where the application will be served."
     },
     "disableHostCheck": {
       "type": "boolean",

package/dist/extract-i18n/index.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("@angular-devkit/architect/src/internal").Builder<import("@angular-devkit/build-angular/src/builders/extract-i18n/schema").Schema & import("@angular-devkit/core").JsonObject>;
+import { json } from '@angular-devkit/core';
+declare const _default: import("@angular-devkit/architect/src/internal").Builder<import("@angular-devkit/build-angular/src/builders/extract-i18n/schema").Schema & json.JsonObject>;
 export default _default;

package/dist/extract-i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/extract-i18n/index.ts"],"names":[],"mappings":";;AAAA,yDAA0D;AAC1D,iEAGuC;AACvC,wEAAwE;AAExE,kBAAe,IAAA,yBAAa,EAC1B,IAAA,oDAA0B,EAAC,yCAAyB,CAAC,CACtD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/extract-i18n/index.ts"],"names":[],"mappings":";;AAAA,yDAA0D;AAC1D,iEAGuC;AAEvC,wEAAwE;AAExE,kBAAe,IAAA,yBAAa,EAC1B,IAAA,oDAA0B,EAAC,yCAAyB,CAAC,CACtD,CAAC"}

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;GAEG;AACH,4CAA0B;AAC1B,0CAAwB;AACxB,2CAAyB;AACzB,+CAA6B;AAC7B,iDAA+B;AAC/B,wDAAsC;AACtC,4DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;GAEG;AACH,4CAA0B;AAC1B,0CAAwB;AACxB,2CAAyB;AACzB,+CAA6B;AAC7B,iDAA+B;AAC/B,wDAAsC;AACtC,4DAA0C"}

package/dist/karma/schema.json

@@ -33,7 +33,37 @@
       "type": "array",
       "default": [],
       "items": {
-        "$ref": "#/definitions/extraEntryPoint"
+        "oneOf": [
+          {
+            "type": "object",
+            "properties": {
+              "input": {
+                "type": "string",
+                "description": "The file to include.",
+                "pattern": "\\.[cm]?jsx?$"
+              },
+              "bundleName": {
+                "type": "string",
+                "pattern": "^[\\w\\-.]*$",
+                "description": "The bundle name for this extra entry point."
+              },
+              "inject": {
+                "type": "boolean",
+                "description": "If the bundle will be referenced in the HTML file.",
+                "default": true
+              }
+            },
+            "additionalProperties": false,
+            "required": [
+              "input"
+            ]
+          },
+          {
+            "type": "string",
+            "description": "The file to include.",
+            "pattern": "\\.[cm]?jsx?$"
+          }
+        ]
       }
     },
     "styles": {
@@ -41,7 +71,37 @@
       "type": "array",
       "default": [],
       "items": {
-        "$ref": "#/definitions/extraEntryPoint"
+        "oneOf": [
+          {
+            "type": "object",
+            "properties": {
+              "input": {
+                "type": "string",
+                "description": "The file to include.",
+                "pattern": "\\.(?:css|scss|sass|less|styl)$"
+              },
+              "bundleName": {
+                "type": "string",
+                "pattern": "^[\\w\\-.]*$",
+                "description": "The bundle name for this extra entry point."
+              },
+              "inject": {
+                "type": "boolean",
+                "description": "If the bundle will be referenced in the HTML file.",
+                "default": true
+              }
+            },
+            "additionalProperties": false,
+            "required": [
+              "input"
+            ]
+          },
+          {
+            "type": "string",
+            "description": "The file to include.",
+            "pattern": "\\.(?:css|scss|sass|less|styl)$"
+          }
+        ]
       }
     },
     "inlineStyleLanguage": {
@@ -75,7 +135,7 @@
       "items": {
         "type": "string"
       },
-      "description": "Globs of files to include, relative to workspace or project root. \nThere are 2 special cases:\n - when a path to directory is provided, all spec files ending \".spec.@(ts|tsx)\" will be included\n - when a path to a file is provided, and a matching spec file exists it will be included instead"
+      "description": "Globs of files to include, relative to workspace or project root. \nThere are 2 special cases:\n - when a path to directory is provided, all spec files ending \".spec.@(ts|tsx)\" will be included\n - when a path to a file is provided, and a matching spec file exists it will be included instead."
     },
     "sourceMap": {
       "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
@@ -267,37 +327,6 @@
           "type": "string"
         }
       ]
-    },
-    "extraEntryPoint": {
-      "oneOf": [
-        {
-          "type": "object",
-          "properties": {
-            "input": {
-              "type": "string",
-              "description": "The file to include."
-            },
-            "bundleName": {
-              "type": "string",
-              "pattern": "^[\\w\\-.]*$",
-              "description": "The bundle name for this extra entry point."
-            },
-            "inject": {
-              "type": "boolean",
-              "description": "If the bundle will be referenced in the HTML file.",
-              "default": true
-            }
-          },
-          "additionalProperties": false,
-          "required": [
-            "input"
-          ]
-        },
-        {
-          "type": "string",
-          "description": "The file to include."
-        }
-      ]
     }
   },
   "$id": "BuildCustomWebpackKarmaSchema"

package/dist/server/schema.json

@@ -79,8 +79,7 @@
     },
     "resourcesOutputPath": {
       "type": "string",
-      "description": "The path where style resources will be placed, relative to outputPath.",
-      "default": ""
+      "description": "The path where style resources will be placed, relative to outputPath."
     },
     "sourceMap": {
       "description": "Output source maps for scripts and styles. For more information, see https://angular.io/guide/workspace-config#source-map-configuration.",
@@ -142,6 +141,16 @@
       ],
       "default": "warning"
     },
+    "i18nDuplicateTranslation": {
+      "type": "string",
+      "description": "How to handle duplicate translations for i18n.",
+      "enum": [
+        "warning",
+        "error",
+        "ignore"
+      ],
+      "default": "warning"
+    },
     "localize": {
       "description": "Translate the bundles in one or more locales.",
       "oneOf": [
@@ -185,12 +194,6 @@
       "description": "Extract all licenses in a separate file, in the case of production builds only.",
       "default": true
     },
-    "showCircularDependencies": {
-      "type": "boolean",
-      "description": "Show circular dependency warnings on builds.",
-      "default": false,
-      "x-deprecated": "The recommended method to detect circular dependencies in project code is to use either a lint rule or other external tooling."
-    },
     "namedChunks": {
       "type": "boolean",
       "description": "Use file name for lazy loaded chunks.",

package/dist/transform-factories.js

@@ -21,9 +21,10 @@ const indexHtmlTransformFactory = ({ indexTransform, tsConfig }, { workspaceRoot
     if (!indexTransform)
         return null;
     (0, utils_1.tsNodeRegister)(indexTransform, `${(0, core_1.getSystemPath)((0, core_1.normalize)(workspaceRoot))}/${tsConfig}`, logger);
-    const indexModule = require(`${(0, core_1.getSystemPath)((0, core_1.normalize)(workspaceRoot))}/${indexTransform}`);
-    const transform = indexModule.default || indexModule;
-    return (indexHtml) => __awaiter(void 0, void 0, void 0, function* () { return transform(target, indexHtml); });
+    return (indexHtml) => __awaiter(void 0, void 0, void 0, function* () {
+        const transform = yield (0, utils_1.loadModule)(`${(0, core_1.getSystemPath)((0, core_1.normalize)(workspaceRoot))}/${indexTransform}`);
+        return transform(target, indexHtml);
+    });
 };
 exports.indexHtmlTransformFactory = indexHtmlTransformFactory;
 const getTransforms = (options, context) => ({

package/dist/transform-factories.js.map

@@ -1 +1 @@
-{"version":3,"file":"transform-factories.js","sourceRoot":"","sources":["../src/transform-factories.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,+CAAgE;AAEhE,qEAAgE;AAEhE,mCAAyC;AAElC,MAAM,mCAAmC,GAI9C,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAC/C,oBAAoB,CAAC,EAAE;IACrB,OAAO,6CAAoB,CAAC,kBAAkB,CAC5C,IAAA,gBAAS,EAAC,aAAa,CAAC,EACxB,OAAO,CAAC,mBAAmB,EAC3B,oBAAoB,EACpB,OAAO,EACP,MAAM,EACN,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAdS,QAAA,mCAAmC,uCAc5C;AAEG,MAAM,yBAAyB,GAGZ,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5F,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IACjC,IAAA,sBAAc,EAAC,cAAc,EAAE,GAAG,IAAA,oBAAa,EAAC,IAAA,gBAAS,EAAC,aAAa,CAAC,CAAC,IAAI,QAAQ,EAAE,EAAE,MAAM,CAAC,CAAC;IACjG,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,IAAA,oBAAa,EAAC,IAAA,gBAAS,EAAC,aAAa,CAAC,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC;IACrD,OAAO,CAAO,SAAiB,EAAE,EAAE,kDAAC,OAAA,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA,GAAA,CAAC;AACnE,CAAC,CAAC;AATW,QAAA,yBAAyB,6BASpC;AAEK,MAAM,aAAa,GAAG,CAAC,OAA4B,EAAE,OAAuB,EAAE,EAAE,CAAC,CAAC;IACvF,oBAAoB,EAAE,IAAA,2CAAmC,EAAC,OAAO,EAAE,OAAO,CAAC;IAC3E,SAAS,EAAE,IAAA,iCAAyB,EAAC,OAAO,EAAE,OAAO,CAAC;CACvD,CAAC,CAAC;AAHU,QAAA,aAAa,iBAGvB"}
+{"version":3,"file":"transform-factories.js","sourceRoot":"","sources":["../src/transform-factories.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,+CAAgE;AAEhE,qEAAgE;AAEhE,mCAAqD;AAM9C,MAAM,mCAAmC,GAI9C,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAC/C,oBAAoB,CAAC,EAAE;IACrB,OAAO,6CAAoB,CAAC,kBAAkB,CAC5C,IAAA,gBAAS,EAAC,aAAa,CAAC,EACxB,OAAO,CAAC,mBAAmB,EAC3B,oBAAoB,EACpB,OAAO,EACP,MAAM,EACN,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAdS,QAAA,mCAAmC,uCAc5C;AAEG,MAAM,yBAAyB,GAGZ,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5F,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IACjC,IAAA,sBAAc,EAAC,cAAc,EAAE,GAAG,IAAA,oBAAa,EAAC,IAAA,gBAAS,EAAC,aAAa,CAAC,CAAC,IAAI,QAAQ,EAAE,EAAE,MAAM,CAAC,CAAC;IAEjG,OAAO,CAAO,SAAiB,EAAE,EAAE;QACjC,MAAM,SAAS,GAAG,MAAM,IAAA,kBAAU,EAChC,GAAG,IAAA,oBAAa,EAAC,IAAA,gBAAS,EAAC,aAAa,CAAC,CAAC,IAAI,cAAc,EAAE,CAC/D,CAAC;QACF,OAAO,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACtC,CAAC,CAAA,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,yBAAyB,6BAapC;AAEK,MAAM,aAAa,GAAG,CAAC,OAA4B,EAAE,OAAuB,EAAE,EAAE,CAAC,CAAC;IACvF,oBAAoB,EAAE,IAAA,2CAAmC,EAAC,OAAO,EAAE,OAAO,CAAC;IAC3E,SAAS,EAAE,IAAA,iCAAyB,EAAC,OAAO,EAAE,OAAO,CAAC;CACvD,CAAC,CAAC;AAHU,QAAA,aAAa,iBAGvB"}

package/dist/utils.d.ts

@@ -5,3 +5,9 @@ import { logging } from '@angular-devkit/core';
  * @todo tsNodeRegistration: require ts-node if file extension is TypeScript
  */
 export declare function tsNodeRegister(file: string, tsConfig: string, logger: logging.LoggerApi): void;
+/**
+ * Loads CJS and ESM modules based on extension
+ * @param path path to the module
+ * @returns
+ */
+export declare function loadModule<T>(path: string): Promise<T>;

package/dist/utils.js

@@ -1,6 +1,17 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsNodeRegister = void 0;
+exports.loadModule = exports.tsNodeRegister = void 0;
+const path_1 = require("path");
+const url_1 = require("url");
 const _tsNodeRegister = (() => {
     let lastTsConfig;
     return (tsConfig, logger) => {
@@ -44,4 +55,70 @@ function tsNodeRegister(file = '', tsConfig, logger) {
     }
 }
 exports.tsNodeRegister = tsNodeRegister;
+/**
+ * This uses a dynamic import to load a module which may be ESM.
+ * CommonJS code can load ESM code via a dynamic import. Unfortunately, TypeScript
+ * will currently, unconditionally downlevel dynamic import into a require call.
+ * require calls cannot load ESM code and will result in a runtime error. To workaround
+ * this, a Function constructor is used to prevent TypeScript from changing the dynamic import.
+ * Once TypeScript provides support for keeping the dynamic import this workaround can
+ * be dropped.
+ *
+ * @param modulePath The path of the module to load.
+ * @returns A Promise that resolves to the dynamically imported module.
+ */
+function loadEsmModule(modulePath) {
+    return new Function('modulePath', `return import(modulePath);`)(modulePath);
+}
+/**
+ * Loads CJS and ESM modules based on extension
+ * @param path path to the module
+ * @returns
+ */
+function loadModule(path) {
+    return __awaiter(this, void 0, void 0, function* () {
+        switch ((0, path_1.extname)(path)) {
+            case '.mjs':
+                // Load the ESM configuration file using the TypeScript dynamic import workaround.
+                // Once TypeScript provides support for keeping the dynamic import this workaround can be
+                // changed to a direct dynamic import.
+                return (yield loadEsmModule((0, url_1.pathToFileURL)(path))).default;
+            case '.cjs':
+                return require(path);
+            case '.ts':
+                try {
+                    // If it's a TS file then there are 2 cases for exporing an object.
+                    // The first one is `export blah`, transpiled into `module.exports = { blah} `.
+                    // The second is `export default blah`, transpiled into `{ default: { ... } }`.
+                    return require(path).default || require(path);
+                }
+                catch (e) {
+                    if (e.code === 'ERR_REQUIRE_ESM') {
+                        // Load the ESM configuration file using the TypeScript dynamic import workaround.
+                        // Once TypeScript provides support for keeping the dynamic import this workaround can be
+                        // changed to a direct dynamic import.
+                        return (yield loadEsmModule((0, url_1.pathToFileURL)(path))).default;
+                    }
+                    throw e;
+                }
+            //.js
+            default:
+                // The file could be either CommonJS or ESM.
+                // CommonJS is tried first then ESM if loading fails.
+                try {
+                    return require(path);
+                }
+                catch (e) {
+                    if (e.code === 'ERR_REQUIRE_ESM') {
+                        // Load the ESM configuration file using the TypeScript dynamic import workaround.
+                        // Once TypeScript provides support for keeping the dynamic import this workaround can be
+                        // changed to a direct dynamic import.
+                        return (yield loadEsmModule((0, url_1.pathToFileURL)(path))).default;
+                    }
+                    throw e;
+                }
+        }
+    });
+}
+exports.loadModule = loadModule;
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE;IAC5B,IAAI,YAAgC,CAAC;IACrC,OAAO,CAAC,QAAgB,EAAE,MAAyB,EAAE,EAAE;QACrD,qEAAqE;QACrE,IAAI,YAAY,IAAI,YAAY,KAAK,QAAQ,EAAE;YAC7C,MAAM,CAAC,IAAI,CAAC;iCACe,YAAY;iCACZ,QAAQ,EAAE,CAAC,CAAC;SACxC;QAED,IAAI,YAAY,EAAE;YAChB,OAAO;SACR;QAED,YAAY,GAAG,QAAQ,CAAC;QAExB,mBAAmB;QACnB,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC;YAC1B,OAAO,EAAE,QAAQ;YACjB,eAAe,EAAE;gBACf,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE;oBACL,MAAM,EAAE,qGAAqG;iBAC9G;aACF;SACF,CAAC,CAAC;QAEH,6BAA6B;QAC7B,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAChD,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC/E,IAAI,OAAO,IAAI,KAAK,EAAE;YACpB,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;SAC5C;IACH,CAAC,CAAC;AACJ,CAAC,CAAC,EAAE,CAAC;AAEL;;;;GAIG;AACH,SAAgB,cAAc,CAAC,OAAe,EAAE,EAAE,QAAgB,EAAE,MAAyB;IAC3F,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAChC,8BAA8B;QAC9B,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnC;AACH,CAAC;AALD,wCAKC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,+BAA+B;AAC/B,6BAAoC;AAEpC,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE;IAC5B,IAAI,YAAgC,CAAC;IACrC,OAAO,CAAC,QAAgB,EAAE,MAAyB,EAAE,EAAE;QACrD,qEAAqE;QACrE,IAAI,YAAY,IAAI,YAAY,KAAK,QAAQ,EAAE;YAC7C,MAAM,CAAC,IAAI,CAAC;iCACe,YAAY;iCACZ,QAAQ,EAAE,CAAC,CAAC;SACxC;QAED,IAAI,YAAY,EAAE;YAChB,OAAO;SACR;QAED,YAAY,GAAG,QAAQ,CAAC;QAExB,mBAAmB;QACnB,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC;YAC1B,OAAO,EAAE,QAAQ;YACjB,eAAe,EAAE;gBACf,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE;oBACL,MAAM,EAAE,qGAAqG;iBAC9G;aACF;SACF,CAAC,CAAC;QAEH,6BAA6B;QAC7B,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAChD,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAC/E,IAAI,OAAO,IAAI,KAAK,EAAE;YACpB,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;SAC5C;IACH,CAAC,CAAC;AACJ,CAAC,CAAC,EAAE,CAAC;AAEL;;;;GAIG;AACH,SAAgB,cAAc,CAAC,OAAe,EAAE,EAAE,QAAgB,EAAE,MAAyB;IAC3F,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAChC,8BAA8B;QAC9B,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnC;AACH,CAAC;AALD,wCAKC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,aAAa,CAAI,UAAwB;IAChD,OAAO,IAAI,QAAQ,CAAC,YAAY,EAAE,4BAA4B,CAAC,CAAC,UAAU,CAAe,CAAC;AAC5F,CAAC;AAED;;;;GAIG;AACH,SAAsB,UAAU,CAAI,IAAY;;QAC9C,QAAQ,IAAA,cAAO,EAAC,IAAI,CAAC,EAAE;YACrB,KAAK,MAAM;gBACT,kFAAkF;gBAClF,yFAAyF;gBACzF,sCAAsC;gBACtC,OAAO,CAAC,MAAM,aAAa,CAAiB,IAAA,mBAAa,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC5E,KAAK,MAAM;gBACT,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;YACvB,KAAK,KAAK;gBACR,IAAI;oBACF,mEAAmE;oBACnE,+EAA+E;oBAC/E,+EAA+E;oBAC/E,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;iBAC/C;gBAAC,OAAO,CAAM,EAAE;oBACf,IAAI,CAAC,CAAC,IAAI,KAAK,iBAAiB,EAAE;wBAChC,kFAAkF;wBAClF,yFAAyF;wBACzF,sCAAsC;wBACtC,OAAO,CAAC,MAAM,aAAa,CAAiB,IAAA,mBAAa,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;qBAC3E;oBACD,MAAM,CAAC,CAAC;iBACT;YACH,KAAK;YACL;gBACE,4CAA4C;gBAC5C,qDAAqD;gBACrD,IAAI;oBACF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;iBACtB;gBAAC,OAAO,CAAM,EAAE;oBACf,IAAI,CAAC,CAAC,IAAI,KAAK,iBAAiB,EAAE;wBAChC,kFAAkF;wBAClF,yFAAyF;wBACzF,sCAAsC;wBACtC,OAAO,CAAC,MAAM,aAAa,CAAiB,IAAA,mBAAa,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;qBAC3E;oBAED,MAAM,CAAC,CAAC;iBACT;SACJ;IACH,CAAC;CAAA;AAzCD,gCAyCC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular-builders/custom-webpack",
-  "version": "13.0.1-beta.2",
+  "version": "14.0.0-beta.0",
   "description": "Custom webpack builders for Angular build facade. Allow to modify Angular build configuration without ejecting it",
   "main": "dist/index.js",
   "files": [
@@ -18,7 +18,7 @@
   "author": "JeB Barabanov",
   "license": "MIT",
   "engines": {
-    "node": ">=12.20.0"
+    "node": "^14.15.0 || >=16.10.0"
   },
   "keywords": [
     "cli",
@@ -40,18 +40,21 @@
   },
   "builders": "builders.json",
   "dependencies": {
-    "@angular-devkit/architect": ">=0.1300.0 < 0.1400.0",
-    "@angular-devkit/build-angular": "^13.0.0",
-    "@angular-devkit/core": "^13.0.0",
+    "@angular-devkit/architect": ">=0.1400.0 < 0.1500.0",
+    "@angular-devkit/build-angular": "^14.0.0",
+    "@angular-devkit/core": "^14.0.0",
     "lodash": "^4.17.15",
     "ts-node": "^10.0.0",
     "tsconfig-paths": "^3.9.0",
     "webpack-merge": "^5.7.3"
   },
+  "peerDependencies": {
+    "@angular/compiler-cli": "^14.0.0"
+  },
   "devDependencies": {
-    "jest": "^27.4.7",
+    "jest": "28.1.0",
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.4"
+    "typescript": "4.6.4"
   },
-  "gitHead": "e974d6362e233a00ff7e1e776ea9e7306eb89765"
+  "gitHead": "d12c683da0d6f577165367fe6c92250cae44ef58"
 }