Close file option & cleanup before imports

src/components/FileTree/FileTree.tsx

@@ -41,7 +41,10 @@ const FileTree = (props: React.HTMLProps<HTMLDivElement>) => {
   }, [currentPath]);
 
   useEffect(() => {
-    if (!initialized || !db || !importedSqliteFilePath) return;
+    if (!initialized || !db || !importedSqliteFilePath) {
+      setTreeData(null);
+      return;
+    }
 
     db.findAllJSTree().then((treeData) => {
       // Wrap with react-scroll wrapper

src/constants/IpcConnection.ts

@@ -5,33 +5,35 @@ export interface ErrorInfo {
 }
 
 export const OPEN_DIALOG_CHANNEL = {
-  JSON: 'open-json-file',
-  SQLITE_PATH_FOR_JSON: 'choose-sqlite-path-for-json-file',
-  SQLITE: 'open-sqlite-file',
-  SAVE_SQLITE: 'save-sqlite-file',
-}
+  JSON: "open-json-file",
+  SQLITE_PATH_FOR_JSON: "choose-sqlite-path-for-json-file",
+  SQLITE: "open-sqlite-file",
+  SAVE_SQLITE: "save-sqlite-file",
+};
 
 export const IMPORT_REPLY_CHANNEL = {
-  JSON: 'import-json-reply',
-  SQLITE: 'import-sqlite-reply',
-}
+  JSON: "import-json-reply",
+  SQLITE: "import-sqlite-reply",
+};
 
 export const SAVE_REPLY_CHANNEL = {
-  SQLITE: 'save-sqlite-reply',
-}
+  SQLITE: "save-sqlite-reply",
+};
 
 export const UTIL_CHANNEL = {
-  SET_CURRENT_FILE_TITLE: 'set-current-file-title',
-}
+  SET_CURRENT_FILE_TITLE: "set-current-file-title",
+  RESET_FILE_TITLE: "reset-current-file-title",
+  CLOSE_FILE: "close-file",
+};
 
-export const NAVIGATION_CHANNEL = 'NAVIGATE_TO';
+export const NAVIGATION_CHANNEL = "NAVIGATE_TO";
 export type NAVIGATION_CHANNEL_MESSAGE = string;
 
 export const GENERAL_ACTIONS = {
-  ZOOM_IN: 'zoom_in',
-  ZOOM_OUT: 'zoom_out',
-  ZOOM_RESET: 'zoom_reset',
-}
+  ZOOM_IN: "zoom_in",
+  ZOOM_OUT: "zoom_out",
+  ZOOM_RESET: "zoom_reset",
+};
 
 export interface SQLITE_PATH_FOR_JSON_REQUEST_FORMAT {
   jsonFilePath: string;
@@ -45,4 +47,4 @@ export interface SQLITE_IMPORT_REPLY_FORMAT {
 }
 export interface SQLITE_SAVE_REPLY_FORMAT {
   sqliteFilePath: string;
-}
+}

src/constants/general.ts

@@ -1,3 +1,5 @@
 import packageJson from "../../package.json";
 
+export const WORKBENCH_TITLE = "Scancode workbench";
+
 export const WORKBENCH_VERSION = packageJson.version;

src/contexts/dbContext.tsx

