@eui/cli 19.0.0-next.5 → 19.0.0-next.7

package/.version.properties

@@ -1 +1 @@
-19.0.0-next.5
+19.0.0-next.7

package/lib/skeletons/_angular/base/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.5",
+    "version": "19.0.0-next.7",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -21,7 +21,7 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "19.0.0-next.5"
+        "@eui/deps-base": "19.0.0-next.7"
     },
     "resolutions": {
         "js-yaml": ">=3.13.1",

package/lib/skeletons/_angular/base/src/app/app.component.ts

@@ -1,16 +1,22 @@
 import { Component } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CoreModule } from './core/core.module';
+// import { BrowserModule } from '@angular/platform-browser';
+// import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { TranslateModule } from '@ngx-translate/core';
+import { EuiLayoutModule } from '@eui/components/layout';
+import { EuiLanguageSelectorModule } from '@eui/components/eui-language-selector';
+import { EuiUserProfileModule } from '@eui/components/eui-user-profile';
+import { EuiIconModule } from '@eui/components/eui-icon';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     standalone: true,
     imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        CoreModule,
+        TranslateModule,
+        EuiLayoutModule,
+        EuiIconModule,
+        EuiUserProfileModule,
+        EuiLanguageSelectorModule,
     ],
 })
 export class AppComponent {

package/lib/skeletons/_angular/base/src/app/app.config.ts

@@ -1,20 +1,73 @@
-import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
 
+import { TranslateModule } from '@ngx-translate/core';
+
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import {
+    CachePreventionInterceptor,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    CoreModule as EuiCoreModule,
+    translateConfig,
+    EUI_CONFIG_TOKEN,
+} from '@eui/core';
+
+import { appConfig as euiAppConfig} from '../config';
+import { environment } from '../environments/environment';
+
 export const appConfig: ApplicationConfig = {
     providers: [
-        AppStarterService,
+        importProvidersFrom(EuiCoreModule.forRoot()),
+        importProvidersFrom(TranslateModule.forRoot(translateConfig)),
+        provideHttpClient(withInterceptorsFromDi()),
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { euiAppConfig, environment }
+        },
+        {
+            // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
+            // This is necessary when a request is being made to another domain that is protected by EU Login.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CorsSecurityInterceptor,
+            multi: true,
+        },
+        {
+            // When the authentication session is invalid, we need to re-authenticate. The browser refreshes the current URL,
+            // and lets the EU Login client redirect to the official EU Login page.
+            provide: HTTP_INTERCEPTORS,
+            useClass: EuLoginSessionTimeoutHandlingInterceptor,
+            multi: true,
+        },
         {
-            provide: APP_INITIALIZER,
-            useFactory: (appStarterService: AppStarterService) => () => new Promise<void>((resolve) => {
-                appStarterService.start().subscribe(() => resolve());
-            }),
-            deps: [AppStarterService],
-            multi: true
+            // Adds HTTP header to each Ajax request that ensures the request is set by a piece of JavaScript code in the application.
+            // This prevents dynamically-loaded content from forging a request in the name of the currently logged-in user.
+            // Be aware that this assumes that cross-site scripting (XSS) is already put in place, (default setting in Angular).
+            provide: HTTP_INTERCEPTORS,
+            useClass: CsrfPreventionInterceptor,
+            multi: true,
         },
+        {
+            // Asks the intermediate proxies not to return a cache copy of the resource.
+            // In matter of fact forces each server in the chain to validate the freshness of the resource.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CachePreventionInterceptor,
+            multi: true,
+        },
+
+        AppStarterService,
+        // {
+        //     provide: APP_INITIALIZER,
+        //     useFactory: (appStarterService: AppStarterService) => () => new Promise<void>((resolve) => {
+        //         appStarterService.start().subscribe(() => resolve());
+        //     }),
+        //     deps: [AppStarterService],
+        //     multi: true
+        // },
         provideRouter(routes),
     ],
 };

package/lib/skeletons/_angular/base/src/app/features/home/home.component.ts

