generator-jhipster 8.4.0 → 8.6.0

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

@@ -16,23 +16,47 @@
  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';
-import { AxiosError, AxiosHeaderValue } from 'axios';
+import { isAxiosError } from 'axios';
+import { FieldErrorVM, isProblemWithMessage } from 'app/shared/jhipster/problem-details';
+import { getMessageFromHeaders } from 'app/shared/jhipster/headers';
+
+type TostMessage = {
+  message?: string;
+<%_ if (enableTranslation) { _%>
+  key?: string;
+  data?: any;
+<%_ } _%>
+};
 
-const addErrorAlert = (message, key?, data?) => {
+const addErrorAlert = (message: TostMessage) => {
 <%_ if (enableTranslation) { _%>
-  key = key ? key : message;
-  toast.error(translate(key, data));
+  toast.error(message.key ? translate(message.key, message.data) ?? message.message : message.message);
 <%_ } else { _%>
-  toast.error(message);
+  toast.error(message.message);
 <%_ } _%>
 };
 
+const getFieldErrorsTosts = (fieldErrors: FieldErrorVM[]): TostMessage[] =>
+  fieldErrors.map(fieldError => {
+    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, '[]');
+<%_ if (enableTranslation) { _%>
+    const fieldName = translate(`<%= frontendAppName %>.${fieldError.objectName}.${convertedField}`);
+    return { message: `Error on field "${fieldName}"`, key: `error.${fieldError.message}`, data: { fieldName } };
+<%_ } else { _%>
+    const fieldName = convertedField.charAt(0).toUpperCase() + convertedField.slice(1);
+    return { message: `Error on field "${fieldName}"` };
+<%_ } _%>
+  });
+
 export default () => next => action => {
   const { error, payload } = action;
 
@@ -40,103 +64,72 @@ export default () => next => 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 (isFulfilledAction(action) && payload?.headers) {
+    const { alert<% if (enableTranslation) { %>, param<% } %> } = getMessageFromHeaders(payload.headers);
     if (alert) {
 <%_ if (enableTranslation) { _%>
-      const alertParam = alertParams;
-      toast.success(translate(alert, { param: alertParam }));
+      toast.success(translate(alert, { param }));
 <%_ } else { _%>
       toast.success(alert);
 <%_ } _%>
     }
   }
 
-
-  if (isRejectedAction(action) && error && error.isAxiosError) {
-    const axiosError = error as AxiosError;
-    if (axiosError.response) {
-      const response = axiosError.response;
-      const data = response.data as any;
-      if (
-        !(
-          response.status === 401 &&
-          (axiosError.message === '' || response.config.url === 'api/account' || response.config.url === '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<AxiosHeaderValue>(response.headers).forEach(([k, v]) => {
-              if (k.toLowerCase().endsWith('app-error')) {
-                errorHeader = v as string;
-              } else if (k.toLowerCase().endsWith('app-params')) {
-                entityKey = v as string;
-              }
-            });
-            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;
+  if (isRejectedAction(action) && isAxiosError(error)) {
+    if (error.response) {
+      const response = error.response;
+      if (response.status === 401) {
+        // Ignore, page will be redirected to login.
+      } else if (error.config?.url?.endsWith('api/account') || error.config?.url?.endsWith('api/authenticate')) {
+        // Ignore, authentication status check and authentication are treated differently.
+      } else if (response.status === 0) {
+        // connection refused, server not reachable
+          addErrorAlert({
+            message: 'Server not reachable',
+<%_ if (enableTranslation) { _%>
+            key: 'error.server.not.reachable',
+<%_ } _%>
+          });
+      } else if (response.status === 404) {
+          addErrorAlert({
+            message: 'Not found',
+<%_ if (enableTranslation) { _%>
+            key: 'error.url.not.found',
+<%_ } _%>
+          });
+      } else {
+        const data = response.data;
+        const problem = isProblemWithMessage(data) ? data : null;
+        if (problem?.fieldErrors) {
+          getFieldErrorsTosts(problem.fieldErrors).forEach(message => addErrorAlert(message));
+        } else {
+          const { error: toastError<% if (enableTranslation) { %>, param<% } %> } = getMessageFromHeaders((response.headers as any) ?? {});
+          if (toastError) {
+<%_ if (enableTranslation) { _%>
+            const entityName = translate('global.menu.entities.' + param);
+            addErrorAlert({ key: toastError, data: { entityName } });
+<%_ } else { _%>
+            addErrorAlert({ message: toastError });
+<%_ } _%>
+<%_ if (enableTranslation) { _%>
+          } else if (problem?.message) {
+            addErrorAlert({ message: problem.detail, key: problem.message });
+<%_ } _%>
+          } else if (typeof data === 'string' && data !== '') {
+            addErrorAlert({ message: data });
+          } else {
+            toast.error(data?.detail ?? data?.message ?? data?.error ?? data?.title ?? 'Unknown error!');
           }
-          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 (axiosError.config && axiosError.config.url === 'api/account' && axiosError.config.method === 'get') {
+    } else if (error.config?.url?.endsWith('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!');
+      addErrorAlert({ message: error.message ?? 'Unknown error!' });
     }
   } else if (error) {
-    toast.error(error.message || 'Unknown error!');
+    addErrorAlert({ message: error.message ?? 'Unknown error!' });
   }
 
   return next(action);

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

@@ -45,7 +45,7 @@ const store = configureStore({
     getDefaultMiddleware({
       serializableCheck: {
         // Ignore these field paths in all actions
-        ignoredActionPaths: ['payload.config', 'payload.request', 'payload.headers', 'error', 'meta.arg'],
+        ignoredActionPaths: ['meta.arg', 'meta.baseQueryMeta', 'payload.config', 'payload.request', 'payload.headers', 'error'],
       },
     }).concat(
       errorMiddleware,

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

@@ -34,6 +34,10 @@ export const locales = Object.keys(languages).sort();
 
 <%_ if (enableI18nRTL) { _%>
 export const isRTL = (lang: string): boolean => languages[lang] && languages[lang].rtl;
+
+export const setTextDirection = (lang: string) => {
+  document.querySelector('html').setAttribute('dir', isRTL(lang) ? 'rtl' : 'ltr');
+};
 <%_ } _%>
 
 export const registerLocale = store => {

package/dist/generators/react/templates/src/main/webapp/app/entities/_entityFolder_/_entityFile_-update.tsx.ejs

@@ -143,7 +143,7 @@ _%>
     const entity = {
       ...<%= entityInstance %>Entity,
       ...values,
-<%_ for (const rel of persistableRelationships) { _%>
+<%_ for (const rel of persistableRelationships.filter(rel => !rel.otherEntity.embedded)) { _%>
   <%_ if (rel.collection) { _%>
       <%= rel.propertyName %>: mapIdList(values.<%= rel.propertyName %>),
   <%_ } else { _%>
@@ -186,7 +186,7 @@ _%>
           <%= fieldName %>: convertDateTimeFromServer(<%= entityInstance %>Entity.<%= fieldName %>),
   <%_ } _%>
 <%_ } _%>
-<%_ for (const rel of persistableRelationships) {
+<%_ for (const rel of persistableRelationships.filter(rel => !rel.otherEntity.embedded)) {
     const otherEntityPkName = rel.otherEntity.primaryKey && rel.otherEntity.primaryKey.name || 'id';
     const relationshipFieldName = rel.relationshipFieldName;
     const relationshipFieldNamePlural = rel.relationshipFieldNamePlural;
@@ -297,7 +297,7 @@ _%>
           </UncontrolledTooltip>
   <%_ } _%>
 <%_ } _%>
-<%_ for (const rel of persistableRelationships) {
+<%_ for (const rel of persistableRelationships.filter(rel => !rel.otherEntity.embedded)) {
     const otherEntityPkName = rel.otherEntity.primaryKey && rel.otherEntity.primaryKey.name || 'id';
     const otherEntityNamePlural = rel.otherEntityNamePlural;
     const relationshipName = rel.relationshipName;

package/dist/generators/react/templates/src/main/webapp/app/entities/_entityFolder_/_entityFile_.reducer.ts.ejs

@@ -63,18 +63,23 @@ export const searchEntities = createAsyncThunk(
     const requestUrl = `${apiSearchUrl}?query=${query}`;
   <%_ } _%>
     return axios.get<I<%= entityReactName %>[]>(requestUrl);
-  }
+  },
+  { serializeError: serializeAxiosError },
 );
 
 <%_ } _%>
-export const getEntities = createAsyncThunk('<%= entityInstance %>/fetch_entity_list', async ({ <%_ if(!paginationNo) { _%>page, size, <%_ } _%>sort }: IQueryParams) => {
+export const getEntities = createAsyncThunk(
+  '<%= entityInstance %>/fetch_entity_list',
+  async ({ <%_ if(!paginationNo) { _%>page, size, <%_ } _%>sort }: IQueryParams) => {
 <%_ if (!paginationNo) { _%>
-  const requestUrl = `${apiUrl}?${sort ? `page=${page}&size=${size}&sort=${sort}&` : ''}cacheBuster=${new Date().getTime()}`;
+    const requestUrl = `${apiUrl}?${sort ? `page=${page}&size=${size}&sort=${sort}&` : ''}cacheBuster=${new Date().getTime()}`;
 <%_ } else { _%>
-  const requestUrl = `${apiUrl}?${sort ? `sort=${sort}&` : ''}cacheBuster=${new Date().getTime()}`;
+    const requestUrl = `${apiUrl}?${sort ? `sort=${sort}&` : ''}cacheBuster=${new Date().getTime()}`;
 <%_ } _%>
-  return axios.get<I<%= entityReactName %>[]>(requestUrl);
-});
+    return axios.get<I<%= entityReactName %>[]>(requestUrl);
+  },
+  { serializeError: serializeAxiosError },
+);
 
 export const getEntity = createAsyncThunk(
   '<%= entityInstance %>/fetch_entity',
@@ -82,7 +87,7 @@ export const getEntity = createAsyncThunk(
     const requestUrl = `${apiUrl}/${id}`;
     return axios.get<I<%= entityReactName %>>(requestUrl);
   },
-  { serializeError: serializeAxiosError }
+  { serializeError: serializeAxiosError },
 );
 
 <%_ if (!readOnly) { _%>

package/dist/generators/react/templates/src/main/webapp/app/modules/home/home.tsx.ejs

@@ -23,7 +23,11 @@ import React, { useEffect } from 'react';
 <%_ } else { _%>
 import React from 'react';
 <%_ } _%>
+<%_ if (authenticationTypeOauth2) { _%>
+import { useLocation, useNavigate } from 'react-router-dom';
+<%_ } else { _%>
 import { Link } from 'react-router-dom';
+<%_ } _%>
 import { Translate } from 'react-jhipster';
 import { Row, Col, Alert } from 'reactstrap';
 
@@ -35,6 +39,9 @@ import { useAppSelector } from 'app/config/store';
 export const Home = () => {
   const account = useAppSelector(state => state.authentication.account);
 <%_ if (authenticationTypeOauth2) { _%>
+  const pageLocation = useLocation();
+  const navigate = useNavigate();
+
   useEffect(() => {
     const redirectURL = localStorage.getItem(REDIRECT_URL);
     if (redirectURL) {
@@ -65,7 +72,14 @@ export const Home = () => {
                 <Translate contentKey="global.messages.info.authenticated.prefix">If you want to </Translate>
                 <% if (!enableTranslation) { %><span>&nbsp;</span><% } %>
 <%_ if (authenticationTypeOauth2) { _%>
-                <a href={getLoginUrl()} className="alert-link">
+                <a
+                  className="alert-link"
+                  onClick={() =>
+                    navigate(getLoginUrl(), {
+                      state: { from: pageLocation },
+                    })
+                  }
+                >
                   <Translate contentKey="global.messages.info.authenticated.link">sign in</Translate>
                 </a>
 <%_ } else { _%>

package/dist/generators/react/templates/src/main/webapp/app/modules/login/login-redirect.tsx.ejs

@@ -7,7 +7,11 @@ export const LoginRedirect = () => {
 
   useEffect(() => {
     localStorage.setItem(REDIRECT_URL, pageLocation.state.from.pathname);
+<%_ if (authenticationTypeOauth2) { _%>
+    window.location.href = '/oauth2/authorization/oidc';
+<%_ } else { _%>
     window.location.reload();
+<%_ } _%>
   });
 
   return null;

package/dist/generators/react/templates/src/main/webapp/app/modules/login/logout.tsx.ejs

@@ -22,13 +22,15 @@ import { useAppDispatch, useAppSelector } from 'app/config/store';
 import { logout } from 'app/shared/reducers/authentication';
 
 export const Logout = () => {
-  const logoutUrl = useAppSelector(state => state.authentication.logoutUrl);
+  const authentication = useAppSelector(state => state.authentication);
   const dispatch = useAppDispatch();
 
   useLayoutEffect(() => {
     dispatch(logout());
-    if (logoutUrl) {
-      window.location.href = logoutUrl;
+    if (authentication.logoutUrl) {
+      window.location.href = authentication.logoutUrl;
+    } else if (!authentication.isAuthenticated) {
+      window.location.href = '/';
     }
   });
 

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

@@ -112,7 +112,7 @@ const AppRoutes = () => {
           }
         />
 <%_ if (authenticationTypeOauth2) { _%>
-        <Route path="oauth2/authorization/oidc" element={<LoginRedirect />} />
+        <Route path="sign-in" element={<LoginRedirect />} />
 <%_ } _%>
 <%_ if (applicationTypeGateway && microfrontend) { _%>
   <%_ for (const remote of microfrontends) { _%>

package/dist/generators/react/templates/src/main/webapp/app/shared/auth/private-route.spec.tsx.ejs

@@ -92,7 +92,7 @@ describe('private-route component', () => {
             </PrivateRoute>
           }
         />
-        <Route path="<% if(authenticationTypeOauth2) { %>/oauth2/authorization/oidc<% } else { %>/login<% } %>" element={<div>Login</div>} />
+        <Route path="<% if(authenticationTypeOauth2) { %>/sign-in<% } else { %>/login<% } %>" element={<div>Login</div>} />
       </Routes>,
       {
         isAuthenticated: false,

package/dist/generators/react/templates/src/main/webapp/app/shared/auth/private-route.tsx.ejs

@@ -42,7 +42,7 @@ export const PrivateRoute = ({ children, hasAnyAuthorities = [], ...rest }: IOwn
   return (
     <Navigate
       to={{
-        pathname: '<%_ if (authenticationTypeOauth2) { _%>/oauth2/authorization/oidc<%_ } else {_%>/login<%_ } _%>',
+        pathname: '<%_ if (authenticationTypeOauth2) { _%>/sign-in<%_ } else {_%>/login<%_ } _%>',
         search: pageLocation.search,
       }}
       replace

package/dist/generators/react/templates/src/main/webapp/app/shared/layout/header/header.tsx.ejs

@@ -28,9 +28,6 @@ import {
 } from 'reactstrap';
 import LoadingBar from 'react-redux-loading-bar';
 
-<%_ if (enableTranslation && enableI18nRTL) { _%>
-import { isRTL } from 'app/config/translation';
-<%_ } _%>
 import { Home, Brand } from './header-components';
 import { AdminMenu, EntitiesMenu, AccountMenu<%_ if (enableTranslation) { _%>, LocaleMenu<%_ } _%>} from '../menus';
 <%_ if (enableTranslation) { _%>
@@ -52,9 +49,6 @@ export interface IHeaderProps {
 
 const Header = (props: IHeaderProps) => {
   const [menuOpen, setMenuOpen] = useState(false);
-<%_ if (enableI18nRTL) { _%>
-  useEffect(() => document.querySelector('html').setAttribute('dir', isRTL(Storage.session.get('locale')) ? 'rtl' : 'ltr'));
-<%_ } _%>
 
 <%_ if (enableTranslation) { _%>
   const dispatch = useAppDispatch();
@@ -63,9 +57,6 @@ const Header = (props: IHeaderProps) => {
     const langKey = event.target.value;
     Storage.session.set('locale', langKey);
     dispatch(setLocale(langKey));
-  <%_ if (enableI18nRTL) { _%>
-    document.querySelector('html').setAttribute('dir', isRTL(langKey) ? 'rtl' : 'ltr');
-  <%_ } _%>
   }
 <%_ } _%>
 

package/dist/generators/react/templates/src/main/webapp/app/shared/layout/menus/account.spec.tsx.ejs

@@ -68,9 +68,7 @@ describe('AccountMenu', () => {
   it('Renders a guest AccountMenu component', () => {
     const html = guestWrapper();
 
-<%_ if (authenticationTypeOauth2) { _%>
-    expect(html).toContain(getLoginUrl());
-<%_ } else { _%>
+<%_ if (!authenticationTypeOauth2) { _%>
     expect(html).toContain('/login');
 <%_ } _%>
     expect(html).not.toContain('/logout');

package/dist/generators/react/templates/src/main/webapp/app/shared/layout/menus/account.tsx.ejs

@@ -27,6 +27,9 @@ import { Translate, translate } from 'react-jhipster';
 import { getLoginUrl } from 'app/shared/util/url-utils';
 <%_ } _%>
 import { NavDropdown } from './menu-components';
+<%_ if (authenticationTypeOauth2) { _%>
+import { useLocation, useNavigate } from 'react-router';
+<%_ } _%>
 
 
 const accountMenuItemsAuthenticated = () => (
@@ -42,18 +45,38 @@ const accountMenuItemsAuthenticated = () => (
   </>
   );
 
+<%_ if (authenticationTypeOauth2) { _%>
+const accountMenuItems = () => {
+  const navigate = useNavigate();
+  const pageLocation = useLocation();
+
+  return (
+    <>
+      <DropdownItem
+        id="login-item"
+        tag="a"
+        data-cy="login"
+        onClick={() =>
+          navigate(getLoginUrl(), {
+            state: { from: pageLocation },
+          })
+        }
+      >
+        <FontAwesomeIcon icon="sign-in-alt" /> <Translate contentKey="global.menu.account.login">Sign in</Translate>
+      </DropdownItem>
+    </>
+  );
+};
+<%_ } else { _%>
 const accountMenuItems = () => (
   <>
-<%_ if (!authenticationTypeOauth2) { _%>
     <MenuItem id="login-item" icon="sign-in-alt" to="/login" data-cy="login"><Translate contentKey="global.menu.account.login">Sign in</Translate></MenuItem>
-<%_ } else { _%>
-    <DropdownItem id="login-item" tag="a" href={getLoginUrl()} data-cy="login"><FontAwesomeIcon icon="sign-in-alt" /> <Translate contentKey="global.menu.account.login">Sign in</Translate></DropdownItem>
-<%_ } _%>
-<%_ if (generateUserManagement) { _%>
+  <%_ if (generateUserManagement) { _%>
     <MenuItem icon="user-plus" to="/account/register" data-cy="register"><Translate contentKey="global.menu.account.register">Register</Translate></MenuItem>
-<%_ } _%>
+  <%_ } _%>
   </>
 );
+<%_ } _%>
 
 export const AccountMenu = ({ isAuthenticated = false }) => (
   <NavDropdown icon="user" name={translate('global.menu.account.main')} id="account-menu" data-cy="accountMenu">

package/dist/generators/react/templates/src/main/webapp/app/shared/reducers/reducer.utils.ts.ejs

@@ -25,7 +25,7 @@ import {
   SliceCaseReducers,
   ValidateSliceCaseReducers,
 } from '@reduxjs/toolkit';
-import { AxiosError } from 'axios';
+import { AxiosError, isAxiosError } from 'axios';
 
 /**
  * Model for redux actions with pagination
@@ -69,7 +69,7 @@ const commonErrorProperties: Array<keyof SerializedError> = ['name', 'message',
  */
 export const serializeAxiosError = (value: any): AxiosError | SerializedError => {
   if (typeof value === 'object' && value !== null) {
-    if (value.isAxiosError) {
+    if (isAxiosError(value)) {
       return value;
     } else {
       const simpleError: SerializedError = {};
@@ -143,4 +143,3 @@ export const createEntitySlice = <T, Reducers extends SliceCaseReducers<EntitySt
     },
   });
 };
-

package/dist/generators/react/templates/src/main/webapp/app/shared/util/url-utils.ts.ejs

@@ -21,7 +21,7 @@ export const getLoginUrl = () => {
 
   // If you have configured multiple OIDC providers, then, you can update this URL to /login.
   // It will show a Spring Security generated login page with links to configured OIDC providers.
-  return `//${location.hostname}${port}${location.pathname}oauth2/authorization/oidc`;
+  return `//${location.hostname}${port}/sign-in`;
 }
 <%_ if (authenticationTypeOauth2) { _%>
 export const REDIRECT_URL = 'redirectURL';

package/dist/generators/server/command.js

@@ -21,12 +21,6 @@ import { GENERATOR_COMMON, GENERATOR_SPRING_BOOT } from '../generator-list.js';
 import { APPLICATION_TYPE_GATEWAY, APPLICATION_TYPE_MICROSERVICE, APPLICATION_TYPE_MONOLITH } from '../../jdl/index.js';
 const command = {
     options: {
-        authenticationType: {
-            name: 'auth',
-            description: 'Provide authentication type for the application when skipping server side generation',
-            type: String,
-            scope: 'storage',
-        },
         db: {
             description: 'Provide DB name for the application when skipping server side generation',
             type: String,
@@ -65,11 +59,6 @@ const command = {
             type: String,
             scope: 'storage',
         },
-        reactive: {
-            description: 'Generate a reactive backend',
-            type: Boolean,
-            scope: 'storage',
-        },
         searchEngine: {
             description: 'Provide search engine for the application when skipping server side generation',
             type: String,