can delete plugin

app/src/components/pluginsTable.tsx

@@ -12,6 +12,7 @@ import { type Plugin } from "shared-dom"
 import { db } from "../db"
 import "ag-grid-community/styles/ag-grid.css"
 import "ag-grid-community/styles/ag-theme-alpine.css"
+import { throwExp } from "shared"
 
 LicenseManager.setLicenseKey(import.meta.env.VITE_AG_GRID_LICENSE)
 
@@ -42,6 +43,23 @@ const columnDefs: Array<ColDef<Plugin>> = [
       return <relative-time date={props.data?.updated} />
     },
   },
+  {
+    headerName: "Delete",
+    cellRenderer: (props: ICellRendererParams<Plugin>) => (
+      <button
+        onClick={async () => {
+          if (props.data?.name != null) {
+            await db.deletePlugin(props.data.name)
+          } else {
+            console.error(props)
+            throwExp("props.data is null, how did this occur?")
+          }
+        }}
+      >
+        Delete
+      </button>
+    ),
+  },
 ]
 
 const getRowId = (params: GetRowIdParams<Plugin>) => params.data.name

app/src/sqlite/plugin.ts

@@ -1,6 +1,7 @@
 import { type Plugin } from "shared-dom"
 import { getDb, getKysely } from "./crsqlite"
 import { type Plugin as PluginEntity } from "./database"
+import { type PluginName } from "shared"
 
 function entityToDomain(entity: PluginEntity): Plugin {
   return {
@@ -41,4 +42,8 @@ export const pluginCollectionMethods = {
     const plugins = await db.selectFrom("plugin").selectAll().execute()
     return plugins.map(entityToDomain)
   },
+  deletePlugin: async function (name: PluginName) {
+    const db = await getKysely()
+    await db.deleteFrom("plugin").where("name", "=", name).execute()
+  },
 }