@@ -1,16 +1,18 @@
 import { Component, Inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { EuiPageModule } from '@eui/components/eui-page';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
         EuiPageModule,
+        TranslateModule,
     ],
 })
 export class HomeComponent {
-    constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {
+    constructor(@Inject(CONFIG_TOKEN) protected config: EuiAppConfig) {
         console.log(config);
     }
 }

package/lib/skeletons/_angular/base-mobile/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.5",
+    "version": "19.0.0-next.7",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",

package/lib/skeletons/_angular/options/ecl-ec/src/app/app.component.ts

@@ -6,13 +6,31 @@ import {
     CoreState,
 } from '@eui/core';
 import { Observable, Subscription } from 'rxjs';
-import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
-import { EclMenuItemSelectEvent } from '@eui/ecl/components/ecl-menu';
+import { EclSiteHeaderComponentModule, EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
+import { EclMenuItemSelectEvent, EclMenuComponentModule } from '@eui/ecl/components/ecl-menu';
+import { EclAppComponentModule } from '@eui/ecl/components/ecl-app';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import { EclSiteFooterComponentModule } from '@eui/ecl/components/ecl-site-footer';
+import { EclBreadcrumbComponentModule } from '@eui/ecl/components/ecl-breadcrumb';
+import { EclPageHeaderComponentModule } from '@eui/ecl/components/ecl-page-header';
+import { RouterOutlet } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     standalone: true,
+    imports: [
+        EclAppComponentModule,
+        EclBreadcrumbComponentModule,
+        EclIconComponentModule,
+        EclMenuComponentModule,
+        EclPageHeaderComponentModule,
+        EclSiteHeaderComponentModule,
+        EclSiteFooterComponentModule,
+        RouterOutlet,
+        TranslateModule,
+    ]
 })
 export class AppComponent implements OnDestroy {
     userInfos: UserState;

package/lib/skeletons/_angular/{base/src/app/core/core.module.ts → options/ecl-ec/src/app/app.config.ts}

@@ -1,8 +1,11 @@
-import { NgModule } from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { AppStarterService } from './app-starter.service';
+import { EclLanguageService, EclDefaultLanguageService } from '@eui/ecl/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { StoreModule } from '@ngrx/store';
-import { EffectsModule } from '@ngrx/effects';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import {
     CachePreventionInterceptor,
@@ -11,48 +14,20 @@ import {
     EuLoginSessionTimeoutHandlingInterceptor,
     CoreModule as EuiCoreModule,
     translateConfig,
-    CoreModuleEffects,
     EUI_CONFIG_TOKEN,
 } from '@eui/core';
-import { EuiLayoutModule } from '@eui/components/layout';
-import { EuiUserProfileModule } from '@eui/components/eui-user-profile';
-
-import { appConfig } from '../../config';
-import { environment } from '../../environments/environment';
-
-import { REDUCER_TOKEN, getReducers, metaReducers } from './reducers';
 
-import { SharedModule } from '@shared/shared.module';
+import { appConfig as euiAppConfig} from '../config';
+import { environment } from '../environments/environment';
 
-@NgModule({
-    imports: [
-        EuiLayoutModule,
-        EuiUserProfileModule,
-        SharedModule,
-        EuiCoreModule.forRoot(),
-        EffectsModule.forRoot([...CoreModuleEffects]),
-        TranslateModule.forRoot(translateConfig),
-        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
-        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
-        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
-    ],
-    declarations: [
-    ],
-    exports: [
-        EuiLayoutModule,
-        EuiUserProfileModule,
-        SharedModule,
-    ],
+export const appConfig: ApplicationConfig = {
     providers: [
+        importProvidersFrom(EuiCoreModule.forRoot()),
+        importProvidersFrom(TranslateModule.forRoot(translateConfig)),
         provideHttpClient(withInterceptorsFromDi()),
-        {
-            provide: REDUCER_TOKEN,
-            deps: [],
-            useFactory: getReducers,
-        },
         {
             provide: EUI_CONFIG_TOKEN,
-            useValue: { appConfig, environment }
+            useValue: { euiAppConfig, environment }
         },
         {
             // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
@@ -83,6 +58,12 @@ import { SharedModule } from '@shared/shared.module';
             useClass: CachePreventionInterceptor,
             multi: true,
         },
-    ]
-})
-export class CoreModule {}
+
+        AppStarterService,
+        {
+            provide: EclLanguageService,
+            useClass: EclDefaultLanguageService
+        },
+        provideRouter(routes),
+    ],
+};

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/home/home.component.ts

@@ -0,0 +1,16 @@
+import { Component, Inject } from '@angular/core';
+import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+@Component({
+    templateUrl: './home.component.html',
+    standalone: true,
+    imports: [
+        TranslateModule,
+    ],
+})
+export class HomeComponent {
+    constructor(@Inject(CONFIG_TOKEN) protected config: EuiAppConfig) {
+        console.log(config);
+    }
+}

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/module1/components/page1/page1.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page1.component.html',
+    standalone: true,
+})
+export class Page1Component {}

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/module1/components/page2/page2.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page2.component.html',
+    standalone: true,
+})
+export class Page2Component {}

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/module1/module1.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './module1.component.html',
+    standalone: true,
+})
+export class Module1Component {}

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/module2/module2.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './module2.component.html',
+    standalone: true,
+})
+export class Module2Component {}

