METRON-2253 optimise npm builds towards compile time rather then runtime for dev builds

metron-deployment/ansible/roles/metron-builder/tasks/build.yml

@@ -15,12 +15,12 @@
 #  limitations under the License.
 #
 ---
-- name: Build Metron
+- name: Build Metron -DANGULAR_BUILD_PROFILE={{ ANGULAR_BUILD_PROFILE if ANGULAR_BUILD_PROFILE is defined else 'production' }}
   shell: "{{ item }}"
   args:
     chdir: "{{ metron_build_dir }}"
   with_items:
-    - mvn package -DskipTests -T 2C -P HDP-2.5.0.0,mpack
+    - mvn package -DskipTests -T 2C -P HDP-2.5.0.0,mpack -DANGULAR_BUILD_PROFILE={{ ANGULAR_BUILD_PROFILE if ANGULAR_BUILD_PROFILE is defined else 'production' }}
   become: false
   run_once: true
   delegate_to: localhost

metron-deployment/development/centos6/README.md

@@ -80,7 +80,7 @@ Any platform that supports these tools is suitable, but the following instructio
 
 ### Deployment optimizations
 
-1. Set environment variable 
+1.  Skipping RPMLINT: Set environment variable 
     ```
     export ANSIBLE_ARGS='--extra-vars "SKIP_RPMLINT=1"'
     ```
