feat(web): add github app uninstallation

apps/web/package.json

@@ -34,6 +34,7 @@
     "@monaco-editor/react": "^4.5.1",
     "@next-auth/prisma-adapter": "1.0.5",
     "@next/mdx": "14.0.4",
+    "@octokit/webhooks": "^13.3.0",
     "@prisma/client": "5.19.0",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-dialog": "^1.0.5",

apps/web/src/api/routes/integrations.ts

@@ -1,4 +1,5 @@
 import { zValidator } from "@hono/zod-validator";
+import { Webhooks } from "@octokit/webhooks";
 import { authMiddleware } from "api/helpers";
 import { env } from "env/server.mjs";
 import { Hono } from "hono";
@@ -91,7 +92,44 @@ export function makeIntegrationsRoute() {
             } satisfies GithubIntegrationSettings,
           },
         });
-        return c.redirect(`/projects/${project.id}/settings`);
+        return c.redirect(
+          `${env.NEXTAUTH_URL}/projects/${project.id}/settings`
+        );
+      }
+    )
+    .post(
+      "/github/webhook",
+
+      async (c) => {
+        if (!env.GITHUB_APP_WEBHOOK_SECRET) {
+          return c.json({ message: "Webhook secret not set" }, { status: 500 });
+        }
+        const webhooks = new Webhooks({
+          secret: env.GITHUB_APP_WEBHOOK_SECRET,
+        });
+
+        webhooks.on("installation.deleted", async ({ payload }) => {
+          const integration = await prisma.integration.findFirst({
+            where: {
+              settings: {
+                path: "$.installationId",
+                equals: payload.installation?.id,
+              },
+            },
+          });
+
+          if (!integration) return;
+          await prisma.integration.delete({ where: { id: integration.id } });
+        });
+
+        await webhooks.verifyAndReceive({
+          id: c.req.header("X-GitHub-Delivery") as string,
+          // biome-ignore lint/suspicious/noExplicitAny: we don't care about the type here
+          name: c.req.header("X-GitHub-Event") as any,
+          signature: c.req.header("X-Hub-Signature-256") as string,
+          payload: await c.req.text(),
+        });
+        return c.json({ message: "ok" });
       }
     );
 }

apps/web/src/components/settings/Integrations.tsx

@@ -87,7 +87,7 @@ export function Integrations({ projectId }: { projectId: string | undefined }) {
                               {selectedRepository.name}
                             </span>
                           ) : (
-                            "Select framework..."
+                            "Select repository..."
                           )}
                           <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
                         </Button>

apps/web/src/env/schema.mjs

@@ -39,6 +39,7 @@ export const serverSchema = z.object({
     .transform((s) =>
       s ? Buffer.from(s, "base64").toString("ascii") : undefined
     ),
+  GITHUB_APP_WEBHOOK_SECRET: z.string().optional(),
   OPENAI_API_KEY: z.string().optional(),
 });