fixed extrafiles field, updated deps, minor fixes demo

Author: Stefania

demo/app.jsx

@@ -73,11 +73,13 @@ class App extends React.Component {
       uploadError: '',
       downloadStatus: '',
       downloadError: '',
+      serialInput: '',
       supportedBoards: []
     };
     this.handleOpen = this.handleOpen.bind(this);
     this.handleClose = this.handleClose.bind(this);
     this.handleSend = this.handleSend.bind(this);
+    this.handleChangeSerial = this.handleChangeSerial.bind(this);
     this.showError = this.showError.bind(this);
     this.clearError = this.clearError.bind(this);
   }
@@ -148,36 +150,37 @@ class App extends React.Component {
     this.setState({ serialPortOpen: null });
   }
 
+  handleChangeSerial(e) {
+    this.setState({ serialInput: e.target.value });
+  }
+
   handleSend(e) {
     e.preventDefault();
     const serialInput = document.getElementById('serial-input');
-    const sendData = `${serialInput.value}\n`;
+    const sendData = `${this.state.serialInput}\n`;
     daemon.writeSerial(this.state.serialPortOpen, sendData);
     serialInput.focus();
-    serialInput.value = '';
+    this.setState({ serialInput: '' });
   }
 
   render() {
-    const listSerialDevices = this.state.serialDevices.map((device, i) =>
-      <li key={i}>
-        {device.Name} - IsOpen: <span className={device.IsOpen ? 'open' : 'closed'}>
-          {device.IsOpen ? 'true' : 'false'}
-        </span> - <a href="#" onClick={(e) => this.handleOpen(e, device.Name)}>
+    const listSerialDevices = this.state.serialDevices.map((device, i) => <li key={i}>
+      {device.Name} - IsOpen: <span className={device.IsOpen ? 'open' : 'closed'}>
+        {device.IsOpen ? 'true' : 'false'}
+      </span> - <a href="#" onClick={(e) => this.handleOpen(e, device.Name)}>
           open
-        </a> - <a href="#" onClick={(e) => this.handleClose(e, device.Name)}>
+      </a> - <a href="#" onClick={(e) => this.handleClose(e, device.Name)}>
           close
-        </a>
-      </li>);
+      </a>
+    </li>);
 
-    const listNetworkDevices = this.state.networkDevices.map((device, i) =>
-      <li key={i}>
-        {device.Name}
-      </li>);
+    const listNetworkDevices = this.state.networkDevices.map((device, i) => <li key={i}>
+      {device.Name}
+    </li>);
 
-    const supportedBoards = this.state.supportedBoards.map((board, i) =>
-      <li key={i}>
-        { board }
-      </li>);
+    const supportedBoards = this.state.supportedBoards.map((board, i) => <li key={i}>
+      { board }
+    </li>);
 
     let uploadClass;
     if (this.state.uploadStatus === daemon.UPLOAD_DONE) {
@@ -241,8 +244,8 @@ class App extends React.Component {
         </div>
 
         {
-          this.state.supportedBoards.length ?
-            <div className="section">
+          this.state.supportedBoards.length
+            ? <div className="section">
               <h2>Supported boards</h2>
 
               <ul>
@@ -256,11 +259,11 @@ class App extends React.Component {
           <h2>Serial Monitor</h2>
 
           <form onSubmit={this.handleSend}>
-            <input id="serial-input" />
+            <input id="serial-input" value={this.state.serialInput} onChange={this.handleChangeSerial}/>
             <input type="submit" value="Send" />
           </form>
 
-          <textarea id="serial-textarea" value={ this.state.serialMonitorContent }/>
+          <textarea id="serial-textarea" value={ this.state.serialMonitorContent } readOnly/>
         </div>
 
         <div className="section">

package-lock.json

@@ -31,12 +31,12 @@
     "babel-preset-react": "^6.24.1",
     "clean-webpack-plugin": "^1.0.1",
     "cross-env": "^5.2.0",
-    "eslint": "^5.13.0",
+    "eslint": "^5.14.1",
     "eslint-config-airbnb-base": "^13.1.0",
     "eslint-plugin-import": "^2.16.0",
     "html-webpack-plugin": "^3.2.0",
-    "react": "^16.8.1",
-    "react-dom": "^16.7.0",
+    "react": "^16.8.2",
+    "react-dom": "^16.8.2",
     "rimraf": "^2.6.3",
     "rollup": "^0.68.2",
     "rollup-plugin-babel": "^3.0.7",

package.json

@@ -469,7 +469,7 @@ export default class SocketDaemon extends Daemon {
         wait_for_upload_port: uploadCommandInfo.options.wait_for_upload_port === 'true' || uploadCommandInfo.options.wait_for_upload_port === true,
         use_1200bps_touch: uploadCommandInfo.options.use_1200bps_touch === 'true' || uploadCommandInfo.options.use_1200bps_touch === true,
       },
-      extrafiles: uploadCommandInfo.extrafiles || []
+      extrafiles: uploadCommandInfo.files || []
       // Consider to push extra resource files from sketch in future if feature requested (from data folder)
     };