Fixed window not found & occasional sqlite error for packages

Signed-off-by: Omkar Phansopkar <[email protected]>

Author: OmkarPh

src/components/DropZone/DropZone.tsx

@@ -1,62 +1,60 @@
-import { toast } from 'react-toastify';
-import React, { DragEvent } from 'react'
-import { useNavigate } from 'react-router-dom';
+import { toast } from "react-toastify";
+import React, { DragEvent } from "react";
+import { useNavigate } from "react-router-dom";
 
-import { useWorkbenchDB } from '../../contexts/workbenchContext';
-import { ROUTES } from '../../constants/routes';
+import { useWorkbenchDB } from "../../contexts/workbenchContext";
+import { ROUTES } from "../../constants/routes";
 
-
-const lastLogs:{ [key: string]: number} = {}
+const lastLogs: { [key: string]: number } = {};
 export const CustomLogger = (id: string, ...args: unknown[]) => {
-  const currentTime = (new Date()).getTime();
-  if(!(lastLogs[id] && currentTime < lastLogs[id]+1000)){
+  const currentTime = new Date().getTime();
+  if (!(lastLogs[id] && currentTime < lastLogs[id] + 1000)) {
     console.log(id, ...args);
     lastLogs[id] = currentTime;
   }
-}
+};
 
 const DropZone = (props: React.PropsWithChildren) => {
   const navigate = useNavigate();
   const { sqliteParser, importJsonFile } = useWorkbenchDB();
 
-  function DragOverHandler(e: DragEvent){
+  function DragOverHandler(e: DragEvent) {
     e.preventDefault();
     e.stopPropagation();
     // CustomLogger("Drag detected", e, e.dataTransfer.files);
   }
-  function DropHandler(e: DragEvent){
+  function DropHandler(e: DragEvent) {
     e.preventDefault();
     e.stopPropagation();
 
     const regex = {
       json: /\.(json)+$/i,
       sqlite: /\.(sqlite)+$/i,
-    }
+    };
 
-    const validFiles =
-      Array.from(e.dataTransfer.files)
-      .filter(file => file.name.match(regex.json) || file.name.match(regex.sqlite))
-      .filter(file => file !== null);
+    const validFiles = Array.from(e.dataTransfer.files)
+      .filter(
+        (file) => file.name.match(regex.json) || file.name.match(regex.sqlite)
+      )
+      .filter((file) => file !== null);
     const fileToImport = validFiles[0];
-    
+
     console.log("Dropped files:", e, e.dataTransfer.files);
     console.log("Valid files:", validFiles);
 
-    if(!validFiles.length){
-      return toast('Only json/sqlite file can be imported !', {
-        type: 'error',
+    if (!validFiles.length) {
+      return toast.error("Only json/sqlite file can be imported !", {
         style: { width: 320 },
       });
     }
 
-    if(validFiles.length > 1){
-      toast(`Only 1 json/sqlite file will be imported at a time`, {
-        type: 'warning',
+    if (validFiles.length > 1) {
+      toast.warn(`Only 1 json/sqlite file can be imported at a time`, {
         style: { width: 375 },
       });
     }
 
-    if(regex.sqlite.test(fileToImport.name)){
+    if (regex.sqlite.test(fileToImport.name)) {
       console.log("Parsing sqlite file:", fileToImport.name);
       sqliteParser(fileToImport.path);
       navigate(ROUTES.HOME);
@@ -69,9 +67,9 @@ const DropZone = (props: React.PropsWithChildren) => {
 
   return (
     <div onDragOver={DragOverHandler} onDrop={DropHandler}>
-      { props.children }
+      {props.children}
     </div>
-  )
-}
+  );
+};
 
-export default DropZone
+export default DropZone;

src/contexts/workbenchContext.tsx

@@ -220,9 +220,7 @@ export const WorkbenchDBProvider = (props: React.PropsWithChildren<Record<string
             }
             console.error("Err trying to import sqlite:");
             console.error(err);
-            toast(`Unexpected error while importing json \nPlease check console for more info`, {
-              type: 'error'
-            });
+            toast.error(`Unexpected error while importing json \nPlease check console for more info`);
             abortImport();
           });
       })
@@ -233,9 +231,7 @@ export const WorkbenchDBProvider = (props: React.PropsWithChildren<Record<string
         }
         console.error("Err trying to import sqlite:");
         console.error(err);
-        toast(`Unexpected error while finalising json import \nPlease check console for more info`, {
-          type: 'error'
-        });
+        toast.error(`Unexpected error while finalising json import \nPlease check console for more info`);
         abortImport();
       });
   }
@@ -305,6 +301,13 @@ export const WorkbenchDBProvider = (props: React.PropsWithChildren<Record<string
             if(!preventNavigation)
               navigate(DEFAULT_ROUTE_ON_IMPORT);
         });
+      })
+      .catch(err => {
+        abortImport();
+        console.error("Some error parsing data (caught in workbenchContext) !!", err);
+        toast.error(
+          "Some error parsing data !! \nPlease check console for more info"
+        );
       });
   }
 
@@ -330,9 +333,7 @@ export const WorkbenchDBProvider = (props: React.PropsWithChildren<Record<string
       } catch (err) {
         console.log(`some error importing json - ${message.jsonFilePath}`, err);
         abortImport();
-        toast(`Unexpected error while importing json \nPlease check console for more info`, {
-          type: 'error'
-        });
+        toast.error(`Unexpected error while importing json \nPlease check console for more info`);
       }
     });
     ipcRenderer.on(IMPORT_REPLY_CHANNEL.SQLITE, (_, message: SQLITE_IMPORT_REPLY_FORMAT) => {
@@ -341,14 +342,12 @@ export const WorkbenchDBProvider = (props: React.PropsWithChildren<Record<string
       } catch (err) {
         console.log(`some error importing sqlite - ${message.sqliteFilePath}`, err);
         abortImport();
-        toast(`Unexpected error while importing sqlite \nPlease check console for more info`, {
-          type: 'error'
-        });
+        toast.error(`Unexpected error while importing sqlite \nPlease check console for more info`);
       }
     });
     ipcRenderer.on(SAVE_REPLY_CHANNEL.SQLITE, (_, message: SQLITE_SAVE_REPLY_FORMAT) => {
       if(!value.db || !value.initialized){
-        return toast("No JSON/Sqlite imported to save as new SQLite file", {
+        return toast.error("No JSON/Sqlite imported to save as new SQLite file", {
           type: "error",
           style: { width: 400 },
         });
@@ -365,7 +364,7 @@ export const WorkbenchDBProvider = (props: React.PropsWithChildren<Record<string
         reader.pipe(writer);
         reader.on('end', () => {
           console.log("Saved", newFileName);
-          toast("Saved sqlite file, loading from new file", { type: 'success' });
+          toast.success("Saved sqlite file, loading from new file");
           sqliteParser(newFileName, true);
         });
       }