Feat/excel (#45)

* add dependency

adding dependency to parse the excel file in the node side

* import file

ability to import file
- add extension
- safeguard file type and size

* user is able to upload json or excel

* chore: extract logic into self contained function

* associate model with version

* test id generation

* parse excel data

* prevent UI crash on bad data

* extract validation into self contained function

* chore: add more tests for bad data

* config: stop from opening browser on start

* fix comma in sample db

* handle corrupt files

* error boundary around main components

* jsdocs

* increase id length

* parse excel time string

* feat: excel parsing

* validate json db before import

* chore: test event validator

* feat: make function to clean convert strings

* chore: test parser

* chore: jsdocs

* fix: bug on upload

prevent bug where the component would prevent upload of same file twice

client/src/features/menu/MenuBar.jsx

@@ -33,14 +33,33 @@ export default function MenuBar(props) {
 
   const handleUpload = (event) => {
     const fileUploaded = event.target.files[0];
-
     if (fileUploaded == null) return;
+    console.log(fileUploaded);
+
+    // Limit file size to 1MB
+    if (fileUploaded.size > 1000000) {
+      console.log('Error: File size limit (1MB) exceeded');
+      return;
+    }
+
+    // Check file extension
+    if (fileUploaded.name.endsWith('.xlsx')) {
+      console.log('excel file');
+    } else if (fileUploaded.name.endsWith('.json')) {
+      console.log('json file');
+    } else {
+      console.log('Error: File type unknown');
+      return;
+    }
 
     try {
       uploaddb.mutate(fileUploaded);
     } catch (error) {
       console.log(error);
     }
+
+    // reset input value
+    hiddenFileInput.current.value = '';
   };
 
   const handleIPC = (action) => {
@@ -102,7 +121,7 @@ export default function MenuBar(props) {
         style={{ display: 'none' }}
         ref={hiddenFileInput}
         onChange={handleUpload}
-        accept='.json'
+        accept='.json, .xlsx'
       />
       <UploadIconBtn
         style={{ fontSize: '1.5em' }}