@eui/tools 5.0.0-rc.2 → 5.0.0-rc.20

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,38 +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"
-            },
-            {
-                "glob": "**/*",
-                "input": "node_modules/@eui/styles/dist/assets/images",
-                "output": "./assets/images"
+    "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/dist/assets/images",
-                "output": "./assets/images"
+            "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"
     }
 }

package/scripts/csdr/cli/skeletons/app-showcase/src/app/app.component.html

@@ -1,22 +1,20 @@
 <eui-app [isSidebarOpen]="true" isSidebarHidden="false">
-    <eui-app-toolbar>
-        <eui-toolbar>
-            <eui-toolbar-logo></eui-toolbar-logo>
-            <eui-toolbar-app appName="eUI"></eui-toolbar-app>
-            <eui-toolbar-items euiPositionRight>
-                <eui-toolbar-item-user-profile>
-                    <eui-user-profile-menu>
-                        <eui-user-profile-menu-item>
-                            <eui-icon iconClass="eui-icon-person-thin"></eui-icon> My profile information
-                        </eui-user-profile-menu-item>
-                        <eui-user-profile-menu-item>
-                            <eui-icon iconClass="eui-icon-logout-thin"></eui-icon> Sign out
-                        </eui-user-profile-menu-item>
-                    </eui-user-profile-menu>
-                </eui-toolbar-item-user-profile>
-            </eui-toolbar-items>
-        </eui-toolbar>
-    </eui-app-toolbar>
+    <eui-toolbar>
+        <eui-toolbar-logo></eui-toolbar-logo>
+        <eui-toolbar-app appName="eUI"></eui-toolbar-app>
+        <eui-toolbar-items euiPositionRight>
+            <eui-toolbar-item-user-profile>
+                <eui-user-profile-menu>
+                    <eui-user-profile-menu-item>
+                        <eui-icon iconClass="eui-icon-person-thin"></eui-icon> My profile information
+                    </eui-user-profile-menu-item>
+                    <eui-user-profile-menu-item>
+                        <eui-icon iconClass="eui-icon-logout-thin"></eui-icon> Sign out
+                    </eui-user-profile-menu-item>
+                </eui-user-profile-menu>
+            </eui-toolbar-item-user-profile>
+        </eui-toolbar-items>
+    </eui-toolbar>
 
     <eui-app-sidebar>
         <eui-app-sidebar-body>

package/scripts/csdr/cli/skeletons/app-showcase/src/app/app.routes.ts

@@ -3,5 +3,5 @@ import { Routes } from '@angular/router';
 export const routes: Routes = [
     { path: '', redirectTo: 'home', pathMatch: 'full' },
     { path: 'index.html', redirectTo: 'home', pathMatch: 'full' },
-    { path: 'home', loadChildren: () => import('./features/_home/home.module').then(m => m.Module) },
+    { path: 'home', loadChildren: './features/_home/home.module#Module' },
 ];

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

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 
-import { SharedModule } from '../shared/shared.module';
+import { EuiPageModule } from '@eui/components-next';
 
 import { HomeRoutingModule } from './home-routing.module';
 import { HomeComponent } from './home.component';
@@ -8,7 +8,7 @@ import { HomeComponent } from './home.component';
 @NgModule({
     imports: [
         HomeRoutingModule,
-        SharedModule,
+        EuiPageModule,
     ],
     declarations: [
         HomeComponent,

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

@@ -0,0 +1,33 @@
+{
+    "build": {
+        "assets": [
+            "apps/@app.name@/src/_generated/favicon.ico",
+            "apps/@app.name@/src/assets",
+            {
+                "glob": "**/*",
+                "input": "node_modules/@eui/core/assets/",
+                "output": "./assets"
+            },
+            {
+                "glob": "**/*",
+                "input": "node_modules/@eui/styles-base/src/assets/",
+                "output": "./assets"
+            }
+        ],
+        "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-eui13/dependencies-composite.json

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