add gulpfile and related stuff

bower.json

+{
+  "name": "x3domlet",
+  "description": "",
+  "main": "",
+  "authors": [
+    "Oleg Dzhimiev <oleg@elphel.com>"
+  ],
+  "license": "AGPL-3.0",
+  "homepage": "https://git.elphel.com/Elphel/x3domlet",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "jquery": "^3.2.1"
+  }
+}

gulpfile.js

+"use strict";
+
+var gulp=require('gulp'),
+    bower=require('gulp-bower'),
+    wiredep=require('wiredep').stream,
+		foreach=require('gulp-foreach'),
+    usemin=require('gulp-usemin'),
+		htmlmin=require('gulp-htmlmin'),
+		sourcemaps=require('gulp-sourcemaps'),
+		uglify=require('gulp-uglify'),
+		cleanCss=require('gulp-clean-css'),
+		rev=require('gulp-rev'),
+    connect=require('gulp-connect'),
+    express=require('express'),
+    php=require('node-php'),
+    cors=require('cors'),
+    opn=require('opn'),
+    fs=require('fs'),
+		path=require('path'),
+		extend=require('extend'),
+		Q=require('q'),
+		clean=require('gulp-clean');
+
+var app;
+var config={
+  documentRoot: './',
+  host: 'localhost',
+  port: 8080,
+  home: 'index.html',
+  bowerDir: './bower_components',
+	dist: './dist',
+
+}
+
+function abort(err) {
+	console.log(JSON.stringify(err,false,4));
+	process.exit(1);
+}
+
+function getHtmlFiles() {
+	return gulp.src('*.html');
+}
+
+// handle error events and synchronous chaining using promises
+function wrap(taskName,stream,q) {
+	stream=stream.on('error',function errorHandler(err){
+	  console.log('ERROR: '+taskName+' failed !');
+	  console.log(JSON.stringify(err,false,4));
+		if (q) {
+			q.reject(err);
+		} else {
+			process.exit(1);
+		}
+	}).on('end',function(){
+		if (q)
+			q.resolve(stream);
+	});
+	if (q) return q.promise;
+	else return stream;
+}
+
+// download bower dependencies
+gulp.task('bower', function(cb){
+	 return bower()
+    .pipe(gulp.dest(config.bowerDir));
+});
+
+// merge bower.json with file specific options
+function getBowerJson(srcFile) {
+	try {
+		var srcFileJson=require(srcFile+'.json');
+	} catch(e) {}
+	var options=(srcFileJson && srcFileJson.bower)||{};
+	var bowerJson=extend(true,{},require('./bower.json'),options);
+	return bowerJson;
+}
+
+// inject bower dependencies
+gulp.task('wiredep', function(cb){
+	return getHtmlFiles()
+	.pipe(foreach(function(stream,file){
+		var filepath=path.join(file.cwd,file.relative);
+		console.log('wiredep: '+filepath);
+		return stream.pipe(
+		  wrap('wiredep', wiredep({
+		    verbose: true,
+		    bowerJson: getBowerJson(filepath)
+		  }))
+		);
+	}))
+	.pipe(
+		gulp.dest('.')
+	);
+});
+
+// replace references to scripts and stylesheets in html files
+// and store resulting files in directory "build"
+gulp.task('usemin', function(cb){
+		return getHtmlFiles()
+		.pipe(foreach(function(stream,file){
+			console.log('usemin: '+path.join(file.cwd,file.relative));
+			return stream.pipe(usemin({
+				css: [
+//					sourcemaps.init({
+//						loadMaps: true
+//					}),
+					wrap('cleanCss', cleanCss()),
+//					'concat',
+					rev(),
+//					sourcemaps.write()
+				],
+				html: [
+					function() {
+						return wrap('htmlmin', htmlmin({
+							collapseWhitespace:true
+						}));
+					}
+				],
+				js: [
+					sourcemaps.init({
+						loadMaps: true
+					}),
+					wrap('uglify js', uglify()),
+					'concat',
+					rev(),
+					sourcemaps.write()
+				],
+				inlinejs: [
+					wrap('uglify inlinejs', uglify())
+				],
+				inlinecss: [
+					wrap('cleanCss', cleanCss()),
+					'concat'
+				]
+			}));
+		}))
+		.pipe(gulp.dest('build/'))
+});
+
+gulp.task('cleanbuild', function(){
+	return gulp.src('./build', {read: false})
+	.pipe(clean())
+});
+
+// copy files to directory "dist"
+gulp.task(
+	'dist',
+	function(cb) {
+			var count=3;
+			function goon(){
+				if (--count==0) {
+					cb(null);
+				}
+			}
+
+			// copy assets
+      wrap(
+				'copy assets',
+				gulp.src('./assets/**/*')
+				.pipe(gulp.dest(config.dist)),
+				Q.defer()
+			)
+			.catch(abort)
+			.then(goon)
+			.done();
+
+			// copy files
+			wrap(
+				'copy files',
+				gulp.src([
+					'./build/**/*',
+					'*.php'
+				])
+				.pipe(gulp.dest(config.dist)),
+				Q.defer()
+			)
+			.catch(abort)
+			.then(goon)
+			.done();
+
+      // copy images
+			wrap(
+				'copy images',
+				gulp.src([
+					'./js/**/*.png'
+				]).pipe(gulp.dest(path.join(config.dist,'js'))),
+				Q.defer()
+			)
+			.catch(abort)
+			.then(goon)
+			.done();
+		}
+);
+// serve content through express and php-cgi
+function php_cgi(connect,options) {
+  app=express();
+  app.use('/', php.cgi(config.documentRoot));
+  return app;
+}
+
+gulp.task('server',function(cb){
+  connect.server({
+    root: config.documentRoot,
+    host: config.host,
+    port: config.port,
+    middleware: function(connect,opt){
+      return [
+        cors(),
+        php_cgi()
+      ];
+    },
+    livereload: true
+  });
+	cb(null);
+});
+
+// watch for changes
+gulp.task('watch', function(cb){
+
+  // trigger reloading html pages when specified files change
+  gulp.watch(
+    [
+      '**.html',
+      '**.php',
+      '**.css',
+      '**.js',
+      '**.kml',
+      '**.x3d',
+			'!build/**/*',
+			'!gulpfile.js'
+    ],
+    gulp.series('html')
+  );
+
+  // trigger package injection/removal on bower.json change
+  gulp.watch('bower.json', gulp.series('inject'));
+
+	cb(null);
+	
+});
+
+// open browser
+gulp.task('open', function(cb){
+  opn('http://'+config.host+':'+config.port+'/'+config.home);
+	cb(null);
+});
+
+gulp.task('connect', gulp.series('server','watch','open'));
+
+// reload html pages on change
+gulp.task('html', function(){
+  return getHtmlFiles()
+  .pipe(connect.reload());
+});
+
+// inject bower dependencies
+gulp.task('inject', gulp.series('bower','wiredep'));
+
+// inject bower dependencies and generate directory 'build' content with usemin
+gulp.task('build', gulp.series('bower','wiredep','usemin'));
+
+gulp.task('prod-root', function(cb){
+	config.documentRoot=config.dist;
+	cb(null);
+});
+
+// start server with frorm "build" directory
+gulp.task('prod', gulp.series('prod-root','build','dist','connect'));
+
+gulp.task(
+  'default',
+	gulp.series('inject','connect')
+);