@@ -91,6 +91,20 @@ Any platform that supports these tools is suitable, but the following instructio
     env ANSIBLE_ARGS='--extra-vars "SKIP_RPMLINT=1"' vagrant up
     ```
 
+1.  Skipping npm runtime optimisation:  Set environment variable
+    ```
+    export ANSIBLE_ARGS='--extra-vars "ANGULAR_BUILD_PROFILE=devbuild"' 
+    ```
+    To disable npm compile-time optimization of the produced javascript. This can save a couple of minutes of time on the build 
+    and deployment of the NodeJS portions of the project.
+    Either add this variable to your profile, or use it on the command line like
+
+    ```
+    env ANSIBLE_ARGS='--extra-vars "ANGULAR_BUILD_PROFILE=devbuild"' vagrant up
+    ```
+
+1.  Combining optimisations:  `--extra-vars` can take multi `var=value` clauses. simply separate each variable with a space.
+
 ### Deployment debugging
 
 1.  To enable more verbose logging of ansible actions during the deployment, use

metron-deployment/packaging/docker/rpm-docker/SPECS/metron.spec

@@ -576,7 +576,7 @@ This package installs the Metron Management UI %{metron_home}
 %attr(0755,root,root) %{metron_home}/web/expressjs/node_modules/.bin/*
 %attr(0755,root,root) %{metron_home}/web/expressjs/server.js
 %attr(0644,root,root) %{metron_home}/web/expressjs/package.json
-%attr(0644,root,root) %{metron_home}/web/management-ui/styles.*.css
+%attr(0644,root,root) %{metron_home}/web/management-ui/styles*.css
 %attr(0644,root,root) %{metron_home}/web/management-ui/favicon.ico
 %attr(0644,root,root) %{metron_home}/web/management-ui/index.html
 %attr(0644,root,root) %{metron_home}/web/management-ui/*.js
@@ -641,7 +641,7 @@ This package installs the Metron Alerts UI %{metron_home}
 %attr(0755,root,root) %{metron_home}/web/expressjs/alerts-server.js
 %attr(0644,root,root) %{metron_home}/web/alerts-ui/favicon.ico
 %attr(0644,root,root) %{metron_home}/web/alerts-ui/index.html
-%attr(0644,root,root) %{metron_home}/web/alerts-ui/styles.*.css
+%attr(0644,root,root) %{metron_home}/web/alerts-ui/styles*.css
 %attr(0644,root,root) %{metron_home}/web/alerts-ui/*.js
 %attr(0644,root,root) %{metron_home}/web/alerts-ui/*.ttf
 %attr(0644,root,root) %{metron_home}/web/alerts-ui/*.svg

metron-interface/metron-alerts/angular.json

@@ -33,6 +33,27 @@
             ]
           },
           "configurations": {
+            "devbuild": {
+              "optimization": false,
+              "outputHashing": "none",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "showCircularDependencies": false,
+              "aot": true,
+              "extractLicenses": true,
+              "statsJson": false,
+              "progress": true,
+              "vendorChunk": true,
+              "buildOptimizer": false,
+              "es5BrowserSupport": false,
+              "fileReplacements": [
+                 {
+                   "replace": "src/environments/environment.ts",
+                   "with": "src/environments/environment.prod.ts"
+                 }
+               ]
+            },
             "production": {
               "optimization": true,
               "outputHashing": "all",
@@ -150,4 +171,4 @@
       "prefix": "app"
     }
   }
-}
+}

metron-interface/metron-alerts/package.json

@@ -4,7 +4,7 @@
   "license": "Apache-2.0",
   "angular-cli": {},
   "scripts": {
-    "build": "./node_modules/@angular/cli/bin/ng build --prod",
+    "build": "./node_modules/@angular/cli/bin/ng build",
     "start": "ng serve --aot",
     "lint": "tslint \"src/**/*.ts\"",
     "test": "ng test --browsers=Chrome",

metron-interface/metron-alerts/pom.xml

@@ -27,6 +27,7 @@
         <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
         <node.version>v9.11.1</node.version>
         <npm.version>6.2.0</npm.version>
+        <angular.build.profile>production</angular.build.profile>
     </properties>
     <dependencies>
     </dependencies>
@@ -67,7 +68,7 @@
                             <goal>npm</goal>
                         </goals>
                         <configuration>
-                            <arguments>run build</arguments>
+                            <arguments>run build -- --configuration=${angular.build.profile}</arguments>
                         </configuration>
                     </execution>
                     <execution>

metron-interface/metron-config/angular.json

@@ -31,6 +31,27 @@
             ]
           },
           "configurations": {
+            "devbuild": {
+              "optimization": false,
+              "outputHashing": "none",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "showCircularDependencies": false,
+              "aot": true,
+              "extractLicenses": true,
+              "statsJson": false,
+              "progress": true,
+              "vendorChunk": true,
+              "buildOptimizer": false,
+              "es5BrowserSupport": false,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ]
+            },
             "production": {
               "optimization": true,
               "outputHashing": "all",

metron-interface/metron-config/package.json

@@ -7,7 +7,7 @@
   },
   "angular-cli": {},
   "scripts": {
-    "build": "ng build --prod",
+    "build": "ng build",
     "start": "ng serve",
     "lint": "tslint \"src/**/*.ts\"",
     "test": "ng test --browsers=Chrome",

metron-interface/metron-config/pom.xml

@@ -27,6 +27,7 @@
         <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
         <node.version>v9.11.1</node.version>
         <npm.version>6.2.0</npm.version>
+        <angular.build.profile>production</angular.build.profile>
     </properties>
     <dependencies>
     </dependencies>
@@ -68,7 +69,7 @@
                   <goal>npm</goal>
                 </goals>
                 <configuration>
-                  <arguments>run build</arguments>
+                    <arguments>run build -- --configuration=${angular.build.profile}</arguments>
                 </configuration>
               </execution>
               <execution>

pom.xml

@@ -364,6 +364,8 @@
                         <!-- ACE editor assets are covered in the metron-config NOTICE file -->
                         <exclude>**/src/assets/ace/**</exclude>
                         <exclude>dist/assets/ace/**</exclude>
+                        <!-- scripts.js is MIT licensed - not sure why RAT is flagging it -->
+                        <exclude>dist/scripts.js</exclude>
                         <!-- Generated svg and bundle.css containing Font Awesome fonts are covered in the
                              metron-interface/metron-config README and NOTICE files -->
                         <exclude>dist/*.svg</exclude>