@eui/tools 5.0.0-rc.9 → 5.1.2

package/scripts/csdr/cli/skeletons/app-eui10/src/app/core/core.module.ts

@@ -0,0 +1,84 @@
+import { NgModule } from '@angular/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 } from '@angular/common/http';
+import {
+    CachePreventionInterceptor,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    CoreModule as EuiCoreModule,
+    translateConfig,
+    CoreModuleEffects,
+    EUI_CONFIG_TOKEN,
+} from '@eui/core';
+
+import { appConfig } from '../../config/index';
+import { environment } from '../../environments/environment';
+
+import { REDUCER_TOKEN, getReducers, metaReducers } from './reducers/index';
+
+import { SharedModule } from '../shared/shared.module';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        EuiCoreModule.forRoot(),
+        EffectsModule.forRoot([...CoreModuleEffects]),
+        TranslateModule.forRoot(translateConfig),
+        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
+        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
+    ],
+    declarations: [
+    ],
+    exports: [
+        SharedModule,
+    ],
+    providers: [
+        {
+            provide: REDUCER_TOKEN,
+            deps: [],
+            useFactory: getReducers,
+        },
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { appConfig: appConfig, environment: 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,
+        },
+        {
+            // WARNING: in case of OpenID this is not needed since OpenID is stateless therefore no revalidation needed.
+            // 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,
+        },
+    ]
+})
+export class CoreModule {
+
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/core/reducers/index.ts

@@ -0,0 +1,33 @@
+import { InjectionToken } from '@angular/core';
+import { MetaReducer } from '@ngrx/store';
+import { storeFreeze } from 'ngrx-store-freeze';
+import { reducers as coreReducers, CoreState, getAppState, localStorageSync } from '@eui/core';
+
+import { environment } from '../../../environments/environment';
+
+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
+ */
+/* tslint: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 function getReducers() {
+    return rootReducer;
+}
+
+export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [localStorageSync, storeFreeze] : [localStorageSync];

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/home/home-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { HomeComponent } from './home.component';
+
+const routes: Routes = [
+    { path: '', component: HomeComponent },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(routes)
+    ],
+})
+export class HomeRoutingModule {}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/home/home.component.html

@@ -0,0 +1,7 @@
+<eui-page>
+    <eui-page-header label="{{ 'page.home.title' | translate }}"></eui-page-header>
+
+    <eui-page-content>
+
+    </eui-page-content>
+</eui-page>

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/home/home.component.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { UxAppShellService } from '@eui/core';
+
+@Component({
+    templateUrl: './home.component.html',
+})
+export class HomeComponent {
+    constructor(
+        private asService: UxAppShellService,
+    ) {
+    }
+
+    onUpdateAppName() {
+        this.asService.setState({
+            ...this.asService.state,
+            appName: 'Updated app name'
+        })
+    }
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/home/home.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+
+import { SharedModule } from '../../shared/shared.module';
+
+import { HomeRoutingModule } from './home-routing.module';
+
+import { HomeComponent } from './home.component';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        HomeRoutingModule,
+    ],
+    declarations: [
+        HomeComponent,
+    ],
+})
+export class Module {}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/components/page1/page1.component.html

@@ -0,0 +1,7 @@
+<div id="page-title">
+    <h2>Module1 - Page 1</h2>
+</div>
+
+<ux-panel label="Panel">
+    Panel content
+</ux-panel>

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/components/page1/page1.component.ts

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

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/components/page2/page2.component.html

@@ -0,0 +1,7 @@
+<div id="page-title">
+    <h2>Module 1 - page 2</h2>
+</div>
+
+<ux-panel label="Panel">
+    Panel content
+</ux-panel>

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/components/page2/page2.component.ts

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

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/module1-routing.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Page1Component } from './components/page1/page1.component';
+import { Page2Component } from './components/page2/page2.component';
+import { Module1Component } from './module1.component';
+
+const routes: Routes = [
+    { path: '', component: Module1Component },
+    { path: 'page1', component: Page1Component },
+    { path: 'page2', component: Page2Component },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(routes)
+    ],
+})
+export class Module1RoutingModule {}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/module1.component.html

@@ -0,0 +1,7 @@
+<eui-page>
+    <eui-page-header label="Module 1"></eui-page-header>
+
+    <eui-page-content>
+
+    </eui-page-content>
+</eui-page>

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/module1.component.ts

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

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module1/module1.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { Module1RoutingModule } from './module1-routing.module';
+import { Module1Component } from './module1.component';
+import { Page1Component } from './components/page1/page1.component';
+import { Page2Component } from './components/page2/page2.component';
+
+import { SharedModule } from '../../shared/shared.module';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        Module1RoutingModule,
+    ],
+    declarations: [
+        Module1Component,
+        Page1Component,
+        Page2Component,
+    ],
+})
+export class Module {
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module2/module2-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Module2Component } from './module2.component';
+
+const routes: Routes = [
+    { path: '', component: Module2Component },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild([
+            { path: '', component: Module2Component }
+        ])
+    ],
+})
+export class Module2RoutingModule {}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module2/module2.component.html

@@ -0,0 +1,8 @@
+<eui-page>
+    <eui-page-header label="Module 2"></eui-page-header>
+
+    <eui-page-content>
+        
+
+    </eui-page-content>
+</eui-page>

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module2/module2.component.ts

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

package/scripts/csdr/cli/skeletons/app-eui10/src/app/features/module2/module2.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Module2RoutingModule } from './module2-routing.module';
+import { Module2Component } from './module2.component';
+
+import { SharedModule } from '../../shared/shared.module';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        Module2RoutingModule,
+    ],
+    declarations: [
+        Module2Component,
+    ],
+})
+export class Module {
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/shared/shared.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+import { UxAllModule } from '@eui/components';
+import { EuiAllModule } from '@eui/components-next';
+
+@NgModule({
+    imports: [
+        UxAllModule,
+        EuiAllModule,
+        TranslateModule,
+    ],
+    declarations: [
+    ],
+    exports: [
+        UxAllModule,
+        EuiAllModule,
+        TranslateModule,
+    ]
+})
+export class SharedModule {}

package/scripts/csdr/cli/skeletons/app-eui10/src/app/shared/testing/router.mock.ts

@@ -0,0 +1,18 @@
+import { NavigationEnd } from '@angular/router';
+import { Observable } from 'rxjs/Observable';
+
+export class RouterMock {
+    routerState = { root: '' };
+    public navigationEnd = new NavigationEnd(0, 'http://url1', 'http://url2');
+    public events = new Observable(observer => {
+        observer.next(this.navigationEnd);
+        observer.complete();
+    });
+
+    constructor() {}
+
+    createUrlTree() {}
+
+    serializeUrl() {}
+
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/assets/config/env-json-config.json

@@ -0,0 +1,8 @@
+{
+    "modules": {
+        "core": {
+            "base": "/api",
+            "userDetails": "/user-details"
+        }
+    }
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/assets/i18n/en.json

@@ -0,0 +1,7 @@
+{
+    "page.home.title": "Welcome to eUI!",
+    "app.search.button": "Search",
+    "eui.my-profile-informations": "My profile information",
+    "eui.you-are-logged-in-as": "You are logged in as",
+    "eui.sign-out": "Sign out"
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/assets/i18n/fr.json

@@ -0,0 +1,7 @@
+{
+    "page.home.title": "Bienvenue dans eUI!",
+    "app.search.button": "Chercher",
+    "eui.my-profile-informations": "My profile information FR",
+    "eui.you-are-logged-in-as": "You are logged in as FR",
+    "eui.sign-out": "Sign out FR"
+}

package/scripts/csdr/cli/skeletons/app-eui10/src/config/global.ts

@@ -0,0 +1,20 @@
+import { GlobalConfig } from '@eui/core';
+
+export const GLOBAL: GlobalConfig = {
+    appTitle: 'CSDR-app',
+    i18n: {
+        i18nService: {
+            defaultLanguage: 'en',
+            languages: ['en', 'fr'],
+        },
+        i18nLoader: {
+            i18nFolders: ['i18n-eui', 'i18n'],
+        },
+    },
+    user: {
+        defaultUserPreferences: {
+            dashboard: { },
+            lang: 'en',
+        },
+    },
+};

package/scripts/csdr/cli/skeletons/app-eui10/src/config/index.ts

@@ -0,0 +1,8 @@
+import { EuiAppConfig } from '@eui/core';
+import { GLOBAL } from './global';
+import { MODULES } from './modules';
+
+export const appConfig: EuiAppConfig = {
+    global: GLOBAL,
+    modules: MODULES,
+};

package/scripts/csdr/cli/skeletons/app-eui10/src/config/modules.ts

@@ -0,0 +1,4 @@
+import { ModulesConfig } from '@eui/core';
+
+export const MODULES: ModulesConfig = {
+};

package/scripts/csdr/cli/skeletons/app-eui10/src/environments/environment.prod.ts

@@ -0,0 +1,9 @@
+import { EuiEnvConfig } from '@eui/core';
+
+export const environment: EuiEnvConfig = {
+    production: true,
+    enableDevToolRedux: false,
+    envDynamicConfig: {
+        uri: 'assets/config/env-json-config.json',
+    },
+};

package/scripts/csdr/cli/skeletons/app-eui10/src/environments/environment.ts

@@ -0,0 +1,9 @@
+import { EuiEnvConfig } from '@eui/core';
+
+export const environment: EuiEnvConfig = {
+    production: false,
+    enableDevToolRedux: true,
+    envDynamicConfig: {
+        uri: 'assets/config/env-json-config.json',
+    },
+};

package/scripts/csdr/cli/skeletons/app-eui10/src/index.html

@@ -0,0 +1,21 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title>@app.name@</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+
+<body>
+  <app-root>
+    <div id="loader-wrapper">
+      <div id="loader"></div>
+    </div>
+  </app-root>
+</body>
+
+</html>

package/scripts/csdr/cli/skeletons/app-eui10/src/styles.scss

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

package/scripts/csdr/cli/skeletons/app-eui10/tslint.json

@@ -0,0 +1,17 @@
+{
+    "extends": "../../tslint.json",
+    "rules": {
+        "directive-selector": [
+            true,
+            "attribute",
+            "app",
+            "camelCase"
+        ],
+        "component-selector": [
+            true,
+            "element",
+            "app",
+            "kebab-case"
+        ]
+    }
+}

package/scripts/csdr/cli/skeletons/app-showcase/angular-config.json

@@ -1,33 +1,103 @@
 {
-    "build": {
-        "assets": [
-            "apps/@app.name@/src/_generated/favicon.ico",
-            "apps/@app.name@/src/assets",
-            {
-                "glob": "**/*",
-                "input": "node_modules/@eui/core/assets/",
-                "output": "./assets"
+    "config": {
+        "root": "",
+        "sourceRoot": "apps/@app.name@/src",
+        "projectType": "application",
+        "prefix": "app",
+        "schematics": {
+            "@schematics/angular:component": {
+                "styleext": "scss"
+            }
+        },
+        "architect": {
+            "build": {
+                "builder": "ngx-build-plus:build",
+                "options": {
+                    "outputPath": "apps/@app.name@/dist",
+                    "index": "apps/@app.name@/src/_generated/index.html",
+                    "main": "apps/@app.name@/src/_generated/main.ts",
+                    "polyfills": "apps/@app.name@/src/_generated/polyfills.ts",
+                    "tsConfig": "apps/@app.name@/tsconfig.app.json",
+                    "assets": [
+                        "apps/@app.name@/src/_generated/favicon.ico",
+                        "apps/@app.name@/src/assets",
+                        {
+                            "glob": "**/*",
+                            "input": "node_modules/@eui/core/assets/",
+                            "output": "./assets"
+                        }
+                    ],
+                    "styles": [
+                        "node_modules/@eui/styles/dist/styles/eui.css",
+                        "node_modules/@eui/styles/dist/styles/eui-next.css"
+                    ]
+                },
+                "configurations": {
+                    "production": {
+                        "fileReplacements": [
+                            {
+                                "replace": "apps/@app.name@/src/_generated/environments/environment.ts",
+                                "with": "apps/@app.name@/src/_generated/environments/environment.prod.ts"
+                            }
+                        ],
+                        "optimization": false,
+                        "outputHashing": "all",
+                        "sourceMap": false,
+                        "extractCss": true,
+                        "namedChunks": true,
+                        "aot": true,
+                        "extractLicenses": true,
+                        "vendorChunk": false,
+                        "buildOptimizer": false,
+                        "budgets": [
+                            {
+                                "type": "initial",
+                                "maximumWarning": "2mb",
+                                "maximumError": "6mb"
+                            }
+                        ]
+                    },
+                    "production-optimized": {
+                        "fileReplacements": [
+                            {
+                                "replace": "apps/@app.name@/src/_generated/environments/environment.ts",
+                                "with": "apps/@app.name@/src/_generated/environments/environment.prod.ts"
+                            }
+                        ],
+                        "optimization": true,
+                        "outputHashing": "all",
+                        "sourceMap": false,
+                        "extractCss": true,
+                        "namedChunks": true,
+                        "aot": true,
+                        "extractLicenses": true,
+                        "vendorChunk": false,
+                        "buildOptimizer": true,
+                        "budgets": [
+                            {
+                                "type": "initial",
+                                "maximumWarning": "2mb",
+                                "maximumError": "6mb"
+                            }
+                        ]
+                    }
+                }
             },
-            {
-                "glob": "**/*",
-                "input": "node_modules/@eui/styles-base/src/assets/",
-                "output": "./assets"
+            "serve": {
+                "builder": "@angular-devkit/build-angular:dev-server",
+                "options": {
+                    "browserTarget": "@app.name@:build"
+                },
+                "configurations": {
+                    "proxy-mock": {
+                        "browserTarget": "@app.name@:build",
+                        "proxyConfig": "apps/@app.name@/proxy-mock.conf.json"
+                    },
+                    "production": {
+                        "browserTarget": "@app.name@:build:production"
+                    }
+                }
             }
-        ],
-        "styles": [
-            "node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css",
-            "packages/eui/packages/styles/src/styles/eui-showcase-dev-only.scss",
-            "packages/eui/packages/styles/src/styles/eui-next-dev-only.scss"
-        ],
-        "stylesBuild": [
-            "node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css",
-            "node_modules/@eui/styles/dist/styles/eui-showcase.css",
-            "node_modules/@eui/styles/dist/styles/eui-next.css"
-        ],
-        "scripts": [
-            "node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js",
-            "node_modules/marked/lib/marked.js",
-            "node_modules/prismjs/prism.js"
-        ]
+        }
     }
 }

package/scripts/csdr/cli/skeletons/app-showcase/dependencies-composite.json

@@ -1,5 +1,5 @@
 {
     "dependencies": {
-        "@eui/deps-base": "^13.0.0"
+        "@eui/deps-base": "^10.0.0"
     }
 }