@eui/tools 6.3.14 → 6.3.15

package/scripts/csdr/init/remotes/15.x/full/src/app/module.ts

@@ -0,0 +1,94 @@
+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, USER_PROVIDED_META_REDUCERS } 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,
+    CONFIG_TOKEN,
+    EUI_CONFIG_TOKEN,
+    translateConfig,
+} from '@eui/core';
+import {
+    CsdrCoreModule,
+    ElementStorageService,
+} from '@csdr/core';
+
+import { @root.common.module@ as RootCommonModule } from '@root.npm.pkg@';
+import {
+    DEFAULT_MAPPED_PROVIDERS,
+} from '@csdr/integration/element';
+import { RoutingModule } from './routing.module';
+
+import { TOKEN, reducerProvider, getMetaReducers } from './reducers/index';
+import { CustomSerializer } from './reducers/custom-route-serializer';
+import { environment } from '../environments/environment';
+import { appConfig } from '../config';
+import { FallbackComponent } from './fallback.component';
+import { ModuleComponent } from './module.component';
+import { EUI_COMPONENTS_MODULES } from './eui-components';
+
+@NgModule({
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        HttpClientModule,
+        StoreRouterConnectingModule.forRoot({ stateKey: 'router', serializer: CustomSerializer }),
+        StoreModule.forRoot(TOKEN),
+        EffectsModule.forRoot([]),
+        StoreDevtoolsModule.instrument({ name: appConfig.global.storeName, maxAge: 150, logOnly: environment.production }),
+        TranslateModule.forRoot(translateConfig),
+
+        CoreModule.forRoot(),
+        CsdrCoreModule.forRoot(),
+
+        RootCommonModule,
+        RoutingModule,
+
+        ...EUI_COMPONENTS_MODULES,
+    ],
+    declarations: [
+        FallbackComponent,
+        ModuleComponent,
+    ],
+    entryComponents: [
+        FallbackComponent,
+        ModuleComponent,
+    ],
+    providers: [
+        reducerProvider,
+        {
+            provide: USER_PROVIDED_META_REDUCERS,
+            deps: [CONFIG_TOKEN, ElementStorageService],
+            useFactory: getMetaReducers,
+        },
+        {
+            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/init/remotes/15.x/full/src/app/routing.module.ts

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { ELEMENT_ROUTES_TOKEN } from '@csdr/integration/element';
+
+import { routes } from '@root.npm.pkg@';
+// DON'T PAY ATTENTION TO IMPORT ERRORS HERE, those files are injected at serve/build time
+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/init/remotes/15.x/full/src/config/global.ts

@@ -0,0 +1,55 @@
+import { registerLocaleData } from '@angular/common';
+
+import localeEn from '@angular/common/locales/en';
+import localeEnExtra from '@angular/common/locales/extra/en';
+import localeFr from '@angular/common/locales/fr';
+import localeFrExtra from '@angular/common/locales/extra/fr';
+
+import { GlobalConfig, I18nConfig, LocaleServiceConfig } from '@eui/core';
+
+/**
+ * import and register locales (currently MWP uses only French and English)
+ */
+registerLocaleData(localeEn, 'en', localeEnExtra);
+registerLocaleData(localeFr, 'fr', localeFrExtra);
+
+/**
+ * Internationalization Configuration
+ */
+const i18nConfig: I18nConfig = {
+    i18nLoader: {
+        i18nFolders: ['elements/@remote.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: '@base.url@',
+    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
+    elementName: '@element.name@',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@store.name@',
+    i18n: i18nConfig,
+    locale: localeConfig,
+};

package/scripts/csdr/init/remotes.js

@@ -126,7 +126,18 @@ module.exports.generateVirtualRemote = (remoteName, cloneRemote = true) => {
         tools.logInfo(`copying full sources skeleton : ${remoteSkeletonFullPath} ==> ${remotePath}`);
         tools.copy(remoteSkeletonFullPath, remotePath);
 
-        tools.logSuccess('OK => copy done');
+        tools.logInfo('Replacing skeleton config tokens');
+
+        const remoteSrcPath = path.join(remotePath, 'src');
+
+        tools.replaceInPath(remoteSrcPath, '@remote.name@', remote.name);
+        tools.replaceInPath(remoteSrcPath, '@base.url@', remote.skeletonConfig.baseUrl);
+        tools.replaceInPath(remoteSrcPath, '@element.name@', remote.skeletonConfig.elementName);
+        tools.replaceInPath(remoteSrcPath, '@store.name@', remote.skeletonConfig.storeName);
+        tools.replaceInPath(remoteSrcPath, '@root.common.module@', remote.skeletonConfig.rootCommonModule);
+        tools.replaceInPath(remoteSrcPath, '@root.npm.pkg@', remote.skeletonConfig.rootNpmPkg);
+
+        tools.logSuccess('OK => copy done - Tokens replaced');
       }
     })
 

package/scripts/csdr/init/remotes/15.x/full/src/app/dummy.scss

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