GarciaPL Notes - Java and Others

<plugin>
                <groupId>com.github.eirslett</groupId>
                <artifactId>frontend-maven-plugin</artifactId>
                <version>0.0.26</version>

                <executions>
                    <execution>
                        <id>install node and npm</id>
                        <goals>
                            <goal>install-node-and-npm</goal>
                        </goals>
                        <phase>generate-resources</phase>
                        <configuration>
                            <nodeVersion>v0.12.9</nodeVersion>
                            <npmVersion>2.14.14</npmVersion>
                        </configuration>
                    </execution>

                    <execution>
                        <id>npm install</id>
                        <goals>
                            <goal>npm</goal>
                        </goals>
                        <!-- Uses package.json -->
                        <configuration>
                            <arguments>install</arguments>
                        </configuration>
                    </execution>

                    <execution>
                        <id>bower install</id>
                        <goals>
                            <goal>bower</goal>
                        </goals>
                        <!-- Uses bower.json -->
                        <configuration>
                            <arguments>install</arguments>
                        </configuration>
                    </execution>

                    <execution>
                        <id>gulp build</id>
                        <goals>
                            <goal>gulp</goal>
                        </goals>
                        <!-- Uses gulpfile.js -->
                        <configuration>
                            <arguments>default --env ${gulp.task}</arguments>
                        </configuration>
                    </execution>

                </executions>
            </plugin>

As you can see, first of all above plugin will install locally node and npm. Then npm will install all packages from package.json file. After that bower will install packages used by frontend which are defined in bower.json. The last step is gulp which performs actions defined in gulpfile.js.
Below you can find package.json file in which I have defined bower, gulp and gulp plugins versions :

{
  "name": "simple-web",
  "repository": "git@bitbucket.org:test/test.git",
  "version": "1.0.0",
  "private": true,
  "description": "Simple Web",
  "main": "index.js",
  "author": "GarciaPL",
  "dependencies": {
    "bower": "1.7.0",
    "gulp": "3.9.0",
    "gulp-concat": "2.6.0",
    "gulp-uglify": "1.5.1",
    "gulp-sourcemaps": "1.6.0",
    "gulp-less": "3.0.5",
    "gulp-minify-css": "1.2.2",
    "gulp-environments": "0.1.1"
  }
}

Then let's see what bower.json contains. You can find there defined some plugins from Bower Repository which will be downloaded and installed in bower_components directory :

{
  "name": "Simple Web",
  "version": "1.0.0",
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "1.11.3",
    "underscore": "1.8.3",
    "autoNumeric": "1.9.25"
  }
}

And the last file is gulpfile.js. In this file you can define special actions which are going to be performed during maven build phase of your Java application. In definition of maven plugin which you might found at the beginning of this post, there is a command : <arguments>default --env ${gulp.task}</arguments>. Variable gulp.task means against what environment application should be build. This variable might be defined in root pom.xml in profile section as a property.
So, according to gulpfile.js for development phase, gulp will provide vendor.map for vendor.js - for this development() method is used. On the other side production phase will provide you uglified vendor.js (compressed) and minified CSS based on base.less - for this one production() method is used. Vendor.js will be placed in /src/main/webapp/static/js/vendor directory, but CSS file might be found in /src/main/webapp/static/css directory.

var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps');
var less = require('gulp-less');
var minifyCSS = require('gulp-minify-css');
var environments = require('gulp-environments');
var development = environments.development;
var production = environments.production;

gulp.task('default', function () {
    console.log('Preparing vendor.js for ' + (production() ? "production" : "development"));
    gulp.start('vendorJS');
    console.log('Preparing less for ' + (production() ? "production" : "development"));
    gulp.start('less');
});

gulp.task('vendorJS', function () {
    gulp.src(['bower_components/jquery/dist/jquery.min.js',
            'bower_components/underscore/underscore-min.js',
            'bower_components/autoNumeric/autoNumeric.js'])
        .pipe(development(sourcemaps.init()))
        .pipe(concat('vendor.js'))
        .pipe(production(uglify()))
        .pipe(development(sourcemaps.write('./')))
        .pipe(gulp.dest('./src/main/webapp/static/js/vendor'));
});

gulp.task('less', function () {
    return gulp.src('src/main/webapp/static/less/base.less')
        .pipe(less())
        .pipe(production(minifyCSS()))
        .pipe(gulp.dest('./src/main/webapp/static/css'));
});

Reference :
[1] Bower.io
[2] Gulpjs.com
[3] Eirslett - frontend-maven-plugin
[4] Npmjs.com
[5] Nodejs.org

1. validate
2. generate-sources
3. process-sources
4. generate-resources
5. process-resources
6. compile
7. process-classes
8. generate-test-sources
9. process-test-sources
10. generate-test-resources
11. process-test-resources
12. test-compile
13. test
14. prepare-package (maven 2.1+)
15. package
16. pre-integration-test
17. integration-test
18. post-integration-test
19. verify
20. install
21. deploy

After you will decide in which phase you are going to run your custom Java class, which in my case was fetching JSON from server, you are going to use plugin called exec-maven-plugin developed by Codehaus [2].

            <plugin>
                <groupId>org.codehaus.mojo</groupId>
                <artifactId>exec-maven-plugin</artifactId>
                <version>1.2</version>
                <executions>
                    <execution>
                        <id>fetchJSON</id>
                        <phase>prepare-package</phase>
                        <inherited>false</inherited>
                        <goals>
                            <goal>java</goal>
                        </goals>
                    </execution>
                </executions>
                <configuration>
                    <mainClass>pl.avantis.iom.rest.DrupalQueriesImpl</mainClass>
                    <cleanupDaemonThreads>true</cleanupDaemonThreads>
                    <daemonThreadJoinTimeout>30000</daemonThreadJoinTimeout>
                </configuration>
            </plugin>