feat: add delete project functionality

src/background/index.ts

···
             sendResponse(err)
           });
         break;
+      case MessageRequest.DELETE_PROJECT:
+        if (!("projectId" in request)) {
+          sendResponse({
+            error: "projectId required"
+          });
+          break;
+        }
+        db.deleteProject(request.projectId)
+          .then(res => sendResponse(res))
+          .catch(err => {
+            console.log(err)
+            sendResponse(err)
+          });
+        break;
       default:
     }
 

src/lib/Rabbithole.svelte

···
     projects = await getOrderedProjects();
   }
 
+  async function deleteActiveProject(event) {
+    activeProject = await chrome.runtime.sendMessage({
+      type: MessageRequest.DELETE_PROJECT,
+      projectId: activeProject.id
+    });
+    projects = await getOrderedProjects();
+    updateWebsites();
+  }
+
   async function updateWebsites() {
     // FIXME: when rabbithole is installed, the first time a session is saved
     // the website list is duplicated, so dedup here for now
···
     </Header>
     <Timeline
       on:projectRename={renameActiveProject}
+      on:projectDelete={deleteActiveProject}
       activeProject={activeProject}
       websites={websites} />
   </AppShell>

src/lib/Timeline.svelte

···
   export let activeProject = {};
   export let websites = [];
 
+  async function deleteProject() {
+    dispatch("projectDelete");
+  }
+
   async function renameProject() {
     if (activeProject.name === "") {
       // TODO: error modal
···
         color='blue'
         >
         Rename
+      </Button>
+      <Button
+        on:click={deleteProject}
+        variant='filled'
+        color='red'
+        >
+        Delete
       </Button>
     {/if}
   </Group>

src/storage/db.ts

···
     });
   }
 
+  // returns new active project
+  async deleteProject(projectId: string): Promise<Project> {
+    return new Promise(async (resolve, reject) => {
+      let db: IDBDatabase;
+      try {
+        db = await this.getDb();
+      } catch (err) {
+        reject(err)
+      }
+
+      const projectRequest = db.transaction(["projects"], "readwrite")
+        .objectStore("projects")
+        .delete(projectId);
+
+      projectRequest.onsuccess = async () => {
+        console.log(`delete project success`);
+        // replace active project
+        const projects = await this.getAllProjects();
+        await this.changeActiveProject(projects[0].id)
+        resolve(projects[0]);
+      }
+
+      projectRequest.onerror = (event) => {
+        console.log(`rename project error`);
+        console.log(event.target)
+        reject(new Error(event.target.error));
+      };
+    });
+  }
+
   async updateSettings(settings: Settings): Promise<Settings> {
     return new Promise(async (resolve, reject) => {
       let db: IDBDatabase;

src/utils.ts

···
   SAVE_WINDOW_TO_NEW_PROJECT,
   SAVE_WINDOW_TO_ACTIVE_PROJECT,
   PING,
-  RENAME_PROJECT
+  RENAME_PROJECT,
+  DELETE_PROJECT,
 }
 
 export async function getOrderedProjects(): Promise<Project[]> {