arduino · smellai · Apr 5, 2019 · Jan 24, 2019 · Jan 24, 2019 · Mar 1, 2019
diff --git a/README.md b/README.md
@@ -70,6 +70,34 @@ daemon.downloading.subscribe(download => {
 
 ```
 
+## Version 2
+
+Version 2 of the arduino-create-agent aims to provide a cleaner api based on promises. 
+It will remain confined to a v2 property on the daemon object until it will be stable.
+At the moment it only supports tool management.
+
+```js
+daemon.agentV2Found.subscribe(daemonV2 => {
+  if (!daemonV2) {
+    // Your Agent doesn't support v2
+  }
+  // Your Agent supports v2
+});
+
+daemon.v2.installedTools()
+  .then(tools => console.debug(tools)) // [{"name":"avrdude","version":"6.3.0-arduino9","packager":"arduino"}]
+
+let payload = {
+  name: 'avrdude',
+  version: '6.3.0-arduino9',
+  packager: 'arduino',
+  url: 'http://downloads.arduino.cc/tools/avrdude-6.3.0-arduino9-i686-w64-mingw32.zip',
+  checksum: 'SHA-256:f3c5cfa8d0b3b0caee81c5b35fb6acff89c342ef609bf4266734c6266a256d4f',
+  signature: '7628b488c7ffd21ae1ca657245751a4043c419fbab5c256a020fb53f17eb88686439f54f18e78a80b40fc2de742f79b78ed4338c959216dc8ae8279e482d2d4117eeaf34a281ce2369d1dc4356f782c0940d82610f1c892e913b637391c39e95d4d4dfe82d8dbc5350b833186a70a62c7952917481bad798a9c8b4905df91bd914fbdfd6e98ef75c8f7fb06284278da449ce05b27741d6eda156bbdb906d519ff7d7d5042379fdfc55962b3777fb9240b368552182758c297e39c72943d75d177f2dbb584b2210301250796dbe8af11f0cf06d762fe4f912294f4cdc8aff26715354cfb33010a81342fbbc438912eb424a39fc0c52a9b2bf722051a6f3b024bd'
+}
+daemon.v2.installTool(payload) // Will install the tool in the system
+```
+
 ## Development and test features
 Just run `npm run dev` and open your browser on http://localhost:8000
 

diff --git a/demo/app.jsx b/demo/app.jsx
@@ -22,6 +22,7 @@ import React from 'react';
 import Daemon from '../src';
 
 import { HEX } from './serial_mirror';
+import V2 from './v2/v2.jsx';
 
 const chromeExtensionID = 'hfejhkbipnickajaidoppbadcomekkde';
 
@@ -266,11 +267,15 @@ class App extends React.Component {
           <h2>Serial Monitor</h2>
 
           <form onSubmit={this.handleSend}>
-            <input id="serial-input" value={this.state.serialInput} onChange={this.handleChangeSerial}/>
+            <input aria-label="serial 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 } readOnly/>
+          <textarea aria-label="Serial Monitor output" id="serial-textarea" value={ this.state.serialMonitorContent } readOnly/>
+        </div>
+
+        <div className="v2">
+          <V2 daemon={daemon}></V2>
         </div>
 
         <div className="section">

diff --git a/demo/index.html b/demo/index.html
@@ -53,6 +53,33 @@
     .section {
       margin: 20px;
     }
+
+    .install-tool-container .tool-input {
+      display: flex;
+      margin: 10px 0;
+    }
+
+    .install-tool-container .tool-input label {
+      flex: 0 1 200px;
+    }
+
+    .install-tool-container .tool-input input {
+      flex: 0 1 500px;
+    }
+
+    .v2 {
+      background-color: #ecf1f1;
+      padding: 20px;
+    }
+
+    table {
+      border-collapse: collapse;
+    }
+
+    table td {
+      border: 1px solid black;
+      padding: 3px;
+    }
   </style>
 </head>
 <body>

diff --git a/demo/v2/install_tool.jsx b/demo/v2/install_tool.jsx
@@ -0,0 +1,107 @@
+import React from 'react';
+import { flatMap } from 'rxjs/operators';
+
+export class V2InstallTool extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      name: 'avrdude',
+      version: '6.3.0-arduino9',
+      packager: 'arduino',
+      url: 'http://downloads.arduino.cc/tools/avrdude-6.3.0-arduino9-i686-w64-mingw32.zip',
+      checksum: 'SHA-256:f3c5cfa8d0b3b0caee81c5b35fb6acff89c342ef609bf4266734c6266a256d4f',
+      signature: '7628b488c7ffd21ae1ca657245751a4043c419fbab5c256a020fb53f17eb88686439f54f18e78a80b40fc2de742f79b78ed4338c959216dc8ae8279e482d2d4117eeaf34a281ce2369d1dc4356f782c0940d82610f1c892e913b637391c39e95d4d4dfe82d8dbc5350b833186a70a62c7952917481bad798a9c8b4905df91bd914fbdfd6e98ef75c8f7fb06284278da449ce05b27741d6eda156bbdb906d519ff7d7d5042379fdfc55962b3777fb9240b368552182758c297e39c72943d75d177f2dbb584b2210301250796dbe8af11f0cf06d762fe4f912294f4cdc8aff26715354cfb33010a81342fbbc438912eb424a39fc0c52a9b2bf722051a6f3b024bd',
+      res: ''
+    };
+
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+
+  componentDidMount() {
+    this.daemon = this.props.daemon;
+
+    this.daemon.agentV2Found.subscribe(daemonV2 => {
+      if (!daemonV2) {
+        return;
+      }
+      this.daemonV2 = daemonV2;
+    });
+  }
+
+  handleChange(event) {
+    this.setState({ [event.target.name]: event.target.value });
+  }
+
+  handleSubmit(event) {
+    event.preventDefault();
+
+    this.daemonV2.installTool({
+      name: this.state.name,
+      version: this.state.version,
+      packager: this.state.packager,
+      checksum: this.state.checksum,
+      signature: this.state.signature,
+      url: this.state.url,
+
+    })
+      .then(res => {
+        this.setState({
+          res: JSON.stringify(res, null, 2)
+        });
+      })
+      .catch(err => {
+        this.setState({
+          res: JSON.stringify(err, null, 2)
+        });
+      });
+  }
+
+  render() {
+    return (
+      <section className="install-tool-container">
+        <h2>Install a new tool</h2>
+        <form onSubmit={this.handleSubmit}>
+          <div className="tool-input">
+            <label htmlFor="name">
+              Name:
+            </label>
+            <input type="text" id="name" value={this.state.name} onChange={this.handleChange} />
+          </div>
+          <div className="tool-input">
+            <label htmlFor="version">
+              Version:
+            </label>
+            <input type="text" id="version" value={this.state.version} onChange={this.handleChange} />
+          </div>
+          <div className="tool-input">
+            <label htmlFor="packager">
+              Packager:
+            </label>
+            <input type="text" id="packager" value={this.state.packager} onChange={this.handleChange} />
+          </div>
+          <div className="tool-input">
+            <label htmlFor="url">
+              Url:
+            </label>
+            <input type="text" id="url" value={this.state.url} onChange={this.handleChange} />
+          </div>
+          <div className="tool-input">
+            <label htmlFor="checksum">
+              Checksum:
+            </label>
+            <input type="text" id="checksum" value={this.state.checksum} onChange={this.handleChange} />
+          </div>
+          <div className="tool-input">
+            <label htmlFor="signature">
+              Signature:
+            </label>
+            <input type="text" id="signature" value={this.state.signature} onChange={this.handleChange} />
+          </div>
+          <input type="submit" value="Submit" />
+        </form>
+        <textarea aria-label="Install tool output" cols="100" rows="10" value={this.state.res} readOnly></textarea>
+      </section>
+    );
+  }
+}
diff --git a/demo/v2/v2.jsx b/demo/v2/v2.jsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import { V2InstallTool } from './install_tool.jsx';
+
+class V2 extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      tools: []
+    };
+  }
+
+  componentDidMount() {
+    this.daemon = this.props.daemon;
+
+    this.daemon.agentV2Found.subscribe(daemonV2 => {
+      if (!daemonV2) {
+        return;
+      }
+      this.daemonV2 = daemonV2;
+      this.daemonV2.installedTools().then(res => {
+        this.setState({
+          tools: res
+        });
+      });
+    });
+  }
+
+  render() {
+    const tools = this.state.tools.map((tool, i) => <tr key={i}>
+      <td>{tool.packager}</td>
+      <td>{tool.name}</td>
+      <td>{tool.version}</td>
+    </tr>);
+
+    return (
+      <section>
+        <h2>V2</h2>
+        <section>
+          <h3>Installed tools</h3>
+          <form onSubmit={this.handleInstallTool}>
+            <table>
+              <thead>
+                <tr>
+                  <th>Packager</th>
+                  <th>Name</th>
+                  <th>Version</th>
+                </tr>
+              </thead>
+              <tbody>{tools}</tbody>
+            </table>
+          </form>
+
+          <V2InstallTool daemon={this.props.daemon}></V2InstallTool>
+        </section>
+      </section >
+    );
+  }
+}
+
+export default V2;