@eui/tools 5.0.0-rc.9 → 5.1.0

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

@@ -0,0 +1,90 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { Router } from '@angular/router';
+
+import { take } from 'rxjs/operators';
+
+import { CONFIG_TOKEN, I18nService, UserService } from '@eui/core';
+import { ELEMENT_ROUTER_TOKEN, IRouterService, initialization } from '@csdr/integration';
+
+import { appConfig } from '../config/index';
+
+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 {
+    ElementStatus = ElementStatus;
+    moduleStatus: ElementStatus;
+
+    constructor(private router: Router,
+                @Inject(ELEMENT_ROUTER_TOKEN) private routerService: IRouterService,
+                @Inject(CONFIG_TOKEN) public config: any,
+                private i18nService: I18nService,
+                private userService: UserService) {
+    }
+
+    public ngOnInit() {
+        this.router.navigateByUrl(this.routerService.getUrl(), { replaceUrl: true });
+        this.loadData();
+    }
+
+    private loadData() {
+        this.setStatus(ElementStatus.Loading);
+        try {
+            initialization(this.i18nService, this.userService)
+                .pipe(take(1))
+                .subscribe((loadStatus: { success: boolean, error?: string }) => {
+                    if (!loadStatus.success) {
+                        this.setStatus(ElementStatus.Error);
+                        console.error(`[ELEMENT: ${appConfig.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

@@ -0,0 +1,219 @@
+import { DOCUMENT } from '@angular/common';
+import { NgModule, Injector, NgZone, PLATFORM_ID } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { Router } from '@angular/router';
+import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } 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, TranslateService } from '@ngx-translate/core';
+
+import {
+    CachePreventionInterceptor,
+    CONFIG_TOKEN,
+    CoreModule,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EUI_CONFIG_TOKEN,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    GLOBAL_CONFIG_TOKEN,
+    I18nService,
+    LogService,
+    OpenIdConnectInterceptor,
+    StorageService,
+    StoreService,
+    translateConfig,
+    UserService,
+    UxAppShellService,
+} from '@eui/core';
+import {
+    EuiBlockContentComponentModule,
+    EuiButtonModule,
+    EuiLabelModule,
+} from '@eui/components-next';
+import { LanguageInterceptor, PushNotificationsService, BreadcrumbsService } from '@csdr/core';
+// TODO[REMOTE-SETUP] uncomment if zipkin is used
+// import { TRACE_LOCAL_SERVICE_NAME, ZipkinHttpInterceptor, ZipkinTraceManager } from '@csdr/zipkin-tracing';
+
+import { TOKEN, reducerProvider, metaReducers } from './reducers/index';
+import { CustomSerializer } from './reducers/custom-route-serializer';
+
+import { environment } from '../environments/environment';
+import { appConfig } from '../config';
+
+// TODO[REMOTE-SETUP] adapt to wrapped package import
+// import { TaskMgrCommonModule } from '@cc/task-manager';
+import {
+    ELEMENT_ROUTER_TOKEN,
+    I18N_SERVICE_HOST_TOKEN,
+    I18nServiceMapping,
+    NG_ZONE_HOST_TOKEN,
+    PUSH_NOTIFICATION_SERVICE_HOST_TOKEN,
+    PushNotificationServiceMapping,
+    USER_SERVICE_HOST_TOKEN,
+    UserServiceMapping,
+    UX_APP_SHELL_SERVICE_HOST_TOKEN,
+    UX_SERVICE_HOST_TOKEN,
+    UxAppShellServiceMapping,
+} from '@csdr/integration';
+import { RoutingModule } from './routing.module';
+
+import { FallbackComponent } from './fallback.component';
+import { ModuleComponent } from './module.component';
+
+export function openidConnectInterceptorFactory(config) {
+    return new OpenIdConnectInterceptor();
+}
+
+@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(),
+
+        EuiBlockContentComponentModule,
+        EuiButtonModule,
+        EuiLabelModule,
+
+        // TODO[REMOTE-SETUP] adapt to wrapped package import
+        // TaskMgrCommonModule,
+        RoutingModule,
+    ],
+    declarations: [
+        FallbackComponent,
+        ModuleComponent,
+    ],
+    entryComponents: [
+        FallbackComponent,
+        ModuleComponent,
+    ],
+    providers: [
+        reducerProvider,
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { appConfig: { ...appConfig, ...environment }, environment },
+        },
+        // TODO[REMOTE-SETUP] uncomment if LanguageInterceptor is used
+        // {
+        //     provide: HTTP_INTERCEPTORS,
+        //     useClass: LanguageInterceptor,
+        //     deps: [CONFIG_TOKEN, StorageService],
+        //     multi: true,
+        // },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: CorsSecurityInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: EuLoginSessionTimeoutHandlingInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: CsrfPreventionInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: CachePreventionInterceptor,
+            multi: true,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useFactory: openidConnectInterceptorFactory,
+            deps: [CONFIG_TOKEN],
+            multi: true,
+        },
+        // TODO[REMOTE-SETUP] uncomment if zipkin is used
+        // {
+        //     provide: HTTP_INTERCEPTORS,
+        //     useClass: ZipkinHttpInterceptor,
+        //     deps: [TRACE_LOCAL_SERVICE_NAME, ZipkinTraceManager],
+        //     multi: true,
+        // },
+
+        // used in the el-mappers
+        { provide: I18N_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['I18nService'] },
+        { provide: PUSH_NOTIFICATION_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['PushNotificationsService'] },
+        { provide: USER_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['UserService'] },
+        { provide: UX_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['UxService'] },
+        { provide: UX_APP_SHELL_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['UxAppShellService'] },
+        { provide: NG_ZONE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['ngZone'] },
+        // TODO[REMOTE-SETUP] uncomment if LanguageInterceptor or StorageService is used
+        // { provide: StorageService, useFactory: () => window['PROVIDERS']['StorageService'] },
+
+        {
+            provide: I18nService,
+            useFactory: (
+                config: any,
+                translateService: TranslateService,
+                logService: LogService,
+                store: StoreService,
+                document: Document,
+                hostI18nService: any) => new I18nServiceMapping(
+                config, translateService, logService, store, document, hostI18nService),
+            deps: [GLOBAL_CONFIG_TOKEN, TranslateService, LogService, StoreService, DOCUMENT, I18N_SERVICE_HOST_TOKEN],
+        },
+        {
+            provide: PushNotificationsService,
+            useFactory: (
+                zone: NgZone,
+                hostPushNotificationService: any) => new PushNotificationServiceMapping(zone, hostPushNotificationService),
+            deps: [NgZone, PUSH_NOTIFICATION_SERVICE_HOST_TOKEN],
+        },
+        {
+            provide: UserService,
+            useFactory: (storeService: StoreService, hostUserService: any) => new UserServiceMapping(storeService, hostUserService),
+            deps: [StoreService, USER_SERVICE_HOST_TOKEN],
+        },
+        {
+            provide: UxAppShellService,
+            useFactory: (
+                config: any,
+                http: HttpClient,
+                platformId: any,
+                router: Router,
+                storeService: StoreService,
+                iI18nService: I18nService,
+                hostUxService: any,
+                hostUxAppShellService: any,
+                hostNgZone) => new UxAppShellServiceMapping(
+                config, http, platformId, router, storeService, iI18nService, hostUxService, hostUxAppShellService, hostNgZone),
+            deps: [CONFIG_TOKEN, HttpClient, PLATFORM_ID, Router, StoreService, I18nService,
+                UX_SERVICE_HOST_TOKEN, UX_APP_SHELL_SERVICE_HOST_TOKEN, NG_ZONE_HOST_TOKEN],
+        },
+        { provide: BreadcrumbsService, useFactory: () => window['PROVIDERS']['BreadcrumbsService'], deps: [] },
+        { provide: ELEMENT_ROUTER_TOKEN, useFactory: () => window['PROVIDERS']['ELEMENT_ROUTER_TOKEN'], deps: [] },
+        // TODO[REMOTE-SETUP] uncomment if zipkin is used
+        // { provide: TRACE_LOCAL_SERVICE_NAME, useFactory: () => window['PROVIDERS']['TRACE_LOCAL_SERVICE_NAME'], deps: [] },
+        // { provide: ZipkinTraceManager, useFactory: () => window['PROVIDERS']['ZipkinTraceManager'], deps: [] },
+    ],
+})
+export class AppModule {
+
+    constructor(private injector: Injector) {
+    }
+
+    ngDoBootstrap() {
+        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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1,55 @@
+import { NgModule, NgZone, Inject } from '@angular/core';
+import { RouterModule, Routes, Router, NavigationStart } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { filter, distinctUntilChanged } from 'rxjs/operators';
+
+import { CCRoute, ELEMENT_ROUTER_TOKEN, IRouterService } from '@csdr/integration';
+
+// TODO[REMOTE-SETUP] adapt to wrapped package import
+// import { routes } from '@cc/task-manager';
+import { appConfig } from '../config/index';
+import { FallbackComponent } from './fallback.component';
+import { ModuleComponent } from './module.component';
+
+const prefixedRoutes: Routes = [
+    { path: '', component: ModuleComponent },
+    {
+        path: appConfig.global.baseUrl,
+        // TODO[REMOTE-SETUP] adapt to wrapped package import
+        // children: routes,
+    },
+    { path: '**', component: FallbackComponent },
+];
+
+// @dynamic
+@NgModule({
+    imports: [
+        RouterModule.forRoot(prefixedRoutes),
+    ],
+    exports: [
+        RouterModule,
+    ],
+})
+export class RoutingModule {
+    private routes: CCRoute[] = prefixedRoutes.map(route => route as CCRoute);
+
+    private navigationStartSubscription: Subscription;
+
+    constructor(private router: Router,
+                private ngZone: NgZone,
+                @Inject(ELEMENT_ROUTER_TOKEN) private routerService: IRouterService) {
+
+        this.routerService.registerSubRouter(appConfig.global.baseUrl, (url: string) => {
+            this.ngZone.run(() => router.navigateByUrl(url));
+        }, this.routes);
+
+        this.navigationStartSubscription = this.router.events
+            .pipe(
+                filter(event => event instanceof NavigationStart),
+                distinctUntilChanged((prev, curr) => prev['url'] === curr['url']),
+            )
+            .subscribe((data: NavigationStart) => {
+                this.routerService.subrouterEvent(appConfig.global.baseUrl, data);
+            });
+    }
+}

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

@@ -0,0 +1,31 @@
+import { GlobalConfig, I18nConfig } 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',
+    },
+};
+
+/**
+ * Global Configuration
+ */
+export const GLOBAL: GlobalConfig = {
+    /* URL that needs to be used in the appRouting of the MWP */
+    baseUrl: '@module.name@-v10',
+    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
+    elementName: '@module.scope-name@-v10',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@module.scope-name@',
+    i18n: i18nConfig,
+};

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

@@ -0,0 +1,20 @@
+import { GLOBAL } from './global';
+import { MODULES } from './modules';
+import { EuiAppConfig, LogLevel, ConsoleAppender, LogConfig } from '@eui/core';
+
+/**
+ * Log Configuration
+ */
+const logConfig: LogConfig = {
+    logLevel: LogLevel.ALL,
+    logAppenders: [{
+        type: ConsoleAppender,
+        prefixFormat: '[{level}]',
+    }],
+};
+
+export const appConfig: EuiAppConfig = {
+    global: GLOBAL,
+    modules: MODULES,
+    log: logConfig,
+};

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

@@ -0,0 +1,3 @@
+import { ModulesConfig } from '@eui/core';
+
+export const MODULES: ModulesConfig = window['PROVIDERS']['CONFIG_TOKEN'].modules;

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

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

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

@@ -0,0 +1,15 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+    production: false,
+};
+
+/*
+ * In development mode, to ignore zone related error stack frames such as
+ * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can
+ * import the following file, but please comment it out in production mode
+ * because it will have performance impact when throw error
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

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

@@ -0,0 +1,10 @@
+<!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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,86 @@
+/**
+ * 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/src/test.ts.TO_REPLACE

@@ -0,0 +1,20 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

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

@@ -0,0 +1,20 @@
+{
+  "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"
+  ]
+}