Add the web page files and tools for building the header file

Author: bjpirt

.gitignore

@@ -1,3 +1,4 @@
 *.DS_Store
 *.hex
 releases*
+node_modules

build-web.js

@@ -0,0 +1,72 @@
+#! /usr/bin/env node
+
+var fs = require("fs");
+var mime = require( "mime-types" );
+var inline = require( "web-resource-inliner" );
+var minify = require('html-minifier').minify;
+
+var files = [
+  {name: "index.html", process: true},
+  {name: "favicon.ico", process: false}
+]
+var fileCount = files.length;
+
+var baseDir = './web/';
+var outFile = './src/lib/web.h';
+
+var minifySettings = {minifyJS: true, minifyCSS: true}
+
+outFiles = [];
+
+function convert(f){
+  var data = new Buffer(f[1]);
+  byteData = []
+  for(var i=0; i<data.length; i++){
+    byteData.push("0x" + data[i].toString(16));
+  }
+  var dataname = f[0].replace('.', '_');
+  return ["const char " + dataname + "[] PROGMEM = { " +  byteData + " };" , f[0], dataname, data.length, mime.lookup(f[0])]
+}
+
+function makeHeaderFile(){
+  if(fileCount) return;
+  var data = outFiles.map(convert);
+  output = data.map(function(d){
+    return d[0];
+  }).join("\n");
+  output += "\nstruct t_websitefiles {\n  const char* filename;\n  const char* mime;\n  const unsigned int len;\n  const char* content;\n} files[] = {\n";
+  output += data.map(function(d){
+    return '  {.filename = "/' + d[1] + '", .mime = "' + d[4] + '", .len = ' + d[3] + ', .content = &' + d[2] + '[0]}'
+  }).join(',\n');
+  output += '};\nuint8_t fileCount = ' + files.length + ';\n';
+  fs.writeFileSync(outFile, output);
+}
+
+files.map(function (f){
+  if(f.process){
+    // Process the file:
+    // - bring all resources inline
+    // - minify the css and js
+    // - inline the images
+    inline.html({
+        fileContent: fs.readFileSync( baseDir + f.name, "utf8" ),
+        strict: true,
+        uglify: false,
+        cssmin: false,
+        scripts: true,
+        relativeTo: baseDir
+      },
+      function( err, result ){
+        if(err) return console.log(err);
+        outFiles.push([f.name, minify(result, minifySettings)]);
+        fileCount--;
+        makeHeaderFile();
+      }
+    );
+  }else{
+    // Just copy the file across
+    outFiles.push([f.name, fs.readFileSync( baseDir + f.name )]);
+    fileCount--;
+    makeHeaderFile();
+  }
+})

package.json

@@ -0,0 +1,10 @@
+{
+  "name": "CompressUI",
+  "description": "Compress the Mirobot UI",
+  "version": "1.0.0",
+  "dependencies": {
+    "html-minifier": "1.2.0",
+    "web-resource-inliner": "1.2.1",
+    "mime-types": "2.1.10"
+  }
+}