@eui/cli 21.0.0-alpha.9 → 21.0.0-next.10

package/lib/skeletons/_angular/base-mobile/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "target": "ES2022",
+    "module": "ES2022",
+    "useDefineForClassFields": false,
+    "lib": [
+      "ES2022",
+      "dom"
+    ],
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": false,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "importHelpers": true,
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "paths": {
+        "@shared/*": ["src/app/shared/*"],
+    }
+  }
+}

package/lib/skeletons/_angular/options/ecl-ec/src/app/app.component.ts

@@ -4,14 +4,14 @@ import {
     UserService,
     UserState,
 } from '@eui/core';
-import { EclAppModule } from '@eui/ecl/components/ecl-app';
-import { EclBreadcrumbModule } from '@eui/ecl/components/ecl-breadcrumb';
-import { EclIconModule } from '@eui/ecl/components/ecl-icon';
-import { EclMenuItemSelectEvent, EclMenuModule } from '@eui/ecl/components/ecl-menu';
-import { EclLinkModule } from '@eui/ecl/components/ecl-link';
-import { EclPageHeaderModule } from '@eui/ecl/components/ecl-page-header';
-import { EclSiteFooterModule } from '@eui/ecl/components/ecl-site-footer';
-import { EclSiteHeaderLoginEvent, EclSiteHeaderModule, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
+import { EUI_ECL_APP } from '@eui/ecl/components/ecl-app';
+import { EUI_ECL_BREADCRUMB } from '@eui/ecl/components/ecl-breadcrumb';
+import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
+import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
+import { EclMenuItemSelectEvent, EUI_ECL_MENU } from '@eui/ecl/components/ecl-menu';
+import { EUI_ECL_PAGE_HEADER } from '@eui/ecl/components/ecl-page-header';
+import { EUI_ECL_SITE_FOOTER } from '@eui/ecl/components/ecl-site-footer';
+import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent, EUI_ECL_SITE_HEADER } from '@eui/ecl/components/ecl-site-header';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
@@ -19,14 +19,14 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './app.component.html',
     standalone: true,
     imports: [
-        EclAppModule,
-        EclBreadcrumbModule,
-        EclIconModule,
-        EclLinkModule,
-        EclMenuModule,
-        EclPageHeaderModule,
-        EclSiteHeaderModule,
-        EclSiteFooterModule,
+        ...EUI_ECL_APP,
+        ...EUI_ECL_BREADCRUMB,
+        ...EUI_ECL_ICON,
+        ...EUI_ECL_LINK,
+        ...EUI_ECL_MENU,
+        ...EUI_ECL_PAGE_HEADER,
+        ...EUI_ECL_SITE_HEADER,
+        ...EUI_ECL_SITE_FOOTER,
         RouterOutlet,
         TranslateModule,
     ]

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/home/home.component.ts