package.json

+{
+  "name": "x3domlet",
+  "version": "1.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://git.elphel.com/Elphel/x3domlet"
+  },
+  "author": "Oleg Dzhimiev <oleg@elphel.com>",
+  "license": "GPL-3.0",
+  "devDependencies": {
+    "cors": "^2.8.3",
+    "express": "^4.15.3",
+    "extend": "^3.0.1",
+    "gulp": "github:gulpjs/gulp#4.0",
+    "gulp-bower": "0.0.13",
+    "gulp-clean-css": "^3.4.1",
+    "gulp-concat": "^2.6.1",
+    "gulp-connect": "^5.0.0",
+    "gulp-cssmin": "^0.2.0",
+    "gulp-foreach": "^0.1.0",
+    "gulp-htmlmin": "^3.0.0",
+    "gulp-rev": "^7.1.2",
+    "gulp-sourcemaps": "^2.6.0",
+    "gulp-uglify": "^3.0.0",
+    "gulp-usemin": "^0.3.28",
+    "gulp4": "^4.0.1",
+    "node-php": "0.0.1",
+    "opn": "^5.0.0",
+    "q": "^1.5.0",
+    "shelljs": "^0.7.8",
+    "wiredep": "^4.0.0",
+    "gulp-clean": "^0.3.2"
+  },
+  "description": "x3dom + leaflet",
+  "dependencies": {
+  },
+  "scripts": {
+    "postinstall": "node scripts/postinstall.js",
+    "start": "node scripts/postinstall.js && gulp"
+  },
+  "main": "gulpfile.js"
+}

scripts/postinstall.js

+#!/usr/bin/env node
+var shelljs=require('shelljs');
+if (!shelljs.which('php-cgi')) {
+  console.log('php-cgi not found. Maybe you can install it with:');
+  console.log('sudo apt-get install php5-cgi');
+  process.exit(1);
+}