generator-jhipster 7.9.0 → 7.9.3

package/generators/client/templates/react/src/main/webapp/app/shared/reducers/locale.ts.ejs

@@ -18,9 +18,8 @@
 -%>
 import axios from 'axios';
 import dayjs from 'dayjs';
-import { createSlice } from '@reduxjs/toolkit';
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
 
-import { AppThunk } from 'app/config/store';
 import { TranslatorContext } from 'react-jhipster';
 
 const initialState = {
@@ -28,20 +27,51 @@ const initialState = {
   sourcePrefixes: [],
   lastChange: TranslatorContext.context.lastChange,
   loadedKeys: [],
+  loadedLocales: [],
 };
 
 export type LocaleState =  Readonly<typeof initialState>;
 
-export const loadLocale = async (locale: string, prefix: string) => {
+const loadLocaleAndRegisterLocaleFile = async (locale: string, prefix: string) => {
   if (prefix || !Object.keys(TranslatorContext.context.translations).includes(locale)) {
     const response = await axios.get(`${prefix}i18n/${locale}.json?_=${I18N_HASH}`, { baseURL: '' });
     TranslatorContext.registerTranslations(locale, response.data);
   }
 };
 
-export const setLocale: (locale: string) => AppThunk = locale => dispatch => {
-  dispatch(updateLocale(locale));
-};
+export const setLocale = createAsyncThunk('locale/setLocale', async (locale: string, thunkAPI: any) => {
+  const { sourcePrefixes, loadedKeys, loadedLocales } = thunkAPI.getState().locale;
+  if (!loadedLocales.includes(locale)) {
+    const keys = (
+      await Promise.all(
+        [''].concat(sourcePrefixes).map(async sourcePrefix => {
+          const key = `${sourcePrefix}${locale}`;
+          if (loadedKeys.includes(key)) return undefined;
+          await loadLocaleAndRegisterLocaleFile(locale, sourcePrefix);
+          return key;
+        })
+      )
+    ).filter(Boolean);
+    thunkAPI.dispatch(loaded({ keys, locale }));
+  }
+  thunkAPI.dispatch(updateLocale(locale));
+  return locale;
+});
+
+export const addTranslationSourcePrefix = createAsyncThunk(
+  'locale/addTranslationSourcePrefix',
+  async (sourcePrefix: string, thunkAPI: any) => {
+    const { currentLocale, loadedKeys, sourcePrefixes } = thunkAPI.getState().locale;
+    const key = `${sourcePrefix}${currentLocale}`;
+    if (!sourcePrefixes.includes(sourcePrefix)) {
+      if (!loadedKeys.includes(key)) {
+        await loadLocaleAndRegisterLocaleFile(currentLocale, sourcePrefix);
+        thunkAPI.dispatch(loaded({ sourcePrefix, keys: [key] }));
+      }
+    }
+    return key;
+  }
+);
 
 export const LocaleSlice = createSlice({
   name: 'locale',
@@ -56,19 +86,22 @@ export const LocaleSlice = createSlice({
       state.currentLocale = currentLocale;
     },
     loaded(state, action) {
-      state.lastChange = TranslatorContext.context.lastChange;
-      state.loadedKeys = state.loadedKeys.concat(action.payload);
-    },
-    addTranslationSourcePrefix(state, action) {
-      const sourcePrefix = action.payload;
-      if (!state.sourcePrefixes.includes(sourcePrefix)) {
+      const { keys, locale, sourcePrefix } = action.payload;
+      if (sourcePrefix && !state.sourcePrefixes.includes(sourcePrefix)) {
         state.sourcePrefixes = state.sourcePrefixes.concat(sourcePrefix);
       }
+      if (locale && !state.loadedLocales.includes(locale)) {
+        state.loadedLocales = state.loadedLocales.concat(locale);
+      }
+      if (keys) {
+        state.loadedKeys = state.loadedKeys.concat(keys);
+      }
+      state.lastChange = TranslatorContext.context.lastChange;
     },
   },
 });
 
-export const { updateLocale, addTranslationSourcePrefix, loaded } = LocaleSlice.actions;
+export const { updateLocale, loaded } = LocaleSlice.actions;
 
 // Reducer
 export default LocaleSlice.reducer;

package/generators/client/templates/react/webpack/webpack.microfrontend.js.jhi.react.ejs

@@ -36,7 +36,7 @@ const { DefinePlugin } = require('webpack');
         },
 <%_ } _%>
         shared: {
-          ...Object.fromEntries(Object.entries(packageJson.dependencies).map(([module]) => ([module, { singleton: true, shareScope: 'default' }]))),
+          ...Object.fromEntries(Object.entries(packageJson.dependencies).map(([module, version]) => ([module, { requiredVersion: version, singleton: true, shareScope: 'default' }]))),
           'app/config/constants': {
             singleton: true,
             import: 'app/config/constants',

package/generators/client/templates/vue/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.1.2",
-    "@fortawesome/free-solid-svg-icons": "6.1.2",
+    "@fortawesome/fontawesome-svg-core": "6.2.0",
+    "@fortawesome/free-solid-svg-icons": "6.2.0",
     "@fortawesome/vue-fontawesome": "2.0.8",
     "axios": "0.27.2",
     "bootstrap": "4.6.2",
@@ -11,7 +11,7 @@
     "vue-class-component": "7.2.6",
     "vue-cookie": "1.1.4",
     "vue-infinite-loading": "2.4.5",
-    "vue-router": "3.5.4",
+    "vue-router": "3.6.4",
     "vue-i18n": "8.27.2",
     "vue-property-decorator": "9.1.2",
     "vuelidate": "0.7.7",
@@ -20,15 +20,15 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "1.1.4",
-    "@types/jest": "28.1.6",
-    "@types/node": "16.11.47",
+    "@types/jest": "28.1.8",
+    "@types/node": "16.11.56",
     "@types/sinon": "10.0.13",
     "@types/vuelidate": "0.7.15",
     "@vue/eslint-config-prettier": "7.0.0",
     "@vue/eslint-config-typescript": "10.0.0",
-    "@vue/vue2-jest": "28.0.1",
+    "@vue/vue2-jest": "28.1.0",
     "@vue/test-utils": "1.3.0",
-    "axios-mock-adapter": "1.21.1",
+    "axios-mock-adapter": "1.21.2",
     "autoprefixer": "10.4.8",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "11.0.0",
@@ -39,31 +39,31 @@
     "html-webpack-plugin": "5.5.0",
     "jest": "28.1.3",
     "jest-environment-jsdom": "28.1.3",
-    "jest-junit": "14.0.0",
+    "jest-junit": "14.0.1",
     "jest-serializer-vue": "2.0.2",
-    "jest-sonar-reporter": "2.0.0",
+    "jest-sonar": "0.2.12",
     "jest-vue-preprocessor": "1.7.1",
     "merge-jsons-webpack-plugin": "2.0.1",
     "mini-css-extract-plugin": "2.6.1",
     "numeral": "2.0.6",
-    "postcss-import": "14.1.0",
+    "postcss-import": "15.0.0",
     "postcss-loader": "7.0.1",
     "postcss-url": "10.1.3",
     "rimraf": "3.0.2",
-    "sass": "1.54.0",
+    "sass": "1.54.8",
     "sass-loader": "13.0.2",
     "sinon": "14.0.0",
-    "terser-webpack-plugin": "5.3.3",
-    "ts-jest": "28.0.7",
+    "terser-webpack-plugin": "5.3.6",
+    "ts-jest": "28.0.8",
     "ts-loader": "9.3.1",
-    "eslint": "8.20.0",
+    "eslint": "8.23.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-vue": "8.7.1",
-    "typescript": "4.7.4",
+    "typescript": "4.8.2",
     "webpack": "5.74.0",
-    "webpack-bundle-analyzer": "4.5.0",
+    "webpack-bundle-analyzer": "4.6.1",
     "webpack-cli": "4.10.0",
-    "webpack-dev-server": "4.9.3",
+    "webpack-dev-server": "4.10.1",
     "webpack-merge": "5.8.0",
     "workbox-webpack-plugin": "6.5.4",
     "vue-jest": "3.0.7",

package/generators/client/templates/vue/package.json.ejs

@@ -92,7 +92,7 @@
     "jest-environment-jsdom": "<%= dependabotPackageJson.devDependencies['jest-environment-jsdom'] %>",
     "jest-junit": "<%= dependabotPackageJson.devDependencies['jest-junit'] %>",
     "jest-serializer-vue": "<%= dependabotPackageJson.devDependencies['jest-serializer-vue'] %>",
-    "jest-sonar-reporter": "<%= dependabotPackageJson.devDependencies['jest-sonar-reporter'] %>",
+    "jest-sonar": "<%= dependabotPackageJson.devDependencies['jest-sonar'] %>",
 <%_ if (enableTranslation) { _%>
     "folder-hash": "<%= dependabotPackageJson.devDependencies['folder-hash'] %>",
     "merge-jsons-webpack-plugin": "<%= dependabotPackageJson.devDependencies['merge-jsons-webpack-plugin'] %>",
@@ -144,8 +144,8 @@
     "default_environment": "prod"
   },
   "scripts": {
-    "prettier:check": "prettier --check \"{,src/**/,webpack/}*.{<%= getPrettierExtensions() %>}\"",
-    "prettier:format": "prettier --write \"{,src/**/,webpack/}*.{<%= getPrettierExtensions() %>}\"",
+    "prettier:check": "prettier --check \"{,src/**/,webpack/,.blueprint/**/}*.{<%= getPrettierExtensions() %>}\"",
+    "prettier:format": "prettier --write \"{,src/**/,webpack/,.blueprint/**/}*.{<%= getPrettierExtensions() %>}\"",
     "lint": "eslint . --ext .ts,.vue ",
     "lint:fix": "eslint . --ext .ts,.vue --fix",
     "cleanup": "rimraf <%= DIST_DIR %>",
@@ -191,10 +191,6 @@
     "webpack-dev-server": "webpack serve --config webpack/webpack.common.js",
     "webpack": "webpack --config webpack/webpack.common.js"
   },
-  "jestSonar": {
-    "reportPath": "<%= BUILD_DIR %>test-results/jest",
-    "reportFile": "TESTS-results-sonar.xml"
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",

package/generators/client/templates/vue/src/main/webapp/app/core/jhi-navbar/jhi-navbar.component.ts.ejs

@@ -31,7 +31,8 @@ export default class JhiNavbar extends Vue {
 
   created() {
 <%_ if (enableTranslation) { _%>
-    this.translationService().refreshTranslation(this.currentLanguage);
+    const currentLanguage = Object.keys(this.languages).includes(navigator.language) ? navigator.language : this.currentLanguage;
+    this.translationService().refreshTranslation(currentLanguage);
 <%_ } _%>
   }
 

package/generators/client/templates/vue/src/main/webapp/app/core/jhi-navbar/jhi-navbar.vue.ejs

@@ -53,7 +53,7 @@
             <font-awesome-icon icon="users-cog" />
             <span class="no-bold" v-text="$t('global.menu.admin.main')">Administration</span>
           </span>
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
           <b-dropdown-item to="/admin/gateway" active-class="active">
             <font-awesome-icon icon="road" />
             <span v-text="$t('global.menu.admin.gateway')">Gateway</span>

package/generators/client/templates/vue/src/main/webapp/app/main.ts.ejs

@@ -33,7 +33,7 @@ import '../content/scss/vendor.scss';
 <%_ if (enableTranslation) { _%>
 import TranslationService from '@/locale/translation.service';
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { %>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { %>
 import GatewayService from '@/admin/gateway/gateway.service';
 <%_ } _%>
 <%_ if (communicationSpringWebsocket) { _%>
@@ -107,7 +107,7 @@ router.beforeEach(async (to, from, next) => {
     registerService: () => new RegisterService(),
     userManagementService: () => new UserManagementService(),
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { %>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { %>
     gatewayService: () => new GatewayService(),
 <%_ } _%>
 <%_ if (withAdminUi) { _%>

package/generators/client/templates/vue/src/main/webapp/app/router/admin.ts.ejs

@@ -12,7 +12,7 @@ import {Authority} from "@/shared/security/authority";
   const <%= jhiPrefixCapitalized %>LogsComponent = () => import('@/admin/logs/logs.vue');
   const <%= jhiPrefixCapitalized %>MetricsComponent = () => import('@/admin/metrics/metrics.vue');
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
   const <%= jhiPrefixCapitalized %>GatewayComponent = () => import('@/admin/gateway/gateway.vue');
 <%_ } _%>
 <%_ if (communicationSpringWebsocket) { _%>
@@ -78,7 +78,7 @@ export default [
       meta: { authorities: [Authority.ADMIN] }
     },
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
     {
       path: '/admin/gateway',
       name: '<%= jhiPrefixCapitalized %>GatewayComponent',

package/generators/client/templates/vue/src/test/javascript/e2e/modules/administration/administration.spec.ts.ejs

@@ -30,7 +30,7 @@ describe('Administration', () => {
   });
 <%_ } _%>
 
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
   it('should load gateway', async () => {
     const gatewayPage = await navBarPage.getGatewayPage();
     expect(await gatewayPage.title.isDisplayed()).to.be.true;

package/generators/client/templates/vue/src/test/javascript/e2e/page-objects/administration-page.ts.ejs

@@ -88,7 +88,7 @@ export class UserManagementDeletePage {
   okButton: ElementFinder = element(by.id('confirm-delete-user'));
 }
 
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
 export class GatewayPage {
   title: ElementFinder = element(by.id('gateway-page-heading'));
 }

package/generators/client/templates/vue/src/test/javascript/e2e/page-objects/navbar-page.ts.ejs

@@ -8,7 +8,7 @@ import SettingsPage from './settings-page';
 <%_ } _%>
 import {
   ConfigurationsPage,
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
   GatewayPage,
 <%_ } _%>
   HealthPage,
@@ -155,7 +155,7 @@ async getRegisterPage() {
     await waitUntilDisplayed(logsPage.title);
     return logsPage;
   }
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
+<%_ if (applicationTypeGateway && serviceDiscoveryAny) { _%>
 
   async getGatewayPage() {
     await this.clickOnAdminMenuItem('gateway');

package/generators/client/templates/vue/src/test/javascript/jest.conf.js.ejs

@@ -24,10 +24,13 @@ module.exports = {
   },
   reporters: [
     'default',
-    [ 'jest-junit', { outputDirectory: './<%= BUILD_DIR %>test-results/', outputName: 'TESTS-results-jest.xml' } ],
+    ['jest-junit', { outputDirectory: './<%= BUILD_DIR %>test-results/', outputName: 'TESTS-results-jest.xml' }],
+    ['jest-sonar', { outputDirectory: './<%= BUILD_DIR %>test-results/jest', outputName: 'TESTS-results-sonar.xml' }],
   ],
-  testResultsProcessor: 'jest-sonar-reporter',
   testMatch: ['<rootDir>/<%= CLIENT_TEST_SRC_DIR %>spec/**/@(*.)@(spec.ts)'],
+  testEnvironmentOptions: {
+    url: 'https://jhipster.tech',
+  },
   snapshotSerializers: ['jest-serializer-vue'],
   globals: {
 <%_ if (enableTranslation) { _%>
@@ -42,11 +45,7 @@ module.exports = {
   coverageThreshold: {
     global: {
       statements: 80,
-<%_ if (microfrontend) { _%>
-      branches: 57,
-<%_ } else { _%>
       branches: 60,
-<%_ } _%>
       functions: 70,
       lines: 80,
     },

package/generators/client/templates/vue/src/test/javascript/spec/app/account/account.service.spec.ts.ejs

@@ -88,6 +88,8 @@ describe('Account Service test suite', () => {
   });
 
   it('should init service and check for authority after retrieving account', async () => {
+    const reqUrl = 'requrl';
+    sessionStorage.setItem('requested-url', reqUrl);
 <%_ if (authenticationTypeJwt) { _%>
     localStorage.setItem('<%=jhiPrefixDashed %>-authenticationToken', 'token');
 <%_ } %>
@@ -95,6 +97,8 @@ describe('Account Service test suite', () => {
     accountService = await new AccountService(store, <%_ if (enableTranslation) { _%>new TranslationService(store, i18n),<%_ } %><%_ if (authenticationTypeSession || authenticationTypeOauth2) { _%>mockedCookie,<%_ } %> router);
 
     return accountService.hasAnyAuthorityAndCheckAuth('USER').then((value: boolean) => {
+      expect((<any>router).history.current.fullPath).toBe(`/${reqUrl}`);
+      expect(sessionStorage.getItem('requested-url')).toBe(null);
       expect(value).toBe(true);
     });
   });

package/generators/client/templates/vue/src/test/javascript/spec/app/shared/alert/alert.service.spec.ts.ejs

@@ -40,7 +40,7 @@ describe('Alert Service test suite', () => {
     // WHEN
     alertService.showError((<any>vueInstance) as Vue, <% if (enableTranslation) { %>translationKey<%} else {%>message<% } %>);
 
-    //THEN
+    // THEN
     <%_ if (enableTranslation) { _%>
     expect(translationStub.withArgs(translationKey).callCount).toEqual(1);
     <%_ } _%>
@@ -71,7 +71,7 @@ describe('Alert Service test suite', () => {
     // WHEN
     alertService.showHttpError((<any>vueInstance) as Vue, httpErrorResponse);
 
-    //THEN
+    // THEN
     <%_ if (enableTranslation) { _%>
     expect(translationStub.withArgs(translationKey).callCount).toEqual(1);
     <%_ } _%>
@@ -107,7 +107,7 @@ describe('Alert Service test suite', () => {
     // WHEN
     alertService.showHttpError((<any>vueInstance) as Vue, httpErrorResponse);
 
-    //THEN
+    // THEN
     <%_ if (enableTranslation) { _%>
     expect(translationStub.withArgs(translationKey, { entityName: 'DummyEntity' }).callCount).toEqual(1);
     <%_ } _%>
@@ -121,4 +121,107 @@ describe('Alert Service test suite', () => {
       })
     ).toBeTruthy();
   });
+
+  it('should show error toast with data.message when http status = 400 and entity headers', async () => {
+    const message = 'Validation error';
+    const httpErrorResponse = {
+      status: 400,
+      headers: {
+        'x-jhipsterapp-error400': 'error',
+        'x-jhipsterapp-params400': 'dummyEntity',
+      },
+      data: {
+        message,
+        fieldErrors: {
+          'field1': 'error1',
+        },
+      },
+    };
+
+    <%_ if (enableTranslation) { _%>
+    // GIVEN
+    translationStub.withArgs(message).returns(message);
+    <%_ } _%>
+
+    // WHEN
+    alertService.showHttpError((<any>vueInstance) as Vue, httpErrorResponse);
+
+    // THEN
+    <%_ if (enableTranslation) { _%>
+    expect(translationStub.withArgs(message).callCount).toEqual(1);
+    <%_ } _%>
+    expect(
+      toastStub.calledOnceWith(message, {
+        toaster: 'b-toaster-top-center',
+        title: 'Error',
+        variant: 'danger',
+        solid: true,
+        autoHideDelay: 5000,
+      })
+    ).toBeTruthy();
+  });
+
+  it('should show error toast when http status = 404', async () => {
+    <%_ if (enableTranslation) { _%>
+    const translationKey = 'error.http.404';
+    <%_ } _%>
+    const message = 'Not found';
+    const httpErrorResponse = {
+      status: 404,
+    };
+
+    <%_ if (enableTranslation) { _%>
+    // GIVEN
+    translationStub.withArgs(translationKey).returns(message);
+    <%_ } _%>
+
+    // WHEN
+    alertService.showHttpError((<any>vueInstance) as Vue, httpErrorResponse);
+
+    // THEN
+    <%_ if (enableTranslation) { _%>
+    expect(translationStub.withArgs(translationKey).callCount).toEqual(1);
+    <%_ } _%>
+    expect(
+      toastStub.calledOnceWith(message, {
+        toaster: 'b-toaster-top-center',
+        title: 'Error',
+        variant: 'danger',
+        solid: true,
+        autoHideDelay: 5000,
+      })
+    ).toBeTruthy();
+  });
+
+  it('should show error toast when http status != 400,404', async () => {
+    const message = 'Error 500';
+    const httpErrorResponse = {
+      status: 500,
+      data: {
+        message,
+      }
+    };
+
+    <%_ if (enableTranslation) { _%>
+    // GIVEN
+    translationStub.withArgs(message).returns(message);
+    <%_ } _%>
+
+    // WHEN
+    alertService.showHttpError((<any>vueInstance) as Vue, httpErrorResponse);
+
+    // THEN
+    <%_ if (enableTranslation) { _%>
+    expect(translationStub.withArgs(message).callCount).toEqual(1);
+    <%_ } _%>
+    expect(
+      toastStub.calledOnceWith(message, {
+        toaster: 'b-toaster-top-center',
+        title: 'Error',
+        variant: 'danger',
+        solid: true,
+        autoHideDelay: 5000,
+      })
+    ).toBeTruthy();
+  });
 });

package/generators/client/templates/vue/src/test/javascript/spec/app/shared/config/axios-interceptor.spec.ts.ejs

@@ -56,5 +56,17 @@ describe('Axios errors interceptor', () => {
         expect(callback.called).toBeTruthy();
       }
     });
+    it('should not use callback for errors different 50x, 401, 403', async () => {
+      const callback = sinon.spy();
+  
+      setupAxiosConfig.setupAxiosInterceptors(() => {}, callback);
+  
+      try {
+        mock.onGet().reply(402);
+        await axios('/api/test');
+      } catch {
+        expect(callback.called).toBeFalsy();
+      }
+    });
   });
   

package/generators/client/templates/vue/src/test/javascript/spec/app/shared/config/formatter.spec.ts.ejs

@@ -12,4 +12,10 @@ describe('Formatter i18n', () => {
 
     expect(result[0]).toBe('val1');
   });
+
+  it('should not interpolate message without values', () => {
+    const result = formatter.interpolate('this is a text', undefined);
+
+    expect(result[0]).toBe('this is a text');
+  });
 });

package/generators/client/templates/vue/src/test/javascript/spec/app/shared/sort/sorts.spec.ts.ejs

@@ -0,0 +1,10 @@
+import buildPaginationQueryOpts from '@/shared/sort/sorts';
+
+describe('Sort', () => {
+
+  it('should return an empty string if there is no pagination', () => {
+    const result = buildPaginationQueryOpts(undefined);
+
+    expect(result).toBe('');
+  });
+});

package/generators/client/templates/vue/webpack/webpack.common.js.ejs

@@ -156,7 +156,7 @@ module.exports = async (env, options) => {
               globOptions: { ignore: ['**/index.html'] },
             },
             {
-              from: require.resolve('axios/dist/axios.min.js'), 
+              from: require.resolve('axios/dist/axios.min.js'),
               to: 'swagger-ui/',
             },
             { from: './<%= CLIENT_MAIN_SRC_DIR %>swagger-ui/', to: 'swagger-ui/' },

package/generators/client/templates/vue/webpack/webpack.dev.js.ejs

@@ -31,8 +31,8 @@ module.exports = (env, options) => {
     // cheap-module-eval-source-map is faster for development
     devtool: config.dev.devtool,
     output: {
-      filename: 'app/[contenthash].bundle.js',
-      chunkFilename: 'app/[id].chunk.js'
+      filename: 'app/[name].[contenthash].bundle.js',
+      chunkFilename: 'app/[id].[chunkhash].chunk.js'
     },
     optimization: {
       moduleIds: 'named',

package/generators/common/files.js

@@ -46,13 +46,14 @@ const commonFiles = {
           file: 'editorconfig',
           renameTo: () => '.editorconfig',
         },
-        {
-          file: 'sonar-project.properties',
-          renameTo: () => 'sonar-project.properties',
-        },
       ],
     },
   ],
+  sonar: [
+    {
+      templates: ['sonar-project.properties'],
+    },
+  ],
   commitHooks: [
     {
       condition: generator => !generator.skipCommitHook,

package/generators/common/templates/package.json

@@ -3,7 +3,7 @@
     "concurrently": "7.3.0",
     "husky": "7.0.4",
     "lint-staged": "13.0.3",
-    "npm": "8.15.1",
+    "npm": "8.19.1",
     "wait-on": "6.0.1"
   }
 }

package/generators/common/templates/sonar-project.properties.ejs

@@ -1,16 +1,21 @@
 sonar.projectKey=<%= baseName %>
 sonar.projectName=<%= baseName %> generated by jhipster
-sonar.projectVersion=1.0
 
-sonar.sources=<%= MAIN_DIR %>
+# Typescript tests files must be inside sources and tests, othewise `INFO: Test execution data ignored for 80 unknown files, including:` is shown.
+sonar.sources=src
+sonar.tests=src
 sonar.host.url=http://localhost:9001
 
-<%_ if (!skipClient && clientFrameworkAngular) { _%>
+<%_ if (clientFrameworkAny) { _%>
+  <%_ if (clientFrameworkAngular) { _%>
 sonar.test.inclusions=<%= TEST_DIR %>**/*.*, <%= CLIENT_MAIN_SRC_DIR %>app/**/*.spec.ts
-<%_ } else if (!skipClient && clientFrameworkReact) { _%>
+  <%_ } else if (clientFrameworkReact) { _%>
 sonar.test.inclusions=<%= TEST_DIR %>**/*.*, <%= CLIENT_MAIN_SRC_DIR %>app/**/*.spec.ts, <%= CLIENT_MAIN_SRC_DIR %>app/**/*.spec.tsx
+  <%_ } else { _%>
+sonar.test.inclusions=<%= TEST_DIR %>**/*.*
+  <%_ } _%>
 <%_ } else { _%>
-sonar.tests=<%= TEST_DIR %>
+sonar.test.inclusions=<%= TEST_DIR %>**/*.*
 <%_ } _%>
 <%_ if (!skipServer) { _%>
     <%_ if (buildToolMaven) { _%>
@@ -33,21 +38,24 @@ sonar.javascript.lcov.reportPaths=<%_ if (buildToolMaven) { _%>target<%_ } else
 sonar.sourceEncoding=UTF-8
 sonar.exclusions=<%= CLIENT_MAIN_SRC_DIR %>content/**/*.*, <%= CLIENT_MAIN_SRC_DIR %>i18n/*.js, <%= CLIENT_DIST_DIR %>**/*.*
 
-sonar.issue.ignore.multicriteria=<%_ if (!skipServer) { _%>S3437,<% if (authenticationTypeJwt) { %>S4502,<% } %>S4684,UndocumentedApi<%_ } _%>
+sonar.issue.ignore.multicriteria=<%_ if (!skipServer) { _%>S3437,<% if (authenticationTypeJwt) { %>S4502,<% } %>S4684,S5145,UndocumentedApi<%_ } _%>
 
 <%_ if (!skipServer) { _%>
 # Rule https://rules.sonarsource.com/java/RSPEC-3437 is ignored, as a JPA-managed field cannot be transient
 sonar.issue.ignore.multicriteria.S3437.resourceKey=<%= MAIN_DIR %>java/**/*
 sonar.issue.ignore.multicriteria.S3437.ruleKey=squid:S3437
-# Rule https://rules.sonarsource.com/java/RSPEC-1176 is ignored, as we want to follow "clean code" guidelines and classes, methods and arguments names should be self-explanatory
-sonar.issue.ignore.multicriteria.UndocumentedApi.resourceKey=<%= MAIN_DIR %>java/**/*
-sonar.issue.ignore.multicriteria.UndocumentedApi.ruleKey=squid:UndocumentedApi
-<%_ if (authenticationTypeJwt) { _%>
+  <%_ if (authenticationTypeJwt) { _%>
 # Rule https://rules.sonarsource.com/java/RSPEC-4502 is ignored, as for JWT tokens we are not subject to CSRF attack
 sonar.issue.ignore.multicriteria.S4502.resourceKey=<%= MAIN_DIR %>java/**/*
 sonar.issue.ignore.multicriteria.S4502.ruleKey=java:S4502
-<%_ } _%>
+  <%_ } _%>
 # Rule https://rules.sonarsource.com/java/RSPEC-4684
 sonar.issue.ignore.multicriteria.S4684.resourceKey=<%= MAIN_DIR %>java/**/*
 sonar.issue.ignore.multicriteria.S4684.ruleKey=java:S4684
+# Rule https://rules.sonarsource.com/java/RSPEC-5145 log filter is applied
+sonar.issue.ignore.multicriteria.S5145.resourceKey=<%= MAIN_DIR %>java/**/*
+sonar.issue.ignore.multicriteria.S5145.ruleKey=javasecurity:S5145
+# Rule https://rules.sonarsource.com/java/RSPEC-1176 is ignored, as we want to follow "clean code" guidelines and classes, methods and arguments names should be self-explanatory
+sonar.issue.ignore.multicriteria.UndocumentedApi.resourceKey=<%= MAIN_DIR %>java/**/*
+sonar.issue.ignore.multicriteria.UndocumentedApi.ruleKey=squid:UndocumentedApi
 <%_ } _%>