Worker buffered reading

src/index.html

@@ -5,7 +5,7 @@
     <meta name=viewport content="width=device-width, initial-scale=1">
     <title>DPS Insight V1.0.5</title>
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="style.css?1.0.5">
+    <link rel="stylesheet" type="text/css" href="css/index.css?v1.0.5">
     <link rel="stylesheet" type="text/css" href="dygraphs/dist/dygraph.min.css">
     <script type="text/javascript" src="dygraphs/dist/dygraph.js"></script>
     <script type="text/javascript" src="dygraphs/src/extras/synchronizer.js"></script>
@@ -61,5 +61,5 @@
         <p class="text-center footer">Version 1.0.5</p>
     </div>
     <script src="dependencies/jquery-3.3.1.min.js"></script>
-    <script src="log_parser.js?1.0.5"></script>
+    <script src="js/index.js?v1.0.5"></script>
 </body>

src/js/file_worker.js

@@ -0,0 +1,34 @@
+let decoder = new TextDecoder("utf-8");
+var fr = new FileReader();
+onmessage = function(e){
+    readFile(e.data);
+}
+function readFile(files){
+    if(files.length > 0){
+        let current_index = 0;
+        fr.onload = function () {
+            var data = fr.result;
+            var array = new Int8Array(data);
+            current_index++;
+            if(current_index < files.length){
+                postMessage({
+                    status: "data",
+                    data: decoder.decode(array),
+                    progress: current_index 
+                });
+                fr.readAsArrayBuffer(files[current_index]);
+            }else{
+                postMessage({status:"last"});
+            }
+        };
+        fr.onerror = function(){
+            postMessage({status:"error"});
+        }
+        fr.onabort = function(){
+            postMessage({status:"abort"});
+        }
+        fr.readAsArrayBuffer(files[current_index]);
+    }else{
+        console.log("File length not greater than 0")
+    }
+}