@@ -42,6 +42,7 @@ interface WorkbenchContextProperties extends BasicValueState {
   processingQuery: boolean;
   startImport: () => void;
   abortImport: () => void;
+  closeFile: () => void;
   startProcessing: () => void;
   endProcessing: () => void;
   sqliteParser: (sqliteFilePath: string, preventNavigation?: boolean) => void;
@@ -71,6 +72,7 @@ export const defaultWorkbenchContextValue: WorkbenchContextProperties = {
   updateLoadingStatus: () => null,
   startImport: () => null,
   abortImport: () => null,
+  closeFile: () => null,
   startProcessing: () => null,
   endProcessing: () => null,
   updateCurrentPath: () => null,
@@ -113,6 +115,7 @@ export const WorkbenchDBProvider = (
 
   const startImport = () => {
     updateLoadingStatus(0);
+    setProcessingQuery(false);
     setValue({
       db: null,
       initialized: false,
@@ -123,6 +126,19 @@ export const WorkbenchDBProvider = (
 
   const abortImport = () => updateLoadingStatus(null);
 
+  const closeFile = () => {
+    updateLoadingStatus(null);
+    setProcessingQuery(false);
+    setValue({
+      db: null,
+      initialized: false,
+      importedSqliteFilePath: null,
+      scanInfo: null,
+    });
+    navigate(ROUTES.HOME);
+    ipcRenderer.send(UTIL_CHANNEL.RESET_FILE_TITLE);
+  };
+
   const updateWorkbenchDB = async (db: WorkbenchDB, sqliteFilePath: string) => {
     updateLoadingStatus(100);
     setValue({
@@ -440,6 +456,7 @@ export const WorkbenchDBProvider = (
         }
       }
     );
+    ipcRenderer.on(UTIL_CHANNEL.CLOSE_FILE, closeFile);
 
     // Remove all listeners on window unmount
     return () => {
@@ -461,6 +478,7 @@ export const WorkbenchDBProvider = (
         importJsonFile,
         startImport,
         abortImport,
+        closeFile,
         startProcessing: () => setProcessingQuery(true),
         endProcessing: () => setProcessingQuery(false),
         updateCurrentPath,

src/main.ts

@@ -10,6 +10,7 @@ import {
 
 import getTemplate from "./mainMenu";
 import { setUpGlobalIpcListeners, setUpWindowListeners } from "./mainActions";
+import { WORKBENCH_TITLE } from "./constants/general";
 
 // This allows TypeScript to pick up the magic constant that's auto-generated by Forge's Webpack
 // plugin that tells the Electron app where to look for the Webpack-bundled app code (depending on
@@ -50,7 +51,7 @@ export const createWindow = (): void => {
 
   // Create the browser window.
   const mainWindow = new BrowserWindow({
-    title: "Scancode workbench",
+    title: WORKBENCH_TITLE,
     width: 1200,
     height: 800,
     x,

src/mainActions.ts

@@ -13,6 +13,7 @@ import {
   UTIL_CHANNEL,
 } from "./constants/IpcConnection";
 import { figureOutDefaultSqliteFilePath } from "./utils/paths";
+import { WORKBENCH_TITLE } from "./constants/general";
 
 export function chooseSqlitePathForJsonImport(
   mainWindow: BrowserWindow,
@@ -113,6 +114,10 @@ export function saveSqliteFile(mainWindow: BrowserWindow) {
     });
 }
 
+export function closeFile(mainWindow: BrowserWindow) {
+  mainWindow.webContents.send(UTIL_CHANNEL.CLOSE_FILE);
+}
+
 export function showErrorDialog(err: ErrorInfo) {
   console.log("Showing error to user:", err);
   dialog.showErrorBox(err.title, err.message);
@@ -123,7 +128,7 @@ export function setCurrentFileTitle(mainWindow: BrowserWindow, title: string) {
     console.log("Main window not found:", title, mainWindow);
     return;
   }
-  const titleString = "Scancode Workbench" + (title ? ` - ${title}` : "");
+  const titleString = WORKBENCH_TITLE + (title ? ` - ${title}` : "");
   mainWindow.setTitle(titleString);
 }
 
@@ -148,6 +153,9 @@ export function setUpGlobalIpcListeners() {
   ipcMain.on(UTIL_CHANNEL.SET_CURRENT_FILE_TITLE, (e, title: string) =>
     setCurrentFileTitle(getSenderWindow(e), title)
   );
+  ipcMain.on(UTIL_CHANNEL.RESET_FILE_TITLE, (e) =>
+    setCurrentFileTitle(getSenderWindow(e), "")
+  );
   ipcMain.on(OPEN_ERROR_DIALOG_CHANNEL, (_, err: ErrorInfo) =>
     showErrorDialog(err)
   );

src/mainMenu.ts

@@ -1,6 +1,11 @@
 import { GENERAL_ACTIONS, NAVIGATION_CHANNEL } from "./constants/IpcConnection";
 import { app, BrowserWindow, MenuItem, shell } from "electron";
-import { importJsonFile, openSqliteFile, saveSqliteFile } from "./mainActions";
+import {
+  closeFile,
+  importJsonFile,
+  openSqliteFile,
+  saveSqliteFile,
+} from "./mainActions";
 import { ROUTES } from "./constants/routes";
 import { createWindow } from "./main";
 import { WORKBENCH_VERSION } from "./constants/general";
@@ -46,6 +51,12 @@ function getTemplate() {
           click: (_: MenuItem, currentWindow: BrowserWindow) =>
             importJsonFile(currentWindow),
         },
+        {
+          label: "Close File",
+          // accelerator: "CmdOrCtrl+",
+          click: (_: MenuItem, currentWindow: BrowserWindow) =>
+            closeFile(currentWindow),
+        },
         // @TODO-discuss This is duplicated in App's menu tab, is it necessary under file tab also ??
         // ...(
         //   isMac ? [

src/pages/Home/Home.tsx

@@ -3,7 +3,9 @@ import electron from "electron";
 import * as electronFs from "fs";
 import { toast } from "react-toastify";
 import React, { useMemo, useState } from "react";
+import { Button } from "react-bootstrap";
 import {
+  faClose,
   faCogs,
   faDatabase,
   faFileCode,
@@ -32,9 +34,11 @@ const Home = () => {
     db,
     loadingStatus,
     initialized,
+    scanInfo,
+    importedSqliteFilePath,
     jsonParser,
     sqliteParser,
-    importedSqliteFilePath,
+    closeFile,
   } = useWorkbenchDB();
 
   const [historyRefreshToken, setRefreshToken] = useState(0);
@@ -114,6 +118,21 @@ const Home = () => {
                 OR Simply drop your json / sqlite file anywhere in the app !!
               </h5>
             </div>
+            {db && initialized && (
+              <div className="currentscan">
+                <h5>
+                  Imported scan - {scanInfo.json_file_name}
+                  <Button
+                    variant="outline-danger"
+                    className="mx-2"
+                    size="sm"
+                    onClick={closeFile}
+                  >
+                    <FontAwesomeIcon icon={faClose} /> Close
+                  </Button>
+                </h5>
+              </div>
+            )}
             <div className="history">
               <br />
               <h5>Recent files</h5>

src/pages/Home/home.css

@@ -41,16 +41,25 @@
 .drop-instruction {
   text-align: center;
   width: 100%;
-  margin-top: 50px;
+  margin-top: 25px;
   color: var(--lightTextColor);
 }
 
 .quicklinks,
+.currentscan,
 .history {
-  margin-top: 15px;
   padding-left: 2rem;
 }
 
+.currentscan {
+  margin-top: 35px;
+  margin-bottom: 5px;
+}
+
+.quicklinks {
+  margin-top: 10px;
+}
+
 .history table {
   min-width: 80%;
   max-width: 95%;

src/pages/ScanInfo/ScanInfo.tsx

@@ -19,6 +19,8 @@ const ScanInfo = () => {
       {scanInfo ? (
         <table border={1} className="overview-table">
           <tbody>
+            <InfoEntry name="Scan">{scanInfo.json_file_name}</InfoEntry>
+
             <InfoEntry name="Tool">{scanInfo.tool_name}</InfoEntry>
 
             <InfoEntry name="Tool version">{scanInfo.tool_version}</InfoEntry>

src/services/importedJsonTypes.ts

@@ -1,6 +1,7 @@
 import { JSON_Type } from "./models/databaseUtils";
 
 export interface ParsedJsonHeader {
+  json_file_name: string;
   tool_name: string;
   tool_version: string;
   notice: string;

src/services/models/header.ts

@@ -19,6 +19,7 @@ import { JSON_Type, jsonDataType } from "./databaseUtils";
 
 export interface HeaderAttributes {
   id: number;
+  json_file_name: string;
   tool_name: string;
   tool_version: string;
   notice: string;
@@ -52,6 +53,7 @@ export default function headerModel(sequelize: Sequelize) {
         primaryKey: true,
         type: DataTypes.INTEGER,
       },
+      json_file_name: DataTypes.STRING,
       tool_name: DataTypes.STRING,
       tool_version: DataTypes.STRING,
       notice: DataTypes.STRING,