generator-jhipster 7.7.0 → 7.8.0

package/generators/client/templates/react/src/main/webapp/app/config/store.ts.ejs

@@ -16,20 +16,34 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { AnyAction, configureStore, ThunkAction } from '@reduxjs/toolkit';
+import {
+  AnyAction,
+  configureStore,
+  ThunkAction,
+<%_ if (microfrontend || applicationTypeGateway) { _%>
+  Action,
+  Store,
+  Reducer,
+  ReducersMapObject,
+  combineReducers,
+<%_ } _%>
+} from '@reduxjs/toolkit';
 import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';
+import { loadingBarMiddleware } from 'react-redux-loading-bar';
 
-import reducer from 'app/shared/reducers';
+import sharedReducers from 'app/shared/reducers';
 import errorMiddleware from './error-middleware';
 import notificationMiddleware from './notification-middleware';
 import loggerMiddleware from './logger-middleware';
 <%_ if (communicationSpringWebsocket) { _%>
 import websocketMiddleware from './websocket-middleware';
 <%_ } _%>
-import { loadingBarMiddleware } from 'react-redux-loading-bar';
+<%_ if (enableTranslation) { _%>
+import translationMiddleware from './translation-middleware';
+<%_ } _%>
 
 const store = configureStore({
-  reducer,
+  reducer: sharedReducers,
   middleware: getDefaultMiddleware =>
     getDefaultMiddleware({
       serializableCheck: {
@@ -40,14 +54,47 @@ const store = configureStore({
       errorMiddleware,
       notificationMiddleware,
       loadingBarMiddleware(),
-    <%_ if (communicationSpringWebsocket) { _%>
+<%_ if (communicationSpringWebsocket) { _%>
       websocketMiddleware,
-    <%_ } _%>
+<%_ } _%>
+<%_ if (enableTranslation) { _%>
+      translationMiddleware,
+<%_ } _%>
       loggerMiddleware
     ),
 });
+<%_ if (microfrontend || applicationTypeGateway) { _%>
+
+// Allow lazy loading of reducers https://github.com/reduxjs/redux/blob/master/docs/usage/CodeSplitting.md
+interface InjectableStore<S = any, A extends Action = AnyAction> extends Store<S, A> {
+  asyncReducers: ReducersMapObject;
+  injectReducer(key: string, reducer: Reducer): void;
+}
+
+export function configureInjectableStore(storeToInject) {
+  const injectableStore = storeToInject as InjectableStore<any, any>;
+  injectableStore.asyncReducers = {};
+
+  injectableStore.injectReducer = (key, asyncReducer) => {
+    injectableStore.asyncReducers[key] = asyncReducer;
+    injectableStore.replaceReducer(
+      combineReducers({
+        ...sharedReducers,
+        ...injectableStore.asyncReducers,
+      })
+    );
+  };
+
+  return injectableStore;
+}
+
+const injectableStore = configureInjectableStore(store);
+
+const getStore = () => injectableStore;
+<%_ } else { _%>
 
 const getStore = () => store;
+<%_ } _%>
 
 export type IRootState = ReturnType<typeof store.getState>;
 export type AppDispatch = typeof store.dispatch;

package/generators/client/templates/react/src/main/webapp/app/config/translation-middleware.ts.ejs

@@ -0,0 +1,58 @@
+<%#
+ Copyright 2013-2022 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 { createListenerMiddleware } from '@reduxjs/toolkit';
+import { updateLocale, addTranslationSourcePrefix, loadLocale, loaded } from 'app/shared/reducers/locale';
+import getStore from './store';
+
+const listenerMiddleware = createListenerMiddleware();
+
+listenerMiddleware.startListening({
+  actionCreator: updateLocale,
+  async effect(action) {
+    const store = getStore();
+    const { sourcePrefixes, loadedKeys } = store.getState().locale;
+    const keys = (
+      await Promise.all(
+        [''].concat(sourcePrefixes).map(async sourcePrefix => {
+          const key = `${sourcePrefix}${action.payload}`;
+          if (loadedKeys.includes(key)) return;
+          await loadLocale(action.payload, sourcePrefix);
+          return key;
+        })
+      )
+    ).filter(Boolean);
+    store.dispatch(loaded(keys));
+  },
+});
+
+listenerMiddleware.startListening({
+  actionCreator: addTranslationSourcePrefix,
+  async effect(action) {
+    const store = getStore();
+    const { currentLocale, loadedKeys } = store.getState().locale;
+    const key = `${action.payload}${currentLocale}`;
+
+    if (!loadedKeys.includes(key)) {
+      await loadLocale(currentLocale, action.payload);
+    }
+    store.dispatch(loaded(key));
+  },
+});
+
+export default listenerMiddleware.middleware;

package/generators/client/templates/react/src/main/webapp/app/entities/menu.tsx.ejs

@@ -0,0 +1,45 @@
+<%#
+ Copyright 2013-2022 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 React<%_ if (applicationTypeMicroservice) { %>, { useEffect, useState } <% } %> from 'react';
+import { Translate } from 'react-jhipster';
+
+import MenuItem from 'app/shared/layout/menus/menu-item';
+<%_ if (applicationTypeMicroservice) { _%>
+import { addTranslationSourcePrefix } from 'app/shared/reducers/locale';
+import { useAppDispatch, useAppSelector } from 'app/config/store';
+<%_ } _%>
+
+const EntitiesMenu = () => {
+<%_ if (applicationTypeMicroservice) { _%>
+  const lastChange = useAppSelector(state => state.locale.lastChange);
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    dispatch(addTranslationSourcePrefix('services/<%= lowercaseBaseName %>/'));
+  }, [lastChange]);
+
+<%_ } _%>
+  return (
+    <>
+      {/* prettier-ignore */}
+      {/* jhipster-needle-add-entity-to-menu - JHipster will add entities to the menu here */}
+    </>
+  );
+};
+
+export default EntitiesMenu as React.ComponentType<any>;

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

@@ -0,0 +1,25 @@
+<%#
+ Copyright 2013-2022 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.
+-%>
+/* jhipster-needle-add-reducer-import - JHipster will add reducer here */
+
+const entitiesReducers = {
+  /* jhipster-needle-add-reducer-combine - JHipster will add reducer here */
+};
+
+export default entitiesReducers;

package/generators/client/templates/react/src/main/webapp/app/entities/routes.tsx.ejs

@@ -0,0 +1,47 @@
+<%#
+ Copyright 2013-2022 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 React from 'react';
+import { Switch } from 'react-router-dom';
+<%_ if (microfrontend || applicationTypeGateway) { _%>
+import { ReducersMapObject, combineReducers } from '@reduxjs/toolkit';
+
+import getStore from 'app/config/store';
+<%_ } _%>
+import ErrorBoundaryRoute from 'app/shared/error/error-boundary-route';
+<%_ if (microfrontend || applicationTypeGateway) { _%>
+
+import entitiesReducers from './reducers';
+<%_ } _%>
+
+/* jhipster-needle-add-route-import - JHipster will add routes here */
+
+export default ({ match }) => {
+<%_ if (microfrontend || applicationTypeGateway) { _%>
+  const store = getStore();
+  store.injectReducer('<%= lowercaseBaseName %>', combineReducers(entitiesReducers as ReducersMapObject));
+<%_ } _%>
+  return (
+    <div>
+      <Switch>
+        {/* prettier-ignore */}
+        {/* jhipster-needle-add-route-path - JHipster will add routes here */}
+      </Switch>
+    </div>
+  );
+};

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

@@ -21,15 +21,15 @@ import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 import { bindActionCreators } from 'redux';
 
-import getStore from './config/store';
+import getStore from 'app/config/store';
 <%_ if (enableTranslation) { _%>
-import { registerLocale } from './config/translation';
+import { registerLocale } from 'app/config/translation';
 <%_ } _%>
-import setupAxiosInterceptors from './config/axios-interceptor';
-import { clearAuthentication } from './shared/reducers/authentication';
-import ErrorBoundary from './shared/error/error-boundary';
-import AppComponent from './app';
-import { loadIcons } from './config/icon-loader';
+import setupAxiosInterceptors from 'app/config/axios-interceptor';
+import { clearAuthentication } from 'app/shared/reducers/authentication';
+import ErrorBoundary from 'app/shared/error/error-boundary';
+import AppComponent from 'app/app';
+import { loadIcons } from 'app/config/icon-loader';
 
 const store = getStore();
 <%_ if (enableTranslation) { _%>

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

@@ -0,0 +1,19 @@
+<%#
+ 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.
+-%>
+import('./index');

package/generators/client/templates/react/src/main/webapp/app/modules/administration/logs/logs.tsx.ejs

@@ -40,7 +40,7 @@ export const LogsPage = () => {
 
   const filterFn = l => l.name.toUpperCase().includes(filter.toUpperCase());
 
-  const loggers = logs ? Object.entries(logs.loggers).map(e => ({ name: e[0], level: e[1].effectiveLevel })) : [];
+  const loggers = logs ? Object.entries(logs.loggers).map((e: any) => ({ name: e[0], level: e[1].effectiveLevel })) : [];
 
   return (
     <div>

package/generators/client/templates/react/src/main/webapp/app/modules/administration/user-management/user-management.tsx.ejs

@@ -89,13 +89,14 @@ export const UserManagement = (props: RouteComponentProps<any>) => {
     getUsersFromProps();
   };
 
-  const toggleActive = user => () =>
+  const toggleActive = user => () => {
     dispatch(
       updateUser({
         ...user,
         activated: !user.activated,
       })
     );
+  };
 
   const { match } = props;
   const account = useAppSelector(state => state.authentication.account);

package/generators/client/templates/react/src/main/webapp/app/modules/login/login-modal.tsx.ejs

@@ -42,9 +42,13 @@ const LoginModal = (props: ILoginModalProps) => {
 
   const { loginError, handleClose } = props;
 
+  const handleLoginSubmit = e => {
+    handleSubmit(login)(e);
+  };
+
   return (
     <Modal isOpen={props.showModal} toggle={handleClose} backdrop="static" id="login-page" autoFocus={false}>
-      <Form onSubmit={handleSubmit(login)}>
+      <Form onSubmit={handleLoginSubmit}>
           <ModalHeader id="login-title" data-cy="loginTitle" toggle={handleClose}><Translate contentKey="login.title">Sign in</Translate></ModalHeader>
           <ModalBody>
             <Row>

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

@@ -16,8 +16,8 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import React from 'react';
-import { Switch <% if (communicationSpringWebsocket) { %>, useLocation <% } %>} from 'react-router-dom';
+import React<% if (applicationTypeGateway && microfrontend) { %>, { Suspense }<% } %> from 'react';
+import { Switch <% if (communicationSpringWebsocket) { %>, useLocation <% } %><% if (applicationTypeGateway && microfrontend) { %>, Route <% } %>} from 'react-router-dom';
 import Loadable from 'react-loadable';
 
 <%_ if (!authenticationTypeOauth2) { _%>
@@ -34,7 +34,7 @@ import PasswordResetFinish from 'app/modules/account/password-reset/finish/passw
 <%_ } _%>
 import Logout from 'app/modules/login/logout';
 import Home from 'app/modules/home/home';
-import Entities from 'app/entities';
+import EntitiesRoutes from 'app/entities/routes';
 import PrivateRoute from 'app/shared/auth/private-route';
 import ErrorBoundaryRoute from 'app/shared/error/error-boundary-route';
 import PageNotFound from 'app/shared/error/page-not-found';
@@ -43,17 +43,25 @@ import { AUTHORITIES } from 'app/config/constants';
 import { sendActivity } from 'app/config/websocket-middleware';
 <%_ } _%>
 
+const loading = <div>loading ...</div>;
 <%_ if (!skipUserManagement) { _%>
-const Account = Loadable({
+
+  const Account = Loadable({
   loader: () => import(/* webpackChunkName: "account" */ 'app/modules/account'),
-  loading: () => <div>loading ...</div>
+  loading: () => loading,
 });
 <%_ } _%>
 
 const Admin = Loadable({
   loader: () => import(/* webpackChunkName: "administration" */ 'app/modules/administration'),
-  loading: () => <div>loading ...</div>
+  loading: () => loading,
 });
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+
+  <%_ for (const remote of microfrontends) { _%>
+const <%= remote.capitalizedBaseName %>Routes = React.lazy(() => import('@<%= remote.lowercaseBaseName %>/entities-routes').catch(() => import('app/shared/error/error-loading')));
+  <%_ } _%>
+<%_ } _%>
 
 const Routes = () => {
 <%_ if (communicationSpringWebsocket) { _%>
@@ -83,7 +91,16 @@ const Routes = () => {
 <%_ if (authenticationTypeOauth2) { _%>
         <ErrorBoundaryRoute path="/oauth2/authorization/oidc" component={LoginRedirect} />
 <%_ } _%>
-        <PrivateRoute path="/" component={Entities} hasAnyAuthorities={[AUTHORITIES.USER]}/>
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+  <%_ for (const remote of microfrontends) { _%>
+        <Route path="/<%= remote.lowercaseBaseName %>/">
+          <Suspense fallback={loading}>
+            <PrivateRoute component={<%= remote.capitalizedBaseName %>Routes} hasAnyAuthorities={[AUTHORITIES.USER]} />
+          </Suspense>
+        </Route>
+  <%_ } _%>
+<%_ } _%>
+        <PrivateRoute path="/<%= microfrontend && applicationTypeMicroservice ? lowercaseBaseName + '/' : '' %>" component={EntitiesRoutes} hasAnyAuthorities={[AUTHORITIES.USER]}/>
         <ErrorBoundaryRoute component={PageNotFound} />
       </Switch>
     </div>

package/generators/client/templates/react/src/main/webapp/app/shared/error/error-loading.tsx.ejs

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Translate } from 'react-jhipster';
+import { Alert } from 'reactstrap';
+
+class ErrorLoading extends React.Component {
+  render() {
+    return (
+      <div>
+        <Alert color="danger">Error loading component</Alert>
+      </div>
+    );
+  }
+}
+
+export default ErrorLoading as React.ComponentType<any>;

package/generators/client/templates/react/src/main/webapp/app/shared/layout/menus/entities.tsx.ejs

@@ -16,14 +16,42 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import React from 'react';
-import MenuItem from 'app/shared/layout/menus/menu-item';
-import { Translate, translate } from 'react-jhipster';
+import React<% if (microfrontend) { %>, { Suspense }<% } %> from 'react';
+import { translate } from 'react-jhipster';
 import { NavDropdown } from './menu-components';
+<%_ if (microfrontend) { _%>
+
+const EntitiesMenuItems = React.lazy(() => import('app/entities/menu').catch(() => import('app/shared/error/error-loading')));
+  <%_ if (applicationTypeGateway) { _%>
+    <%_ for (const remote of microfrontends) { _%>
+const <%= remote.capitalizedBaseName %>EntitiesMenuItems = React.lazy(() => import('@<%= remote.lowercaseBaseName %>/entities-menu').catch(() => import('app/shared/error/error-loading')));
+    <%_ } _%>
+  <%_ } _%>
+<%_ } else { _%>
+import EntitiesMenuItems from 'app/entities/menu';
+<%_ } _%>
 
 export const EntitiesMenu = props => (
-  <NavDropdown icon="th-list" name={translate('global.menu.entities.main')} id="entity-menu" data-cy="entity" style={{ maxHeight: '80vh', overflow: 'auto'}}  >
-    <>{/* to avoid warnings when empty */}</>
-    {/* jhipster-needle-add-entity-to-menu - JHipster will add entities to the menu here */}
+  <NavDropdown
+    icon="th-list"
+    name={translate('global.menu.entities.main')}
+    id="entity-menu"
+    data-cy="entity"
+    style={{ maxHeight: '80vh', overflow: 'auto' }}
+  >
+<%_ if (microfrontend) { _%>
+    <Suspense fallback={<div>loading...</div>}>
+      <EntitiesMenuItems />
+    </Suspense>
+  <%_ if (applicationTypeGateway) { _%>
+    <%_ for (const remote of microfrontends) { _%>
+    <Suspense fallback={<div>loading...</div>}>
+      <<%= remote.capitalizedBaseName %>EntitiesMenuItems />
+    </Suspense>
+    <%_ } _%>
+  <%_ } _%>
+<%_ } else { _%>
+    <EntitiesMenuItems />
+<%_ } _%>
   </NavDropdown>
 );

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

@@ -16,6 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
+import { ReducersMapObject, combineReducers } from '@reduxjs/toolkit';
 import { loadingBarReducer as loadingBar } from 'react-redux-loading-bar';
 
 <%_ if (enableTranslation) { _%>
@@ -40,9 +41,12 @@ import passwordReset from 'app/modules/account/password-reset/password-reset.red
 import sessions from 'app/modules/account/sessions/sessions.reducer';
   <%_ } _%>
 <%_ } _%>
+<%_ if (applicationTypeMonolith) { _%>
+import entitiesReducers from 'app/entities/reducers';
+<%_ } _%>
 /* jhipster-needle-add-reducer-import - JHipster will add reducer here */
 
-const rootReducer = {
+const rootReducer: ReducersMapObject = {
   authentication,
 <%_ if (enableTranslation) { _%>
   locale,
@@ -62,8 +66,11 @@ const rootReducer = {
   sessions,
   <%_ } _%>
 <%_ } _%>
+  loadingBar,
   /* jhipster-needle-add-reducer-combine - JHipster will add reducer here */
-  loadingBar
+<%_ if (applicationTypeMonolith) { _%>
+  ...entitiesReducers,
+<%_ } _%>
 };
 
 export default rootReducer;

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

@@ -25,7 +25,15 @@ describe('Locale reducer tests', () => {
   it('should correctly detect update in current locale state', () => {
     TranslatorContext.setLocale('en');
     expect(TranslatorContext.context.locale).toEqual('en');
-    const localeState = locale({ currentLocale: 'en' }, updateLocale('es'));
+    const localeState = locale(
+      {
+        currentLocale: 'en',
+        sourcePrefixes: [],
+        lastChange: new Date().getTime(),
+        loadedKeys: [],
+      },
+      updateLocale('es')
+    );
     expect(localeState).toMatchObject({
       currentLocale: 'es'
     });
@@ -48,8 +56,6 @@ describe('Locale reducer tests', () => {
 
       await store.dispatch(setLocale(defaultLocale));
       expect(store.getActions()).toEqual(expectedActions);
-      expect(TranslatorContext.context.translations).toBeDefined();
-      expect(Object.keys(TranslatorContext.context.translations)).toContainEqual(defaultLocale);
     });
   });
 });

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

@@ -24,16 +24,22 @@ import { AppThunk } from 'app/config/store';
 import { TranslatorContext } from 'react-jhipster';
 
 const initialState = {
-  currentLocale: ''
+  currentLocale: '',
+  sourcePrefixes: [],
+  lastChange: TranslatorContext.context.lastChange,
+  loadedKeys: [],
 };
 
 export type LocaleState =  Readonly<typeof initialState>;
 
-export const setLocale: (locale: string) => AppThunk = locale => async dispatch => {
-  if (!Object.keys(TranslatorContext.context.translations).includes(locale)) {
-    const response = await axios.get(`i18n/${locale}.json?_=${I18N_HASH}`, { baseURL: '' });
+export const loadLocale = 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));
 };
 
@@ -49,10 +55,20 @@ 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)) {
+        state.sourcePrefixes = state.sourcePrefixes.concat(sourcePrefix);
+      }
+    },
   },
 });
 
-export const { updateLocale } = LocaleSlice.actions;
+export const { updateLocale, addTranslationSourcePrefix, loaded } = LocaleSlice.actions;
 
 // Reducer
 export default LocaleSlice.reducer;

package/generators/client/templates/react/src/main/webapp/app/typings.d.ts.ejs

@@ -27,3 +27,18 @@ declare module '*.json' {
     const value: any;
     export default value;
 }
+
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+  <%_ for (const remote of microfrontends) { _%>
+
+declare module '@<%= remote.lowercaseBaseName %>/entities-routes' {
+  const _default: React.ComponentType<any>;
+  export default _default;
+}
+
+declare module '@<%= remote.lowercaseBaseName %>/entities-menu' {
+  const _default: React.ComponentType<any>;
+  export default _default;
+}
+  <%_ } _%>
+<%_ } _%>

