@eui/tools 6.16.26 → 6.16.27

package/.version.properties

@@ -1 +1 @@
-6.16.26
+6.16.27

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 6.16.27 (2024-06-12)
+
+##### Chores
+
+* **other:**
+  * added v19 config files and injection setup - EUI-9014 [EUI-9014](https://webgate.ec.europa.eu/CITnet/jira/browse/EUI-9014)  ([adfed3fe](https://webgate.ec.europa.eu/CITnet/stash/scm/csdr/eui-tools.git/commits/adfed3fe5777c9f68f61b84da040de0ede2779f1))
+
+* * *
+* * *
 ## 6.16.26 (2024-06-10)
 
 ##### Chores

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/tools",
-    "version": "6.16.26",
+    "version": "6.16.27",
     "tag": "latest",
     "license": "EUPL-1.1",
     "description": "eUI common tools and scripts",

package/scripts/csdr/config/angular.js

@@ -85,6 +85,7 @@ module.exports.registerAngularPackage = (pkg, isReset) => {
   }
 
   const packageEuiVersion = innerPackages.getPackageEuiVersion(pkg);
+  const packageEuiVersionNumber = parseInt(packageEuiVersion);
 
   let projectDef = JSON.stringify(angularPackageDef);
 
@@ -94,7 +95,7 @@ module.exports.registerAngularPackage = (pkg, isReset) => {
   if (packageEuiVersion === '14.x') {
     projectDef = JSON.stringify(angularPackageDefV14);
   }
-  if (packageEuiVersion === '15.x' || packageEuiVersion === '16.x' || packageEuiVersion === '17.x' || packageEuiVersion === '18.x') {
+  if (packageEuiVersionNumber >= 15) {
     projectDef = JSON.stringify(angularPackageDefV15);
   }
 
@@ -121,10 +122,11 @@ module.exports.registerAngularPackageSubEntry = (subEntryName, subEntryPath, pkg
   const jsonFile = require(file);
 
   const packageEuiVersion = innerPackages.getPackageEuiVersion(pkg);
+  const packageEuiVersionNumber = parseInt(packageEuiVersion);
 
   let projectDef = JSON.stringify(angularPackageSubEntryDef);
 
-  if (packageEuiVersion === '15.x' || packageEuiVersion === '16.x' || packageEuiVersion === '17.x' || packageEuiVersion === '18.x') {
+  if (packageEuiVersionNumber >= 15) {
     projectDef = JSON.stringify(angularPackageSubEntryDef15);
     projectDef = projectDef.replace('"main":"packages/eui/packages/components/@subEntry.path@/test.ts",', '');
   }
@@ -132,7 +134,7 @@ module.exports.registerAngularPackageSubEntry = (subEntryName, subEntryPath, pkg
   projectDef = tools.replaceAll(projectDef, '@subEntry.package.name@', 'ng-package.json');
   projectDef = tools.replaceAll(projectDef, '@tsconfig@', pkg.tsConfigFileName);
 
-  if (packageEuiVersion === '15.x' || packageEuiVersion === '16.x' || packageEuiVersion === '17.x' || packageEuiVersion === '18.x') {
+  if (packageEuiVersionNumber >= 15) {
     // if tsconfig is missing add it
     const tsConfigSpecPath = path.join(process.cwd(), JSON.parse(projectDef).architect.test.options.tsConfig);
     // check if tsconfig exists otherwise created it
@@ -199,6 +201,8 @@ module.exports.registerAngularProjectDef = (project, build = false, element = fa
 
   tools.logInfo(`Registering angular project for eUI version : ${euiVersion}`);
 
+  const packageEuiVersionNumber = parseInt(euiVersion);
+
   if (!tools.isFileExists(file)) {
     tools.writeJsonFileSync(file, angularConfigDef);
   }
@@ -232,7 +236,7 @@ module.exports.registerAngularProjectDef = (project, build = false, element = fa
         } else if (euiVersion === '14.x' || euiVersion === '15.x' || euiVersion === '16.x') {
           projectDef = JSON.stringify(angularProjectDefFullSkeletonV14);
           tools.logInfo(`----using angularProjectDefFullSkeletonV14`);
-        } else if (euiVersion === '17.x' || euiVersion === '18.x') {
+        } else if (packageEuiVersionNumber >= 17) {
           if (project.build.esbuild) {
             projectDef = JSON.stringify(angularProjectDefFullSkeletonV17esbuild);
             tools.logInfo(`----using angularProjectDefFullSkeletonV17esbuild`);
@@ -255,7 +259,7 @@ module.exports.registerAngularProjectDef = (project, build = false, element = fa
         } else if (euiVersion === '17.x') {
           projectDef = JSON.stringify(angularProjectDefV17);
           tools.logInfo(`----using angularProjectDefV17`);
-        } else if (euiVersion === '18.x') {
+        } else if (packageEuiVersionNumber >= 18) {
           projectDef = JSON.stringify(angularProjectDefV17esbuild);
           tools.logInfo(`----using angularProjectDefV17esbuild`);
         } else {

package/scripts/csdr/install/common.js

@@ -33,8 +33,9 @@ module.exports.installDeps = (deps) => {
       // parse eUI deps and explode the sub-packages (v17 issues)
       .then(() => {
         const euiVersion = configUtils.global.getLocalEuiVersion();
+        const euiVersionNumber = parseInt(euiVersion);
 
-        if (euiVersion === '17.x' || euiVersion === '18.x') {
+        if (euiVersionNumber >= 17) {
           Object.keys(deps).forEach((dep) => {
             if (dep === '@eui/deps-base') {
               deps['@eui/components'] = deps[dep];

package/scripts/utils/build/package/build-package-utils.js

@@ -216,8 +216,9 @@ module.exports.buildSubEntry = (pkg, subEntry) => {
     })
     .then(() => {
       let packageEuiVersion = configUtils.packages.getPackageEuiVersion(pkg);
+      const packageEuiVersionNumber = parseInt(packageEuiVersion);
 
-      if (packageEuiVersion === '15.x' || packageEuiVersion === '16.x' || packageEuiVersion === '17.x' || packageEuiVersion === '18.x') {
+      if (packageEuiVersionNumber >= 15) {
         const { skipTest } = tools.getArgs();
 
         if (!skipTest) {

package/scripts/utils/build/package/styles.js

@@ -182,7 +182,8 @@ const compileSassFile = (pkg, folder, filename, isNodeSassTildeImporterActive) =
             pkg.build.euiVersion === '15.x' ||
             pkg.build.euiVersion === '16.x' ||
             pkg.build.euiVersion === '17.x' ||
-            pkg.build.euiVersion === '18.x'
+            pkg.build.euiVersion === '18.x' ||
+            pkg.build.euiVersion === '19.x'
           )) {
         return compileSassFileDartSass(folder, filename);
 
@@ -224,7 +225,7 @@ module.exports.build = (pkg) => {
         console.log('Temp copy succeeded.');
       })
       .then(() => {
-        if (pkg.build.euiVersion !== '18.x') {
+        if (pkg.build.euiVersion !== '18.x' && pkg.build.euiVersion !== '19.x') {
           return tools.copydir(srcFolder, srcOutFolder);
         }
       })
@@ -245,14 +246,14 @@ module.exports.build = (pkg) => {
         }, Promise.resolve());
       }))
       .then(() => {
-        if (pkg.build.euiVersion !== '18.x') {
+        if (pkg.build.euiVersion !== '18.x' && pkg.build.euiVersion !== '19.x') {
           return tools.copydir(tmpFolder, distFolder, true, `**/*.css`);
         } else {
           return tools.copydir(tmpFolderStyles, distFolder, true, `**/*.css`);
         }
       })
       .then(() => {
-        if (pkg.build.euiVersion !== '18.x') {
+        if (pkg.build.euiVersion !== '18.x' && pkg.build.euiVersion !== '19.x') {
           return tools.copydir(tmpFolder, distFolder, true, `**/*.map`);
         } else {
           return tools.copydir(tmpFolderStyles, distFolder, true, `**/*.map`);

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/app/app.module.ts

@@ -0,0 +1,51 @@
+// ANGULAR & 3rd PARTIES
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { HttpClientModule } from '@angular/common/http';
+import { StoreModule } from '@ngrx/store';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import { TranslateModule } from '@ngx-translate/core';
+
+// eUI IMPORTS
+import {
+    CoreModule, translateConfig, EUI_CONFIG_TOKEN,
+} from '@eui/core';
+import { EuiAllModule } from '@eui/components';
+
+import { appConfig } from '../config/index';
+import { environment } from '../environments/environment';
+
+// APP ROUTES & ROOT COMPONENTS
+import { AppRoutingModule } from '../../app/app-routing.module';
+import { AppComponent } from '../../app/app.component';
+
+import { TOKEN, reducerProvider, metaReducers, runtimeChecks } from './core/reducers/index';
+
+// APP ROOT MODULE
+@NgModule({
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        HttpClientModule,
+        StoreModule.forRoot(TOKEN, { metaReducers, runtimeChecks }),
+        // StoreModule.forRoot(),
+        TranslateModule.forRoot(translateConfig),
+        CoreModule.forRoot(),
+        AppRoutingModule,
+        EuiAllModule,
+    ],
+    declarations: [
+        AppComponent,
+    ],
+    providers: [
+        { provide: EUI_CONFIG_TOKEN, useValue: { appConfig: appConfig, environment: environment } },
+        reducerProvider,
+    ],
+    bootstrap: [
+        AppComponent,
+    ],
+})
+export class AppModule {
+}

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/app/core/reducers/index.ts

@@ -0,0 +1,50 @@
+import { InjectionToken } from '@angular/core';
+import { ActionReducer, ActionReducerMap, MetaReducer, RuntimeChecks } from '@ngrx/store';
+import * as fromRouter from '@ngrx/router-store';
+import { storeFreeze } from 'ngrx-store-freeze';
+import { reducers as coreReducers, localStorageSync } from '@eui/core';
+import { CoreState } from '@eui/base';
+
+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>[] = [logger, localStorageSync, storeFreeze];
+
+export const runtimeChecks: RuntimeChecks = {
+    strictStateSerializability: false,
+    strictActionSerializability: false,
+    strictStateImmutability: false,
+    strictActionImmutability: false,
+    strictActionWithinNgZone: false,
+    strictActionTypeUniqueness: false,
+};

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/config/global.ts

@@ -0,0 +1,4 @@
+import { GlobalConfig } from '@eui/base';
+
+export const GLOBAL: GlobalConfig = {
+};

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/config/index.ts

@@ -0,0 +1,8 @@
+import { EuiAppConfig } from '@eui/base';
+import { GLOBAL } from './global';
+import { MODULES } from './modules';
+
+export const appConfig: EuiAppConfig = {
+    global: GLOBAL,
+    modules: MODULES,
+};

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/config/modules.ts

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

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/environments/environment.dev.ts

@@ -0,0 +1,9 @@
+// activated by running :
+// npm run build -- --configuration=dev
+// OR
+// npm run build-dev
+
+export const environment = {
+    production: false,
+    enableDevToolRedux: true,
+};

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/environments/environment.prod.ts

@@ -0,0 +1,14 @@
+import { EuiEnvConfig } from '@eui/base';
+
+export interface EnvConfig extends EuiEnvConfig {
+    production?: boolean;
+    enableDevToolRedux?: boolean;
+}
+
+export const environment: EnvConfig = {
+    production: true,
+    enableDevToolRedux: false,
+    envDynamicConfig: {
+        uri: 'assets/config/env-json-config.json',
+    },
+};

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/environments/environment.ts

@@ -0,0 +1,26 @@
+// used by serve / when no configuration is provided on the build script
+// run npm run build
+
+import { EuiEnvConfig } from '@eui/base';
+
+export interface EnvConfig extends EuiEnvConfig {
+    production?: boolean;
+    enableDevToolRedux?: boolean;
+}
+
+export const environment: EnvConfig = {
+    production: false,
+    enableDevToolRedux: true,
+    envDynamicConfig: {
+        uri: 'assets/config/env-json-config.json',
+    },
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/main.ts

@@ -0,0 +1,21 @@
+import { enableProdMode } from '@angular/core';
+import { preInitApp } from '@eui/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+import { ApplicationRef } from '@angular/core';
+import { enableDebugTools } from '@angular/platform-browser';
+
+if (environment.production) {
+    enableProdMode();
+}
+preInitApp(environment).then(() => {
+    platformBrowserDynamic().bootstrapModule(AppModule)
+        .then(moduleRef => {
+            const applicationRef = moduleRef.injector.get(ApplicationRef);
+            const componentRef = applicationRef.components[0];
+            enableDebugTools(componentRef);
+        })
+        .catch(err => console.log(err));
+});

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/src/_generated/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';  // 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/utils/pre-build/injection/app-sources-full-skeleton-eui19/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+      "outDir": "./dist",
+      "types": [],
+      "target": "ES2022",
+      "module": "ES2022",
+      "lib": [
+        "ES2022",
+        "dom"
+      ],
+      "useDefineForClassFields": false
+    },
+    "angularCompilerOptions": {
+        "annotateForClosureCompiler": true,
+        "strictTemplates": true,
+        "strictInjectionParameters": true,
+    },
+    "exclude": [
+      "test.ts",
+      "**/*.spec.ts",
+      "_todo/**/*.ts",
+      "**/_todo/**/*.ts",
+      "src/assets/samples/**/*.ts",
+      "dist/assets/samples/**/*.ts"
+    ],
+    "include": ["**/*.ts"]
+  }

package/scripts/utils/pre-build/injection/app-sources-full-skeleton-eui19/tsconfig.spec.json

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

package/scripts/utils/pre-build/injection/skeletons.js

@@ -71,6 +71,9 @@ module.exports.injectCsdrFullSkeletonSources = (project, euiVersion) => {
       } else if (euiVersion === '18.x') {
         tools.copydir(path.join(__dirname, 'app-sources-full-skeleton-eui18'), project.folder, false);
 
+      } else if (euiVersion === '19.x') {
+        tools.copydir(path.join(__dirname, 'app-sources-full-skeleton-eui19'), project.folder, false);
+
       } else {
         tools.copydir(path.join(__dirname, 'app-sources-full-skeleton'), project.folder, false);
         tools.move(path.join(project.folder, 'src', '_generated', 'tst.ts'), path.join(project.folder, 'src', '_generated', 'test.ts'));

package/scripts/utils/pre-build/projects.js

@@ -80,6 +80,8 @@ module.exports.preBuild = (project, envTarget, build, configEnvTarget) => {
           return injectionUtils.skeletons.injectCsdrFullSkeletonSources(project, '17.x');
         } else if (project.build && project.build.euiVersion === '18.x') {
           return injectionUtils.skeletons.injectCsdrFullSkeletonSources(project, '18.x');
+        } else if (project.build && project.build.euiVersion === '19.x') {
+          return injectionUtils.skeletons.injectCsdrFullSkeletonSources(project, '19.x');
         } else {
           return injectionUtils.skeletons.injectCsdrFullSkeletonSources(project);
         }