1// Copyright 2020 The Pigweed Authors
2//
3// Licensed under the Apache License, Version 2.0 (the "License"); you may not
4// use this file except in compliance with the License. You may obtain a copy of
5// the License at
6//
7//     https://www.apache.org/licenses/LICENSE-2.0
8//
9// Unless required by applicable law or agreed to in writing, software
10// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
11// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
12// License for the specific language governing permissions and limitations under
13// the License.
14
15/* eslint-env browser */
16import Button from '@material-ui/core/Button';
17import * as React from 'react';
18import {WebSerialTransport} from '../transport/web_serial_transport';
19
20export function App() {
21  const transport = new WebSerialTransport();
22
23  transport.chunks.subscribe(item => {
24    console.log(item);
25  });
26
27  return (
28    <div className="app">
29      <h1>Example Page</h1>
30      <Button
31        variant="contained"
32        color="primary"
33        onClick={() => {
34          transport.connect();
35        }}
36      >
37        Connect
38      </Button>
39    </div>
40  );
41}
42