package/generators/client/templates/react/src/main/webapp/microfrontends/entities-menu.tsx.ejs

@@ -0,0 +1,3 @@
+import React from 'react';
+
+export default () => (<></>);

package/generators/client/templates/react/src/main/webapp/microfrontends/entities-routes.tsx.ejs

@@ -0,0 +1,3 @@
+import React from 'react';
+
+export default () => (<></>);

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

@@ -20,7 +20,7 @@
   "compilerOptions": {
     "jsx": "react",
     "target": "es6",
-    "module": "esnext",
+    "module": "es2020",
     "moduleResolution": "node",
     "sourceMap": true,
     "emitDecoratorMetadata": true,
@@ -29,7 +29,7 @@
     "noImplicitAny": false,
     "suppressImplicitAnyIndexErrors": true,
     "outDir": "<%= DIST_DIR %>app",
-    "lib": ["dom", "es2015", "es2016", "es2017"],
+    "lib": ["dom", "es2015", "es2016", "es2017", "es2019", "es2020"],
     "types": ["jest", "webpack-env"],
     "allowJs": true,
     "checkJs": false,
@@ -41,7 +41,7 @@
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true
   },
-  "include": ["<%= MAIN_SRC_DIR %>app", "<%= TEST_SRC_DIR %>spec"],
+  "include": ["<%= MAIN_SRC_DIR %>app"],
   "exclude": [
     "node_modules"
   ]