@ -19,34 +19,39 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
* / * /
/*eslint quotes: ["error", "single "]*/
/*eslint quotes: ['error', 'single ']*/
/*eslint-env es6*/ /*eslint-env es6*/
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// Dependencies
// Dependencies
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
const fs = require ( 'fs' ) ;
const gulp = require ( 'gulp' ) ; const gulp = require ( 'gulp' ) ;
const runSequence = require ( 'run-sequence' ) ;
const through = require ( 'through2' ) ;
const htmlmin = require ( 'gulp-htmlmin' ) ; const htmlmin = require ( 'gulp-htmlmin' ) ;
const uglify = require ( 'gulp-uglify' ) ; const uglify = require ( 'gulp-uglify' ) ;
const gzip = require ( 'gulp-gzip' ) ;
const inline = require ( 'gulp-inline' ) ; const inline = require ( 'gulp-inline' ) ;
const inlineImages = require ( 'gulp-css-base64' ) ; const inlineImages = require ( 'gulp-css-base64' ) ;
const favicon = require ( 'gulp-base64-favicon' ) ; const favicon = require ( 'gulp-base64-favicon' ) ;
const crass = require ( 'gulp-crass' ) ;
const htmllint = require ( 'gulp-htmllint' ) ; const htmllint = require ( 'gulp-htmllint' ) ;
const csslint = require ( 'gulp-csslint' ) ; const csslint = require ( 'gulp-csslint' ) ;
const crass = require ( 'gulp-crass' ) ;
const rename = require ( 'gulp-rename' ) ;
const replace = require ( 'gulp-replace' ) ; const replace = require ( 'gulp-replace' ) ;
const remover = require ( 'gulp-remove-code' ) ; const remover = require ( 'gulp-remove-code' ) ;
const map = require ( 'map-stream' ) ;
const rename = require ( 'gulp-rename' ) ;
const runSequence = require ( 'run-sequence' ) ;
const gzip = require ( 'gulp-gzip' ) ;
const path = require ( 'path' ) ;
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
// Configuration
// Configuration
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
const htmlFolder = 'html/' ;
const configFolder = 'espurna/config/' ;
const dataFolder = 'espurna/data/' ; const dataFolder = 'espurna/data/' ;
const staticFolder = 'espurna/static/' ; const staticFolder = 'espurna/static/' ;
@ -54,51 +59,39 @@ const staticFolder = 'espurna/static/';
// Methods
// Methods
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
var buildHeaderFile = function ( ) {
String . prototype . replaceAll = function ( search , replacement ) {
var target = this ;
return target . split ( search ) . join ( replacement ) ;
} ;
var toHeader = function ( name , debug ) {
return map ( function ( file , cb ) {
return through . obj ( function ( source , encoding , callback ) {
var parts = fil e. path . split ( "/" ) ;
var parts = source . path . split ( path . sep ) ;
var filename = parts [ parts . length - 1 ] ; var filename = parts [ parts . length - 1 ] ;
var destination = staticFolder + filename + ".h" ;
var safename = "webui_image" ;
var wstream = fs . createWriteStream ( destination ) ;
wstream . on ( 'error' , function ( err ) {
console . error ( err ) ;
} ) ;
var data = fs . readFileSync ( file . path ) ;
wstream . write ( '#define ' + safename + '_len ' + data . length + '\n' ) ;
wstream . write ( 'const uint8_t ' + safename + '[] PROGMEM = {' ) ;
for ( var i = 0 ; i < data . length ; i ++ ) {
if ( 0 === ( i % 20 ) ) {
wstream . write ( '\n' ) ;
}
wstream . write ( '0x' + ( '00' + data [ i ] . toString ( 16 ) ) . slice ( - 2 ) ) ;
if ( i < ( data . length - 1 ) ) {
wstream . write ( ',' ) ;
}
var safename = name || filename . split ( '.' ) . join ( '_' ) ;
// Generate output
var output = '' ;
output += '#define ' + safename + '_len ' + source . contents . length + '\n' ;
output += 'const uint8_t ' + safename + '[] PROGMEM = {' ;
for ( var i = 0 ; i < source . contents . length ; i ++ ) {
if ( i > 0 ) output += ',' ;
if ( 0 === ( i % 20 ) ) output += '\n' ;
output += '0x' + ( '00' + source . contents [ i ] . toString ( 16 ) ) . slice ( - 2 ) ;
} }
output += '\n};' ;
wstream . write ( '\n};' ) ;
wstream . end ( ) ;
// clone the contents
var destination = source . clone ( ) ;
destination . path = source . path + '.h' ;
destination . contents = Buffer . from ( output ) ;
var fstat = fs . statSync ( file . path ) ;
console . log ( "Created '" + filename + "' size: " + fstat . size + " bytes" ) ;
if ( debug ) {
console . info ( 'Image ' + filename + ' \tsize: ' + source . contents . length + ' bytes' ) ;
}
cb ( 0 , destination ) ;
callback ( null , destination ) ;
} ) ; } ) ;
}
} ;
var htmllintReporter = function ( filepath , issues ) { var htmllintReporter = function ( filepath , issues ) {
if ( issues . length > 0 ) { if ( issues . length > 0 ) {
@ -118,17 +111,17 @@ var htmllintReporter = function(filepath, issues) {
var buildWebUI = function ( module ) { var buildWebUI = function ( module ) {
var modules = { "light ": false , "sensor ": false , "rfbridge ": false , "rfm69 ": false } ;
if ( "all" == module ) {
modules [ "light "] = true ;
modules [ "sensor "] = true ;
modules [ "rfbridge "] = false ; // we will never be adding this except when building RFBRIDGE
modules [ "rfm69 "] = false ; // we will never be adding this except when building RFM69GW
} else if ( "small" ! =module ) {
var modules = { 'light ': false , 'sensor ': false , 'rfbridge ': false , 'rfm69 ': false } ;
if ( 'all' = ==module ) {
modules [ 'light '] = true ;
modules [ 'sensor '] = true ;
modules [ 'rfbridge '] = false ; // we will never be adding this except when building RFBRIDGE
modules [ 'rfm69 '] = false ; // we will never be adding this except when building RFM69GW
} else if ( 'small' != =module ) {
modules [ module ] = true ; modules [ module ] = true ;
} }
return gulp . src ( 'html/ *.html' ) .
return gulp . src ( htmlFolder + '*.html' ) .
pipe ( htmllint ( { pipe ( htmllint ( {
'failOnError' : true , 'failOnError' : true ,
'rules' : { 'rules' : {
@ -138,7 +131,7 @@ var buildWebUI = function(module) {
} , htmllintReporter ) ) . } , htmllintReporter ) ) .
pipe ( favicon ( ) ) . pipe ( favicon ( ) ) .
pipe ( inline ( { pipe ( inline ( {
base : 'html/' ,
base : htmlFolder ,
js : [ ] , js : [ ] ,
css : [ crass , inlineImages ] , css : [ crass , inlineImages ] ,
disabledTypes : [ 'svg' , 'img' ] disabledTypes : [ 'svg' , 'img' ]
@ -152,8 +145,10 @@ var buildWebUI = function(module) {
} ) ) . } ) ) .
pipe ( replace ( 'pure-' , 'p-' ) ) . pipe ( replace ( 'pure-' , 'p-' ) ) .
pipe ( gzip ( ) ) . pipe ( gzip ( ) ) .
pipe ( rename ( "index." + module + ".html.gz" ) ) .
pipe ( gulp . dest ( dataFolder ) ) ;
pipe ( rename ( 'index.' + module + '.html.gz' ) ) .
pipe ( gulp . dest ( dataFolder ) ) .
pipe ( toHeader ( 'webui_image' , true ) ) .
pipe ( gulp . dest ( staticFolder ) ) ;
} ; } ;
@ -161,55 +156,51 @@ var buildWebUI = function(module) {
// Tasks
// Tasks
// -----------------------------------------------------------------------------
// -----------------------------------------------------------------------------
gulp . task ( 'build_ certs' , function ( ) {
gulp . task ( 'certs' , function ( ) {
gulp . src ( dataFolder + 'server.*' ) . gulp . src ( dataFolder + 'server.*' ) .
pipe ( buildHeaderFile ( ) ) ;
pipe ( toHeader ( debug = false ) ) .
pipe ( gulp . dest ( staticFolder ) ) ;
} ) ; } ) ;
gulp . task ( 'csslint' , function ( ) { gulp . task ( 'csslint' , function ( ) {
gulp . src ( 'html/ *.css' ) .
gulp . src ( htmlFolder + '*.css' ) .
pipe ( csslint ( { ids : false } ) ) . pipe ( csslint ( { ids : false } ) ) .
pipe ( csslint . formatter ( ) ) ; pipe ( csslint . formatter ( ) ) ;
} ) ; } ) ;
gulp . task ( 'build_ webui_small' , function ( ) {
return buildWebUI ( "small ") ;
} )
gulp . task ( 'webui_small' , function ( ) {
return buildWebUI ( 'small ') ;
} ) ;
gulp . task ( 'build_ webui_sensor' , function ( ) {
return buildWebUI ( "sensor ") ;
} )
gulp . task ( 'webui_sensor' , function ( ) {
return buildWebUI ( 'sensor ') ;
} ) ;
gulp . task ( 'build_ webui_light' , function ( ) {
return buildWebUI ( "light ") ;
} )
gulp . task ( 'webui_light' , function ( ) {
return buildWebUI ( 'light ') ;
} ) ;
gulp . task ( 'build_ webui_rfbridge' , function ( ) {
return buildWebUI ( "rfbridge ") ;
} )
gulp . task ( 'webui_rfbridge' , function ( ) {
return buildWebUI ( 'rfbridge ') ;
} ) ;
gulp . task ( 'build_ webui_rfm69' , function ( ) {
return buildWebUI ( "rfm69 ") ;
} )
gulp . task ( 'webui_rfm69' , function ( ) {
return buildWebUI ( 'rfm69 ') ;
} ) ;
gulp . task ( 'build_ webui_all' , function ( ) {
return buildWebUI ( "all ") ;
} )
gulp . task ( 'webui_all' , function ( ) {
return buildWebUI ( 'all ') ;
} ) ;
gulp . task ( 'buildfs_inline ' , function ( cb ) {
gulp . task ( 'we bui' , function ( cb ) {
runSequence ( [ runSequence ( [
'build_ webui_small' ,
'build_ webui_sensor' ,
'build_ webui_light' ,
'build_ webui_rfbridge' ,
'build_ webui_rfm69' ,
'build_ webui_all'
'webui_small' ,
'webui_sensor' ,
'webui_light' ,
'webui_rfbridge' ,
'webui_rfm69' ,
'webui_all'
] , cb ) ; ] , cb ) ;
} ) ; } ) ;
gulp . task ( 'buildfs_embeded' , [ 'buildfs_inline' ] , function ( ) {
gulp . src ( dataFolder + 'index.*' ) .
pipe ( buildHeaderFile ( ) ) ;
} ) ;
gulp . task ( 'default' , [ 'buildfs_embeded' ] ) ;
gulp . task ( 'default' , [ 'webui' ] ) ;
Xose Pérez
6 years ago
