@eui/tools 4.15.8 → 4.15.12

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"
+  ]
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+    "extends": "../../tslint-remote.json",
+    "rulesDirectory": [
+        "node_modules/codelyzer",
+        "node_modules/rxjs-tslint"
+    ]
+}

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

@@ -0,0 +1,17 @@
+{
+    "extends": "./tslint-remote.json",
+    "rules": {
+        "directive-selector": [
+            true,
+            "attribute",
+            "app",
+            "camelCase"
+        ],
+        "component-selector": [
+            true,
+            "element",
+            "app",
+            "kebab-case"
+        ]
+    }
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/webpack.extra.js

@@ -0,0 +1,15 @@
+const webpack = require('webpack');
+
+module.exports = {
+  plugins: [
+    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+  ],
+
+  // When importing a module whose path matches one of the following, just
+  // assume a corresponding global variable exists and use that instead.
+  // This is important because it allows us to avoid bundling all of our
+  // dependencies, which allows browsers to cache those libraries between builds.
+  externals: {
+    'quill': 'Quill',
+  },
+}

package/scripts/csdr/config/angular.js

@@ -85,7 +85,7 @@ const angularProjectDef = {
             {
               "type": "initial",
               "maximumWarning": "2mb",
-              "maximumError": "6mb"
+              "maximumError": "7mb"
             }
           ]
         },
@@ -109,7 +109,7 @@ const angularProjectDef = {
             {
               "type": "initial",
               "maximumWarning": "2mb",
-              "maximumError": "6mb"
+              "maximumError": "7mb"
             }
           ]
         },
@@ -145,7 +145,7 @@ const angularProjectDef = {
             {
               "type": "initial",
               "maximumWarning": "2mb",
-              "maximumError": "6mb"
+              "maximumError": "7mb"
             }
           ]
         },
@@ -169,7 +169,7 @@ const angularProjectDef = {
             {
               "type": "initial",
               "maximumWarning": "2mb",
-              "maximumError": "6mb"
+              "maximumError": "7mb"
             }
           ]
         },
@@ -278,7 +278,7 @@ const angularProjectDefFullSkeleton = {
                       {
                           "type": "initial",
                           "maximumWarning": "2mb",
-                          "maximumError": "6mb"
+                          "maximumError": "7mb"
                       }
                   ]
               },
@@ -302,7 +302,7 @@ const angularProjectDefFullSkeleton = {
                       {
                           "type": "initial",
                           "maximumWarning": "2mb",
-                          "maximumError": "6mb"
+                          "maximumError": "7mb"
                       }
                   ]
               }
@@ -326,6 +326,130 @@ const angularProjectDefFullSkeleton = {
   }
 };
 
