@eui/tools 6.5.6 → 6.6.0

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/app/module.component.ts

@@ -1,91 +0,0 @@
-import { Component, OnInit, Inject, ElementRef, OnDestroy } from '@angular/core';
-
-import { take } from 'rxjs/operators';
-
-import { CONFIG_TOKEN } from '@eui/core';
-import { ElementSetupService, ElementLifeCycleService } from '@csdr/integration/element';
-
-enum ElementStatus {
-    Loading = 'loading',
-    Loaded = 'loaded',
-    Error = 'error',
-}
-
-@Component({
-    template: `
-        <eui-block-content *ngIf="moduleStatus === ElementStatus.Loading" [isBlocked]="true">
-            <div style="height: 100%"></div>
-        </eui-block-content>
-        <ng-container *ngIf="moduleStatus === ElementStatus.Loaded">
-            <router-outlet></router-outlet>
-        </ng-container>
-        <ng-container *ngIf="moduleStatus === ElementStatus.Error">
-            <div class="error-container">
-                <div>
-                    <h1>Translations or user data for this module failed to load.</h1>
-                    <p>Do you want to try again?</p>
-                    <button euiButton euiPrimary (click)="loadData()">
-                        <span euiLabel>{{ 'global.RELOAD' | translate }}</span>
-                    </button>
-                </div>
-            </div>
-        </ng-container>
-    `,
-    styles: [`
-        .error-container {
-            width: 50vw;
-            height: 50vh;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-        }
-
-        .error-container div {
-            text-align: center
-        }
-    `],
-})
-export class ModuleComponent implements OnInit, OnDestroy {
-    ElementStatus = ElementStatus;
-    moduleStatus: ElementStatus;
-
-    constructor(private elRef: ElementRef,
-                @Inject(CONFIG_TOKEN) public config: any,
-                private elementLifeCycleService: ElementLifeCycleService,
-                private elementSetupService: ElementSetupService) {
-    }
-
-    ngOnInit() {
-        const elementData = this.elementLifeCycleService.getElementData(this.elRef);
-        this.elementLifeCycleService.setup(elementData);
-        this.loadData();
-    }
-
-    ngOnDestroy(): void {
-        this.elementLifeCycleService.cleanup();
-    }
-
-    private loadData() {
-        this.setStatus(ElementStatus.Loading);
-        try {
-            this.elementSetupService.init()
-                .pipe(take(1))
-                .subscribe((loadStatus: { success: boolean; error?: string }) => {
-                    if (!loadStatus.success) {
-                        this.setStatus(ElementStatus.Error);
-                        console.error(`[ELEMENT: ${this.config.global.elementName}] `, loadStatus.error);
-                    } else {
-                        this.setStatus(ElementStatus.Loaded);
-                    }
-                });
-        } catch (e) {
-            console.log(e);
-            this.setStatus(ElementStatus.Error);
-        }
-    }
-
-    private setStatus(status: ElementStatus) {
-        this.moduleStatus = status;
-    }
-}

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

@@ -1,87 +0,0 @@
-import { NgModule, Injector, DoBootstrap, ApplicationRef } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { HttpClientModule } from '@angular/common/http';
-import { createCustomElement } from '@angular/elements';
-
-import { StoreModule } from '@ngrx/store';
-import { EffectsModule } from '@ngrx/effects';
-import { StoreRouterConnectingModule } from '@ngrx/router-store';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-
-import { TranslateModule } from '@ngx-translate/core';
-
-import {
-    CoreModule,
-    EUI_CONFIG_TOKEN,
-    translateConfig,
-} from '@eui/core';
-
-import { EUI_COMPONENTS_MODULES } from './eui-components';
-
-import { CsdrCoreModule } from '@csdr/core';
-
-import { TOKEN, reducerProvider, metaReducers } from './reducers/index';
-import { CustomSerializer } from './reducers/custom-route-serializer';
-
-import { environment } from '../environments/environment';
-import { appConfig } from '../config';
-
-import { Module as RootPackageCommonModule } from '@module.scope@/@module.name@';
-import { DEFAULT_MAPPED_PROVIDERS } from '@csdr/integration/element';
-import { RoutingModule } from './routing.module';
-
-import { FallbackComponent } from './fallback.component';
-import { ModuleComponent } from './module.component';
-
-@NgModule({
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        HttpClientModule,
-        StoreRouterConnectingModule.forRoot({ stateKey: 'router', serializer: CustomSerializer }),
-        StoreModule.forRoot(TOKEN, { metaReducers }),
-        EffectsModule.forRoot([]),
-        StoreDevtoolsModule.instrument({ name: appConfig.global.storeName, maxAge: 150, logOnly: environment.production }),
-        TranslateModule.forRoot(translateConfig),
-
-        CoreModule.forRoot(),
-        CsdrCoreModule.forRoot(),
-
-        RootPackageCommonModule,
-        RoutingModule,
-
-        ...EUI_COMPONENTS_MODULES,
-    ],
-    declarations: [
-        FallbackComponent,
-        ModuleComponent,
-    ],
-    entryComponents: [
-        FallbackComponent,
-        ModuleComponent,
-    ],
-    providers: [
-        reducerProvider,
-        {
-            provide: EUI_CONFIG_TOKEN,
-            useValue: { appConfig: { ...appConfig, ...environment }, environment },
-        },
-
-        ...DEFAULT_MAPPED_PROVIDERS,
-    ],
-})
-export class AppModule implements DoBootstrap {
-
-    constructor(private injector: Injector) {
-    }
-
-    ngDoBootstrap(appRef: ApplicationRef): void {
-        const elementSampleEui = createCustomElement(ModuleComponent, { injector: this.injector });
-        try {
-            customElements.define(appConfig.global.elementName, elementSampleEui);
-        } catch (e) {
-            console.log(e);
-        }
-    }
-}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/app/reducers/custom-route-serializer.ts

