npm - @eui/tools - Versions diffs - 4.15.9 → 4.15.13 - Mend

@eui/tools 4.15.9 → 4.15.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

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

@@ -1,7 +1,10 @@
 export const GLOBAL = {
-    appTitle: 'My Workplace',
-    baseUrl: 'remote-el-url',
-    languages: ['en', 'fr'],
-    defaultLanguage: 'en',
-    i18nFolder: 'i18n',
+    /* URL that needs to be used in the appRouting of the MWP */
+    baseUrl: '@module.name@',
+    /* the path/s where translation resources will be loaded */
+    i18nResources: ['elements/@module.full.name@/bundles/assets/i18n-compiled'],
+    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
+    elementName: '@module.scope@-@module.name@-v7',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@module.scope@ @module.name@',
 };

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

@@ -5,6 +5,6 @@
   <base href="/">
 </head>
 <body>
-  <remote-el></remote-el>
+  dummy index.html
 </body>
 </html>

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

@@ -4,7 +4,9 @@
     "outDir": "./out-tsc/app",
     "module": "es2015",
     "target": "es2015",
-    "types": [],
+    "types": [
+        "node"
+    ],
     "paths": {
         "os": ["./node_modules/empty-module/index.js"],
         "node-fetch": ["./node_modules/empty-module/index.js"],

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/angular.json ADDED Viewed

@@ -0,0 +1,90 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "apps",
+  "projects": {
+    "@module.full.name@": {
+      "root": ".",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "app",
+      "schematics": {},
+      "architect": {
+        "build": {
+          "builder": "ngx-build-plus:build",
+          "options": {
+              "deployUrl": "/mwp/assets/elements/@module.full.name@/bundles/",
+            "outputPath": "dist",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "scripts": [
+              "./node_modules/@webcomponents/custom-elements/src/native-shim.js"
+            ],
+            "assets": [
+              "src/assets"
+            ],
+              "styles": [
+                  "./node_modules/@eui/styles/dist/styles/eui-primeng.css",
+                  "./node_modules/@eui/styles/dist/styles/eui.css",
+                  "./node_modules/@eui/styles/dist/styles/eui-next.css",
+                  "./node_modules/@eui/styles/dist/styles/eui-components.css",
+                  "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css",
+                  "./node_modules/@eui/styles/dist/assets/fonts/font-awesome/font-awesome.min.css",
+                  "./node_modules/@eui/styles/dist/assets/fonts/flag-icons/css/flag-icon.min.css"
+              ]
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true
+            },
+            "serve-dist": {
+              "outputPath": "serve-dist",
+              "wath": true
+            }
+          }
+        },
+        "serve": {
+          "builder": "./node_modules/@angular-devkit/build-angular:dev-server",
+          "options": {
+              "deployUrl": "/assets/elements/@module.full.name@/bundles/",
+              "browserTarget": "@module.full.name@:build:serve-dist"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "@module.full.name@:build:production"
+            }
+          }
+        },
+        "test": {
+          "builder": "./node_modules/@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "scripts": []
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/browserslist ADDED Viewed

@@ -0,0 +1,10 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+# For IE 9-11 support, please uncomment the last line of the file and adjust as needed
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+IE 9-11

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/dependencies-base.json ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ {
2	+ }

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/dependencies-composite.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+    "@eui/deps-base": "^10.0.0",
+    "@csdr/core": "^2.0.0",
+    "@csdr/integration": "^2.0.0",
+    "@csdr/zipkin-tracing": "^4.0.0"
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/gitignore_TO_REPLACE ADDED Viewed

@@ -0,0 +1,64 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+# compiled output
+**/node_modules
+**/target
+**/build
+**/dist
+**/out-tsc
+**/tmp
+**/tests/reports
+**/coverage
+/src/assets/i18n-compiled/*
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+yarn-error.log
+yarn.lock
+# e2e
+/e2e/*.js
+/e2e/*.map
+# System Files
+.DS_Store
+Thumbs.db
+# Sub repositories
+/apps
+/packages
+# temp exclude
+package-lock.json
+/.env
+/.meta
+/.euirc.json
+/tsconfig.json
+/tsconfig.build.json
+/.ci-settings.xml
+**/_trash
+**/test/reports/

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/karma.conf.js ADDED Viewed

@@ -0,0 +1,7 @@
+const karmaConfig = require('@eui/tools/karma/karma.conf');
+module.exports = function (config) {
+    config.set(
+        karmaConfig.get(config)
+    );
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/package.json_TO_REPLACE ADDED Viewed

@@ -0,0 +1,8 @@
+{
+    "name": "@module.scope@/@module.name@-remote-el",
+    "version": "1.0.0",
+    "files": [
+        "bundles"
+    ],
+    "dependencies": {}
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/app/dummy.scss ADDED Viewed

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

package/scripts/csdr/cli/skeletons/package/{frontend-remote/src/app/dummy.spec.ts.TO_REPLACE → frontend-remote-eui10/src/app/dummy.spec.ts} RENAMED Viewed

File without changes

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

@@ -0,0 +1,71 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { Router } from '@angular/router';
+import { ELEMENT_ROUTER_TOKEN, IRouterService } from '@csdr/integration';
+import { CONFIG_TOKEN, I18nService, UxAppShellService } from '@eui/core';
+import { appConfig } from '../config/index';
+enum ElementStatus {
+    Loading = 'loading',
+    Loaded = 'loaded',
+    Error = 'error',
+}
+@Component({
+    template: `
+        <ng-container *ngIf="moduleStatus === ElementStatus.Loaded">
+            <router-outlet></router-outlet>
+        </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 uxAppShellService: UxAppShellService) {
+        console.log(this.uxAppShellService.isGrowlSticky);
+    }
+    public ngOnInit() {
+        this.router.navigate([this.routerService.getUrl()], { replaceUrl: true });
+        this.loadTranslations();
+    }
+    private loadTranslations() {
+        this.setStatus(ElementStatus.Loading);
+        this.i18nService
+            .init({ activeLang: 'en' })
+            .subscribe(s => {
+                // TODO: timeout is needed for right
+                //  top select element items which
+                //  are not translated.
+                //
+                //  eUI init method needs to be checked
+                setTimeout(() => this.setStatus(ElementStatus.Loaded), 500);
+            });
+    }
+    private setStatus(status: ElementStatus) {
+        this.moduleStatus = status;
+    }
+}

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

@@ -0,0 +1,165 @@
+import { NgModule, Injector, NgZone, PLATFORM_ID } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { APP_BASE_HREF } from '@angular/common';
+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 } from '@ngx-translate/core';
+// CSDR CORE - Babel defs & core reducers
+import {
+    CachePreventionInterceptor,
+    CONFIG_TOKEN,
+    CoreModule,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EUI_CONFIG_TOKEN,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    I18nService,
+    OpenIdConnectInterceptor,
+    StoreService,
+    translateConfig,
+    UserService,
+    UxAppShellService,
+} from '@eui/core';
+import { PushNotificationsService } from '@csdr/core';
+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';
+// import { TaskMgrCommonModule } from '@cc/task-manager'; // TODO adapt to central package import
+import {
+    ELEMENT_ROUTER_TOKEN,
+    PushNotificationMapping,
+    USER_SERVICE_HOST_TOKEN,
+    UserMapping,
+    UX_SERVICE_HOST_TOKEN,
+    UxAppShellServiceMapping,
+} from '@csdr/integration';
+import { RoutingModule } from './routing.module';
+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(),
+        // TaskMgrCommonModule, // TODO adapt to central package import
+        RoutingModule,
+    ],
+    declarations: [
+        ModuleComponent,
+    ],
+    entryComponents: [
+        ModuleComponent,
+    ],
+    providers: [
+        { provide: APP_BASE_HREF, useValue: `/${appConfig.global.baseUrl}` },
+        reducerProvider,
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { appConfig, environment },
+        },
+        {
+            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,
+        },
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: ZipkinHttpInterceptor,
+            deps: [TRACE_LOCAL_SERVICE_NAME, ZipkinTraceManager],
+            multi: true,
+        },
+        // used in the el-mappers
+        { provide: USER_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['UserService'] },
+        { provide: UX_SERVICE_HOST_TOKEN, useFactory: () => window['PROVIDERS']['UxService'] },
+        {
+            provide: PushNotificationsService,
+            useFactory: (zone: NgZone) => new PushNotificationMapping(zone, window['PROVIDERS']['PushNotificationsService']),
+            deps: [NgZone],
+        },
+        {
+            provide: UserService,
+            useFactory: (storeService: StoreService, hostUserService: any) => new UserMapping(storeService, hostUserService),
+            deps: [StoreService, USER_SERVICE_HOST_TOKEN],
+        },
+        {
+            provide: UxAppShellService,
+            useFactory: (
+                config: any,
+                http: HttpClient,
+                platformId: any,
+                router: Router,
+                storeService: StoreService,
+                iI18nService: I18nService,
+                hostUserService: any) => new UxAppShellServiceMapping(
+                    config, http, platformId, router, storeService, iI18nService, hostUserService),
+            deps: [CONFIG_TOKEN, HttpClient, PLATFORM_ID, Router, StoreService, I18nService, UX_SERVICE_HOST_TOKEN],
+        },
+        { provide: ELEMENT_ROUTER_TOKEN, useFactory: () => window['PROVIDERS']['ELEMENT_ROUTER_TOKEN'], deps: [] },
+        { 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,51 @@
+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';
+// import { routes } from '@cc/task-manager'; // TODO adapt to central package import
+import { appConfig } from '../config/index';
+import { ModuleComponent } from './module.component';
+const prefixedRoutes: Routes = [
+    {
+        path: appConfig.global.baseUrl,
+        // children: routes, // TODO adapt to central package routes
+    },
+    { path: '**', component: ModuleComponent },
+];
+// @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/assets/.gitkeep ADDED Viewed

File without changes

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

@@ -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@-@module.name@-v10',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@module.scope@ @module.name@',
+    i18n: i18nConfig,
+};

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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