generator-jhipster 7.7.0 → 7.8.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![NPM version][npm-image]][npm-url] [![Downloads][npmcharts-image]][npmcharts-url] [![Gitter][gitter-badge-image]][gitter-badge-url] [![Known Vulnerabilities][snyk-image]][snyk-url]
 
-[![Generator Build Status][github-actions-generator-image]][github-actions-url] [![Angular Build Status][github-actions-angular-image]][github-actions-url] [![React Build Status][github-actions-react-image]][github-actions-url] [![Vue Build Status][github-actions-vue-image]][github-actions-url] [![Webflux Build Status][github-actions-webflux-image]][github-actions-url] [![Revved up by Gradle Enterprise](https://img.shields.io/badge/Revved%20up%20by-Gradle%20Enterprise-06A0CE?logo=Gradle&labelColor=02303A)](https://ge.jhipster.tech/scans)
+[![Generator Build Status][github-actions-generator-image]][github-actions-url] [![Angular Build Status][github-actions-angular-image]][github-actions-url] [![React Build Status][github-actions-react-image]][github-actions-url] [![Vue Build Status][github-actions-vue-image]][github-actions-url] [![Revved up by Gradle Enterprise](https://img.shields.io/badge/Revved%20up%20by-Gradle%20Enterprise-06A0CE?logo=Gradle&labelColor=02303A)](https://ge.jhipster.tech/scans)
 
 Greetings, Java Hipster!
 
@@ -133,7 +133,6 @@ Additional builds at [hipster-labs/jhipster-daily-builds](https://github.com/hip
 [github-actions-angular-image]: https://github.com/jhipster/generator-jhipster/workflows/Angular/badge.svg
 [github-actions-react-image]: https://github.com/jhipster/generator-jhipster/workflows/React/badge.svg
 [github-actions-vue-image]: https://github.com/jhipster/generator-jhipster/workflows/Vue/badge.svg
-[github-actions-webflux-image]: https://github.com/jhipster/generator-jhipster/workflows/Webflux/badge.svg
 [github-actions-url]: https://github.com/jhipster/generator-jhipster/actions
 [backers-image]: https://opencollective.com/generator-jhipster/tiers/backer.svg?avatarHeight=70&width=890
 [backers-url]: https://opencollective.com/generator-jhipster

package/generators/app/index.js

@@ -280,6 +280,16 @@ module.exports = class JHipsterAppGenerator extends BaseBlueprintGenerator {
       type: Boolean,
     });
 
+    this.option('cache-provider', {
+      desc: 'Cache provider',
+      type: String,
+    });
+
+    this.option('enable-hibernate-cache', {
+      desc: 'Enable hibernate cache',
+      type: Boolean,
+    });
+
     // Just constructing help, stop here
     if (this.options.help) {
       return;

package/generators/ci-cd/index.js

@@ -234,7 +234,7 @@ module.exports = class extends BaseBlueprintGenerator {
           this.template('azure-pipelines.yml.ejs', 'azure-pipelines.yml');
         }
         if (this.pipeline === 'github') {
-          this.template('github-actions.yml.ejs', '.github/workflows/github-actions.yml');
+          this.template('github-actions.yml.ejs', '.github/workflows/main.yml');
         }
 
         if (this.cicdIntegrations.includes('deploy')) {

package/generators/ci-cd/templates/github-actions.yml.ejs

@@ -24,7 +24,7 @@ jobs:
         name: "Gradle Wrapper Validation"
         runs-on: ubuntu-latest
         steps:
-            - uses: actions/checkout@v2
+            - uses: actions/checkout@v3
             - uses: gradle/wrapper-validation-action@v1
 <%_ } _%>
     pipeline:
@@ -52,14 +52,14 @@ if (!databaseTypeNo && !skipServer ) { _%>
             GRADLE_ENTERPRISE_ACCESS_KEY: ${{secrets.GRADLE_ENTERPRISE_ACCESS_KEY}}
 <%_ } _%>
         steps:
-            - uses: actions/checkout@v2
+            - uses: actions/checkout@v3
 <%_ if (!skipClient) { _%>
-            - uses: actions/setup-node@v1
+            - uses: actions/setup-node@v3
               with:
                   node-version: <%= NODE_VERSION %>
 <%_ }
 if (!skipServer) { _%>
-            - uses: actions/setup-java@v2
+            - uses: actions/setup-java@v3
               with:
                   distribution: 'temurin'
                   java-version: <%= JAVA_VERSION %>

package/generators/client/files-common.js

@@ -63,13 +63,12 @@ const files = {
       templates: ['content/scss/rtl.scss'],
     },
     {
-      condition: generator => generator.microfrontend && generator.clientFrameworkVue,
+      condition: generator => generator.microfrontend && (generator.clientFrameworkVue || generator.clientFrameworkReact),
       templates: ['webpack/webpack.microfrontend.js.jhi'],
     },
   ],
   swagger: [
     {
-      condition: generator => !generator.applicationTypeMicroservice || generator.microfrontend,
       path: CLIENT_MAIN_SRC_DIR,
       templates: ['swagger-ui/index.html', { file: 'swagger-ui/dist/images/throbber.gif', method: 'copy' }],
     },

package/generators/client/files-react.js

@@ -76,7 +76,7 @@ const files = {
     {
       condition: generator => generator.enableTranslation,
       path: REACT_DIR,
-      templates: ['config/translation.ts'],
+      templates: ['config/translation.ts', 'config/translation-middleware.ts'],
     },
     {
       condition: generator => generator.websocket === SPRING_WEBSOCKET,
@@ -91,7 +91,11 @@ const files = {
   reactEntities: [
     {
       path: REACT_DIR,
-      templates: [{ file: 'entities/index.tsx', method: 'processJsx' }],
+      templates: [
+        'entities/reducers.ts',
+        { file: 'entities/menu.tsx', method: 'processJsx' },
+        { file: 'entities/routes.tsx', method: 'processJsx' },
+      ],
     },
   ],
   reactMain: [
@@ -263,6 +267,22 @@ const files = {
       ],
     },
   ],
+  microfrontend: [
+    {
+      condition: generator => generator.microfrontend,
+      templates: ['webpack/webpack.microfrontend.js.jhi.react'],
+    },
+    {
+      condition: generator => generator.microfrontend,
+      path: REACT_DIR,
+      templates: ['main.tsx', 'shared/error/error-loading.tsx'],
+    },
+    {
+      condition: generator => generator.microfrontend && generator.applicationTypeGateway,
+      path: CLIENT_MAIN_SRC_DIR,
+      templates: ['microfrontends/entities-menu.tsx', 'microfrontends/entities-routes.tsx'],
+    },
+  ],
   clientTestFw: [
     {
       path: REACT_DIR,
@@ -349,6 +369,9 @@ function cleanup() {
   if (this.isJhipsterVersionLessThan('7.4.1')) {
     this.removeFile('.npmrc');
   }
+  if (this.isJhipsterVersionLessThan('7.7.1')) {
+    this.removeFile(`${CLIENT_MAIN_SRC_DIR}app/entities/index.tsx`);
+  }
 }
 
 function writeFiles() {

package/generators/client/index.js

@@ -408,7 +408,7 @@ module.exports = class JHipsterClientGenerator extends BaseBlueprintGenerator {
         if (this.clientFrameworkAngular) {
           const conditional = this.applicationTypeMicroservice ? "targetOptions.target === 'serve' ? {} : " : '';
           this.addWebpackConfig(`${conditional}require('./webpack.microfrontend')(config, options, targetOptions)`);
-        } else if (this.clientFrameworkVue) {
+        } else if (this.clientFrameworkVue || this.clientFrameworkReact) {
           this.addWebpackConfig("require('./webpack.microfrontend')({ serve: options.env.WEBPACK_SERVE })");
         } else {
           throw new Error(`Client framework ${this.clientFramework} doesn't support microfrontends`);

package/generators/client/needle-api/needle-client-react.js

@@ -29,20 +29,20 @@ module.exports = class extends needleClientBase {
 
   addEntityToMenu(routerName, enableTranslation, entityTranslationKeyMenu, entityTranslationValue = _.startCase(routerName)) {
     const errorMessage = `${chalk.yellow('Reference to ') + routerName} ${chalk.yellow('not added to menu.\n')}`;
-    const entityMenuPath = `${this.CLIENT_MAIN_SRC_DIR}app/shared/layout/menus/entities.tsx`;
+    const entityMenuPath = `${this.CLIENT_MAIN_SRC_DIR}app/entities/menu.tsx`;
     const entityEntry =
       // prettier-ignore
       this.generator.stripMargin(`|<MenuItem icon="asterisk" to="/${routerName}">
-                        |      ${enableTranslation ? `<Translate contentKey="global.menu.entities.${entityTranslationKeyMenu}" />` : `${entityTranslationValue}`}
-                        |    </MenuItem>`);
+                        |        ${enableTranslation ? `<Translate contentKey="global.menu.entities.${entityTranslationKeyMenu}" />` : `${entityTranslationValue}`}
+                        |      </MenuItem>`);
     const rewriteFileModel = this.generateFileModel(entityMenuPath, 'jhipster-needle-add-entity-to-menu', entityEntry);
 
     this.addBlockContentToFile(rewriteFileModel, errorMessage);
   }
 
   addEntityToModule(entityInstance, entityClass, entityName, entityFolderName, entityFileName) {
-    const indexModulePath = `${this.CLIENT_MAIN_SRC_DIR}app/entities/index.tsx`;
-    const indexReducerPath = `${this.CLIENT_MAIN_SRC_DIR}app/shared/reducers/index.ts`;
+    const indexModulePath = `${this.CLIENT_MAIN_SRC_DIR}app/entities/routes.tsx`;
+    const indexReducerPath = `${this.CLIENT_MAIN_SRC_DIR}app/entities/reducers.ts`;
 
     const errorMessage = path =>
       `${chalk.yellow('Reference to ') + entityInstance + entityClass + entityFolderName + entityFileName} ${chalk.yellow(
@@ -59,15 +59,18 @@ module.exports = class extends needleClientBase {
     const indexAddRoutePathRewriteFileModel = this.generateFileModel(
       indexModulePath,
       'jhipster-needle-add-route-path',
-      this.generator.stripMargin(`|<ErrorBoundaryRoute path={\`\${match.url}${entityFileName}\`} component={${entityName}} />`)
+      this.generator.stripMargin(
+        `|<ErrorBoundaryRoute path={\`\${match.url}${
+          this.generator.microfrontend && this.generator.applicationTypeMicroservice ? '/' : ''
+        }${entityFileName}\`} component={${entityName}} />`
+      )
     );
     this.addBlockContentToFile(indexAddRoutePathRewriteFileModel, errorMessage(indexModulePath));
 
     const reducerAddImportRewriteFileModel = this.generateFileModel(
       indexReducerPath,
       'jhipster-needle-add-reducer-import', // prettier-ignore
-      this.generator.stripMargin(`|// prettier-ignore
-                    |import ${entityInstance} from 'app/entities/${entityFolderName}/${entityFileName}.reducer';`)
+      this.generator.stripMargin(`import ${entityInstance} from 'app/entities/${entityFolderName}/${entityFileName}.reducer';`)
     );
     this.addBlockContentToFile(reducerAddImportRewriteFileModel, errorMessage(indexReducerPath));
 

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

@@ -51,15 +51,7 @@
               "<%= MAIN_SRC_DIR %>content",
               "<%= MAIN_SRC_DIR %>favicon.ico",
               "<%= MAIN_SRC_DIR %>manifest.webapp",
-              "<%= MAIN_SRC_DIR %>robots.txt",
-              {
-                "glob": "*.{js,css,html,png}",
-                "input": "./node_modules/swagger-ui-dist",
-                "output": "swagger-ui",
-                "ignore": ["**/index.html"]
-              },
-              { "glob": "axios.min.js", "input": "./node_modules/axios/dist", "output": "swagger-ui" },
-              { "glob": "**/*", "input": "<%= MAIN_SRC_DIR %>swagger-ui/", "output": "swagger-ui" }
+              "<%= MAIN_SRC_DIR %>robots.txt"
             ],
             "styles": ["<%= MAIN_SRC_DIR %>content/scss/vendor.scss", "<%= MAIN_SRC_DIR %>content/scss/global.scss"],
             "scripts": []

package/generators/client/templates/angular/jest.conf.js.ejs

@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-const { pathsToModuleNameMapper } = require('ts-jest/utils')
+const { pathsToModuleNameMapper } = require('ts-jest')
 
 const { compilerOptions: { paths = {}, baseUrl = './' } } = require('./tsconfig.json');
 const environment = require('./webpack/environment');

package/generators/client/templates/angular/package.json

@@ -1,36 +1,35 @@
 {
   "dependencies": {
-    "@angular/common": "13.2.4",
-    "@fortawesome/angular-fontawesome": "0.10.1",
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
-    "@fortawesome/free-solid-svg-icons": "6.0.0",
-    "@ng-bootstrap/ng-bootstrap": "12.0.0",
+    "@angular/common": "13.3.1",
+    "@fortawesome/angular-fontawesome": "0.10.2",
+    "@fortawesome/fontawesome-svg-core": "6.1.1",
+    "@fortawesome/free-solid-svg-icons": "6.1.1",
+    "@ng-bootstrap/ng-bootstrap": "12.0.1",
     "@ngx-translate/core": "14.0.0",
     "@ngx-translate/http-loader": "7.0.0",
-    "@popperjs/core": "2.11.2",
+    "@popperjs/core": "2.11.4",
     "bootstrap": "5.1.3",
     "bootswatch": "5.1.3",
     "ngx-cookie-service": "13.1.2",
-    "ngx-infinite-scroll": "10.0.1",
+    "ngx-infinite-scroll": "13.0.1",
     "ngx-webstorage": "9.0.0",
-    "rxjs": "7.5.4",
-    "swagger-ui-dist": "4.5.2",
+    "rxjs": "7.5.5",
     "tslib": "2.3.1",
     "zone.js": "0.11.4"
   },
   "devDependencies": {
-    "@angular/cli": "13.2.5",
+    "@angular/cli": "13.3.1",
     "@angular-builders/custom-webpack": "13.1.0",
     "@angular-builders/jest": "13.0.3",
     "@angular-eslint/eslint-plugin": "13.1.0",
     "@types/node": "16.11.26",
     "@types/jest": "27.4.1",
-    "@typescript-eslint/eslint-plugin": "5.12.1",
-    "browser-sync": "2.27.7",
+    "@typescript-eslint/eslint-plugin": "5.17.0",
+    "browser-sync": "2.27.9",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "10.2.4",
-    "eslint": "8.9.0",
-    "eslint-config-prettier": "8.4.0",
+    "eslint": "8.12.0",
+    "eslint-config-prettier": "8.5.0",
     "eslint-webpack-plugin": "3.1.1",
     "folder-hash": "4.0.2",
     "jest": "27.5.1",
@@ -39,11 +38,11 @@
     "jest-junit": "13.0.0",
     "jest-sonar-reporter": "2.0.0",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "postcss-rtlcss": "3.5.2",
+    "postcss-rtlcss": "3.5.4",
     "rimraf": "3.0.2",
-    "ts-jest": "27.1.3",
-    "typescript": "4.5.5",
-    "webpack": "5.69.1",
+    "ts-jest": "27.1.4",
+    "typescript": "4.6.3",
+    "webpack": "5.70.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-merge": "5.8.0",
     "webpack-notifier": "1.15.0"

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

@@ -55,7 +55,6 @@
     "ngx-webstorage": "<%= dependabotPackageJson.dependencies['ngx-webstorage'] %>",
     "@popperjs/core": "<%= dependabotPackageJson.dependencies['@popperjs/core'] %>",
     "rxjs": "<%= dependabotPackageJson.dependencies['rxjs'] %>",
-    "swagger-ui-dist": "<%= dependabotPackageJson.dependencies['swagger-ui-dist'] %>",
     <%_ if (websocket === 'spring-websocket') { _%>
     "sockjs-client": "1.5.0",
     "webstomp-client": "1.2.6",
@@ -127,6 +126,7 @@
     "postcss-rtlcss": "<%= dependabotPackageJson.devDependencies['postcss-rtlcss'] %>",
 <%_ } _%>
     "rimraf": "<%= dependabotPackageJson.devDependencies['rimraf'] %>",
+    "swagger-ui-dist": "<%= dependabotPackageJson.devDependencies['swagger-ui-dist'] %>",
     "ts-jest": "<%= dependabotPackageJson.devDependencies['ts-jest'] %>",
     "typescript": "<%= dependabotPackageJson.devDependencies['typescript'] %>",
     "webpack-bundle-analyzer": "<%= dependabotPackageJson.devDependencies['webpack-bundle-analyzer'] %>",

package/generators/client/templates/angular/src/main/webapp/app/admin/user-management/list/user-management.component.ts.ejs

@@ -72,7 +72,7 @@ export class UserManagementComponent implements OnInit {
     this.userService.update({ ...user, activated: isActivated }).subscribe(() => this.loadAll());
   }
 
-  trackIdentity(index: number, item: User): <%= getTypescriptKeyType(user.primaryKey.type) %> {
+  trackIdentity(_index: number, item: User): <%= getTypescriptKeyType(user.primaryKey.type) %> {
     return item.id!;
   }
 

package/generators/client/templates/angular/src/main/webapp/app/core/util/data-util.service.ts.ejs

@@ -116,7 +116,7 @@ export class DataUtils {
     const fileReader: FileReader = new FileReader();
     fileReader.onload = (e: ProgressEvent<FileReader>) => {
       if (typeof e.target?.result === 'string') {
-        const base64Data: string = e.target.result.substr(e.target.result.indexOf('base64,') + 'base64,'.length);
+        const base64Data: string = e.target.result.substring(e.target.result.indexOf('base64,') + 'base64,'.length);
         callback(base64Data);
       }
     };

package/generators/client/templates/angular/src/main/webapp/app/core/util/parse-links.service.ts.ejs

@@ -50,7 +50,7 @@ export class ParseLinks {
 
       url.replace(
         /([^?=&]+)(=([^&]*))?/g,
-        ($0: string, $1: string | undefined, $2: string | undefined, $3: string | undefined) => {
+        (_$0: string, $1: string | undefined, _$2: string | undefined, $3: string | undefined) => {
           if ($1 !== undefined) {
             queryString[$1] = $3;
           }

package/generators/client/templates/angular/webpack/webpack.custom.js.ejs

@@ -35,7 +35,6 @@ const ESLintPlugin = require('eslint-webpack-plugin');
 const environment = require('./environment');
 const proxyConfig = require('./proxy.conf');
 
-
 module.exports = async (config, options, targetOptions) => {
 <%_ if (enableTranslation) { _%>
   const languagesHash = await hashElement(path.resolve(__dirname, '../<%= MAIN_SRC_DIR %>i18n'), {
@@ -111,6 +110,18 @@ module.exports = async (config, options, targetOptions) => {
   }
 
   const patterns = [
+    {
+      // https://github.com/swagger-api/swagger-ui/blob/v4.6.1/swagger-ui-dist-package/README.md
+      context: require('swagger-ui-dist').getAbsoluteFSPath(),
+      from: '*.{js,css,html,png}',
+      to: 'swagger-ui/',
+      globOptions: { ignore: ['**/index.html'] },
+    },
+    {
+      from: require.resolve('axios/dist/axios.min.js'), 
+      to: 'swagger-ui/',
+    },
+    { from: './<%= CLIENT_MAIN_SRC_DIR %>swagger-ui/', to: 'swagger-ui/' },
     // jhipster-needle-add-assets-to-webpack - JHipster will add/remove third-party resources in this array
   ];
 

package/generators/client/templates/common/package.json

@@ -1,15 +1,16 @@
 {
   "devDependencies": {
     "@cypress/code-coverage": "3.9.12",
-    "babel-loader": "8.2.3",
+    "babel-loader": "8.2.4",
     "babel-plugin-istanbul": "6.1.1",
-    "cypress": "9.5.0",
-    "eslint-plugin-cypress": "2.12.1",
+    "cypress": "9.5.3",
     "cypress-audit": "1.1.0",
-    "lighthouse": "9.4.0",
-    "nyc": "15.1.0"
+    "eslint-plugin-cypress": "2.12.1",
+    "lighthouse": "9.5.0",
+    "nyc": "15.1.0",
+    "swagger-ui-dist": "4.10.0"
   },
   "dependencies": {
-    "dayjs": "1.10.7"
+    "dayjs": "1.11.0"
   }
 }

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

@@ -34,6 +34,8 @@ module.exports = ({ serve }) => {
   return {
     optimization: {
       moduleIds: 'named',
+      chunkIds: 'named',
+      runtimeChunk: false,
     },
     plugins: [
       new ModuleFederationPlugin({
@@ -49,8 +51,5 @@ module.exports = ({ serve }) => {
     output: {
       publicPath: 'auto',
     },
-    optimization: {
-      runtimeChunk: false,
-    },
   };
 };

package/generators/client/templates/react/.eslintrc.json.ejs

@@ -34,7 +34,7 @@
     "ecmaFeatures": {
       "jsx": true
     },
-    "project": "./<% if (protractorTests) { %>tsconfig.e2e.json<% } else { %>tsconfig.json<% } %>"
+    "project": "./<% if (protractorTests) { %>tsconfig.e2e.json<% } else { %>tsconfig.test.json<% } %>"
   },
   "settings": {
     "react": {

package/generators/client/templates/react/jest.conf.js.ejs

@@ -1,4 +1,4 @@
-const tsconfig = require('./tsconfig.json');
+const tsconfig = require('./tsconfig.test.json');
 
 module.exports = {
   testEnvironment: 'jsdom',

package/generators/client/templates/react/package.json

@@ -1,20 +1,20 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
-    "@fortawesome/free-solid-svg-icons": "6.0.0",
-    "@fortawesome/react-fontawesome": "0.1.17",
-    "@reduxjs/toolkit": "1.7.2",
-    "axios": "0.26.0",
+    "@fortawesome/fontawesome-svg-core": "6.1.1",
+    "@fortawesome/free-solid-svg-icons": "6.1.1",
+    "@fortawesome/react-fontawesome": "0.1.18",
+    "@reduxjs/toolkit": "1.8.1",
+    "axios": "0.26.1",
     "bootstrap": "5.1.3",
     "bootswatch": "5.1.3",
     "lodash": "4.17.21",
     "path-browserify": "1.0.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-hook-form": "7.27.1",
-    "react-jhipster": "0.19.0",
+    "react-hook-form": "7.29.0",
+    "react-jhipster": "0.20.0",
     "react-loadable": "5.5.0",
-    "react-redux": "7.2.6",
+    "react-redux": "7.2.7",
     "react-redux-loading-bar": "5.0.2",
     "react-router-dom": "5.3.0",
     "react-toastify": "8.2.0",
@@ -27,29 +27,29 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@testing-library/react": "12.1.3",
+    "@testing-library/react": "12.1.4",
     "@types/jest": "27.4.1",
-    "@types/lodash": "4.14.178",
+    "@types/lodash": "4.14.181",
     "@types/node": "16.11.26",
-    "@types/react": "17.0.39",
-    "@types/react-dom": "17.0.11",
-    "@types/react-redux": "7.1.22",
+    "@types/react": "17.0.43",
+    "@types/react-dom": "17.0.14",
+    "@types/react-redux": "7.1.23",
     "@types/react-router-dom": "5.3.3",
     "@types/redux": "3.6.31",
     "@types/webpack-env": "1.16.3",
-    "@typescript-eslint/eslint-plugin": "5.12.1",
-    "@typescript-eslint/parser": "5.12.1",
-    "autoprefixer": "10.4.2",
-    "browser-sync": "2.27.7",
+    "@typescript-eslint/eslint-plugin": "5.17.0",
+    "@typescript-eslint/parser": "5.17.0",
+    "autoprefixer": "10.4.4",
+    "browser-sync": "2.27.9",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "10.2.4",
     "core-js": "3.21.1",
     "cross-env": "7.0.3",
-    "css-loader": "6.6.0",
+    "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "3.4.1",
-    "eslint": "8.9.0",
-    "eslint-config-prettier": "8.4.0",
-    "eslint-plugin-react": "7.28.0",
+    "eslint": "8.12.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-react": "7.29.4",
     "eslint-webpack-plugin": "3.1.1",
     "folder-hash": "4.0.2",
     "fork-ts-checker-webpack-plugin": "7.2.1",
@@ -60,30 +60,29 @@
     "jest-sonar-reporter": "2.0.0",
     "json-loader": "0.5.7",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "mini-css-extract-plugin": "2.5.3",
+    "mini-css-extract-plugin": "2.6.0",
     "postcss-loader": "6.2.1",
-    "postcss-rtlcss": "3.5.2",
+    "postcss-rtlcss": "3.5.4",
     "react-infinite-scroll-component": "6.1.0",
     "redux-mock-store": "1.5.4",
     "rimraf": "3.0.2",
-    "sass": "1.49.9",
+    "sass": "1.49.10",
     "sass-loader": "12.6.0",
     "simple-progress-webpack-plugin": "2.0.0",
     "sinon": "13.0.1",
     "source-map-loader": "3.0.1",
     "sourcemap-istanbul-instrumenter-loader": "0.2.0",
     "style-loader": "3.3.1",
-    "swagger-ui-dist": "4.5.2",
     "terser-webpack-plugin": "5.3.1",
     "thread-loader": "3.0.4",
-    "ts-jest": "27.1.3",
-    "ts-loader": "9.2.6",
-    "typescript": "4.5.5",
-    "webpack": "5.69.1",
+    "ts-jest": "27.1.4",
+    "ts-loader": "9.2.8",
+    "typescript": "4.6.3",
+    "webpack": "5.70.0",
     "webpack-cli": "4.9.2",
     "webpack-dev-server": "4.7.4",
     "webpack-merge": "5.8.0",
     "webpack-notifier": "1.15.0",
-    "workbox-webpack-plugin": "6.5.0"
+    "workbox-webpack-plugin": "6.5.2"
   }
-}
+}

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

@@ -212,6 +212,7 @@
     "test": "<%= clientPackageManager %> run jest --",
     "test-ci": "<%= clientPackageManager %> run lint && <%= clientPackageManager %> run jest:update --",
     "test:watch": "<%= clientPackageManager %> run jest -- --watch",
+    "watch": "concurrently 'npm run start' npm:backend:start",
     "webapp:build": "<%= clientPackageManager %> run clean-www && <%= clientPackageManager %> run webapp:build:dev --",
     "webapp:build:dev": "webpack --config webpack/webpack.dev.js --env stats=minimal",
     "webapp:build:prod": "webpack --config webpack/webpack.prod.js --progress=profile",

package/generators/client/templates/react/src/main/webapp/app/app.scss.ejs

@@ -21,7 +21,7 @@
 @import "~bootswatch/dist/<%= clientTheme %>/variables";
 <%_ } _%>
 // Import Bootstrap source files from node_modules
-@import "node_modules/bootstrap/scss/bootstrap";
+@import "~bootstrap/scss/bootstrap";
 <%_ if (!clientThemeNone) { _%>
 @import "~bootswatch/dist/<%= clientTheme %>/bootswatch";
 <%_ } _%>