package/lib/skeletons/_angular/options/ecl-eu/src/app/app.component.ts

@@ -6,13 +6,31 @@ import {
     CoreState,
 } from '@eui/core';
 import { Observable, Subscription } from 'rxjs';
-import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
-import { EclMenuItemSelectEvent } from '@eui/ecl/components/ecl-menu';
+import { EclSiteHeaderComponentModule, EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
+import { EclMenuItemSelectEvent, EclMenuComponentModule } from '@eui/ecl/components/ecl-menu';
+import { EclAppComponentModule } from '@eui/ecl/components/ecl-app';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import { EclSiteFooterComponentModule } from '@eui/ecl/components/ecl-site-footer';
+import { EclBreadcrumbComponentModule } from '@eui/ecl/components/ecl-breadcrumb';
+import { EclPageHeaderComponentModule } from '@eui/ecl/components/ecl-page-header';
+import { RouterOutlet } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     standalone: true,
+    imports: [
+        EclAppComponentModule,
+        EclBreadcrumbComponentModule,
+        EclIconComponentModule,
+        EclMenuComponentModule,
+        EclPageHeaderComponentModule,
+        EclSiteHeaderComponentModule,
+        EclSiteFooterComponentModule,
+        RouterOutlet,
+        TranslateModule,
+    ]
 })
 export class AppComponent implements OnDestroy {
     userInfos: UserState;

package/lib/skeletons/_angular/options/ecl-eu/src/app/app.config.ts

@@ -0,0 +1,69 @@
+import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { AppStarterService } from './app-starter.service';
+import { EclLanguageService, EclDefaultLanguageService } from '@eui/ecl/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import {
+    CachePreventionInterceptor,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    CoreModule as EuiCoreModule,
+    translateConfig,
+    EUI_CONFIG_TOKEN,
+} from '@eui/core';
+
+import { appConfig as euiAppConfig} from '../config';
+import { environment } from '../environments/environment';
+
+export const appConfig: ApplicationConfig = {
+    providers: [
+        importProvidersFrom(EuiCoreModule.forRoot()),
+        importProvidersFrom(TranslateModule.forRoot(translateConfig)),
+        provideHttpClient(withInterceptorsFromDi()),
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { euiAppConfig, environment }
+        },
+        {
+            // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
+            // This is necessary when a request is being made to another domain that is protected by EU Login.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CorsSecurityInterceptor,
+            multi: true,
+        },
+        {
+            // When the authentication session is invalid, we need to re-authenticate. The browser refreshes the current URL,
+            // and lets the EU Login client redirect to the official EU Login page.
+            provide: HTTP_INTERCEPTORS,
+            useClass: EuLoginSessionTimeoutHandlingInterceptor,
+            multi: true,
+        },
+        {
+            // Adds HTTP header to each Ajax request that ensures the request is set by a piece of JavaScript code in the application.
+            // This prevents dynamically-loaded content from forging a request in the name of the currently logged-in user.
+            // Be aware that this assumes that cross-site scripting (XSS) is already put in place, (default setting in Angular).
+            provide: HTTP_INTERCEPTORS,
+            useClass: CsrfPreventionInterceptor,
+            multi: true,
+        },
+        {
+            // Asks the intermediate proxies not to return a cache copy of the resource.
+            // In matter of fact forces each server in the chain to validate the freshness of the resource.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CachePreventionInterceptor,
+            multi: true,
+        },
+
+        AppStarterService,
+        {
+            provide: EclLanguageService,
+            useClass: EclDefaultLanguageService
+        },
+        provideRouter(routes),
+    ],
+};

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/home/home.component.ts

