cleanup 2 at nxp/master

Author: Sarah Wang

webusb/src/components/Combined.js

@@ -1,4 +1,3 @@
-import {useEffect, useState} from 'react';
 import ProgressBar from './ProgressBar';
 import useHIDBoot from '../logic/useHIDBoot';
 import useUSBFlash from '../logic/useUSBFlash'
@@ -7,28 +6,17 @@ import imgSrc from '../images/imx8qxp_mek_bootmode.png'
 import "./Combined.css"
 
 const Combined = ({bootFile, flashFile}) => {
-    // const [imgUrl, setImgUrl] = useState();
-
     const [{ requestHIDDevice, HIDdevice, bootProgress, bootTotal }] = useHIDBoot(bootFile);
     const [{ requestUSBDevice, USBDevice, flashProgress, flashTotal}] = useUSBFlash(flashFile);
 
-    // useEffect(() => {
-    //     const dothis = async()=>{
-    //         const response = await fetch("mode");
-    //         const blob = await response.blob();
-    //         setImgUrl(URL.createObjectURL(blob));
-    //     }
-    //     dothis();
-    // }, [])
-
     return(
         <div>
             <ul className="Popup-list">
                 <li>
                     <span>1. Switch Boot Mode to "SERIAL"</span>
                     <div className="u-flex u-center">
                         <div className="image-container">
-                        {imgSrc? <img className="boot-image" src={imgSrc}/>: ""}
+                        {imgSrc? <img className="boot-image" src={imgSrc} alt="boot mode switches"/>: ""}
                         </div>
                     </div>
                 </li>
@@ -55,7 +43,9 @@ const Combined = ({bootFile, flashFile}) => {
                         <div>
                             <span>3. </span>
                             <button onClick={requestUSBDevice}>Pair USBDevice </button>
-                            <div className="Popup-empty"> {USBDevice? `connected: ${USBDevice.productName}`: ""} </div>
+                            <div className="Popup-empty"> 
++                                {USBDevice? `connected: ${USBDevice.productName}`: ""} 
++                            </div>
                         </div>
                     </div>
                 </li>

webusb/src/helper/sparse.js

@@ -79,14 +79,12 @@ export function build_chunk_header (chunk_type, raw_data_bytelength, i) {
     }
 
     if (chunk_type === CHUNK_TYPE_DONT_CARE) {
-        chunk_format.chunk_sz = CHUNK_SZ * i; // don't care
+        chunk_format.chunk_sz = CHUNK_SZ * i; 
         chunk_format.total_sz = CHUNK_SZ*BLK_SZ * i + CHUNK_HEADER_SZ; // bytes raw_data + header
     }
-    else if (chunk_type === CHUNK_TYPE_RAW) { // raw_data
+    else if (chunk_type === CHUNK_TYPE_RAW) { 
         chunk_format.chunk_sz = Math.ceil(raw_data_bytelength/BLK_SZ);
         chunk_format.total_sz = raw_data_bytelength + CHUNK_HEADER_SZ;
-
-        console.log(chunk_format)
     }
 
     return obj_to_arr(chunk_format, chunk_header, CHUNK_HEADER_SZ);

webusb/src/logic/useUSBFlash.js

@@ -31,7 +31,7 @@
 
 import {useEffect, useState} from 'react';
 import {str_to_arr, ab_to_str} from '../helper/functions.js'
-import {CHUNK_SZ, BLK_SZ, CHUNK_TYPE_RAW, CHUNK_TYPE_DONT_CARE, build_sparse_header, build_chunk_header} from '../helper/sparse.js'
+import {CHUNK_SZ, BLK_SZ, PACKET_SZ, CHUNK_TYPE_RAW, CHUNK_TYPE_DONT_CARE, build_sparse_header, build_chunk_header} from '../helper/sparse.js'
 
 const USBrequestParams = { filters: [{ vendorId: 8137, productId: 0x0152 }] };
 
@@ -77,7 +77,6 @@ const useUSBFlash = (flashFile) => {
 
     const doFlash = async () => {
         // downloads and splits image into chunks to be processed
-        const PACKET_SZ = 0x10000;
         const DATA_SZ = CHUNK_SZ * BLK_SZ; // in bytes
         if (flashFile===null) {return;}