generator-jhipster 8.7.2 → 8.8.0

package/dist/generators/angular/generator.js

@@ -16,23 +16,21 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { camelCase } from 'lodash-es';
 import chalk from 'chalk';
 import { isFileStateModified } from 'mem-fs-editor/state';
 import BaseApplicationGenerator from '../base-application/index.js';
 import { GENERATOR_ANGULAR, GENERATOR_CLIENT, GENERATOR_LANGUAGES } from '../generator-list.js';
 import { defaultLanguage } from '../languages/support/index.js';
 import { clientFrameworkTypes } from '../../lib/jhipster/index.js';
-import { generateTypescriptTestEntity as generateTestEntity, generateEntityClientEnumImports as getClientEnumImportsFormat, getTypescriptKeyType as getTSKeyType, generateTestEntityId as getTestEntityId, generateTestEntityPrimaryKey as getTestEntityPrimaryKey, } from '../client/support/index.js';
+import { generateEntityClientEnumImports as getClientEnumImportsFormat } from '../client/support/index.js';
 import { createNeedleCallback, mutateData } from '../base/support/index.js';
 import { writeEslintClientRootConfigFile } from '../javascript/generators/eslint/support/tasks.js';
 import { cleanupEntitiesFiles, postWriteEntitiesFiles, writeEntitiesFiles } from './entity-files-angular.js';
 import { writeFiles } from './files-angular.js';
 import cleanupOldFilesTask from './cleanup.js';
-import { addEntitiesRoute, addIconImport, addItemToAdminMenu, addRoute, addToEntitiesMenu, buildAngularFormPath as angularFormPath, isTranslatedAngularFile, translateAngularFilesTransform, } from './support/index.js';
+import { addEntitiesRoute, addIconImport, addItemToAdminMenu, addRoute, addToEntitiesMenu, isTranslatedAngularFile, translateAngularFilesTransform, } from './support/index.js';
 const { ANGULAR } = clientFrameworkTypes;
 export default class AngularGenerator extends BaseApplicationGenerator {
-    localEntities;
     async beforeQueue() {
         if (!this.fromBlueprint) {
             await this.composeWithBlueprints();
@@ -69,10 +67,28 @@ export default class AngularGenerator extends BaseApplicationGenerator {
                 });
                 application.addPrettierExtensions?.(['html', 'css', 'scss']);
             },
+            async javaNodeBuildPaths({ application }) {
+                application.javaNodeBuildPaths?.push('angular.json', 'tsconfig.json', 'tsconfig.app.json');
+                if (application.clientBundlerWebpack) {
+                    application.javaNodeBuildPaths?.push('webpack/');
+                }
+                else if (application.clientBundlerExperimentalEsbuild) {
+                    application.javaNodeBuildPaths?.push('build-plugins/');
+                    if (application.enableI18nRTL) {
+                        application.javaNodeBuildPaths?.push('postcss.conf.json');
+                    }
+                }
+            },
             addNeedles({ source, application }) {
                 source.addEntitiesToClient = param => {
-                    this.addEntitiesToModule(param);
-                    this.addEntitiesToMenu(param);
+                    const routeTemplatePath = `${param.application.clientSrcDir}app/entities/entity.routes.ts`;
+                    const ignoreNonExistingRoute = chalk.yellow(`Route(s) not added to ${routeTemplatePath}.`);
+                    const addRouteCallback = addEntitiesRoute(param);
+                    this.editFile(routeTemplatePath, { ignoreNonExisting: ignoreNonExistingRoute }, addRouteCallback);
+                    const filePath = `${application.clientSrcDir}app/layouts/navbar/navbar.component.html`;
+                    const ignoreNonExisting = chalk.yellow('Reference to entities not added to menu.');
+                    const editCallback = addToEntitiesMenu(param);
+                    this.editFile(filePath, { ignoreNonExisting }, editCallback);
                 };
                 source.addAdminRoute = (args) => this.editFile(`${application.srcMainWebapp}app/admin/admin.routes.ts`, addRoute({
                     needle: 'add-admin-route',
@@ -88,19 +104,43 @@ export default class AngularGenerator extends BaseApplicationGenerator {
                         source.addIconImport({ icon: args.icon });
                     }
                 };
+                source.addLanguagesInFrontend = ({ languagesDefinition }) => {
+                    if (application.clientBundlerExperimentalEsbuild) {
+                        this.editFile(`${application.clientSrcDir}i18n/index.ts`, createNeedleCallback({
+                            needle: 'i18n-language-loader',
+                            contentToAdd: languagesDefinition.map(lang => `'${lang.languageTag}': async (): Promise<any> => import('i18n/${lang.languageTag}.json'),`),
+                        }), createNeedleCallback({
+                            needle: 'i18n-language-angular-loader',
+                            contentToAdd: languagesDefinition
+                                .filter(lang => lang.angularLocale)
+                                .map(lang => `'${lang.languageTag}': async (): Promise<void> => import('@angular/common/locales/${lang.angularLocale}'),`),
+                        }));
+                    }
+                };
                 source.addIconImport = args => {
                     const iconsPath = `${application.srcMainWebapp}app/config/font-awesome-icons.ts`;
                     const ignoreNonExisting = this.sharedData.getControl().ignoreNeedlesError && 'Icon imports not updated with icon';
                     this.editFile(iconsPath, { ignoreNonExisting }, addIconImport(args));
                 };
-                source.addWebpackConfig = args => {
-                    const webpackPath = `${application.clientRootDir}webpack/webpack.custom.js`;
-                    const ignoreNonExisting = this.sharedData.getControl().ignoreNeedlesError && 'Webpack configuration file not found';
-                    this.editFile(webpackPath, { ignoreNonExisting }, createNeedleCallback({
-                        needle: 'jhipster-needle-add-webpack-config',
-                        contentToAdd: `${args.config},`,
-                    }));
-                };
+                if (application.clientBundlerWebpack) {
+                    source.addWebpackConfig = args => {
+                        const webpackPath = `${application.clientRootDir}webpack/webpack.custom.js`;
+                        const ignoreNonExisting = this.sharedData.getControl().ignoreNeedlesError && 'Webpack configuration file not found';
+                        this.editFile(webpackPath, { ignoreNonExisting }, createNeedleCallback({
+                            needle: 'jhipster-needle-add-webpack-config',
+                            contentToAdd: `${args.config},`,
+                        }));
+                    };
+                }
+                if (application.clientRootDir) {
+                    // Overrides only works if added in root package.json
+                    this.packageJson.merge({
+                        overrides: {
+                            'browser-sync': application.nodeDependencies['browser-sync'],
+                            webpack: application.nodeDependencies.webpack,
+                        },
+                    });
+                }
             },
         });
     }