+
+const angularProjectDefFullSkeletonV13 = {
+  "root": "",
+  "sourceRoot": "apps/@project.name@/src",
+  "projectType": "application",
+  "prefix": "app",
+  "schematics": {
+    "@schematics/angular:component": {
+      "style": "scss"
+    },
+    "@schematics/angular:application": {
+      "strict": true
+    }
+  },
+  "architect": {
+      "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+              "outputPath": "apps/@project.name@/dist",
+              "index": "apps/@project.name@/src/index.html",
+              "main": "apps/@project.name@/src/_generated/main.ts",
+              "polyfills": "apps/@project.name@/src/_generated/polyfills.ts",
+              "tsConfig": "apps/@project.name@/tsconfig.app.json",
+              "assets": [
+                  "apps/@project.name@/src/favicon.ico",
+                  "apps/@project.name@/src/assets",
+                  {
+                      "glob": "**/*",
+                      "input": "node_modules/@eui/core/assets/",
+                      "output": "./assets"
+                  }
+              ],
+              "styles": [
+              ]
+          },
+          "configurations": {
+              "production": {
+                  "fileReplacements": [
+                      {
+                          "replace": "apps/@project.name@/src/_generated/environments/environment.ts",
+                          "with": "apps/@project.name@/src/_generated/environments/environment.prod.ts"
+                      }
+                  ],
+                  "optimization": false,
+                  "outputHashing": "all",
+                  "sourceMap": false,
+                  "namedChunks": true,
+                  "aot": true,
+                  "extractLicenses": true,
+                  "vendorChunk": false,
+                  "buildOptimizer": false,
+                  "budgets": [
+                      {
+                          "type": "initial",
+                          "maximumWarning": "2mb",
+                          "maximumError": "6mb"
+                      }
+                  ]
+              },
+              "production-optimized-no-openid": {
+                  "fileReplacements": [
+                      {
+                          "replace": "apps/@project.name@/src/_generated/environments/environment.ts",
+                          "with": "apps/@project.name@/src/_generated/environments/environment.prod.ts"
+                      }
+                  ],
+                  "optimization": {
+                    "scripts": true,
+                    "styles": {
+                        "minify": false,
+                        "inlineCritical": true
+                    },
+                    "fonts": true
+                  },
+                  "outputHashing": "all",
+                  "sourceMap": false,
+                  "namedChunks": true,
+                  "aot": true,
+                  "extractLicenses": true,
+                  "vendorChunk": false,
+                  "buildOptimizer": true,
+                  "budgets": [
+                      {
+                          "type": "initial",
+                          "maximumWarning": "2mb",
+                          "maximumError": "6mb"
+                      }
+                  ]
+              },
+              "development": {
+                  "buildOptimizer": false,
+                  "optimization": false,
+                  "vendorChunk": true,
+                  "extractLicenses": false,
+                  "sourceMap": true,
+                  "namedChunks": true
+              }
+          },
+          "defaultConfiguration": "production"
+      },
+      "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+              "browserTarget": "@project.name@:build"
+          },
+          "configurations": {
+              "proxy-mock": {
+                  "browserTarget": "@project.name@:build",
+                  "proxyConfig": "apps/@project.name@/proxy-mock.conf.json"
+              },
+              "production": {
+                  "browserTarget": "@project.name@:build:production"
+              },
+              "development": {
+                "browserTarget": "@project.name@:build:development"
+              }
+          },
+          "defaultConfiguration": "development"
+      }
+  }
+};
+
+
+
 const angularProjectDefConfiguration = {
   "fileReplacements": [
     {
@@ -387,7 +511,7 @@ const angularProjectDefConfigurationOptimized = {
       {
           "type": "initial",
           "maximumWarning": "2mb",
-          "maximumError": "6mb"
+          "maximumError": "7mb"
       }
   ]
 }
@@ -422,6 +546,58 @@ const angularPackageDef = {
   }
 };
 
+const angularPackageSubEntryDef = {
+  "root": "packages/eui/packages/components/@subEntry.path@",
+  "sourceRoot": "packages/eui/packages/components/@subEntry.path@",
+  "projectType": "library",
+  "prefix": "lib",
+  "architect": {
+    "build": {
+      "builder": "@angular-devkit/build-angular:ng-packagr",
+      "options": {
+        "tsConfig": "packages/eui/packages/components/tsconfig.lib.json",
+        "project": "packages/eui/packages/components/@subEntry.path@/package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "packages/eui/packages/components/tsconfig.lib.json"
+        }
+      }
+    }
+  }
+};
+
+
+const angularPackageDefV13 = {
+  "root": "@path@/@module.name@",
+  "sourceRoot": "@path@/@module.name@@srcRoot@",
+  "projectType": "library",
+  "prefix": "lib",
+  "architect": {
+    "build": {
+      "builder": "@angular-devkit/build-angular:ng-packagr",
+      "options": {
+        "tsConfig": "@path@/@module.name@/tsconfig.lib.json",
+        "project": "@path@/@module.name@/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "@path@/@module.name@/tsconfig.lib.prod.json"
+        }
+      }
+    },
+    "test": {
+      "builder": "@angular-devkit/build-angular:karma",
+      "options": {
+        "main": "@path@/@module.name@@srcRoot@@srcRootTesting@/test.ts",
+        "tsConfig": "@path@/@module.name@/tsconfig.spec.json",
+        "karmaConfig": "@path@/@module.name@/karma.conf.js"
+      }
+    }
+  }
+};
+
+
 const angularElementProjectDef = {
   "root": "@module.name@/",
   "sourceRoot": "@module.name@/src",
@@ -560,11 +736,40 @@ module.exports.registerAngularPackage = (pkg, isReset) => {
     pathBase = 'packages/' + pkg.parentPkg + '/packages';
   }
 
-  const projectDef = JSON.stringify(angularPackageDef);
+  let projectDef = JSON.stringify(angularPackageDef);
+
+  if (pkg.build && pkg.build.euiVersion === '13.x') {
+    projectDef = JSON.stringify(angularPackageDefV13);
+  }
+
+  let srcRoot = '/src', srcRootTesting = '';
+  if (pkg.build && typeof pkg.build.srcRootDefault === 'boolean' && pkg.build.srcRootDefault === false) {
+    srcRoot = '';
+    srcRootTesting = '/testing'
+  }
+
   const replaceModule = tools.replaceAll(projectDef, '@module.name@', pkg.folder || pkg.name);
   const replacePath = tools.replaceAll(replaceModule, '@path@', pathBase);
+  const replaceSrcRoot = tools.replaceAll(replacePath, '@srcRoot@', srcRoot);
+  const replaceSrcRootTesting = tools.replaceAll(replaceSrcRoot, '@srcRootTesting@', srcRootTesting);
+
+  jsonFile['projects'][pkg.name] = JSON.parse(replaceSrcRootTesting);
+
+  tools.writeJsonFileSync(file, jsonFile);
+}
 
