generator-jhipster 8.5.0 → 8.7.0

package/dist/generators/maven/support/pom-file-sort.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright 2013-2024 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.
+ */
+import { XMLBuilder, XMLParser } from 'fast-xml-parser';
+import { defaultXmlBuildOptions, defaultXmlParserOptions } from '../internal/xml-store.js';
+import { formatPomFirstLevel, sortPomProject } from '../internal/pom-sort.js';
+export const sortPomFile = (pomFile, { xmlParserOptions, xmlBuildOptions } = {}) => {
+    const parser = new XMLParser({ ...defaultXmlParserOptions, ...xmlParserOptions });
+    const pomObject = parser.parse(pomFile);
+    pomObject.project = sortPomProject(pomObject.project);
+    const builder = new XMLBuilder({ ...defaultXmlBuildOptions, ...xmlBuildOptions });
+    return formatPomFirstLevel(builder.build(pomObject));
+};

package/dist/generators/maven/support/pom-store.js

@@ -16,61 +16,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { set, get } from 'lodash-es';
-import sortKeys from 'sort-keys';
+import { get, set } from 'lodash-es';
 import XmlStorage from '../internal/xml-store.js';
-const rootOrder = [
-    'modelVersion',
-    'groupId',
-    'artifactId',
-    'version',
-    'packaging',
-    'name',
-    'description',
-    'parent',
-    'repositories',
-    'pluginRepositories',
-    'distributionManagement',
-    'properties',
-    'dependencyManagement',
-    'dependencies',
-    'build',
-    'profiles',
-];
-const propertiesOrder = [
-    'maven.version',
-    'java.version',
-    'node.version',
-    'npm.version',
-    'project.build.sourceEncoding',
-    'project.reporting.outputEncoding',
-    'maven.build.timestamp.format',
-    'maven.compiler.source',
-    'maven.compiler.target',
-    'start-class',
-    'argLine',
-    'm2e.apt.activation',
-    'run.addResources',
-    'jhipster-dependencies.version',
-    'spring-boot.version',
-];
-const formatFirstXmlLevel = content => content.replace(/(\n {4}<(?:groupId|distributionManagement|repositories|pluginRepositories|properties|dependencyManagement|dependencies|build|profiles)>)/g, '\n$1');
-const isComment = name => name.startsWith('#');
-const toMaxInt = nr => (nr === -1 ? Number.MAX_SAFE_INTEGER : nr);
-const sortWithTemplate = (template, a, b) => {
-    if (isComment(a))
-        return -1;
-    if (isComment(b))
-        return 1;
-    const indexOfA = toMaxInt(template.findIndex(item => item === a));
-    const indexOfB = toMaxInt(template.findIndex(item => item === b));
-    if (indexOfA === indexOfB) {
-        return a.localeCompare(b);
-    }
-    return indexOfA - indexOfB;
-};
-const comparator = (order) => (a, b) => sortWithTemplate(order, a, b);
-const sortProperties = properties => sortKeys(properties, { compare: comparator(propertiesOrder) });
+import { formatPomFirstLevel, sortPomProject } from '../internal/pom-sort.js';
 const artifactEquals = (a, b) => {
     return a.groupId === b.groupId && a.artifactId === b.artifactId;
 };
@@ -114,22 +62,6 @@ const ensureProfile = (project, profileId) => {
     const profileArray = ensureChildIsArray(project, 'profiles.profile');
     return appendOrGet(profileArray, { id: profileId }, idEquals);
 };
