Working with double permissoin, SAMD flasher only

Author: csarnataro

demo/app.jsx

@@ -19,7 +19,7 @@
 */
 
 import React from 'react';
-import Daemon from '../src';
+import Daemon, { isChromeOs } from '../src';
 import FirmwareUpdater from '../src/firmware-updater';
 
 import { HEX } from './serial_mirror';
@@ -151,6 +151,17 @@ class App extends React.Component {
     }
   }
 
+  requestDevicePermission = async () => {
+    if ('serial' in navigator) {
+      const port = await navigator.serial.requestPort([{ usbVendorId: 0x2341 }]);
+      daemon.devicesList.next({
+        serial: [port],
+        network: []
+      });
+
+    }
+  };
+
   showError(err) {
     this.setState({ error: err });
     scrollToBottom(document.body);
@@ -275,8 +286,10 @@ class App extends React.Component {
         </div>
 
         <div className="section">
-          <h2>Connected Devices</h2>
-
+          <div>
+            <h2 style={{ display: 'inline-block', marginRight: 10 } }>Connected Devices </h2>
+            { isChromeOs() && <button type="button" onClick={() => this.requestDevicePermission()}>Request access to serial port</button> }
+          </div>
           <strong>serial:</strong>
           <ul>
             { listSerialDevices }

demo/v2/install_tool.jsx

@@ -21,12 +21,14 @@ export class V2InstallTool extends React.Component {
   componentDidMount() {
     this.daemon = this.props.daemon;
 
-    this.daemon.agentV2Found.subscribe(daemonV2 => {
-      if (!daemonV2) {
-        return;
-      }
-      this.daemonV2 = daemonV2;
-    });
+    if (this.daemon.agentV2Found) { // agentV2Found not available for instance on chromebooks
+      this.daemon.agentV2Found.subscribe(daemonV2 => {
+        if (!daemonV2) {
+          return;
+        }
+        this.daemonV2 = daemonV2;
+      });
+    }
   }
 
   handleChange(event) {

demo/v2/v2.jsx

@@ -12,17 +12,19 @@ class V2 extends React.Component {
   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
+    if (this.daemon.agentV2Found) { // agentV2Found not available for instance on chromebooks
+      this.daemon.agentV2Found.subscribe(daemonV2 => {
+        if (!daemonV2) {
+          return;
+        }
+        this.daemonV2 = daemonV2;
+        this.daemonV2.installedTools().then(res => {
+          this.setState({
+            tools: res
+          });
         });
       });
-    });
+    }
   }
 
   render() {

src/chrome-app-daemon.js

@@ -40,22 +40,18 @@ const POLLING_INTERVAL = 2000;
 //   onDisconnect (message) {}
 //   onSerialData (name, data) {}
 // }
-export default class ChromeOsDaemon extends Daemon {
-  constructor(boardsUrl, options) { // , chromeExtensionId) {
+export default class ChromeAppDaemon extends Daemon {
+  constructor(boardsUrl, chromeExtensionId) {
     super(boardsUrl);
-    if (typeof options === 'string') {
-      this.chromeExtensionId = options;
-    }
-    else {
-      this.chromeExtensionId = options.chromeExtensionId;
-    }
-    this.webSerialChannel = null;
+    this.chromeExtensionId = chromeExtensionId;
     this.channel = null;
+    this.init();
+  }
 
+  init() {
     this.openChannel(() => this.channel.postMessage({
       command: 'listPorts'
     }));
-
     this.agentFound
       .pipe(distinctUntilChanged())
       .subscribe(agentFound => {
@@ -69,9 +65,7 @@ export default class ChromeOsDaemon extends Daemon {
     interval(POLLING_INTERVAL)
       .pipe(startWith(0))
       .pipe(takeUntil(this.channelOpen.pipe(filter(status => status))))
-      .subscribe(() => {
-        this._appConnect();
-      });
+      .subscribe(() => this._appConnect());
   }
 
   /**