-  jsonFile['projects'][pkg.name] = JSON.parse(replacePath);
+
+module.exports.registerAngularPackageSubEntry = (subEntryName, subEntryPath) => {
+  const file = path.join(process.cwd(), 'angular.json');
+  const jsonFile = require(file);
+
+  let projectDef = JSON.stringify(angularPackageSubEntryDef);
+
+  const replacePath = tools.replaceAll(projectDef, '@subEntry.path@', subEntryPath);
+
+  jsonFile['projects'][subEntryName] = JSON.parse(replacePath);
+
+  console.log(jsonFile['projects'][subEntryName]);
 
   tools.writeJsonFileSync(file, jsonFile);
 }
@@ -626,7 +831,12 @@ module.exports.registerAngularProjectDef = (project, build = false) => {
       tools.logInfo('Processing angular config...');
       let projectDef;
       if (project.csdrFullSkeleton) {
-        projectDef = JSON.stringify(angularProjectDefFullSkeleton);
+        if (project.build && project.build.euiVersion === '13.x') {
+          projectDef = JSON.stringify(angularProjectDefFullSkeletonV13);
+        } else {
+          projectDef = JSON.stringify(angularProjectDefFullSkeleton);
+        }
+
       } else {
         projectDef = JSON.stringify(angularProjectDef);
       }

package/scripts/csdr/config/global.js

@@ -20,6 +20,14 @@ module.exports.getCsdrConfig = (full = true) => {
 
   Object.keys(appsConfig).forEach((p) => {
     config.projects[p] = appsConfig[p];
+
+    // checking if package has config override in its own folder
+    const prjCsdrConfig = path.join(process.cwd(), 'apps', p, '.csdr-config.json');
+
+    if (tools.isFileExists(prjCsdrConfig)) {
+      const prjCsdrConfigJson = require(prjCsdrConfig);
+      config.projects[p] = prjCsdrConfigJson;
+    }
   })
 
   Object.keys(packagesConfig).forEach((p) => {
@@ -96,6 +104,14 @@ const getGeneratedConfig = (euircBaseFile) => {
   // remapping projects against csdr projects config
   configContent.projects.forEach((p) => {
     genConfig.projects[p] = globalConfig.projects[p];
+
+    // checking if project has config override in its own folder
+    const prjCsdrConfig = path.join(process.cwd(), 'apps', p, '.csdr-config.json');
+
+    if (tools.isFileExists(prjCsdrConfig)) {
+      const prjCsdrConfigJson = require(prjCsdrConfig);
+      genConfig.projects[p] = prjCsdrConfigJson;
+    }
   })
 
   // remapping projects against csdr packages config

package/scripts/csdr/install/common.js

@@ -199,7 +199,9 @@ const getLocalPackagesDeps = () => {
     const pdeps = Object.keys(pkgDeps)
       .reduce((acc, k) => {
         if (k.indexOf('@eui') !== -1 ) {
-          if (k.indexOf('@eui/ecl') !== -1) {
+          if (k.indexOf('@eui/ecl') !== -1 ||
+              k.indexOf('@eui/styles-base') !== -1
+          ) {
             acc[k] = pkgDeps[k];
           }
         } else {
@@ -215,17 +217,33 @@ const getLocalPackagesDeps = () => {
 }
 
 
+// const getLocalPackageCompositeDeps = (pkg) => {
+//   let pkgJsonFile;
+
+//   if (pkg.parent) {
+//     return {};
+//   } else {
+//     if (pkg.child) {
+//       pkgJsonFile = path.join(process.cwd(), 'packages', pkg.parentPkg, 'packages', pkg.folder || pkg.name, 'dependencies-composite.json');
+//     } else {
+//       pkgJsonFile = path.join(process.cwd(), 'packages', pkg.name, 'dependencies-composite.json');
+//     }
+//   }
+
+//   return tools.getJsonFileContent(pkgJsonFile) || {};
+// }
+
 const getLocalPackageCompositeDeps = (pkg) => {
   let pkgJsonFile;
 
-  if (pkg.parent) {
-    return {};
+  if (pkg.child) {
+    pkgJsonFile = path.join(process.cwd(), 'packages', pkg.parentPkg, 'packages', pkg.folder || pkg.name, 'dependencies-composite.json');
   } else {
-    if (pkg.child) {
-      pkgJsonFile = path.join(process.cwd(), 'packages', pkg.parentPkg, 'packages', pkg.folder || pkg.name, 'dependencies-composite.json');
-    } else {
-      pkgJsonFile = path.join(process.cwd(), 'packages', pkg.name, 'dependencies-composite.json');
-    }
+    pkgJsonFile = path.join(process.cwd(), 'packages', pkg.name, 'dependencies-composite.json');
+  }
+
+  if (tools.isFileExists(pkgJsonFile)) {
+    console.log(`found ${pkgJsonFile}, parsing...`);
   }
 
   return tools.getJsonFileContent(pkgJsonFile) || {};