@@ -118,6 +158,9 @@ export default class AngularGenerator extends BaseApplicationGenerator {
                         ...(entity.entityReadAuthority?.split(',') ?? []),
                     ]),
                 });
+                entity.generateEntityClientEnumImports = fields => {
+                    return getClientEnumImportsFormat(fields, ANGULAR);
+                };
             },
         });
     }
@@ -160,9 +203,9 @@ export default class AngularGenerator extends BaseApplicationGenerator {
     }
     get default() {
         return this.asDefaultTaskGroup({
-            loadEntities() {
+            loadEntities({ application }) {
                 const entities = this.sharedData.getEntities().map(({ entity }) => entity);
-                this.localEntities = entities.filter(entity => !entity.builtIn && !entity.skipClient);
+                application.angularEntities = entities.filter(entity => !entity.builtIn && !entity.skipClient);
             },
             queueTranslateTransform({ control, application }) {
                 const { enableTranslation, jhiPrefix } = application;
@@ -179,9 +222,10 @@ export default class AngularGenerator extends BaseApplicationGenerator {
     }
     get writing() {
         return this.asWritingTaskGroup({
-            async cleanup({ control }) {
+            async cleanup({ application, control }) {
                 await control.cleanupFiles({
                     '8.6.1': ['.eslintrc.json', '.eslintignore'],
+                    '8.7.4': [`${application.clientSrcDir}app/app.constants.ts`],
                 });
             },
             cleanupOldFilesTask,
@@ -203,14 +247,49 @@ export default class AngularGenerator extends BaseApplicationGenerator {
     }
     get postWriting() {
         return this.asPostWritingTaskGroup({
-            addWebsocketDependencies({ application }) {
+            clientBundler({ application, source }) {
+                const { clientBundlerExperimentalEsbuild, enableTranslation, nodeDependencies } = application;
+                if (clientBundlerExperimentalEsbuild) {
+                    source.mergeClientPackageJson({
+                        devDependencies: {
+                            '@angular-builders/custom-esbuild': null,
+                            globby: null,
+                            ...(enableTranslation ? { 'folder-hash': null, deepmerge: null } : {}),
+                        },
+                    });
+                }
+                else {
+                    source.mergeClientPackageJson({
+                        dependencies: enableTranslation
+                            ? {
+                                '@ngx-translate/http-loader': null,
+                            }
+                            : {},
+                        devDependencies: {
+                            '@angular-builders/custom-webpack': null,
+                            'browser-sync-webpack-plugin': null,
+                            'copy-webpack-plugin': null,
+                            'eslint-webpack-plugin': null,
+                            'webpack-bundle-analyzer': null,
+                            'webpack-merge': null,
+                            'webpack-notifier': null,
+                            ...(enableTranslation ? { 'folder-hash': null, 'merge-jsons-webpack-plugin': null } : {}),
+                        },
+                        overrides: {
+                            'browser-sync': nodeDependencies['browser-sync'],
+                            webpack: nodeDependencies.webpack,
+                        },
+                    });
+                }
+            },
+            addWebsocketDependencies({ application, source }) {
                 const { authenticationTypeSession, communicationSpringWebsocket, nodeDependencies } = application;
                 const dependencies = {};
                 if (communicationSpringWebsocket) {
                     if (authenticationTypeSession) {
                         dependencies['ngx-cookie-service'] = nodeDependencies['ngx-cookie-service'];
                     }
-                    this.packageJson.merge({
+                    source.mergeClientPackageJson({
                         dependencies: {
                             'sockjs-client': nodeDependencies['sockjs-client'],
                             '@stomp/rx-stomp': nodeDependencies['@stomp/rx-stomp'],
@@ -248,181 +327,4 @@ export default class AngularGenerator extends BaseApplicationGenerator {
     get [BaseApplicationGenerator.END]() {
         return this.delegateTasksToBlueprint(() => this.end);
     }
-    /**
-     * @private
-     * Add new scss style to the angular application in "vendor.scss".
-     *
-     * @param {string} style - scss to add in the file
-     * @param {string} comment - comment to add before css code
-     *
-     * example:
-     *
-     * style = '.success {\n     @extend .message;\n    border-color: green;\n}'
-     * comment = 'Message'
-     *
-     * * ==========================================================================
-     * Message
-     * ========================================================================== *
-     * .success {
-     *     @extend .message;
-     *     border-color: green;
-     * }
-     *
-     */
-    addVendorSCSSStyle(style, comment) {
-        this.needleApi.clientAngular.addVendorSCSSStyle(style, comment);
-    }
-    /**
-     * @private
-     * Add a new lazy loaded module to admin routing file.
-     *
-     * @param {string} route - The route for the module. For example 'entity-audit'.
-     * @param {string} modulePath - The path to the module file. For example './entity-audit/entity-audit.module'.
-     * @param {string} moduleName - The name of the module. For example 'EntityAuditModule'.
-     * @param {string} pageTitle - The translation key if i18n is enabled or the text if i18n is disabled for the page title in the browser.
-     *                             For example 'entityAudit.home.title' for i18n enabled or 'Entity audit' for i18n disabled.
-     *                             If undefined then application global page title is used in the browser title bar.
-     */
-    addAdminRoute(route, modulePath, moduleName, pageTitle) {
-        this.needleApi.clientAngular.addAdminRoute(route, modulePath, moduleName, pageTitle);
-    }
-    /**
-     * @private
-     * Add a new module in the TS modules file.
-     *
-     * @param {string} appName - Angular2 application name.
-     * @param {string} angularName - The name of the new admin item.
-     * @param {string} folderName - The name of the folder.
-     * @param {string} fileName - The name of the file.
-     * @param {boolean} enableTranslation - If translations are enabled or not.
-     * @param {string} clientFramework - The name of the client framework.
-     */
-    addAngularModule(appName, angularName, folderName, fileName, enableTranslation) {
-        this.needleApi.clientAngular.addModule(appName, angularName, folderName, fileName, enableTranslation);
-    }
-    /**
-     * @private
-     * Add a new icon to icon imports.
-     *
-     * @param {string} iconName - The name of the Font Awesome icon.
-     */
-    addIcon(iconName) {
-        this.needleApi.clientAngular.addIcon(iconName);
-    }
-    /**
-     * Add a new menu element to the admin menu.
-     *
-     * @param {string} routerName - The name of the Angular router that is added to the admin menu.
-     * @param {string} iconName - The name of the Font Awesome icon that will be displayed.
-     * @param {boolean} enableTranslation - If translations are enabled or not
-     * @param {string} translationKeyMenu - i18n key for entry in the admin menu
-     */
-    addElementToAdminMenu(routerName, iconName, enableTranslation, translationKeyMenu = camelCase(routerName), jhiPrefix) {
-        this.needleApi.clientAngular.addElementToAdminMenu(routerName, iconName, enableTranslation, translationKeyMenu, jhiPrefix);
-    }
-    addEntitiesToMenu({ application, entities }) {
-        const filePath = `${application.clientSrcDir}app/layouts/navbar/navbar.component.html`;
-        const ignoreNonExisting = chalk.yellow('Reference to entities not added to menu.');
-        const editCallback = addToEntitiesMenu({ application, entities });
-        this.editFile(filePath, { ignoreNonExisting }, editCallback);
-    }
-    addEntitiesToModule(param) {
-        const filePath = `${param.application.clientSrcDir}app/entities/entity.routes.ts`;
-        const ignoreNonExisting = chalk.yellow(`Route(s) not added to ${filePath}.`);
-        const addRouteCallback = addEntitiesRoute(param);
-        this.editFile(filePath, { ignoreNonExisting }, addRouteCallback);
-    }
-    /**
-     * @private
-     * Add new scss style to the angular application in "global.scss
-     *
-     * @param {string} style - css to add in the file
-     * @param {string} comment - comment to add before css code
-     *
-     * example:
-     *
-     * style = '.jhipster {\n     color: #baa186;\n}'
-     * comment = 'New JHipster color'
-     *
-     * * ==========================================================================
-     * New JHipster color
-     * ========================================================================== *
-     * .jhipster {
-     *     color: #baa186;
-     * }
-     *
-     */
-    addMainSCSSStyle(style, comment) {
-        this.needleApi.clientAngular.addGlobalSCSSStyle(style, comment);
-    }
-    /**
-     * Returns the typescript import section of enums referenced by all fields of the entity.
-     * @param fields returns the import of enums that are referenced by the fields
-     * @returns {typeImports:Map} the fields that potentially contains some enum types
-     */
-    generateEntityClientEnumImports(fields) {
-        return getClientEnumImportsFormat(fields, ANGULAR);
-    }
-    /**
-     * Get the typescript type of a non-composite primary key
-     * @param primaryKey the primary key of the entity
-     * @returns {string} the typescript type.
-     */
-    getTypescriptKeyType(primaryKey) {
-        return getTSKeyType(primaryKey);
-    }
-    /**
-     * generates a value for a primary key type
-     * @param primaryKey the primary key attribute (or its type) of the entity
-     * @param index an index to add salt to the value
-     * @param wrapped if the value should be within quotes
-     * @returns {string|number|string}
-     */
-    generateTestEntityId(primaryKey, index = 0, wrapped = true) {
-        return getTestEntityId(primaryKey, index, wrapped);
-    }
-    /**
-     * @private
-     * Generate a test entity, for the PK references (when the PK is a composite, derived key)
-     *
-     * @param {any} primaryKey - primary key definition.
-     * @param {number} [index] - index of the primary key sample, pass undefined for a random key.
-     */
-    generateTestEntityPrimaryKey(primaryKey, index) {
-        return getTestEntityPrimaryKey(primaryKey, index);
-    }
-    /**
-     * @private
-     * Generate a test entity instance with faked values.
-     *
-     * @param {any} references - references to other entities.
-     * @param {any} additionalFields - additional fields to add to the entity or with default values that overrides generated values.
-     */
-    generateTypescriptTestEntity(references, additionalFields) {
-        return generateTestEntity(references, additionalFields);
-    }
-    /**
-     * @private
-     * Create a angular form path getter method of reference.
-     *
-     * @param {object} reference
-     * @param {string[]} prefix
-     * @return {string}
-     */
-    buildAngularFormPath(reference, prefix = []) {
-        return angularFormPath(reference, prefix);
-    }
-    /**
-     * @private
-     * Add a new menu element, at the root of the menu.
-     *
-     * @param {string} routerName - The name of the router that is added to the menu.
-     * @param {string} iconName - The name of the Font Awesome icon that will be displayed.
-     * @param {boolean} enableTranslation - If translations are enabled or not
-     * @param {string} clientFramework - The name of the client framework
-     * @param {string} translationKeyMenu - i18n key for entry in the menu
-     */
-    addElementToMenu(routerName, iconName, enableTranslation, _clientFramework, translationKeyMenu = camelCase(routerName)) {
-        this.needleApi.clientAngular.addElementToMenu(routerName, iconName, enableTranslation, translationKeyMenu);
-    }
 }

package/dist/generators/angular/resources/package.json

@@ -1,55 +1,59 @@
 {
   "dependencies": {
-    "@angular/common": "18.2.9",
-    "@fortawesome/angular-fontawesome": "0.15.0",
-    "@fortawesome/fontawesome-svg-core": "6.6.0",
-    "@fortawesome/free-solid-svg-icons": "6.6.0",
-    "@ng-bootstrap/ng-bootstrap": "17.0.1",
-    "@ngx-translate/core": "15.0.0",
-    "@ngx-translate/http-loader": "8.0.0",
+    "@angular/common": "19.0.5",
+    "@fortawesome/angular-fontawesome": "1.0.0",
+    "@fortawesome/fontawesome-svg-core": "6.7.2",
+    "@fortawesome/free-solid-svg-icons": "6.7.2",
+    "@ng-bootstrap/ng-bootstrap": "18.0.0",
+    "@ngx-translate/core": "16.0.4",
+    "@ngx-translate/http-loader": "16.0.1",
     "@popperjs/core": "2.11.8",
     "@stomp/rx-stomp": "2.0.0",
     "bootstrap": "5.3.3",
     "bootswatch": "5.3.3",
-    "ngx-cookie-service": "18.0.0",
-    "ngx-infinite-scroll": "18.0.0",
+    "ngx-cookie-service": "19.0.0",
+    "ngx-infinite-scroll": "19.0.0",
     "rxjs": "7.8.1",
     "sockjs-client": "1.6.1",
-    "tslib": "2.8.0",
-    "zone.js": "0.14.10"
+    "tslib": "2.8.1",
+    "zone.js": "0.15.0"
   },
   "devDependencies": {
     "@angular-architects/module-federation": "18.0.6",
     "@angular-architects/module-federation-runtime": "18.0.6",
-    "@angular-builders/custom-webpack": "18.0.0",
-    "@angular-builders/jest": "18.0.0",
-    "@angular/cli": "18.2.10",
+    "@angular-builders/custom-esbuild": "19.0.0-beta.0",
+    "@angular-builders/custom-webpack": "19.0.0-beta.0",
+    "@angular-builders/jest": "19.0.0-beta.1",
+    "@angular/cli": "19.0.6",
+    "@eslint/js": "9.17.0",
     "@types/jest": "29.5.14",
     "@types/node": "20.11.25",
     "@types/sockjs-client": "1.5.4",
-    "angular-eslint": "18.4.0",
+    "angular-eslint": "19.0.2",
     "browser-sync": "3.0.3",
     "browser-sync-webpack-plugin": "2.3.0",
     "buffer": "6.0.3",
     "copy-webpack-plugin": "12.0.2",
-    "eslint": "9.13.0",
+    "deepmerge": "4.3.1",
+    "eslint": "9.17.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-prettier": "5.2.1",
     "eslint-webpack-plugin": "4.2.0",
     "folder-hash": "4.0.4",
-    "globals": "15.11.0",
+    "globals": "15.14.0",
+    "globby": "14.0.2",
     "jest": "29.7.0",
     "jest-date-mock": "1.0.10",
     "jest-junit": "16.0.0",
-    "jest-preset-angular": "14.2.4",
+    "jest-preset-angular": "14.4.2",
     "jest-sonar": "0.2.16",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "postcss-rtlcss": "5.5.0",
+    "postcss-rtlcss": "5.6.0",
     "rimraf": "5.0.8",
     "ts-jest": "29.2.5",
-    "typescript": "5.5.4",
-    "typescript-eslint": "8.11.0",
-    "webpack": "5.95.0",
+    "typescript": "5.6.3",
+    "typescript-eslint": "8.18.1",
+    "webpack": "5.97.1",
     "webpack-bundle-analyzer": "4.10.2",
     "webpack-merge": "6.0.1",
     "webpack-notifier": "1.15.0"

package/dist/generators/angular/support/path-utils.d.ts

@@ -18,6 +18,7 @@
  */
 /**
  * @private
+ * @deprecated
  * Create a angular form path getter method of reference.
  *
  * @param {object} reference

package/dist/generators/angular/support/path-utils.js

@@ -18,6 +18,7 @@
  */
 /**
  * @private
+ * @deprecated
  * Create a angular form path getter method of reference.
  *
  * @param {object} reference

package/dist/generators/angular/support/translate-angular.d.ts

@@ -1,3 +1,4 @@
+import type { GetWebappTranslationCallback } from '../../../lib/types/base/translation.js';
 export type ReplacerOptions = {
     jhiPrefix: string;
     enableTranslation: boolean;
@@ -8,6 +9,6 @@ export type ReplacerOptions = {
  * @type {import('../generator-base.js').EditFileCallback}
  * @this {import('../generator-base.js')}
  */
-export declare const createTranslationReplacer: (getWebappTranslation: any, opts: ReplacerOptions | boolean) => (content: any, filePath: any) => any;
+export declare const createTranslationReplacer: (getWebappTranslation: GetWebappTranslationCallback, opts: ReplacerOptions | boolean) => (content: string, filePath: string) => string;
 export declare const isTranslatedAngularFile: (file: any) => boolean;
-export declare const translateAngularFilesTransform: (getWebappTranslation: any, opts: ReplacerOptions | boolean) => import("stream").Transform;
+export declare const translateAngularFilesTransform: (getWebappTranslation: GetWebappTranslationCallback, opts: ReplacerOptions | boolean) => import("stream").Transform;

package/dist/generators/angular/support/translate-angular.js

@@ -28,12 +28,9 @@ const TRANSLATE_REGEX = [JHI_TRANSLATE_REGEX, TRANSLATE_VALUES_REGEX].join('|');
  * Replace translation key with translation values
  *
  * @param {import('../generator-base.js')} generator
+ * @param getWebappTranslation
  * @param {string} content
  * @param {string} regexSource regular expression to find keys
- * @param {object} [options]
- * @param {number} [options.keyIndex]
- * @param {number} [options.replacementIndex]
- * @param {any} [options.escape]
  * @returns {string}
  */
 function replaceTranslationKeysWithText(getWebappTranslation, content, regexSource, { keyIndex = 1, replacementIndex = 1, escape, } = {}) {
@@ -72,16 +69,11 @@ function replaceJSTranslation(getWebappTranslation, content, jsKey) {
 function replacePageTitles(getWebappTranslation, content) {
     return replaceJSTranslation(getWebappTranslation, content, 'title');
 }
-/**
- * @type {function(import('../generator-base.js'), string): string}
- */
 function replacePlaceholders(getWebappTranslation, content) {
     return replaceTranslationKeysWithText(getWebappTranslation, content, PLACEHOLDER_REGEX, { keyIndex: 2 });
 }
 /**
  * Replace error code translation key with translated message
- *
- * @type {function(import('../generator-base.js'), string): string}
  */
 function replaceErrorMessage(getWebappTranslation, content) {
     return replaceJSTranslation(getWebappTranslation, content, 'errorMessage');
@@ -238,7 +230,7 @@ export const createTranslationReplacer = (getWebappTranslation, opts) => {
             content = htmlJhiTranslateStringifyReplacer(content);
         }
         if (/(:?\.html|.ts)$/.test(filePath)) {
-            content = translationReplacer?.(content, filePath);
+            content = translationReplacer ? translationReplacer?.(content, filePath) : content;
         }
         if (!enableTranslation) {
             if (/(:?route|module)\.ts$/.test(filePath)) {

package/dist/generators/angular/support/update-languages.d.ts

@@ -16,6 +16,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type BaseGenerator from '../../base/index.js';
+import type BaseGenerator from '../../base-core/index.js';
 import { type UpdateClientLanguagesTaskParam } from '../../client/support/index.js';
 export default function updateLanguagesTask(this: BaseGenerator, param: UpdateClientLanguagesTaskParam): void;

package/dist/generators/angular/support/update-languages.js

@@ -36,6 +36,8 @@ function updateLanguagesInWebpackTask({ application, control = {} }) {
 export default function updateLanguagesTask(param) {
     updateLanguagesInPipeTask.call(this, param);
     updateLanguagesInConstantsTask.call(this, param);
-    updateLanguagesInWebpackTask.call(this, param);
+    if (param.application.clientBundlerWebpack) {
+        updateLanguagesInWebpackTask.call(this, param);
+    }
     updateLanguagesInDayjsConfigurationTask.call(this, param, { configurationFile: `${param.application.clientSrcDir}app/config/dayjs.ts` });
 }

package/dist/generators/angular/templates/angular.json.ejs

@@ -94,7 +94,13 @@
               "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
-              "namedChunks": true
+              "namedChunks": true,
+              "fileReplacements": [
+                {
+                  "replace": "<%= this.relativeDir(clientRootDir, clientSrcDir) %>environments/environment.ts",
+                  "with": "<%= this.relativeDir(clientRootDir, clientSrcDir) %>environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"