@@ -1,16 +1,16 @@
 import { Component, Inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
+import { EUI_ECL_LIST } from '@eui/ecl/components/ecl-list';
 import { TranslateModule } from '@ngx-translate/core';
-import { EclListModule } from '@eui/ecl/components/ecl-list';
-import { EclLinkModule } from '@eui/ecl/components/ecl-link';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
         TranslateModule,
-        EclLinkModule,
-        EclListModule,
+        ...EUI_ECL_LINK,
+        ...EUI_ECL_LIST,
     ],
 })
 export class HomeComponent {

package/lib/skeletons/_angular/options/ecl-eu/src/app/app.component.ts

@@ -4,14 +4,14 @@ import {
     UserService,
     UserState,
 } from '@eui/core';
-import { EclAppModule } from '@eui/ecl/components/ecl-app';
-import { EclBreadcrumbModule } from '@eui/ecl/components/ecl-breadcrumb';
-import { EclIconModule } from '@eui/ecl/components/ecl-icon';
-import { EclMenuItemSelectEvent, EclMenuModule } from '@eui/ecl/components/ecl-menu';
-import { EclLinkModule } from '@eui/ecl/components/ecl-link';
-import { EclPageHeaderModule } from '@eui/ecl/components/ecl-page-header';
-import { EclSiteFooterModule } from '@eui/ecl/components/ecl-site-footer';
-import { EclSiteHeaderLoginEvent, EclSiteHeaderModule, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
+import { EUI_ECL_APP } from '@eui/ecl/components/ecl-app';
+import { EUI_ECL_BREADCRUMB } from '@eui/ecl/components/ecl-breadcrumb';
+import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
+import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
+import { EclMenuItemSelectEvent, EUI_ECL_MENU } from '@eui/ecl/components/ecl-menu';
+import { EUI_ECL_PAGE_HEADER } from '@eui/ecl/components/ecl-page-header';
+import { EUI_ECL_SITE_FOOTER } from '@eui/ecl/components/ecl-site-footer';
+import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent, EUI_ECL_SITE_HEADER } from '@eui/ecl/components/ecl-site-header';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
@@ -19,14 +19,14 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './app.component.html',
     standalone: true,
     imports: [
-        EclAppModule,
-        EclBreadcrumbModule,
-        EclIconModule,
-        EclLinkModule,
-        EclMenuModule,
-        EclPageHeaderModule,
-        EclSiteHeaderModule,
-        EclSiteFooterModule,
+        ...EUI_ECL_APP,
+        ...EUI_ECL_BREADCRUMB,
+        ...EUI_ECL_ICON,
+        ...EUI_ECL_LINK,
+        ...EUI_ECL_MENU,
+        ...EUI_ECL_PAGE_HEADER,
+        ...EUI_ECL_SITE_HEADER,
+        ...EUI_ECL_SITE_FOOTER,
         RouterOutlet,
         TranslateModule,
     ]

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/home/home.component.ts

@@ -1,16 +1,16 @@
 import { Component, Inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
+import { EUI_ECL_LIST } from '@eui/ecl/components/ecl-list';
 import { TranslateModule } from '@ngx-translate/core';
-import { EclListModule } from '@eui/ecl/components/ecl-list';
-import { EclLinkModule } from '@eui/ecl/components/ecl-link';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
         TranslateModule,
-        EclLinkModule,
-        EclListModule,
+        ...EUI_ECL_LINK,
+        ...EUI_ECL_LIST,
     ],
 })
 export class HomeComponent {

package/lib/skeletons/_angular/options/ecl-eu/src/app/shared/shared.module.ts

@@ -1,19 +1,15 @@
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 
-import { EclAllModule } from '@eui/ecl';
-
 const MODULES = [
     RouterModule,
-    EclAllModule,
     TranslateModule,
     CommonModule,
 ];
 @NgModule({
     imports: [...MODULES],
-    declarations: [],
     exports: [...MODULES],
 })
 export class SharedModule {}

package/lib/skeletons/_angular/options/pnpm/package.json

@@ -0,0 +1,72 @@
+{
+    "name": "eui-angular-app",
+    "version": "21.0.0-next.10",
+    "license": "EUPL-1.1",
+    "scripts": {
+        "ng": "ng",
+        "start-mock-server": "nodemon --watch ./mock ./mock/server.js",
+        "start-serve": "eui-cli serve-app --configuration=proxy-mock",
+        "start": "npm-run-all --parallel start-mock-server start-serve",
+        "start-proxy": "eui-cli serve-app --configuration=proxy",
+        "start-local": "eui-cli serve-app",
+        "build": "eui-cli build-app",
+        "build-dev": "eui-cli build-app --configuration=development --configEnvTarget=dev",
+        "build-prod": "eui-cli build-app --configuration=production-optimized --configEnvTarget=prod --skipLint --skipTest",
+        "app:inject-config": "eui-cli inject-config-app",
+        "generate-changelog": "eui-cli generate-changelog",
+        "generate-sprite": "eui-cli generate-sprite"
+    },
+    "private": true,
+    "dependencies": {
+        "@angular/animations": "21.0.0",
+        "@angular/common": "21.0.0",
+        "@angular/compiler": "21.0.0",
+        "@angular/core": "21.0.0",
+        "@angular/forms": "21.0.0",
+        "@angular/platform-browser": "21.0.0",
+        "@angular/platform-browser-dynamic": "21.0.0",
+        "@angular/router": "21.0.0",
+        "@angular/elements": "21.0.0",
+        "@angular/language-service": "21.0.0",
+        "@angular/service-worker": "21.0.0",
+        "@angular/cdk": "21.0.0",
+        "@angular/material": "21.0.0",
+        "@angular/material-moment-adapter": "21.0.0",
+        "@angular-devkit/build-angular": "21.0.0",
+        "rxjs": "7.8.2",
+        "tslib": "2.8.1",
+        "zone.js": "0.15.1",
+        "@types/lodash": "4.17.20",
+        "intl": "1.2.5",
+        "deepmerge-ts": "7.1.5",
+        "@ngx-translate/core": "15.0.0",
+        "@ngx-translate/http-loader": "8.0.0",
+        "reselect": "5.1.1",
+        "ngx-mask": "20.0.3",
+        "cleave.js": "1.6.0",
+        "hammerjs": "2.0.8",
+        "pikaday": "1.8.2",
+        "lodash-es": "4.17.21",
+        "localforage": "1.10.0",
+        "@eui/base": "21.0.0-next.10",
+        "@eui/core": "21.0.0-next.10",
+        "@eui/styles": "21.0.0-next.10",
+        "@eui/components": "21.0.0-next.10",
+        "@eui/ecl": "21.0.0-next.10"
+    },
+    "devDependencies": {
+        "@angular/build": "21.0.0",
+        "@angular/compiler-cli": "21.0.0",
+        "@angular/cli": "21.0.0",
+        "@eui/cli": "21.0.0-next.10",
+        "ng-packagr": "21.0.0",
+        "typescript": "5.9.2",
+        "npm-run-all": "4.1.5",
+        "json-server": "1.0.0-beta.3",
+        "nodemon": "3.1.10",
+        "lowdb": "1.0.0",
+        "body-parser": "2.2.0",
+        "express": "5.1.0",
+        "uuid": "13.0.0"
+    }
+}

package/lib/utils.js

@@ -1,3 +1,11 @@
+const childProcess = require('child_process');
+const execSync = childProcess.execSync;
+const fs = require('fs');
+const fse = require('fs-extra');
+const glob = require('glob');
+const path = require('path');
+const figlet = require('figlet');
+
 module.exports.getAngularPath = (targetPath, appName, appType, artifactId) => {
   switch(appType) {
     case 'angular':
@@ -11,3 +19,199 @@ module.exports.getAngularPath = (targetPath, appName, appType, artifactId) => {
       return `${targetPath}/client`;
   }
 }
+
+module.exports.getArgs = () => {
+  const argv = require('yargs').argv;
+
+  const processArgs = process.env._CSDR_ARGS;
+
+  let args = {};
+
+  if (processArgs) {
+    processArgs.split(',').forEach((item) => {
+      // check if it's defined as array - example format : someArray:test1=test1|test2=test2
+      if (item.indexOf('Array') > 0) {
+        const arrayItems = item.split(':')[1];
+        const subItems = arrayItems.split('|');
+        const array = [];
+        subItems.forEach((sub) => {
+          const subItemSplit = sub.split('=');
+          const newItem = {};
+          newItem[subItemSplit[0].trim()] = subItemSplit[1].trim();
+          array.push(newItem);
+        })
+        args[item.split(':')[0]] = array;
+
+      // otherwise normal key/value pairs - example format : test1:test1,test2:test2
+      } else {
+        const itemSplit = item.split(':');
+        args[itemSplit[0].trim()] = itemSplit[1].trim();
+      }
+    })
+  }
+
+  return {
+    root: argv._[0],
+    ...argv,
+    ...args
+  }
+}
+
+
+module.exports.logBigTitle = (text) => {
+  console.log('\n\n');
+  console.log('\x1b[33m', figlet.textSync(text, { horizontalLayout: 'full' }) ,'\x1b[0m');
+  console.log('\n');
+}
+
+module.exports.logTitle = (msg) => {
+  log(msg, 0);
+}
+
+const logInfo = module.exports.logInfo = (msg) => {
+  log(msg, 1);
+}
+
+module.exports.logSuccess = (msg) => {
+  if (!msg) msg = 'OK';
+  log(msg, 2);
+}
+
+module.exports.logError = (msg) => {
+  log(msg, 3);
+}
+module.exports.logErrorTrace = (filename, method, e) => {
+  log(`ERROR in ${filename}`, 3);
+  log(`...method : ${method}`, 3);
+  log(`...message : ${e.message}`, 3);
+}
+
+module.exports.logWarning = (msg) => {
+  log(msg, 4);
+}
+
+module.exports.logAccent = (msg) => {
+  log(msg, 5);
+}
+
+module.exports.logBanner = (msg) => {
+  log(msg, 6);
+}
+
+module.exports.logDebug = (msg) => {
+  if (getArgs().debug) {
+    log(msg, 7);
+  }
+}
+module.exports.logDebugTrace = (filename, method, e) => {
+  if (getArgs().debug) {
+    log(`ERROR in ${filename}`, 7);
+    log(`...method : ${method}`, 7);
+    log(`...message : ${e.message}`, 7);
+  }
+}
+module.exports.logDebugResponse = (response) => {
+  if (getArgs().debug) {
+    console.log(response);
+  }
+}
+
+module.exports.isDirEmpty = (path) => {
+  try {
+    var files = fse.readdirSync(path);
+
+    if (files.length === 0) {
+      return true;
+    } else {
+      return false;
+    }
+
+  } catch (err) {
+    return false;
+  }
+}
+
+const isFileExists = module.exports.isFileExists = (path) => {
+  try {
+      return fs.statSync(path);
+  } catch (err) {
+      return false;
+  }
+}
+
+
+module.exports.mkdir = (path) => {
+  if (!fs.existsSync(path)) {
+      fs.mkdirSync(path);
+  }
+}
+
+module.exports.copydir = (from, to, overwrite = true, globPattern = '**/*') => {
+  function _recursiveMkDir(dir) {
+    if (!fs.existsSync(dir)) {
+        _recursiveMkDir(path.dirname(dir));
+        fs.mkdirSync(dir);
+    }
+  }
+  
+  logInfo('----->copydir from : ' + from + ' ====> to : ' + to );
+  var files = glob.sync(globPattern, { cwd: from, nodir: true, follow: true, dot: true });
+  files.forEach(file => {
+      const origin = path.join(from, file);
+      const dest = path.join(to, file);
+      _recursiveMkDir(path.dirname(dest));
+      fse.copySync(origin, dest, { overwrite: overwrite });
+  });
+}
+
+module.exports.move = (from, to) => {
+    fse.removeSync(to);
+    fse.moveSync(from, to, );
+}
+
+module.exports.remove = (path) => {
+  fse.removeSync(path);
+}
+
+module.exports.copy = (origin, dest) => {
+  fse.copySync(origin, dest);
+}
+
+const log = (msg, type) => {
+  var msgContent;
+
+  if (type === 0 || !type) {
+      msgContent = `\n${msg.toUpperCase()}`;
+      console.info('\x1b[33m', msgContent ,'\x1b[0m');
+  }
+  if (type === 1) {
+      msgContent = `${msg}`;
+      console.info('\x1b[34m\x1b[1m', msgContent ,'\x1b[0m');
+  }
+  if (type === 2) {
+      msgContent = `${msg}\n`;
+      console.info('\x1b[32m\x1b[1m', msgContent ,'\x1b[0m');
+  }
+  if (type === 3) {
+      msgContent = `\n${msg}`;
+      console.info('\x1b[31m\x1b[1m', msgContent ,'\x1b[0m');
+  }
+  if (type === 4) {
+      msgContent = `\n${msg}\n`;
+      console.info('\x1b[33m', msgContent ,'\x1b[0m');
+  }
+  if (type === 5) {
+      msgContent = `${msg}\n`;
+      console.info(msgContent);
+  }
+  if (type === 6) {
+      msgContent = msg
+      console.info('\n\n');
+      console.info(msgContent);
+      console.info('\n');
+  }
+  if (type === 7) {
+    msgContent = `${msg}`;
+    console.info(msgContent);
+  }
+}

package/package.json

@@ -1,33 +1,30 @@
 {
     "name": "@eui/cli",
-    "version": "21.0.0-alpha.9",
+    "version": "21.0.0-next.10",
     "tag": "next",
     "license": "EUPL-1.1",
-    "description": "eUI CLI app generator",
+    "description": "eUI CLI app generator & tools",
     "bin": {
         "eui-cli": "bin/eui-cli.js"
     },
     "main": "./lib/cli.js",
     "repository": {
         "type": "git",
-        "url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
+        "url": "https://sdlc.webcloud.ec.europa.eu/csdr/eui/eui.git"
     },
     "dependencies": {
-        "@eui/tools": "6.21.108"
-    },
-    "peerDependencies": {
-        "@eui/tools": "^6.0.0",
-        "chalk": "^4.1.0",
-        "figlet": "^1.7.0",
-        "replace-in-file": "^7.1.0",
-        "execa": "^5.1.1",
-        "inquirer": "^8.1.0"
+        "figlet": "1.9.3",
+        "inquirer": "6.5.0",
+        "yargs": "17.7.2",
+        "fs-extra": "9.0.0",
+        "glob": "7.2.3",
+        "cross-spawn": "7.0.6"
     },
     "preferGlobal": true,
     "homepage": "https://eui.ecdevops.eu",
     "author": "ec.europa.eui@gmail.com",
     "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
         "yarn": ">=1.22.4 <2"
     }
 }

package/.version.properties

@@ -1 +0,0 @@
-19.3.2

package/lib/skeletons/_angular/base/.euirc.json

@@ -1,8 +0,0 @@
-{
-    "projects": {
-        "app": {
-            "name": "app",
-            "folder": "."
-        }
-    }
-}

package/lib/skeletons/_angular/base/src/.eslintrc.json

@@ -1,121 +0,0 @@
-{
-    "root": true,
-    "ignorePatterns": [
-        "**/node_modules/**",
-        "**/dist/**",
-        "**/coverage/**",
-        "**/e2e/**",
-        "**/test/**",
-        "**/testing/**"
-    ],
-    "overrides": [
-        {
-            "files": [
-                "*.ts"
-            ],
-            "parserOptions": {
-                "project": [
-                    "tsconfig.json",
-                    "e2e/tsconfig.json"
-                ],
-                "createDefaultProgram": true
-            },
-            "extends": [
-                "eslint:recommended",
-                "plugin:@typescript-eslint/recommended",
-                "plugin:@angular-eslint/recommended",
-                "plugin:@angular-eslint/template/process-inline-templates"
-            ],
-            "rules": {
-                "@angular-eslint/component-selector": [
-                    "error",
-                    {
-                        "type": "element",
-                        "prefix": ["app", "app"],
-                        "style": "kebab-case"
-                    }
-                ],
-                "@angular-eslint/directive-selector": [
-                    "error",
-                    {
-                        "type": "attribute",
-                        "prefix": ["app", "eui"],
-                        "style": "camelCase"
-                    }
-                ],
-                "@typescript-eslint/ban-ts-comment": "off",
-                "@typescript-eslint/no-empty-object-type": "error",
-                "@typescript-eslint/no-unsafe-function-type": "error",
-                "@typescript-eslint/consistent-type-definitions": "off",
-                "@typescript-eslint/dot-notation": "off",
-                "@typescript-eslint/explicit-member-accessibility": [
-                    "off",
-                    {
-                        "accessibility": "explicit"
-                    }
-                ],
-                "@typescript-eslint/no-require-imports": "error",
-                "@typescript-eslint/no-unused-vars": "off",
-                "@typescript-eslint/no-var-requires": "error",
-                "@typescript-eslint/require-await": "error",
-                "brace-style": [
-                    "error",
-                    "1tbs"
-                ],
-                "id-blacklist": "off",
-                "id-match": "off",
-                "no-duplicate-case": "error",
-                "no-duplicate-imports": "off",
-                "no-invalid-this": "error",
-                "no-multiple-empty-lines": [
-                    "error",
-                    {
-                        "max": 1
-                    }
-                ],
-                "no-new-func": "error",
-                "no-redeclare": "off",
-                "@typescript-eslint/no-redeclare": [
-                    "error"
-                ],
-                "no-template-curly-in-string": "error",
-                "no-underscore-dangle": "off",
-                "@typescript-eslint/naming-convention": [
-                    "error",
-                    {
-                        "selector": "enum",
-                        "format": [
-                            "PascalCase",
-                            "UPPER_CASE"
-                        ]
-                    }
-                ],
-                "@typescript-eslint/member-ordering": [
-                    "error",
-                    {
-                        "default": [
-                            "public-static-field",
-                            "public-instance-field",
-                            "private-static-field",
-                            "private-instance-field",
-                            "public-constructor",
-                            "private-constructor",
-                            "public-instance-method",
-                            "protected-instance-method",
-                            "private-instance-method"
-                        ]
-                    }
-                ]
-            }
-        },
-        {
-            "files": [
-                "*.html"
-            ],
-            "extends": [
-                "plugin:@angular-eslint/template/recommended"
-            ],
-            "rules": {}
-        }
-    ]
-}