JamesNewton
diff --git a/‎Page_Root.h
+41-35 b/‎Page_Root.h
+41-35
diff --git a/‎Pages.h
+21-3 b/‎Pages.h
+21-3
diff --git a/‎README.md
+24-2 b/‎README.md
+24-2
diff --git a/‎data/jquery-3.3.1.min.js
-2 b/‎data/jquery-3.3.1.min.js
-2
@@ -5,9 +5,8 @@
  */
 
 const char PAGE_Root[] PROGMEM = R"=====(
-<!doctype html>
+<!DOCTYPE html>
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<script src="microajax.js"></script> 
 <html>
   <head>
     <title>ESP8266 IOT Serial to Web</title>
@@ -17,46 +16,53 @@ const char PAGE_Root[] PROGMEM = R"=====(
   <meta charset="utf-8" />
   </head>
   <body>
-    <pre><div id='log'></div></pre>
-    <p>
-    <form id='msg' action='data' method='get'>
-    <input id='txt' name='text' type='text'></input><input id='crlf' type='checkbox' checked>+cr?</input>
-    </form></p>
-    <p><a href="/admin.html">Settings</a> <a href="/file?start=1">Stream</a></p>
-    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>
-    <script type='text/javascript'>
-$('#msg').submit(function(){ 
-    var clientmsg = $('#txt').val();
-    if ($('#crlf').is(':checked')) clientmsg+='\r';
-    var log=$('#log');
-    log.html(log.html()+'<b>'+clientmsg+'</b>');
-    $.get('data', {text: clientmsg}, function(html){
-        log.html(log.html()+html);
-        });
-    $('#txt').attr('value', '');
-    loadLog(); //instantly pick up any response.
-    return false;
-  });
-function loadLog(){
-  var log=$('#log');
-  $.ajax({
-      url: 'data',
-      cache: false,
-      success: function(html){
-        log.html(log.html()+html);
-        },
+  <script>
+function ajax(data, callback) {
+  var xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+      callback(this.responseText);
+      };
+    };
+  xhttp.open("GET", data, true);
+  xhttp.send();
+  }
+  
+function getData() {
+  ajax("/data", function(reply) {
+    document.getElementById("log").innerHTML += reply;
+    });
+  setTimeout(function(){getData()},1000);
+  }
+  
+function sendData(form) {
+  var msg = form.txt.value;
+  form.txt.value = "";
+  var response = "";
+  if (form.crlf.checked) msg+='\r';
+  //console.log(form.crlf.checked);
+  ajax("/data?text="+escape(msg), function(reply) {
+    document.getElementById("log").innerHTML += escape(reply);
     });
+  setTimeout(function(){getData()},200);
+  return false;
   };
- setInterval (loadLog, 2500);
-      </script>
-  </body>
-</html>
 
+</script>
+  
+    <pre><div id='log'></div></pre>
+    <p>
+    <form id='msg' action='data' method='get' onSubmit="sendData(this);return false;">
+    <input id='txt' name='text' type='text'><input id='crlf' type='checkbox' checked><label for="crlf">+cr?</label>
+    </form>
+    <p><a href="/admin.html">Settings</a>
+
+</body>
+</html>
 )=====";
 
 void handle_root(AsyncWebServerRequest *request) {
   request->send(200, "text/html", PAGE_Root);
-  //delay(100); //why is this here? TODO: try without.
   debugbuf+="/";
 }
 //Change the setInterval number above for faster or slower updates from serial to web
 