@@ -1,28 +0,0 @@
-import { Params, RouterStateSnapshot } from '@angular/router';
-import { RouterStateSerializer } from '@ngrx/router-store';
-
-export interface RouterStateUrl {
-    url: string;
-    params: Params;
-    queryParams: Params;
-}
-
-export class CustomSerializer implements RouterStateSerializer<RouterStateUrl> {
-    serialize(routerState: RouterStateSnapshot): RouterStateUrl {
-        let route = routerState.root;
-
-        while (route.firstChild) {
-            route = route.firstChild;
-        }
-
-        const {
-            url,
-            root: { queryParams },
-        } = routerState;
-        const { params } = route;
-
-        // Only return an object including the URL, params and query params
-        // instead of the entire snapshot
-        return { url, params, queryParams };
-    }
-}

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

@@ -1,43 +0,0 @@
-/* eslint-disable */
-import { InjectionToken } from '@angular/core';
-import { ActionReducer, ActionReducerMap, MetaReducer } from '@ngrx/store';
-import * as fromRouter from '@ngrx/router-store';
-import { storeFreeze } from 'ngrx-store-freeze';
-import { reducers as coreReducers, CoreState, localStorageSync } from '@eui/core';
-
-import { environment } from '../../environments/environment';
-
-export interface AppState extends CoreState {
-    router: fromRouter.RouterReducerState<any>;
-}
-
-// -----------------
-// ------------ AOT
-export const TOKEN = new InjectionToken<any>('AppReducers');
-
-export function getReducers(): ActionReducerMap<AppState, any> {
-    return {
-        router: fromRouter.routerReducer,
-        ...coreReducers,
-    };
-}
-
-export const reducerProvider = [
-    { provide: TOKEN, useFactory: getReducers },
-];
-
-// console.log all actions
-export function logger(reducer: ActionReducer<AppState>): ActionReducer<AppState> {
-    return (state, action) => {
-        const result = reducer(state, action);
-        console.groupCollapsed(action.type);
-        console.log('prev state', state);
-        console.log('action', action);
-        console.log('next state', result);
-        console.groupEnd();
-
-        return result;
-    };
-}
-
-export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [logger, localStorageSync, storeFreeze] : [localStorageSync];

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/app/routing.module.ts

@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { ELEMENT_ROUTES_TOKEN } from '@csdr/integration/element';
-
-import { routes } from '@module.scope@/@module.name@';
-import { appConfig } from '../config/index';
-import { FallbackComponent } from './fallback.component';
-import { ModuleComponent } from './module.component';
-
-const elementRoutes: Routes = [
-    { path: '', component: ModuleComponent },
-    {
-        path: appConfig.global.baseUrl,
-        children: routes,
-    },
-    { path: '**', component: FallbackComponent },
-];
-
-// @dynamic
-@NgModule({
-    imports: [
-        RouterModule.forRoot(elementRoutes),
-    ],
-    providers: [
-        { provide: ELEMENT_ROUTES_TOKEN, useValue: elementRoutes },
-    ],
-    exports: [
-        RouterModule,
-    ],
-})
-export class RoutingModule {
-}

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

