refactor transport into abstract class

Author: brianignacio5

.eslintrc

@@ -11,6 +11,7 @@
   ],
   "rules": {
     "no-console": 1, // Means warning
-    "prettier/prettier": 2 // Means error
+    "prettier/prettier": 2, // Means error
+    "@typescript-eslint/no-inferrable-types": "off"
   }
 }

examples/typescript/src/index.html

@@ -26,16 +26,16 @@ <h4 align="center">A Serial Flasher utility for Espressif chips</h4>
         <div class="container" id="main">
             <hr/>
             <div id="program">
-                <h3> Program </h3>
                 <label for="baudrates" id="lblBaudrate">Baudrate:</label>
-                <label style="display:none" id="lblConnTo">Connected to device: </label>
                 <select name="baudrates" id="baudrates">
                     <option value="921600">921600</option>
                     <option value="460800">460800</option>
                     <option value="230400">230400</option>
                     <option value="115200">115200</option>
                 </select>
-
+                
+                <h3> Program </h3>
+                <label style="display:none" id="lblConnTo">Connected to device: </label>
                 <input class="btn btn-info btn-sm" type="button" id="connectButton" value="Connect" />
                 <input class="btn btn-info btn-sm" type="button" id="copyTraceButton" value="Copy Trace" />
                 <input class="btn btn-warning btn-sm" type="button" id="disconnectButton" value="Disconnect" />

examples/typescript/src/index.ts

@@ -20,8 +20,8 @@ const alertDiv = document.getElementById("alertDiv");
 
 // This is a frontend example of Esptool-JS using local bundle file
 // To optimize use a CDN hosted version like
-// https://unpkg.com/esptool-js@0.2.0/bundle.js
-import { ESPLoader, FlashOptions, LoaderOptions, Transport } from "../../../lib";
+// https://unpkg.com/esptool-js/bundle.js
+import { ESPLoader, FlashOptions, LoaderOptions, WebSerialTransport, SerialOptions } from "../../../lib";
 
 declare let Terminal; // Terminal is imported in HTML script
 declare let CryptoJS; // CryptoJS is imported in HTML script
@@ -30,7 +30,7 @@ const term = new Terminal({ cols: 120, rows: 40 });
 term.open(terminal);
 
 let device = null;
-let transport: Transport;
+let transport: WebSerialTransport;
 let chip: string = null;
 let esploader: ESPLoader;
 
@@ -79,16 +79,18 @@ const espLoaderTerminal = {
 connectButton.onclick = async () => {
   if (device === null) {
     device = await navigator.serial.requestPort({});
-    transport = new Transport(device, true);
+    transport = new WebSerialTransport(device, true);
   }
 
+  const serialOptions = { baudRate: parseInt(baudrates.value) } as SerialOptions;
+
   try {
-    const flashOptions = {
+    const loaderOptions = {
       transport,
-      baudrate: parseInt(baudrates.value),
+      serialOptions,
       terminal: espLoaderTerminal,
     } as LoaderOptions;
-    esploader = new ESPLoader(flashOptions);
+    esploader = new ESPLoader(loaderOptions);
 
     chip = await esploader.main();
 
@@ -121,7 +123,7 @@ traceButton.onclick = async () => {
 resetButton.onclick = async () => {
   if (device === null) {
     device = await navigator.serial.requestPort({});
-    transport = new Transport(device, true);
+    transport = new WebSerialTransport(device, true);
   }
 
   await transport.setDTR(false);
@@ -213,6 +215,7 @@ disconnectButton.onclick = async () => {
   if (transport) await transport.disconnect();
 
   term.clear();
+  lblBaudrate.style.display = "initial";
   baudrates.style.display = "initial";
   connectButton.style.display = "initial";
   disconnectButton.style.display = "none";
@@ -229,14 +232,15 @@ let isConsoleClosed = false;
 consoleStartButton.onclick = async () => {
   if (device === null) {
     device = await navigator.serial.requestPort({});
-    transport = new Transport(device, true);
+    transport = new WebSerialTransport(device, true);
   }
   lblConsoleFor.style.display = "block";
   consoleStartButton.style.display = "none";
   consoleStopButton.style.display = "initial";
   programDiv.style.display = "none";
+  const serialOptions = { baudRate: 115200 } as SerialOptions;
 
-  await transport.connect();
+  await transport.connect(serialOptions);
   isConsoleClosed = false;
 
   while (true && !isConsoleClosed) {