generator-jhipster 7.9.3 → 8.0.0-beta.2

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

@@ -1,34 +0,0 @@
-<%#
- 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.
--%>
-/* eslint no-console: off */
-export default () => next => action => {
-  if (DEVELOPMENT) {
-    const { type, payload, meta, error } = action;
-
-    console.groupCollapsed(type);
-    console.log('Payload:', payload);
-    if (error) {
-      console.log('Error:', error);
-    }
-    console.log('Meta:', meta);
-    console.groupEnd();
-  }
-
-  return next(action);
-};

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

@@ -1,271 +0,0 @@
-<%#
- 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 { createStore, applyMiddleware } from 'redux';
-import * as toastify from 'react-toastify'; // synthetic default import doesn't work here due to mocking.
-import sinon from 'sinon';
-<%_ if (enableTranslation) { _%>
-import { TranslatorContext } from 'react-jhipster';
-<%_ } _%>
-
-import notificationMiddleware from './notification-middleware';
-
-describe('Notification Middleware', () => {
-  let store;
-
-  const SUCCESS_TYPE = 'SUCCESS/fulfilled';
-  const ERROR_TYPE = 'ERROR/rejected';
-
-  // Default action for use in local tests
-  const DEFAULT = {
-    type: SUCCESS_TYPE,
-    payload: 'foo'
-  };
-  const HEADER_SUCCESS = {
-    type: SUCCESS_TYPE,
-    payload: {
-        "status": 201,
-        "statusText": "Created",
-        "headers": {"app-alert": "foo.created", "app-params": "foo"}
-    },
-  };
-
-  const DEFAULT_ERROR = {
-    type: ERROR_TYPE,
-    error: new Error('foo'),
-  };
-  const VALIDATION_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        data: {
-          type: 'https://www.jhipster.tech/problem/constraint-violation',
-          title: 'Method argument not valid',
-          status: 400,
-          path: '/api/foos',
-          message: 'error.validation',
-          fieldErrors: [{ objectName: 'foos', field: 'minField', message: 'Min' }],
-        },
-        status: 400,
-        statusText: 'Bad Request',
-        headers: { expires: '0' },
-      },
-    },
-  };
-  const HEADER_ERRORS = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        status: 400,
-        statusText: 'Bad Request',
-        headers: { 'app-error': 'foo.creation', 'app-params': 'foo' },
-      },
-    },
-  };
-  const NOT_FOUND_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        data: {
-          status: 404,
-          message: 'Not found',
-        },
-        status: 404,
-      },
-    },
-  };
-  const NO_SERVER_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        status: 0,
-      },
-    },
-  };
-  const GENERIC_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        data: {
-          message: 'Error',
-        },
-      },
-    },
-  };
-  const LOGIN_REJECTED_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        data: {
-          title: 'Unauthorized',
-          status: 401,
-          path: '/api/authenticate',
-          message: 'error.http.401',
-        },
-        status: 401,
-      },
-    },
-  };
-
-  const TITLE_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        data: {
-          title: 'Incorrect password',
-          status: 400,
-          type: 'https://www.jhipster.tech/problem/invalid-password',
-        },
-        status: 400,
-      },
-    },
-  };
-
-  const STRING_DATA_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        data: 'Incorrect password string',
-        status: 400,
-      },
-    },
-  };
-
-  const UNKNON_400_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-      response: {
-        status: 400,
-      },
-    },
-  };
-
-  const UNKNON_ERROR = {
-    type: ERROR_TYPE,
-    error: {
-      isAxiosError: true,
-    },
-  };
-
-  const makeStore = () => applyMiddleware(notificationMiddleware)(createStore)(() => null);
-
-<%_ if (enableTranslation) { _%>
-  beforeAll(() => {
-    TranslatorContext.registerTranslations('<%= nativeLanguage %>', {});
-  });
-
-<%_ } _%>
-  beforeEach(() => {
-    store = makeStore();
-    sinon.spy(toastify.toast, 'error');
-    sinon.spy(toastify.toast, 'success');
-  });
-
-  afterEach(() => {
-    (toastify.toast as any).error.restore();
-    (toastify.toast as any).success.restore();
-  });
-
-  it('should not trigger a toast message but should return action', () => {
-    expect(store.dispatch(DEFAULT).payload).toEqual('foo');
-    expect((toastify.toast as any).error.called).toEqual(false);
-    expect((toastify.toast as any).success.called).toEqual(false);
-  });
-
-  it('should trigger a success toast message for header alerts', () => {
-    expect(store.dispatch(HEADER_SUCCESS).payload.status).toEqual(201);
-    const toastMsg = (toastify.toast as any).success.getCall(0).args[0];
-    expect(toastMsg).toContain('foo.created');
-  });
-
-  it('should trigger an error toast message and return error', () => {
-    expect(store.dispatch(DEFAULT_ERROR).error.message).toEqual('foo');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toEqual('foo');
-  });
-
-  it('should trigger an error toast message and return error for generic message', () => {
-    expect(store.dispatch(GENERIC_ERROR).error.response.data.message).toEqual('Error');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Error');
-  });
-
-  it('should trigger an error toast message and return error for 400 response code', () => {
-    expect(store.dispatch(VALIDATION_ERROR).error.response.data.message).toEqual('error.validation');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain(<% if (enableTranslation) { %>'error.Size'<% } else { %>'Error on field "MinField"'<% } %>);
-  });
-
-  it('should trigger an error toast message and return error for 404 response code', () => {
-    expect(store.dispatch(NOT_FOUND_ERROR).error.response.data.message).toEqual('Not found');
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain(<% if (enableTranslation) { %>'error.url.not.found'<% } else { %>'Not found'<% } %>);
-  });
-
-  it('should trigger an error toast message and return error for 0 response code', () => {
-    expect(store.dispatch(NO_SERVER_ERROR).error.response.status).toEqual(0);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain(<% if (enableTranslation) { %>'error.server.not.reachable'<% } else { %>'Server not reachable'<% } %>);
-  });
-
-  it('should trigger an error toast message and return error for headers containing errors', () => {
-    expect(store.dispatch(HEADER_ERRORS).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('foo.creation');
-  });
-
-  it('should not trigger an error toast message and return error for 401 response code', () => {
-    expect(store.dispatch(LOGIN_REJECTED_ERROR).error.response.status).toEqual(401);
-    expect((toastify.toast as any).error.called).toEqual(false);
-    expect((toastify.toast as any).success.called).toEqual(false);
-  });
-
-  it('should trigger an error toast message and return error for 400 response code', () => {
-    expect(store.dispatch(TITLE_ERROR).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Incorrect password');
-  });
-
-  it('should trigger an error toast message and return error for string in data', () => {
-    expect(store.dispatch(STRING_DATA_ERROR).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Incorrect password string');
-  });
-
-  it('should trigger an error toast message and return error for unknown 400 error', () => {
-    expect(store.dispatch(UNKNON_400_ERROR).error.response.status).toEqual(400);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Unknown error!');
-  });
-
-  it('should trigger an error toast message and return error for unknown error', () => {
-    expect(store.dispatch(UNKNON_ERROR).error.isAxiosError).toEqual(true);
-    const toastMsg = (toastify.toast as any).error.getCall(0).args[0];
-    expect(toastMsg).toContain('Unknown error!');
-  });
-});

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

@@ -1,141 +0,0 @@
-<%#
- 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.
--%>
-
-<%_ if (enableTranslation) { _%>
-import { translate } from 'react-jhipster';
-<%_ } _%>
-import { toast } from 'react-toastify';
-import { isFulfilledAction, isRejectedAction } from 'app/shared/reducers/reducer.utils';
-
-const addErrorAlert = (message, key?, data?) => {
-<%_ if (enableTranslation) { _%>
-  key = key ? key : message;
-  toast.error(translate(key, data));
-<%_ } else { _%>
-  toast.error(message);
-<%_ } _%>
-};
-
-export default () => next => action => {
-  const { error, payload } = action;
-
-  /**
-   *
-   * The notification middleware serves to add success and error notifications
-   */
-  if (isFulfilledAction(action) && payload && payload.headers) {
-    const headers = payload?.headers;
-    let alert: string | null = null;
-<%_ if (enableTranslation) { _%>
-    let alertParams: string | null = null;
-<%_ } _%>
-    headers && Object.entries<string>(headers).forEach(([k, v]) => {
-      if (k.toLowerCase().endsWith('app-alert')) {
-        alert = v;
-      }<% if (enableTranslation) { %> else if (k.toLowerCase().endsWith('app-params')) {
-        alertParams = decodeURIComponent(v.replace(/\+/g, ' '));
-      }<% } %>
-    });
-    if (alert) {
-<%_ if (enableTranslation) { _%>
-      const alertParam = alertParams;
-      toast.success(translate(alert, { param: alertParam }));
-<%_ } else { _%>
-      toast.success(alert);
-<%_ } _%>
-    }
-  }
-
-
-  if (isRejectedAction(action) && error && error.isAxiosError) {
-    if (error.response) {
-      const response = error.response;
-      const data = response.data;
-      if (
-        !(
-          response.status === 401 &&
-          (error.message === '' || (data && data.path && (data.path.includes('/api/account') || data.path.includes('/api/authenticate'))))
-        )
-      ) {
-        switch (response.status) {
-          // connection refused, server not reachable
-          case 0:
-            addErrorAlert('Server not reachable', 'error.server.not.reachable');
-            break;
-
-          case 400: {
-            let errorHeader: string | null = null;
-            let entityKey: string | null = null;
-            response?.headers &&
-              Object.entries<string>(response.headers).forEach(([k, v]) => {
-              if (k.toLowerCase().endsWith('app-error')) {
-                errorHeader = v;
-              } else if (k.toLowerCase().endsWith('app-params')) {
-                entityKey = v;
-              }
-            });
-            if (errorHeader) {
-              const entityName = <% if (enableTranslation) { %>translate(
-                'global.menu.entities.' + entityKey
-              )<% } else { %>entityKey<% } %>;
-              addErrorAlert(errorHeader, errorHeader, { entityName });
-            } else if (data?.fieldErrors) {
-              const fieldErrors = data.fieldErrors;
-              for (const fieldError of fieldErrors) {
-                if (['Min', 'Max', 'DecimalMin', 'DecimalMax'].includes(fieldError.message)) {
-                    fieldError.message = 'Size';
-                }
-                // convert 'something[14].other[4].id' to 'something[].other[].id' so translations can be written to it
-                const convertedField = fieldError.field.replace(/\[\d*\]/g, '[]');
-                const fieldName = <% if (enableTranslation) { %>translate(
-                  `<%= frontendAppName %>.${fieldError.objectName}.${convertedField}`
-                )<% } else { %>convertedField.charAt(0).toUpperCase() + convertedField.slice(1)<% } %>;
-                addErrorAlert(`Error on field "${fieldName}"`, `error.${fieldError.message}`, { fieldName });
-              }
-            } else if (typeof data === 'string' && data !== '') {
-              addErrorAlert(data);
-            } else {
-              toast.error(data?.message || data?.error || data?.title || 'Unknown error!');
-            }
-            break;
-          }
-          case 404:
-            addErrorAlert('Not found', 'error.url.not.found');
-            break;
-
-          default:
-            if (typeof data === 'string' && data !== '') {
-              addErrorAlert(data);
-            } else {
-              toast.error(data?.message || data?.error || data?.title || 'Unknown error!');
-            }
-        }
-      }
-    } else if (error.config && error.config.url === 'api/account' && error.config.method === 'get') {
-      /* eslint-disable no-console */
-      console.log('Authentication Error: Trying to access url api/account with GET.');
-    } else {
-      toast.error(error.message || 'Unknown error!');
-    }
-  } else if (error) {
-    toast.error(error.message || 'Unknown error!');
-  }
-
-  return next(action);
-};

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

@@ -1,100 +0,0 @@
-<%#
- 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 {
-  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 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';
-<%_ } _%>
-
-const store = configureStore({
-  reducer: sharedReducers,
-  middleware: getDefaultMiddleware =>
-    getDefaultMiddleware({
-      serializableCheck: {
-        // Ignore these field paths in all actions
-        ignoredActionPaths: ['payload.config', 'payload.request', 'error', 'meta.arg'],
-      },
-    }).concat(
-      errorMiddleware,
-      notificationMiddleware,
-      loadingBarMiddleware(),
-<%_ if (communicationSpringWebsocket) { _%>
-      websocketMiddleware,
-<%_ } _%>
-      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;
-
-export const useAppSelector: TypedUseSelectorHook<IRootState> = useSelector;
-export const useAppDispatch = () => useDispatch<AppDispatch>();
-export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, IRootState, unknown, AnyAction>;
-
-export default getStore;

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

@@ -1,41 +0,0 @@
-<%#
- 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 { TranslatorContext, Storage } from 'react-jhipster';
-
-import { setLocale } from 'app/shared/reducers/locale';
-
-TranslatorContext.setDefaultLocale('<%= nativeLanguage %>');
-TranslatorContext.setRenderInnerTextForMissingKeys(false);
-
-export const languages: any = {
-  <%_ getAllSupportedLanguageOptions().filter(lang => languages.includes(lang.value)).forEach((ln, i) => { _%>
-  '<%= ln.value %>': { name: '<%= ln.dispName %>', rtl: <%= ln.rtl || false %> }<%= i !== languages.length - 1 ? ',' : '' %>
-  <%_ }); _%>
-  // jhipster-needle-i18n-language-key-pipe - JHipster will add/remove languages in this object
-};
-
-export const locales = Object.keys(languages).sort();
-
-<%_ if (enableI18nRTL) { _%>
-export const isRTL = (lang: string): boolean => languages[lang] && languages[lang].rtl;
-<%_ } _%>
-
-export const registerLocale = store => {
-  store.dispatch(setLocale(Storage.session.get('locale', '<%= nativeLanguage %>')));
-};