import './style.css'


import { SerialPortAdapter, avrboy } from 'avrboy/build/browser'
import hex from './hex'
import megaHex from './mega-hex'

const app = document.querySelector<HTMLDivElement>('#app')!

const unoBt = document.createElement('button');
unoBt.innerText = 'uno';

unoBt.addEventListener('click', () => {
    navigator.serial.requestPort({ filters: undefined }).then(_port => {
        const port = new SerialPortAdapter(_port);

        (window as any).match = undefined;
        avrboy.upload({ port, boardName: 'uno', hex })

        // port.open((error: any) => {
        //     console.log('open', error);
        //     // @ts-ignore
        // });

        port.on('data', (buffer: Buffer) => {
            console.log('read:', buffer.toString('hex'));
        })

    })
})

const megaBt = document.createElement('button');
megaBt.innerText = 'mega';

megaBt.addEventListener('click', () => {
    navigator.serial.requestPort({ filters: undefined }).then(_port => {
        const port = new SerialPortAdapter(_port);

        (window as any).timeout = undefined;
        (window as any).msb = undefined;
        (window as any).xsb = undefined;
        (window as any).ysb = undefined;
        (window as any).lsb = undefined;

        avrboy.upload({ port, boardName: 'mega', hex: megaHex })

        // port.open((error: any) => {
        //     console.log('open', error);
        //     // @ts-ignore
        // });

        port.on('data', (buffer: Buffer) => {
            console.log('read:', buffer.toString('hex'));
        })

    })
})

app.append(unoBt)
app.append(megaBt)