@@ -1,42 +0,0 @@
-import { GlobalConfig, I18nConfig, LocaleServiceConfig } from '@eui/core';
-
-/**
- * Internationalization Configuration
- */
-const i18nConfig: I18nConfig = {
-    i18nLoader: {
-        i18nFolders: ['elements/@module.full.name@/bundles/assets/i18n-compiled'],
-        i18nResources: [{
-            prefix: 'assets/i18n-eui/',
-            suffix: '.json',
-        }],
-    },
-    i18nService: {
-        languages: ['en', 'fr'],
-        defaultLanguage: 'en',
-    },
-};
-
-/**
- * Locale Configuration
- */
-const localeConfig: LocaleServiceConfig = {
-    id: 'en',
-    available: ['en', 'fr'],
-    bindWithTranslate: true,
-    affectGlobalLocale: true,
-};
-
-/**
- * Global Configuration
- */
-export const GLOBAL: GlobalConfig = {
-    /* URL that needs to be used in the appRouting of the MWP */
-    baseUrl: '@module.name@',
-    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
-    elementName: '@module.scope-name@',
-    /* in case you are using NgRx give it a unique name (mostly for debugging) */
-    storeName: '@module.scope-name@',
-    i18n: i18nConfig,
-    locale: localeConfig,
-};

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

@@ -1,10 +0,0 @@
-import { GLOBAL } from './global';
-import { MODULES } from './modules';
-
-import { EuiAppConfig } from '@eui/core';
-import { configMapping } from '@csdr/integration/element';
-
-export const appConfig: EuiAppConfig = configMapping({
-    global: GLOBAL,
-    modules: MODULES,
-});

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

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

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

@@ -1,3 +0,0 @@
-export const environment = {
-    production: true,
-};

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

@@ -1,3 +0,0 @@
-export const environment = {
-    production: false,
-};

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

@@ -1,10 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <base href="/">
-</head>
-<body>
-  dummy index.html
-</body>
-</html>

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/main.ts

@@ -1,12 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-    enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-    .catch(err => console.log(err));

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/polyfills.ts

@@ -1,87 +0,0 @@
-/* eslint-disable */
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-// import 'core-js/es6/reflect';
-
-/** Evergreen browsers require these. **/
-// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-// import 'core-js/es7/reflect';
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- */
-
-// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
-// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
-// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
-/*
-* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
-* with the following flag, it will bypass `zone.js` patch for IE/Edge
-*/
-// (window as any).__Zone_enable_cross_context_check = true;
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
-
- /**
- * Date, currency, decimal and percent pipes.
- * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
- */
-// import 'intl';  // Run `npm install --save intl`.
-/**
- * Need to import at least one locale-data with intl.
- */
-// import 'intl/locale-data/jsonp/en';

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/tsconfig.app.json

@@ -1,20 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "module": "es2015",
-    "target": "es2015",
-      "types": [
-          "node"
-      ],
-    "paths": {
-        "os": ["./node_modules/empty-module/index.js"],
-        "node-fetch": ["./node_modules/empty-module/index.js"],
-        "zipkin": ["./node_modules/zipkin/dist/zipkin.js"]
-    }
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/tsconfig.spec.json

@@ -1,18 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/tslint-remote.json

@@ -1,7 +0,0 @@
-{
-    "extends": "../../tslint-remote.json",
-    "rulesDirectory": [
-        "node_modules/codelyzer",
-        "node_modules/rxjs-tslint"
-    ]
-}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/tslint.json

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

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/webpack.extra.js

@@ -1,10 +0,0 @@
-const webpack = require('webpack');
-
-module.exports = {
-  plugins: [
-    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
-  ],
-  output: {
-    jsonpFunction: '@module.scope-name@-v10',
-  },
-}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui15/src/app/dummy.scss

@@ -1,3 +0,0 @@
-.example {
-    padding: 10px;
-}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui15/src/app/dummy.spec.ts

@@ -1,6 +0,0 @@
-// Dummy test
-describe('Test', () => {
-    it('should work', () => {
-        expect(true).toBe(true);
-    });
-});

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui15/src/app/eui-components.ts

@@ -1,9 +0,0 @@
-import { EuiBlockContentModule } from '@eui/components/eui-block-content';
-import { EuiButtonModule } from '@eui/components/eui-button';
-import { EuiLabelModule } from '@eui/components/eui-label';
-
-export const EUI_COMPONENTS_MODULES = [
-    EuiBlockContentModule,
-    EuiButtonModule,
-    EuiLabelModule,
-];

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui15/src/app/fallback.component.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    template: `
-        <eui-block-content [isBlocked]="true">
-            <div style="height: 100%"></div>
-        </eui-block-content>
-    `,
-})
-export class FallbackComponent {
-}