generator-jhipster 7.7.0 → 7.8.0

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

@@ -18,8 +18,16 @@
 -%>
 {
   "extends": "./tsconfig",
+  "include": ["<%= MAIN_SRC_DIR %>app", "<%= MAIN_SRC_DIR %>microfrontend"],
   "compilerOptions": {
-    "module": "commonjs",
+    "paths": {
+<%_ if (microfrontend && applicationTypeGateway) { _%>
+  <%_ for (const remote of microfrontends) { _%>
+      "@<%= remote.lowercaseBaseName %>/*": ["<%= CLIENT_MAIN_SRC_DIR %>microfrontends/*"],
+  <%_ } _%>
+<%_ } _%>
+      "app/*": ["<%= CLIENT_MAIN_SRC_DIR %>app/*"]
+   },
     "types": ["jest", "webpack-env"]
   }
 }

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

@@ -113,17 +113,6 @@ return merge(
   stats: {
     children: false
   },
-  optimization: {
-    splitChunks: {
-      cacheGroups: {
-        commons: {
-          test: /[\\/]node_modules[\\/]/,
-          name: 'vendors',
-          chunks: 'all'
-        }
-      }
-    }
-  },
   plugins: [
     new webpack.EnvironmentPlugin({
       // react-jhipster requires LOG_LEVEL config.
@@ -145,12 +134,16 @@ return merge(
       patterns: [
 <%_ if (applicationTypeGateway || applicationTypeMonolith) { _%>
         {
-          context: './node_modules/swagger-ui-dist/',
+          // 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: './node_modules/axios/dist/axios.min.js', to: 'swagger-ui/' },
+        {
+          from: require.resolve('axios/dist/axios.min.js'), 
+          to: 'swagger-ui/',
+        },
         { from: './<%= MAIN_SRC_DIR %>swagger-ui/', to: 'swagger-ui/' },
 <%_ } _%>
         { from: './<%= MAIN_SRC_DIR %>content/', to: 'content/' },

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

@@ -36,12 +36,12 @@ module.exports = async (options) => webpackMerge(await commonConfig({ env: ENV }
   devtool: 'cheap-module-source-map', // https://reactjs.org/docs/cross-origin-errors.html
   mode: ENV,
   entry: [
-    './<%= CLIENT_MAIN_SRC_DIR %>app/index'
+    './<%= CLIENT_MAIN_SRC_DIR %>app/<%= microfrontend ? 'main' : 'index' %>'
   ],
   output: {
     path: utils.root('<%= DIST_DIR %>'),
-    filename: 'app/[name].bundle.js',
-    chunkFilename: 'app/[id].chunk.js'
+    filename: '[name].[contenthash:8].js',
+    chunkFilename: '[name].[chunkhash:8].chunk.js'
   },
   optimization: {
     moduleIds: 'named',
@@ -72,7 +72,7 @@ module.exports = async (options) => webpackMerge(await commonConfig({ env: ENV }
     ]
   },
   devServer: {
-    hot: true,
+    hot: <%= !microfrontend %>,
     static: {
       directory: './<%= DIST_DIR %>',
     },
@@ -88,14 +88,14 @@ module.exports = async (options) => webpackMerge(await commonConfig({ env: ENV }
         '/login',<% } %>
         '/auth'
       ],
-      target: `http${options.tls ? 's' : ''}://localhost:<%= serverPort %>`,
+      target: `http${options.tls ? 's' : ''}://localhost:<%= applicationTypeMicroservice ? gatewayServerPort : serverPort %>`,
       secure: false,
       changeOrigin: options.tls
     }<% if (communicationSpringWebsocket) { %>,{
       context: [
         '/websocket'
       ],
-      target: 'ws://127.0.0.1:<%= serverPort %>',
+      target: 'ws://127.0.0.1:<%= applicationTypeMicroservice ? gatewayServerPort : serverPort %>',
       ws: true
     }<% } %>],
     https: options.tls,
@@ -114,7 +114,7 @@ module.exports = async (options) => webpackMerge(await commonConfig({ env: ENV }
         host: 'localhost',
         port: 9000,
         proxy: {
-          target: `http${options.tls ? 's' : ''}://localhost:<%= devServerPort %>`,
+          target: `http${options.tls ? 's' : ''}://localhost:${options.watch ? '<%= this.applicationTypeMicroservice ? gatewayServerPort : serverPort %>' : '<%= devServerPort %>'}`,
           ws: true,
           proxyOptions: {
               changeOrigin: false  //pass the Host header to the backend unchanged  https://github.com/Browsersync/browser-sync/issues/430
@@ -135,7 +135,6 @@ module.exports = async (options) => webpackMerge(await commonConfig({ env: ENV }
     }, {
       reload: false
     }),
-    new webpack.HotModuleReplacementPlugin(),
     new WebpackNotifierPlugin({
       title: '<%= humanizedBaseName %>',
       contentImage: path.join(__dirname, 'logo-jhipster.png')

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

@@ -0,0 +1,99 @@
+<%#
+ Copyright 2013-2021 the original author or authors from the JHipster project.
+
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
+<&_ if (fragment.importsSection) { -&>
+<%_ if (applicationTypeMicroservice) { _%>
+const { DefinePlugin } = require('webpack');
+<%_ } _%>
+<&_ } -&>
+<&_ if (fragment.moduleFederationSection) { -&>
+<%_ if (applicationTypeGateway) { _%>
+        remotes: {
+  <%_ for (const remote of remotes) { _%>
+          '@<%= remote.lowercaseBaseName %>': `<%= remote.lowercaseBaseName %>@/<%= remote.endpointPrefix %>/remoteEntry.js`,
+  <%_ } _%>
+        },
+<%_ } _%>
+<%_ if (applicationTypeMicroservice) { _%>
+        exposes: {
+          './entities-menu': './<%= CLIENT_MAIN_SRC_DIR %>app/entities/menu',
+          './entities-routes': './<%= CLIENT_MAIN_SRC_DIR %>app/entities/routes',
+        },
+<%_ } _%>
+        shared: {
+          ...Object.fromEntries(Object.entries(packageJson.dependencies).map(([module]) => ([module, { singleton: true, shareScope: 'default' }]))),
+          'app/config/constants': {
+            singleton: true,
+            import: 'app/config/constants',
+            requiredVersion: appVersion,
+          },
+          'app/config/store': {
+            singleton: true,
+            import: 'app/config/store',
+            requiredVersion: appVersion,
+          },
+          'app/shared/error/error-boundary-route': {
+            singleton: true,
+            import: 'app/shared/error/error-boundary-route',
+            requiredVersion: appVersion,
+          },
+          'app/shared/layout/menus/menu-components': {
+            singleton: true,
+            import: 'app/shared/layout/menus/menu-components',
+            requiredVersion: appVersion,
+          },
+          'app/shared/layout/menus/menu-item': {
+            singleton: true,
+            import: 'app/shared/layout/menus/menu-item',
+            requiredVersion: appVersion,
+          },
+          'app/shared/reducers': {
+            singleton: true,
+            import: 'app/shared/reducers',
+            requiredVersion: appVersion,
+          },
+          'app/shared/reducers/locale': {
+            singleton: true,
+            import: 'app/shared/reducers/locale',
+            requiredVersion: appVersion,
+          },
+          'app/shared/reducers/reducer.utils': {
+            singleton: true,
+            import: 'app/shared/reducers/reducer.utils',
+            requiredVersion: appVersion,
+          },
+          'app/shared/util/date-utils': {
+            singleton: true,
+            import: 'app/shared/util/date-utils',
+            requiredVersion: appVersion,
+          },
+          'app/shared/util/entity-utils': {
+            singleton: true,
+            import: 'app/shared/util/entity-utils',
+            requiredVersion: appVersion,
+          },
+        },
+<&_ } -&>
+<&_ if (fragment.pluginsSection) { -&>
+<%_ if (applicationTypeMicroservice) { _%>
+      new DefinePlugin({
+        <%= _.upperCase(baseName) %>_I18N_RESOURCES_PREFIX: JSON.stringify(''),
+      }),
+<%_ } _%>
+<&_ } -&>
+

package/generators/client/templates/react/webpack/webpack.prod.js.ejs

@@ -36,12 +36,12 @@ module.exports = async () => webpackMerge(await commonConfig({ env: ENV }), {
   // devtool: 'source-map', // Enable source maps. Please note that this will slow down the build
   mode: ENV,
   entry: {
-    main: './<%= MAIN_SRC_DIR %>app/index'
+    main: './<%= MAIN_SRC_DIR %>app/<%= microfrontend ? 'main' : 'index' %>'
   },
   output: {
     path: utils.root('<%= DIST_DIR %>'),
-    filename: 'app/[name].[contenthash].bundle.js',
-    chunkFilename: 'app/[name].[chunkhash].chunk.js'
+    filename: '[name].[contenthash:8].js',
+    chunkFilename: '[name].[chunkhash:8].chunk.js'
   },
   module: {
     rules: [
@@ -77,30 +77,40 @@ module.exports = async () => webpackMerge(await commonConfig({ env: ENV }), {
     runtimeChunk: false,
     minimizer: [
       new TerserPlugin({
-        parallel: true,
-        // sourceMap: true, // Enable source maps. Please note that this will slow down the build
         terserOptions: {
-          ecma: 6,
-          toplevel: true,
-          module: true,
+          parse: {
+            // We want terser to parse ecma 8 code. However, we don't want it
+            // to apply any minification steps that turns valid ecma 5 code
+            // into invalid ecma 5 code. This is why the 'compress' and 'output'
+            // sections only apply transformations that are ecma 5 safe
+            // https://github.com/facebook/create-react-app/pull/4234
+            ecma: 8,
+          },
           compress: {
+            ecma: 5,
             warnings: false,
-            ecma: 6,
-            module: true,
-            toplevel: true
+            // Disabled because of an issue with Uglify breaking seemingly valid code:
+            // https://github.com/facebook/create-react-app/issues/2376
+            // Pending further investigation:
+            // https://github.com/mishoo/UglifyJS2/issues/2011
+            comparisons: false,
+            // Disabled because of an issue with Terser breaking valid code:
+            // https://github.com/facebook/create-react-app/issues/5250
+            // Pending further investigation:
+            // https://github.com/terser-js/terser/issues/120
+            inline: 2,
+          },
+          mangle: {
+            safari10: true,
           },
           output: {
-              comments: false,
-              beautify: false,
-              indent_level: 2,
-              ecma: 6
+            ecma: 5,
+            comments: false,
+            // Turned on because emoji and regex is not minified properly using default
+            // https://github.com/facebook/create-react-app/issues/2488
+            ascii_only: true,
           },
-          mangle: {
-            keep_fnames: true,
-            module: true,
-            toplevel: true
-          }
-        }
+        },
       }),
       new CssMinimizerPlugin({
         parallel: true,

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

@@ -1,26 +1,25 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.3.0",
-    "@fortawesome/free-solid-svg-icons": "6.0.0",
+    "@fortawesome/fontawesome-svg-core": "6.1.1",
+    "@fortawesome/free-solid-svg-icons": "6.1.1",
     "@fortawesome/vue-fontawesome": "2.0.6",
-    "axios": "0.26.0",
+    "axios": "0.26.1",
     "bootstrap": "4.6.1",
     "bootstrap-vue": "2.21.2",
     "bootswatch": "5.1.3",
-    "swagger-ui-dist": "4.5.2",
     "vue": "2.6.14",
     "vue-class-component": "7.2.6",
     "vue-cookie": "1.1.4",
     "vue-infinite-loading": "2.4.5",
     "vue-router": "3.5.3",
-    "vue-i18n": "8.27.0",
+    "vue-i18n": "8.27.1",
     "vue-property-decorator": "9.1.2",
     "vuelidate": "0.7.7",
     "vuex": "3.6.2",
     "vue2-filters": "0.14.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "1.1.0",
+    "@rushstack/eslint-patch": "1.1.1",
     "@types/jest": "27.4.1",
     "@types/node": "16.11.26",
     "@types/sinon": "10.0.11",
@@ -30,10 +29,10 @@
     "@vue/vue2-jest": "27.0.0-alpha.3",
     "@vue/test-utils": "1.3.0",
     "axios-mock-adapter": "1.20.0",
-    "autoprefixer": "10.4.2",
+    "autoprefixer": "10.4.4",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "10.2.4",
-    "css-loader": "6.6.0",
+    "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "3.4.1",
     "folder-hash": "4.0.2",
     "fork-ts-checker-webpack-plugin": "7.2.1",
@@ -44,28 +43,28 @@
     "jest-sonar-reporter": "2.0.0",
     "jest-vue-preprocessor": "1.7.1",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "mini-css-extract-plugin": "2.5.3",
+    "mini-css-extract-plugin": "2.6.0",
     "numeral": "2.0.6",
-    "postcss-import": "14.0.2",
+    "postcss-import": "14.1.0",
     "postcss-loader": "6.2.1",
     "postcss-url": "10.1.3",
     "rimraf": "3.0.2",
-    "sass": "1.49.9",
+    "sass": "1.49.10",
     "sass-loader": "12.6.0",
     "sinon": "13.0.1",
     "terser-webpack-plugin": "5.3.1",
-    "ts-jest": "27.1.3",
-    "ts-loader": "9.2.6",
-    "eslint": "8.9.0",
+    "ts-jest": "27.1.4",
+    "ts-loader": "9.2.8",
+    "eslint": "8.12.0",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-vue": "8.5.0",
-    "typescript": "4.5.5",
-    "webpack": "5.69.1",
+    "typescript": "4.6.3",
+    "webpack": "5.70.0",
     "webpack-bundle-analyzer": "4.5.0",
     "webpack-cli": "4.9.2",
     "webpack-dev-server": "4.7.4",
     "webpack-merge": "5.8.0",
-    "workbox-webpack-plugin": "6.5.0",
+    "workbox-webpack-plugin": "6.5.2",
     "vue-jest": "3.0.7",
     "vue-loader": "15.9.8"
   }

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

@@ -36,7 +36,6 @@
     "bootswatch": "<%= dependabotPackageJson.dependencies['bootswatch'] %>",
 <%_ } _%>
     "dayjs": "<%= dependabotPackageJson.dependencies['dayjs'] %>",
-    "swagger-ui-dist": "<%= dependabotPackageJson.dependencies['swagger-ui-dist'] %>",
 <%_ if (communicationSpringWebsocket) { _%>
     "sockjs-client": "1.5.2",
     "@stomp/rx-stomp": "1.1.4",
@@ -115,6 +114,7 @@
     "sass": "<%= dependabotPackageJson.devDependencies['sass'] %>",
     "sass-loader": "<%= dependabotPackageJson.devDependencies['sass-loader'] %>",
     "sinon": "<%= dependabotPackageJson.devDependencies['sinon'] %>",
+    "swagger-ui-dist": "<%= dependabotPackageJson.devDependencies['swagger-ui-dist'] %>",
     "terser-webpack-plugin": "<%= dependabotPackageJson.devDependencies['terser-webpack-plugin'] %>",
     "ts-jest": "<%= dependabotPackageJson.devDependencies['ts-jest'] %>",
     "ts-loader": "<%= dependabotPackageJson.devDependencies['ts-loader'] %>",

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

@@ -58,6 +58,7 @@ export default class JhiNavbar extends Vue {
     return this.loginService().logout().then(response => {
       this.$store.commit('logout');
   <%_ if (authenticationTypeOauth2) { _%>
+      window.location.href = response.data.logoutUrl;
       const next = response.data?.logoutUrl ?? '/';
       if (this.$route.path !== next) {
         return this.$router.push(next);

package/generators/client/templates/vue/src/main/webapp/app/shared/data/data-utils.service.ts.ejs

@@ -67,7 +67,7 @@ export default class JhiDataUtils extends Vue {
     const fileReader = new FileReader();
     fileReader.readAsDataURL(file);
     fileReader.onload = (e: any) => {
-      const base64Data = e.target.result.substr(e.target.result.indexOf('base64,') + 'base64,'.length);
+      const base64Data = e.target.result.substring(e.target.result.indexOf('base64,') + 'base64,'.length);
       cb(base64Data);
     };
   }

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

@@ -1,4 +1,4 @@
-const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const { pathsToModuleNameMapper } = require('ts-jest');
 const config = require('../../../webpack/config');
 const { compilerOptions: { paths = {}, baseUrl = './' } } = require('../../../tsconfig.json');
 
@@ -27,7 +27,7 @@ module.exports = {
   ],
   testResultsProcessor: 'jest-sonar-reporter',
   testMatch: ['<rootDir>/<%= CLIENT_TEST_SRC_DIR %>spec/**/@(*.)@(spec.ts)'],
-  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
+  snapshotSerializers: ['jest-serializer-vue'],
   globals: {
 <%_ if (enableTranslation) { _%>
     I18N_HASH: 'generated_hash',

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

@@ -11,9 +11,6 @@
         "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
         "lib": ["es7", "dom"],
-        "typeRoots": [
-            "node_modules/@types"
-        ],
         "paths": {
             "@/*": ["*"]
         },

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

@@ -149,12 +149,16 @@ module.exports = async (env, options) => {
         new CopyWebpackPlugin({
           patterns: [
             {
-              context: './node_modules/swagger-ui-dist/',
+              // 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: './node_modules/axios/dist/axios.min.js', to: 'swagger-ui/' },
+            {
+              from: require.resolve('axios/dist/axios.min.js'), 
+              to: 'swagger-ui/',
+            },
             { from: './<%= CLIENT_MAIN_SRC_DIR %>swagger-ui/', to: 'swagger-ui/' },
             { from: './<%= CLIENT_MAIN_SRC_DIR %>content/', to: 'content/' },
             { from: './<%= CLIENT_MAIN_SRC_DIR %>favicon.ico', to: 'favicon.ico' },

package/generators/common/templates/package.json

@@ -2,8 +2,8 @@
   "devDependencies": {
     "concurrently": "7.0.0",
     "husky": "7.0.4",
-    "lint-staged": "12.3.4",
-    "npm": "8.4.1",
+    "lint-staged": "12.3.7",
+    "npm": "8.6.0",
     "wait-on": "6.0.1"
   }
 }

package/generators/docker-compose/index.js

@@ -20,6 +20,7 @@ const chalk = require('chalk');
 const shelljs = require('shelljs');
 const jsyaml = require('js-yaml');
 const pathjs = require('path');
+const normalize = require('normalize-path');
 
 const BaseDockerGenerator = require('../generator-base-docker');
 const { INITIALIZING_PRIORITY, PROMPTING_PRIORITY, CONFIGURING_PRIORITY, LOADING_PRIORITY, PREPARING_PRIORITY, WRITING_PRIORITY } =
@@ -29,7 +30,7 @@ const writeFiles = require('./files').writeFiles;
 const { GATEWAY, MONOLITH } = require('../../jdl/jhipster/application-types');
 const { PROMETHEUS } = require('../../jdl/jhipster/monitoring-types');
 const { EUREKA } = require('../../jdl/jhipster/service-discovery-types');
-const { CASSANDRA, COUCHBASE, MARIADB, MONGODB, ORACLE } = require('../../jdl/jhipster/database-types');
+const { CASSANDRA, COUCHBASE, MONGODB, ORACLE } = require('../../jdl/jhipster/database-types');
 const { ELASTICSEARCH } = require('../../jdl/jhipster/search-engine-types');
 const { KAFKA } = require('../../jdl/jhipster/message-broker-types');
 const { MEMCACHED, REDIS } = require('../../jdl/jhipster/cache-types');
@@ -175,11 +176,12 @@ module.exports = class extends BaseDockerGenerator {
           // Add database configuration
           const database = appConfig.prodDatabaseType;
           if (database !== NO_DATABASE && database !== ORACLE) {
-            const relativePath = pathjs.relative(this.destinationRoot(), `${path}/src/main/docker`);
+            const relativePath = normalize(pathjs.relative(this.destinationRoot(), `${path}/src/main/docker`));
             const databaseYaml = jsyaml.load(this.fs.read(`${path}/src/main/docker/${database}.yml`));
             const databaseServiceName = `${lowercaseBaseName}-${database}`;
             let databaseYamlConfig = databaseYaml.services[databaseServiceName];
-            if (database !== MARIADB) delete databaseYamlConfig.ports;
+            // Don't export database ports
+            delete databaseYamlConfig.ports;
 
             if (database === CASSANDRA) {
               // node config
@@ -191,9 +193,11 @@ module.exports = class extends BaseDockerGenerator {
               const cassandraMigrationYaml = jsyaml.load(this.fs.read(`${path}/src/main/docker/cassandra-migration.yml`));
               const cassandraMigrationConfig = cassandraMigrationYaml.services[`${databaseServiceName}-migration`];
               cassandraMigrationConfig.build.context = relativePath;
-              const createKeyspaceScript = cassandraClusterYaml.services[`${databaseServiceName}-migration`].environment[0];
+              const createKeyspaceScript = cassandraClusterYaml.services[`${databaseServiceName}-migration`].environment.find(envVariable =>
+                envVariable.includes('CREATE_KEYSPACE_SCRIPT')
+              );
               cassandraMigrationConfig.environment.push(createKeyspaceScript);
-              const cqlFilesRelativePath = pathjs.relative(this.destinationRoot(), `${path}/src/main/resources/config/cql`);
+              const cqlFilesRelativePath = normalize(pathjs.relative(this.destinationRoot(), `${path}/src/main/resources/config/cql`));
               cassandraMigrationConfig.volumes[0] = `${cqlFilesRelativePath}:/cql:ro`;
 
               parentConfiguration[`${databaseServiceName}-migration`] = cassandraMigrationConfig;

package/generators/entity/index.js

@@ -72,16 +72,14 @@ const { IMAGE, TEXT } = BlobTypes;
 
 const { PaginationTypes, ServiceTypes } = require('../../jdl/jhipster/entity-options');
 
-const { PAGINATION } = PaginationTypes;
-const NO_PAGINATION = PaginationTypes.NO;
-const NO_SERVICE = ServiceTypes.NO;
+const { NO: NO_PAGINATION } = PaginationTypes;
+const { NO: NO_SERVICE } = ServiceTypes;
 
 const { MAX, MIN, MAXLENGTH, MINLENGTH, MAXBYTES, MINBYTES, PATTERN } = require('../../jdl/jhipster/validations');
 
 /* constants used throughout */
-const SUPPORTED_VALIDATION_RULES = constants.SUPPORTED_VALIDATION_RULES;
+const { SUPPORTED_VALIDATION_RULES, JHIPSTER_CONFIG_DIR } = constants;
 const ANGULAR = constants.SUPPORTED_CLIENT_FRAMEWORKS.ANGULAR;
-const JHIPSTER_CONFIG_DIR = constants.JHIPSTER_CONFIG_DIR;
 
 class EntityGenerator extends BaseBlueprintGenerator {
   constructor(args, options, features) {
@@ -810,6 +808,12 @@ class EntityGenerator extends BaseBlueprintGenerator {
         this.context.otherEntities = _.uniq(this.context.relationships.map(rel => rel.otherEntity));
       },
 
+      checkUpdatableEntity() {
+        this.context.updatableEntity =
+          this.context.fields.some(field => !field.id && !field.transient) ||
+          this.context.relationships.some(relationship => !relationship.id && relationship.ownerSide);
+      },
+
       processOtherReferences() {
         this.context.otherReferences = this.context.otherRelationships.map(relationship => relationship.reference);
         this.context.allReferences
@@ -837,6 +841,7 @@ class EntityGenerator extends BaseBlueprintGenerator {
       processEntityPrimaryKeysDerivedProperties() {
         if (!this.context.primaryKey) return;
         derivedPrimaryKeyProperties(this.context.primaryKey);
+        this._checkPersistableInterfaceRequirement();
       },
 
       processPrimaryKeyTypesForRelations() {
@@ -852,24 +857,30 @@ class EntityGenerator extends BaseBlueprintGenerator {
        * Process relationships that should be loaded eagerly.
        */
       processEagerLoadRelationships() {
-        this.context.relationships
-          .filter(relationship => relationship.relationshipEagerLoad === undefined)
-          .forEach(relationship => {
+        this.context.relationships.forEach(relationship => {
+          if (relationship.otherEntity.embedded) {
+            relationship.bagRelationship = false;
+            relationship.relationshipEagerLoad = false;
+            return;
+          }
+          relationship.bagRelationship = relationship.ownerSide && relationship.collection;
+          if (relationship.relationshipEagerLoad === undefined) {
             relationship.relationshipEagerLoad =
-              !relationship.embedded &&
-              (this.context.eagerLoad ||
-                (this.context.paginate !== PAGINATION &&
-                  relationship.ownerSide &&
-                  // Fetch relationships if otherEntityField differs otherwise the id is enough
-                  (relationship.collection || relationship.otherEntity.primaryKey.name !== relationship.otherEntityField))) &&
-              // Neo4j & Couchbase eagerly loads relations by default
-              ![NEO4J, COUCHBASE, CASSANDRA].includes(this.context.databaseType);
-            relationship.bagRelationship = relationship.relationshipEagerLoad && relationship.collection;
-          });
+              relationship.bagRelationship ||
+              this.context.eagerLoad ||
+              // Fetch relationships if otherEntityField differs otherwise the id is enough
+              (relationship.ownerSide && relationship.otherEntity.primaryKey.name !== relationship.otherEntityField);
+          }
+        });
         this.context.relationshipsContainEagerLoad = this.context.relationships.some(relationship => relationship.relationshipEagerLoad);
+        this.context.containsBagRelationships = this.context.relationships.some(relationship => relationship.bagRelationship);
+        this.context.implementsEagerLoadApis = // Cassandra doesn't provides *WithEagerReationships apis
+          ![CASSANDRA, COUCHBASE].includes(this.context.databaseType) &&
+          // Only sql and mongodb provides *WithEagerReationships apis for imperative implementation
+          (this.context.reactive || [SQL, MONGODB].includes(this.context.databaseType)) &&
+          this.context.relationshipsContainEagerLoad;
         this.context.eagerRelations = this.context.relationships.filter(rel => rel.relationshipEagerLoad);
         this.context.regularEagerRelations = this.context.eagerRelations.filter(rel => rel.id !== true);
-        this.context.containsBagRelationships = this.context.relationships.some(relationship => relationship.bagRelationship);
 
         this.context.reactiveEagerRelations = this.context.relationships.filter(
           rel => rel.relationshipType === 'many-to-one' || (rel.relationshipType === 'one-to-one' && rel.ownerSide === true)
@@ -1142,6 +1153,10 @@ class EntityGenerator extends BaseBlueprintGenerator {
   _derivedCompositePrimaryKeyProperties(types) {
     this.context.otherEntityPrimaryKeyTypesIncludesUUID = types.includes(UUID);
   }
+
+  _checkPersistableInterfaceRequirement() {
+    this.context.requiresPersistableImplementation = this.context.fields.some(field => field.requiresPersistableImplementation);
+  }
 }
 
 module.exports = EntityGenerator;

package/generators/entity-client/index.js

@@ -53,6 +53,13 @@ module.exports = class extends BaseBlueprintGenerator {
       async loadNativeLanguage() {
         await this._loadEntityClientTranslations(this.entity, this.jhipsterConfig);
       },
+      async prepareReact() {
+        const entity = this.entity;
+        if (!entity.clientFrameworkReact) return;
+        entity.entityReactState = entity.applicationTypeMonolith
+          ? entity.entityInstance
+          : `${entity.lowercaseBaseName}.${entity.entityInstance}`;
+      },
     };
   }
 
@@ -157,6 +164,7 @@ module.exports = class extends BaseBlueprintGenerator {
   _postWriting() {
     return {
       addToMenu() {
+        if (this.skipClient || (this.microfrontend && this.applicationTypeGateway && this.microserviceName)) return undefined;
         return addToMenu.call(this);
       },
 

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

@@ -63,7 +63,7 @@ export class <%= entityAngularName %>Component implements OnInit {
 <%_ } _%>
 
 <%_ if (primaryKey) { _%>
-    track<%= primaryKey.nameCapitalized %>(index: number, item: I<%= entityAngularName %>): <%= primaryKey.tsType %> {
+    track<%= primaryKey.nameCapitalized %>(_index: number, item: I<%= entityAngularName %>): <%= primaryKey.tsType %> {
         return item.<%= primaryKey.name %>!;
     }