CSV testing

Author: Hekate1

package-lock.json

@@ -15,6 +15,7 @@
     "muse-js": "^3.1.0",
     "net": "^1.0.2",
     "next": "9.5.2",
+    "papaparse": "^5.3.0",
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "socket.io": "^2.3.0",

package.json

@@ -4,6 +4,7 @@ import Link from 'next/link'
 import Layout from '../components/layout'
 import { channelNames, EEGReading, MuseClient } from 'muse-js';
 import io from 'socket.io-client';
+import * as Papa from 'papaparse';
 
 const socket = io('http://localhost:5000');
 const museClient = new MuseClient();
@@ -12,6 +13,8 @@ function Visualizations() {
   const [testEEGData, setTestEEGData] = useState("");
   const [blink_state, setBlinkState] = useState("");
 
+  var fileList
+
   async function startMuseConnection(e) {
     await museClient.connect()
     await museClient.start()
@@ -27,7 +30,21 @@ function Visualizations() {
     });
   }
 
-
+  async function streamCSVData(e) {
+    Papa.parse(fileList[0], {
+	    complete: function(results) {
+        var rows = results.data
+        var i = 0
+        var interval = setInterval(function() {
+          socket.emit('eeg-stream', rows[i]); 
+          i++; 
+          if(i >= rows.length) {
+            clearInterval(interval)
+          }
+        }, 3.90625)
+	    }
+    });
+  }
 
   useEffect(() => {
     socket.on('connect', (msg) => {
@@ -40,6 +57,13 @@ function Visualizations() {
       console.log("Blink State: " + msg)
       setBlinkState(msg)
     });
+
+    const fileSelector = document.getElementById('file-selector');
+
+    fileSelector.addEventListener('change', (event) => {
+      fileList = event.target.files;
+      console.log(fileList);
+    });
   }, []);
 
 
@@ -62,6 +86,14 @@ function Visualizations() {
       <br></br>
       <br></br>
 
+      <input type="file" id="file-selector"></input>
+      <button onClick={streamCSVData}>
+        TEST!
+      </button>
+
+      <br></br>
+      <br></br>
+
       <form onSubmit={sendTestEEGData}>
         <label>
         Send Test Message to Flask: <tab></tab>
@@ -74,4 +106,4 @@ function Visualizations() {
   );
 }
 
-export default Visualizations;
+export default Visualizations;