-const groupIdOrder = ['tech.jhipster', 'org.springframework.boot', 'org.springframework.security', 'org.springdoc'];
-const sortArtifacts = (artifacts) => artifacts.sort((a, b) => {
-    if (a.groupId !== b.groupId) {
-        if (a.groupId === undefined) {
-            return -1;
-        }
-        if (b.groupId === undefined) {
-            return 1;
-        }
-        const groupIdCompared = sortWithTemplate(groupIdOrder, a.groupId, b.groupId);
-        if (groupIdCompared)
-            return groupIdCompared;
-    }
-    return a.artifactId.localeCompare(b.artifactId);
-});
-const sortProfiles = (profiles) => profiles.sort((a, b) => a.id.localeCompare(b.id));
 const ensureChildPath = (node, childPath) => {
     let child = get(node, childPath);
     if (child)
@@ -158,8 +90,8 @@ const ensureChild = (current, ...childPath) => {
 const reorderArtifact = ({ groupId, artifactId, inProfile, version, ...rest }) => ({ inProfile, groupId, artifactId, version, ...rest });
 const reorderDependency = ({ groupId, artifactId, inProfile, version, type, scope, classifier, ...rest }) => ({ inProfile, groupId, artifactId, version, type, scope, classifier, ...rest });
 export default class PomStorage extends XmlStorage {
-    constructor({ saveFile, loadFile }) {
-        super({ saveFile, loadFile });
+    constructor({ saveFile, loadFile, sortFile }) {
+        super({ saveFile, loadFile, sortFile });
     }
     addProperty({ inProfile, property, value = null }) {
         const node = this.getNode({ nodePath: 'properties', profile: inProfile });
@@ -251,26 +183,7 @@ export default class PomStorage extends XmlStorage {
     }
     sort() {
         if (this.store.project) {
-            const project = sortKeys(this.store.project, { compare: comparator(rootOrder) });
-            this.store.project = project;
-            if (project.properties) {
-                project.properties = sortProperties(project.properties);
-            }
-            if (Array.isArray(project.dependencies?.dependency)) {
-                project.dependencies.dependency = sortArtifacts(project.dependencies.dependency);
-            }
-            if (Array.isArray(project.dependencyManagement?.dependencies?.dependency)) {
-                project.dependencyManagement.dependencies.dependency = sortArtifacts(project.dependencyManagement.dependencies.dependency);
-            }
-            if (Array.isArray(project.build?.plugins?.plugin)) {
-                project.build.plugins.plugin = sortArtifacts(project.build.plugins.plugin);
-            }
-            if (Array.isArray(project.build?.pluginManagement?.plugins?.plugin)) {
-                project.build.pluginManagement.plugins.plugin = sortArtifacts(project.build.pluginManagement.plugins.plugin);
-            }
-            if (Array.isArray(project.profiles?.profile)) {
-                project.profiles.profile = sortProfiles(project.profiles.profile);
-            }
+            this.store.project = sortPomProject(this.store.project);
         }
     }
 }
@@ -280,11 +193,12 @@ const emptyPomFile = `<?xml version="1.0" encoding="UTF-8"?>
     <modelVersion>4.0.0</modelVersion>
 </project>
 `;
-export const createPomStorage = (generator) => {
+export const createPomStorage = (generator, { sortFile } = {}) => {
     const loadFile = () => generator.readDestination('pom.xml', { defaults: emptyPomFile })?.toString() ?? '';
     const pomStorage = new PomStorage({
         loadFile,
-        saveFile: content => generator.writeDestination('pom.xml', formatFirstXmlLevel(content)),
+        saveFile: content => generator.writeDestination('pom.xml', formatPomFirstLevel(content)),
+        sortFile,
     });
     generator.fs.store.on('change', filename => {
         if (filename === generator.destinationPath('pom.xml')) {

package/dist/generators/maven/templates/.mvn/wrapper/maven-wrapper.properties

@@ -15,4 +15,4 @@
 # specific language governing permissions and limitations
 # under the License.
 wrapperVersion=3.3.2
-distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.9.7/apache-maven-3.9.7-bin.zip
+distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.9.9/apache-maven-3.9.9-bin.zip

package/dist/generators/project-name/command.js

@@ -1,21 +1,3 @@
-/**
- * Copyright 2013-2024 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.
- */
 import { BASE_NAME, BASE_NAME_DESCRIPTION } from './constants.js';
 const command = {
     options: {

package/dist/generators/project-name/generator.js

@@ -16,12 +16,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable consistent-return */
-import { defaults, kebabCase, upperFirst, camelCase, startCase } from 'lodash-es';
-import { getDefaultAppName } from './support/index.js';
+import { camelCase, defaults, kebabCase, startCase, upperFirst } from 'lodash-es';
 import BaseApplicationGenerator from '../base-application/index.js';
-import { BASE_NAME } from './constants.js';
 import { getHipster } from '../base/support/index.js';
+import { getDefaultAppName } from './support/index.js';
+import { BASE_NAME } from './constants.js';
 import { validateProjectName } from './support/name-resolver.js';
 /**
  * @class
@@ -38,9 +37,6 @@ export default class ProjectNameGenerator extends BaseApplicationGenerator {
     }
     get initializing() {
         return this.asInitializingTaskGroup({
-            async parseCommand() {
-                await this.parseCurrentJHipsterCommand();
-            },
             parseOptions() {
                 if (this.options.defaults) {
                     if (!this.jhipsterConfig.baseName) {

package/dist/generators/project-name/support/index.js

@@ -16,5 +16,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-// eslint-disable-next-line import/prefer-default-export
 export { default as getDefaultAppName } from './name-resolver.js';

package/dist/generators/react/application/entities/index.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/prefer-default-export
 export function prepareEntity({ entity, application }) {
     entity.entityReactState = application.applicationTypeMonolith
         ? entity.entityInstance

package/dist/generators/react/entity-files-react.js

@@ -16,7 +16,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { clientApplicationTemplatesBlock, filterEntitiesAndPropertiesForClient, filterEntitiesForClient } from '../client/support/index.js';
+import { clientApplicationTemplatesBlock } from '../client/support/index.js';
 export const reactFiles = {
     client: [
         {
@@ -48,16 +48,16 @@ export const reactFiles = {
         },
     ],
 };
-export async function writeEntitiesFiles({ application, entities }) {
-    for (const entity of filterEntitiesAndPropertiesForClient(entities).filter(entity => !entity.builtInUser)) {
+export async function writeEntitiesFiles({ control, application, entities }) {
+    for (const entity of (control.filterEntitiesAndPropertiesForClient ?? (entities => entities))(entities).filter(entity => !entity.builtInUser)) {
         await this.writeFiles({
             sections: reactFiles,
             context: { ...application, ...entity },
         });
     }
 }
-export async function postWriteEntitiesFiles({ application, entities }) {
-    for (const entity of filterEntitiesForClient(entities).filter(entity => !entity.builtInUser)) {
+export async function postWriteEntitiesFiles({ control, application, entities }) {
+    for (const entity of (control.filterEntitiesForClient ?? (entities => entities))(entities).filter(entity => !entity.builtInUser)) {
         if (!entity.embedded) {
             const { entityInstance, entityClass, entityAngularName, entityFolderName, entityFileName } = entity;
             const { applicationTypeMicroservice, clientSrcDir } = application;
@@ -69,8 +69,8 @@ export async function postWriteEntitiesFiles({ application, entities }) {
         }
     }
 }
-export function cleanupEntitiesFiles({ application, entities }) {
-    for (const entity of filterEntitiesForClient(entities).filter(entity => !entity.builtInUser)) {
+export function cleanupEntitiesFiles({ control, application, entities }) {
+    for (const entity of (control.filterEntitiesForClient ?? (entities => entities))(entities).filter(entity => !entity.builtInUser)) {
         const { entityFolderName, entityFileName } = entity;
         if (this.isJhipsterVersionLessThan('7.0.0-beta.1')) {
             this.removeFile(`${application.clientTestDir}spec/app/entities/${entityFolderName}/${entityFileName}-reducer.spec.ts`);

package/dist/generators/react/files-react.js

@@ -16,13 +16,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { asWriteFilesSection } from '../base-application/support/index.js';
 import { clientApplicationTemplatesBlock, clientRootTemplatesBlock, clientSrcTemplatesBlock } from '../client/support/files.js';
-export const files = {
+export const files = asWriteFilesSection({
     common: [
         clientRootTemplatesBlock({
             templates: [
+                { sourceFile: 'eslint.config.js.jhi.react', destinationFile: ctx => `${ctx.eslintConfigFile}.jhi.react` },
                 'package.json',
-                '.eslintrc.json',
                 'tsconfig.json',
                 'tsconfig.test.json',
                 'jest.conf.js',
@@ -185,7 +186,7 @@ export const files = {
             ],
         },
         {
-            condition: generator => generator.applicationTypeGateway && generator.serviceDiscoveryAny,
+            condition: ctx => ctx.applicationTypeGateway && ctx.gatewayServicesApiAvailable,
             ...clientApplicationTemplatesBlock(),
             templates: ['modules/administration/gateway/gateway.tsx'],
         },
@@ -303,7 +304,7 @@ export const files = {
             templates: ['shared/reducers/user-management.spec.ts'],
         },
     ],
-};
+});
 export async function writeFiles({ application }) {
     if (!application.clientFrameworkReact)
         return;

package/dist/generators/react/generator.js

@@ -21,34 +21,32 @@ import chalk from 'chalk';
 import { camelCase, startCase } from 'lodash-es';
 import BaseApplicationGenerator from '../base-application/index.js';
 import { GENERATOR_CLIENT, GENERATOR_LANGUAGES, GENERATOR_REACT } from '../generator-list.js';
-import { writeEntitiesFiles, postWriteEntitiesFiles, cleanupEntitiesFiles } from './entity-files-react.js';
+import { clientFrameworkTypes, fieldTypes } from '../../jdl/jhipster/index.js';
+import { generateEntityClientImports as formatEntityClientImports, generateEntityClientEnumImports as getClientEnumImportsFormat, generateEntityClientFields as getHydratedEntityClientFields, generateTestEntityId as getTestEntityId, generateTestEntityPrimaryKey as getTestEntityPrimaryKey, } from '../client/support/index.js';
+import { createNeedleCallback, upperFirstCamelCase } from '../base/support/index.js';
+import { writeEslintClientRootConfigFile } from '../javascript/generators/eslint/support/tasks.js';
+import { cleanupEntitiesFiles, postWriteEntitiesFiles, writeEntitiesFiles } from './entity-files-react.js';
 import cleanupOldFilesTask from './cleanup.js';
 import { writeFiles } from './files-react.js';
 import { prepareEntity } from './application/entities/index.js';
-import { fieldTypes, clientFrameworkTypes } from '../../jdl/jhipster/index.js';
-import { generateEntityClientEnumImports as getClientEnumImportsFormat, generateEntityClientFields as getHydratedEntityClientFields, generateEntityClientImports as formatEntityClientImports, generateTestEntityId as getTestEntityId, generateTestEntityPrimaryKey as getTestEntityPrimaryKey, } from '../client/support/index.js';
 import { isTranslatedReactFile, translateReactFilesTransform } from './support/index.js';
-import { createNeedleCallback, upperFirstCamelCase } from '../base/support/index.js';
 const { CommonDBTypes } = fieldTypes;
 const TYPE_BOOLEAN = CommonDBTypes.BOOLEAN;
 const { REACT } = clientFrameworkTypes;
-/**
- * @class
- * @extends {BaseApplicationGenerator<import('../client/types.js').ClientApplication>}
- */
 export default class ReactGenerator extends BaseApplicationGenerator {
     async beforeQueue() {
         if (!this.fromBlueprint) {
             await this.composeWithBlueprints();
         }
         if (!this.delegateToBlueprint) {
+            await this.dependsOnJHipster('jhipster:javascript:bootstrap');
             await this.dependsOnJHipster(GENERATOR_CLIENT);
             await this.dependsOnJHipster(GENERATOR_LANGUAGES);
         }
     }
     get composing() {
         return this.asComposingTaskGroup({
-            async composeClientCommon() {
+            async composing() {
                 await this.composeWithJHipster('jhipster:client:common');
             },
         });
@@ -61,6 +59,12 @@ export default class ReactGenerator extends BaseApplicationGenerator {
             loadPackageJson({ application }) {
                 this.loadNodeDependenciesFromPackageJson(application.nodeDependencies, this.fetchFromInstalledJHipster(GENERATOR_REACT, 'resources', 'package.json'));
             },
+            applicationDefauts({ applicationDefaults }) {
+                applicationDefaults({
+                    __override__: true,
+                    typescriptEslint: true,
+                });
+            },
         });
     }
     get [BaseApplicationGenerator.LOADING]() {
@@ -68,8 +72,15 @@ export default class ReactGenerator extends BaseApplicationGenerator {
     }
     get preparing() {
         return this.asPreparingTaskGroup({
+            applicationDefauts({ application, applicationDefaults }) {
+                application.addPrettierExtensions?.(['html', 'tsx', 'css', 'scss']);
+                applicationDefaults({
+                    __override__: true,
+                    eslintConfigFile: app => `eslint.config.${app.packageJsonType === 'module' ? 'js' : 'mjs'}`,
+                    webappEnumerationsDir: app => `${app.clientSrcDir}app/shared/model/enumerations/`,
+                });
+            },
             prepareForTemplates({ application, source }) {
-                application.webappEnumerationsDir = `${application.clientSrcDir}app/shared/model/enumerations/`;
                 source.addWebpackConfig = args => {
                     const webpackPath = `${application.clientRootDir}webpack/webpack.common.js`;
                     const ignoreNonExisting = this.sharedData.getControl().ignoreNeedlesError && 'Webpack configuration file not found';
@@ -111,10 +122,16 @@ export default class ReactGenerator extends BaseApplicationGenerator {
         return this.delegateTasksToBlueprint(() => this.default);
     }
     get writing() {
-        return {
+        return this.asWritingTaskGroup({
+            cleanup({ control }) {
+                control.cleanupFiles({
+                    '8.6.1': ['.eslintrc.json', '.eslintignore'],
+                });
+            },
             cleanupOldFilesTask,
+            writeEslintClientRootConfigFile,
             writeFiles,
-        };
+        });
     }
     get [BaseApplicationGenerator.WRITING]() {
         return this.delegateTasksToBlueprint(() => this.writing);

package/dist/generators/react/resources/package.json

@@ -1,22 +1,22 @@
 {
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "6.5.2",
-    "@fortawesome/free-solid-svg-icons": "6.5.2",
+    "@fortawesome/fontawesome-svg-core": "6.6.0",
+    "@fortawesome/free-solid-svg-icons": "6.6.0",
     "@fortawesome/react-fontawesome": "0.2.2",
-    "@reduxjs/toolkit": "2.2.5",
-    "axios": "1.7.2",
+    "@reduxjs/toolkit": "2.2.7",
+    "axios": "1.7.5",
     "bootstrap": "5.3.3",
     "bootswatch": "5.3.3",
     "lodash": "4.17.21",
     "path-browserify": "1.0.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.51.5",
+    "react-hook-form": "7.53.0",
     "react-jhipster": "0.25.3",
     "react-loadable": "5.5.0",
     "react-redux": "9.1.2",
     "react-redux-loading-bar": "5.0.8",
-    "react-router-dom": "6.23.1",
+    "react-router-dom": "6.26.1",
     "react-toastify": "10.0.5",
     "react-transition-group": "4.4.5",
     "reactstrap": "9.2.2",
@@ -24,34 +24,34 @@
     "rxjs": "7.8.1",
     "sockjs-client": "1.6.1",
     "sonar-scanner": "3.1.0",
-    "tslib": "2.6.2",
-    "uuid": "9.0.1",
+    "tslib": "2.7.0",
+    "uuid": "10.0.0",
     "webstomp-client": "1.2.6"
   },
   "devDependencies": {
+    "@eslint/js": "9.9.1",
     "@module-federation/utilities": "3.0.3-0",
-    "@testing-library/react": "15.0.7",
+    "@testing-library/react": "16.0.0",
     "@types/jest": "29.5.12",
-    "@types/lodash": "4.17.4",
+    "@types/lodash": "4.17.7",
     "@types/node": "20.11.25",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
     "@types/react-redux": "7.1.33",
     "@types/redux": "3.6.31",
     "@types/webpack-env": "1.18.5",
-    "@typescript-eslint/eslint-plugin": "7.11.0",
-    "@typescript-eslint/parser": "7.11.0",
-    "autoprefixer": "10.4.19",
+    "autoprefixer": "10.4.20",
     "browser-sync": "2.29.3",
     "browser-sync-webpack-plugin": "2.3.0",
     "copy-webpack-plugin": "12.0.2",
-    "core-js": "3.37.1",
+    "core-js": "3.38.1",
     "cross-env": "7.0.3",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "7.0.0",
-    "eslint": "8.57.0",
+    "eslint": "9.9.1",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-react": "7.34.2",
+    "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-react": "7.35.0",
     "eslint-webpack-plugin": "4.2.0",
     "folder-hash": "4.0.4",
     "fork-ts-checker-webpack-plugin": "9.0.2",
@@ -63,14 +63,14 @@
     "jest-sonar": "0.2.16",
     "json-loader": "0.5.7",
     "merge-jsons-webpack-plugin": "2.0.1",
-    "mini-css-extract-plugin": "2.9.0",
+    "mini-css-extract-plugin": "2.9.1",
     "postcss-loader": "8.1.1",
-    "postcss-rtlcss": "5.3.0",
+    "postcss-rtlcss": "5.3.1",
     "react-infinite-scroll-component": "6.1.0",
     "redux-mock-store": "1.5.4",
-    "rimraf": "5.0.7",
-    "sass": "1.77.4",
-    "sass-loader": "14.2.1",
+    "rimraf": "5.0.8",
+    "sass": "1.77.8",
+    "sass-loader": "16.0.1",
     "simple-progress-webpack-plugin": "2.0.0",
     "sinon": "18.0.0",
     "source-map-loader": "5.0.0",
@@ -78,13 +78,14 @@
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.10",
     "thread-loader": "4.0.2",
-    "ts-jest": "29.1.4",
+    "ts-jest": "29.2.5",
     "ts-loader": "9.5.1",
-    "typescript": "5.4.5",
-    "webpack": "5.91.0",
+    "typescript": "5.5.4",
+    "typescript-eslint": "8.2.0",
+    "webpack": "5.94.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.0.4",
-    "webpack-merge": "5.10.0",
+    "webpack-merge": "6.0.1",
     "webpack-notifier": "1.15.0",
     "workbox-webpack-plugin": "7.1.0"
   }

package/dist/generators/react/templates/eslint.config.js.jhi.react.ejs

@@ -0,0 +1,101 @@
+<%#
+ Copyright 2013-2024 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) { -&>
+import eslint from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import react from 'eslint-plugin-react/configs/recommended.js';
+<&_ } -&>
+<&_ if (fragment.configSection) { -&>
+  { ignores: ['<%- this.relativeDir(clientRootDir, clientDistDir) %>', '<%- temporaryDir %>'] },
+  eslint.configs.recommended,
+  {
+    files: ['**/*.{js,cjs,mjs}'],
+    rules: {
+      'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+    },
+  },
+  {
+    files: ['<%- this.relativeDir(clientRootDir, clientSrcDir) %>**/*.{ts,tsx}'],
+    extends: [...tseslint.configs.recommendedTypeChecked, react],
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+      parserOptions: {
+        project: ['./tsconfig.json', './tsconfig.test.json'],
+      },
+    },
+    rules: {
+      '@typescript-eslint/member-ordering': [
+        'error',
+        {
+          default: ['static-field', 'instance-field', 'constructor', 'static-method', 'instance-method'],
+        },
+      ],
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/explicit-member-accessibility': 'off',
+      '@typescript-eslint/explicit-function-return-type': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unsafe-argument': 'off',
+      '@typescript-eslint/no-unsafe-return': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/explicit-module-boundary-types': 'off',
+      '@typescript-eslint/restrict-template-expressions': 'off',
+      '@typescript-eslint/restrict-plus-operands': 'off',
+      '@typescript-eslint/no-floating-promises': 'off',
+      '@typescript-eslint/interface-name-prefix': 'off',
+      '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/unbound-method': 'off',
+      '@typescript-eslint/array-type': 'off',
+      '@typescript-eslint/no-shadow': 'error',
+      'spaced-comment': ['warn', 'always'],
+      'guard-for-in': 'error',
+      'no-labels': 'error',
+      'no-caller': 'error',
+      'no-bitwise': 'error',
+      'no-console': ['error', { allow: ['warn', 'error'] }],
+      'no-new-wrappers': 'error',
+      'no-eval': 'error',
+      'no-new': 'error',
+      'no-var': 'error',
+      radix: 'error',
+      eqeqeq: ['error', 'always', { null: 'ignore' }],
+      'prefer-const': 'error',
+      'object-shorthand': ['error', 'always', { avoidExplicitReturnArrows: true }],
+      'default-case': 'error',
+      complexity: ['warn', 40],
+      'no-invalid-this': 'off',
+      'react/prop-types': 'off',
+      'react/display-name': 'off',
+    },
+  },
+  {
+    files: ['<%- this.relativeDir(clientRootDir, clientSrcDir) %>**/*.spec.ts'],
+    rules: {
+      '@typescript-eslint/no-empty-function': 'off',
+    },
+  },
+<&_ } -&>