@@ -23,10 +23,17 @@ String send_tag_values(const String& tag) {
   if (tag == "dataoffset3") return String(config.dataoffset3,7);
   if (tag == "dataname3") return (String) config.dataname3;
   if (tag == "datacount") return (String) config.datacount;
+  if (tag == "pwronstr") return (String) config.pwronstr;
+  if (tag == "pwrondelay") return (String) config.pwrondelay;
+
+  
   if (tag == "directory") {
     String dirlist = "";
     Dir dir = SPIFFS.openDir("/");
     while (dir.next()) {
+      dirlist += "<a href=\"/update?delete=";
+      dirlist += String(dir.fileName());
+      dirlist += "\">x</a> ";
       dirlist += String(dir.fileName());
       dirlist += "\t ";
       File f = dir.openFile("r");
@@ -83,7 +90,7 @@ const char PAGE_AdminGeneralSettings[] PROGMEM =  R"=====(
 <tr><td align="right"> Enabled:</td><td><input type="checkbox" id="logging" name="logging" `logging`></td></tr>
 <tr><td align="right"> Interval:</td><td><input type="text" id="interval" name="interval" size="6" value="`interval`"> Seconds</td></tr>
 <tr><td align="right"> Check in every:</td><td><input type="text" id="wakecount" name="wakecount" size="6" value="`wakecount`"> intervals</td></tr>
-<tr><td colspan="2">Stream Server:<br><input type="text" id="server" name="server" size="65" value="`server`"></td></tr>
+<tr><td colspan="2">Server:<br><input type="text" id="server" name="server" size="65" value="`server`"></td></tr>
 <tr><td colspan="2" align="center"><input id="save" type="submit" style="width:150px" class="btn btn--m btn--blue" value="Save"></td></tr>
 </table>
 </form>
@@ -213,6 +220,7 @@ const char PAGE_FileSystem[] PROGMEM =  R"=====(
       Upload: <br><input type="file" name="name">
       <input class="button" type="submit" value="Upload">
       </form>
+   Delete: Press 'x' before file, then append '&now' to url to actually remove the file. 
   </BODY>
 </HTML>
 )=====";
@@ -245,7 +253,10 @@ static File fsUploadFile; //Used with SPIFFS to upload files.
 void send_fs_html(AsyncWebServerRequest *request){
   if (request->args() > 0 )  { // Work to do
     for ( uint8_t i = 0; i < request->args(); i++ ) {
-      if (request->argName(i) == "delete") debugbuf+= "delete"+ request->arg(i); 
+      if (request->argName(i) == "delete") {
+        debugbuf+= "delete:" + request->arg(i)+".\n"; 
+        if (request->hasArg("now")) SPIFFS.remove(request->arg(i));
+        }
       }
     }
   debugbuf+=__FUNCTION__;
@@ -268,9 +279,14 @@ const char PAGE_AdminDeviceSettings[] PROGMEM =  R"=====(
   <form action="" method="post">
     <table border="0"  cellspacing="0" cellpadding="3" >
       <tr><td align="right">Baud rate</td><td><input type="text" id="baud" name="baud" value="`baud`"></td></tr>
-      <tr><td align="right"> Enable Connection:</td><td><input type="checkbox" id="connect" name="connect" `Connect`></td></tr>
+      <tr><td align="right"> Connection:</td><td><input type="checkbox" id="connect" name="connect" `Connect`>Enabled</input></td></tr>
       <tr><td align="right"> Blink?:</td><td><div id="blinked">`blinked`</div></td></tr>
       <tr><td align="left" colspan="2"><hr></td></tr>
+      <tr><td align="right"> Initialization:</td><td>
+        Send: <input type="text" id="pwronstr" name="pwronstr" value="`pwronstr`" size=6>
+        after <input type="text" id="pwrondelay" name="pwrondelay" value="`pwrondelay`" size=3 title="zero to disable"> Seconds
+        </td></tr>
+      <tr><td align="left" colspan="2"><hr></td></tr>
       <tr><td align="left" colspan="2">Extracted Data Reading: (<a href="http://www.cplusplus.com/reference/cstdio/scanf/">Data Pattern help</a>)</td></tr>
       <tr><td align="right"> Trigger:</td><td>
         <input type="text" id="datatrigger" name="datatrigger" value="`datatrigger`" size=6>
@@ -325,6 +341,8 @@ void send_device_html(AsyncWebServerRequest *request){
       else if (request->argName(i) == "dataoffset3") config.dataoffset3 = request->arg(i).toFloat(); 
       else if (request->argName(i) == "dataname3") strlcpy( config.dataname3, request->arg(i).c_str(), sizeof(config.dataname3)); 
       else if (request->argName(i) == "datacount") config.datacount = request->arg(i).toInt(); 
+      else if (request->argName(i) == "pwronstr") strlcpy( config.pwronstr, request->arg(i).c_str(), sizeof(config.pwronstr)); 
+      else if (request->argName(i) == "pwrondelay") config.pwrondelay = request->arg(i).toInt(); 
       }
     WriteConfig();
     if (config.Connect) {
 
@@ -1,13 +1,35 @@
 # esp8266WebSerial
 Put anything with a TTL serial connection on the local network with browser access or log to a server... for under 10 bucks
 
-- ESPAsyncWebServer for reliable operation
-- Support for ST7735 and ILI9341 and other LCD displays via TFT_eSPI
+- ESPAsyncWebServer for reliable operation, local config in browser, direct web based serial "terminal", etc...
+- File system support to upload custom default web page, libraries, css, etc... via "hidden" page to avoid end user confusion. 
+This allows customization and rebranding for your solution without the need for Arduino code development. Put your own html/javascript in the device for user interface.
 - Log incoming data / status to server, stream commands from server out to the connected device
 - Low power cycle config: sleep for x seconds, wake send data / status to server as available or every x wake cycles.
 - "Blink Detect" input to watch error lights, etc... on remote devices (with optional photodiode and flipflop for detection during sleep)
 - Wake without radio for very low power input monitoring
 - "Pico Jason" interpreter for commands from server to ESP to configure power cycles, logging.
+- Support for ST7735 and ILI9341 and other LCD displays via [TFT_eSPI](https://github.com/Bodmer/TFT_eSPI#tft_espi) _in overlap mode only_ for MAC, SSID / IP address display and 
+device data extraction / display via scanf codes, slope, and offset.
+- Device uses alternate TX/RX pins so power up bootloader messages are NOT sent to device and debug messages are available on Serial Monitor. 
+- Basic X-ON/X-OFF support to avoid buffer overruns on connected device (TODO: CTS monitoring)
+- Configurable device port enable / disable to avoid powering level converters or triggering device connect power up.
+- Configurable device baud rate, power on initialization message, and data extraction triggers.
+- Optional support for "NeoPixel" LEDs (commented out by default).
+
+Notes:
+
+
+Due to a [bug / limitation in ESPAsyncWebServer's template system](https://github.com/me-no-dev/ESPAsyncWebServer/issues/333#issuecomment-370595466), and the fact that % is often used in the device configuration, you have to edit the /src/WebResponseImpl.h file in that library to change:
+````
+  #define TEMPLATE_PLACEHOLDER '%'
+````
+to
+````
+#define TEMPLATE_PLACEHOLDER '`'
+````
+
+P.S. Don't even try to get this to work with an ESP-8266 module that wasn't made by AI-THINKER. [The knock offs will NOT work](https://github.com/me-no-dev/ESPAsyncWebServer/issues/374).
 
 See:
 http://techref.massmind.org/techref/ESP8266/WebSerial.htm for documentation, screenshots, and examples