@@ -0,0 +1,16 @@
+import { Component, Inject } from '@angular/core';
+import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+@Component({
+    templateUrl: './home.component.html',
+    standalone: true,
+    imports: [
+        TranslateModule,
+    ],
+})
+export class HomeComponent {
+    constructor(@Inject(CONFIG_TOKEN) protected config: EuiAppConfig) {
+        console.log(config);
+    }
+}

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/module1/components/page1/page1.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page1.component.html',
+    standalone: true,
+})
+export class Page1Component {}

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/module1/components/page2/page2.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page2.component.html',
+    standalone: true,
+})
+export class Page2Component {}

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/module1/module1.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './module1.component.html',
+    standalone: true,
+})
+export class Module1Component {}

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/module2/module2.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './module2.component.html',
+    standalone: true,
+})
+export class Module2Component {}

package/lib/skeletons/web-symfony/myapp-web/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.5",
+    "version": "19.0.0-next.7",
     "license": "EUPL-1.1",
     "description": "eUI JEE Symfony app scripts",
     "scripts": {
@@ -18,6 +18,6 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "19.0.0-next.5"
+        "@eui/deps-base": "19.0.0-next.7"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/cli",
-    "version": "19.0.0-next.5",
+    "version": "19.0.0-next.7",
     "tag": "next",
     "license": "EUPL-1.1",
     "description": "eUI CLI app generator",

package/lib/skeletons/_angular/base/src/app/core/reducers/index.ts

@@ -1,33 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { MetaReducer } from '@ngrx/store';
-import { storeFreeze } from 'ngrx-store-freeze';
-import { reducers as coreReducers, localStorageSync } from '@eui/core';
-import { CoreState, getAppState } from '@eui/core';
-
-import { environment } from '../../../environments/environment';
-
-// eslint-disable-next-line
-export const REDUCER_TOKEN = new InjectionToken<any>('Registered Reducers');
-
-/**
- * Define here your app state
- *
- * [IMPORTANT]
- * There are some **reserved** slice of the state
- * that you **can not** use in your application ==> app |user | notification
- */
-// eslint-disable-next-line
-export interface AppState extends CoreState {
-    // [key: string]: fromTaskManager.State | any;
-}
-
-/**
- * Define here the reducers of your app
- */
-const rootReducer = Object.assign({}, coreReducers, {
-    // [fromTaskManager.namespace]: fromTaskManager.reducers,
-});
-
-export const getReducers = () => rootReducer;
-
-export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [localStorageSync, storeFreeze] : [localStorageSync];

package/lib/skeletons/_angular/options/ecl-ec/src/app/shared/shared.module.ts

@@ -1,19 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
-
-import { EclAllModule } from '@eui/ecl';
-
-const MODULES = [
-    RouterModule,
-    EclAllModule,
-    TranslateModule,
-    CommonModule,
-];
-@NgModule({
-    imports: [...MODULES],
-    declarations: [],
-    exports: [...MODULES],
-})
-export class SharedModule {}