Add basic start screen with recent sessions

packages/core/rpc/ElectronRpcDriver.ts

@@ -15,6 +15,8 @@ class WindowWorkerHandle {
 
   private window: import('electron').BrowserWindow
 
+  private ready = false
+
   constructor(
     ipcRenderer: import('electron-better-ipc-extra').RendererProcessIpc,
     window: import('electron').BrowserWindow,
@@ -23,12 +25,33 @@ class WindowWorkerHandle {
     this.window = window
   }
 
+  async wait(ms: number): Promise<void> {
+    return new Promise((resolve): void => {
+      setTimeout(resolve, ms)
+    })
+  }
+
   destroy(): void {
     this.window.destroy()
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  call(functionName: string, filteredArgs?: any, options = {}): any {
+  async call(
+    functionName: string,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    filteredArgs?: any,
+    options = {},
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ): Promise<any> {
+    // The window can have been created, but still not be ready, and any
+    // `callRenderer` call to that window just returns Promise<undefined>
+    // instead of an error, which makes failures hard to track down. For now
+    // we'll just wait until it's ready until we find a better option.
+    while (!this.ready) {
+      // eslint-disable-next-line no-await-in-loop
+      await this.wait(1000)
+      // eslint-disable-next-line no-await-in-loop
+      this.ready = !!(await this.ipcRenderer.callRenderer(this.window, 'ready'))
+    }
     return this.ipcRenderer.callRenderer(
       this.window,
       'call',

packages/jbrowse-sv-inspector-desktop/public/electron.js

@@ -5,17 +5,32 @@ const fs = require('fs')
 const { promisify } = require('util')
 const fetch = require('node-fetch')
 
+const fsCopyFile = promisify(fs.copyFile)
+const fsFStat = promisify(fs.fstat)
 const fsOpen = promisify(fs.open)
 const fsRead = promisify(fs.read)
-const fsFStat = promisify(fs.fstat)
+const fsReaddir = promisify(fs.readdir)
 const fsReadFile = promisify(fs.readFile)
+const fsStat = promisify(fs.stat)
+const fsUnlink = promisify(fs.unlink)
+const fsWriteFile = promisify(fs.writeFile)
 
 const { app } = electron
 const { BrowserWindow } = electron
 
 const path = require('path')
 const isDev = require('electron-is-dev')
 
+const configLocation = path.join(app.getPath('userData'), 'config.json')
+const sessionDirectory = path.join(app.getPath('userData'), 'sessions')
+try {
+  fs.statSync(sessionDirectory)
+} catch (error) {
+  if (error.code === 'ENOENT' || error.code === 'ENOTDIR')
+    fs.mkdirSync(sessionDirectory)
+  else throw error
+}
+
 let mainWindow
 
 function createWindow() {
@@ -36,7 +51,7 @@ function createWindow() {
   if (isDev) {
     // Open the DevTools.
     // BrowserWindow.addDevToolsExtension('<location to your react chrome extension>');
-    mainWindow.webContents.openDevTools()
+    // mainWindow.webContents.openDevTools()
   }
   mainWindow.on('closed', () => {
     BrowserWindow.getAllWindows().forEach(win => win.close())
@@ -76,6 +91,98 @@ ipcMain.on('createWindowWorker', event => {
   event.returnValue = workerWindow.id
 })
 
+ipcMain.answerRenderer('loadConfig', async () => {
+  let configJSON
+  try {
+    configJSON = await fsReadFile(configLocation, { encoding: 'utf8' })
+  } catch (error) {
+    if (error.code === 'ENOENT') {
+      // make a config file since one does not exist yet
+      configJSON = '{}'
+      await fsWriteFile(configLocation, configJSON)
+    } else throw error
+  }
+  return JSON.parse(configJSON)
+})
+
+ipcMain.answerRenderer('saveConfig', async configSnapshot => {
+  return fsWriteFile(configLocation, JSON.stringify(configSnapshot))
+})
+
+ipcMain.answerRenderer('listSessions', async () => {
+  const sessionFiles = await fsReaddir(sessionDirectory)
+  const sessionFilesData = []
+  for (const sessionFile of sessionFiles) {
+    if (sessionFile.endsWith('.thumbnail'))
+      sessionFilesData.push(
+        fsReadFile(path.join(sessionDirectory, sessionFile), {
+          encoding: 'utf8',
+        }),
+      )
+    else sessionFilesData.push(fsStat(path.join(sessionDirectory, sessionFile)))
+  }
+  const data = await Promise.all(sessionFilesData)
+  const sessions = {}
+  sessionFiles.forEach((sessionFile, idx) => {
+    if (sessionFile.endsWith('.thumbnail')) {
+      const sessionName = sessionFile.slice(0, -10)
+      if (!sessions[sessionName]) sessions[sessionName] = {}
+      sessions[sessionName].screenshot = data[idx]
+    } else if (sessionFile.endsWith('.json')) {
+      const sessionName = sessionFile.slice(0, -5)
+      if (!sessions[sessionName]) sessions[sessionName] = {}
+      sessions[sessionName].stats = data[idx]
+    }
+  })
+  return sessions
+})
+
+ipcMain.answerRenderer('loadSession', async sessionName => {
+  return fsReadFile(path.join(sessionDirectory, `${sessionName}.json`), {
+    encoding: 'utf8',
+  })
+})
+
+ipcMain.answerRenderer(
+  'saveSession',
+  async (sessionSnapshot, sessionScreenshot) => {
+    await fsWriteFile(
+      path.join(sessionDirectory, `${sessionSnapshot.name}.thumbnail`),
+      sessionScreenshot,
+    )
+    return fsWriteFile(
+      path.join(sessionDirectory, `${sessionSnapshot.name}.json`),
+      JSON.stringify(sessionSnapshot),
+    )
+  },
+)
+
+ipcMain.answerRenderer('renameSession', async (oldName, newName) => {
+  try {
+    await fsCopyFile(
+      path.join(sessionDirectory, `${oldName}.thumbnail`),
+      path.join(sessionDirectory, `${newName}.thumbnail`),
+    )
+    await fsUnlink(path.join(sessionDirectory, `${oldName}.thumbnail`))
+  } catch {
+    // ignore
+  }
+  await fsCopyFile(
+    path.join(sessionDirectory, `${oldName}.json`),
+    path.join(sessionDirectory, `${newName}.json`),
+  )
+  await fsUnlink(path.join(sessionDirectory, `${oldName}.json`))
+})
+
+ipcMain.answerRenderer('deleteSession', async sessionName => {
+  try {
+    await fsUnlink(path.join(sessionDirectory, `${sessionName}.thumbnail`))
+  } catch {
+    // ignore
+  }
+  return fsUnlink(path.join(sessionDirectory, `${sessionName}.json`))
+})
+
 ipcMain.answerRenderer('fetch', async (...args) => {
   const response = await fetch(...args)
   const serializableResponse = {}

packages/jbrowse-sv-inspector-desktop/public/index.html

@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>JBrowse</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>