Merge branch 'dev' into codex-init

Author: jacopo-eth

.prettierrc

@@ -0,0 +1,16 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "singleQuote": false,
+  "semi": false,
+  "importOrder": ["^[./]"],
+  "importOrderMergeDuplicateImports": true,
+  "importOrderBuiltinModulesToTop": true,
+  "importOrderCombineTypeAndValueImports": true,
+  "plugins": [
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ],
+  "pluginSearchDirs": false
+}

.vscode/settings.json

@@ -1,4 +1,4 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
-}
+}

app/components/Homepage.tsx app/_components/Homepage.tsxapp/components/Homepage.tsx renamed to app/_components/Homepage.tsx

@@ -1,12 +1,12 @@
 import { Button } from "@components/ui"
-import { Footer } from "app/layout/components"
+import { Footer } from "app/layout/_components"
 import { TrustedBy } from "./TrustedBy"
 
 export function Homepage() {
   return (
     <div className="overflow-hidden">
       <div className="relative isolate pt-14">
-        <div className="absolute inset-x-0 overflow-hidden -top-40 -z-10 transform-gpu blur-3xl sm:-top-80">
+        <div className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80">
           <svg
             className="relative left-[calc(50%-11rem)] -z-10 h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] sm:left-[calc(50%-30rem)] sm:h-[42.375rem]"
             viewBox="0 0 1155 678"
@@ -31,13 +31,13 @@ export function Homepage() {
             </defs>
           </svg>
         </div>
-        <div className="pt-24 pb-16 sm:pt-32">
-          <div className="px-6 mx-auto max-w-7xl lg:px-8">
-            <div className="max-w-2xl mx-auto text-center">
+        <div className="pb-16 pt-24 sm:pt-32">
+          <div className="mx-auto max-w-7xl px-6 lg:px-8">
+            <div className="mx-auto max-w-2xl text-center">
               <h1 className="text-4xl font-bold tracking-tight text-white sm:text-6xl">
                 PR-Codex
               </h1>
-              <p className="max-w-[40rem] mx-auto mt-6 text-lg leading-8 text-gray-300">
+              <p className="mx-auto mt-6 max-w-[40rem] text-lg leading-8 text-gray-300">
                 A github app to summarize code diffs in pull requests. Powered
                 by ChatGPT.
               </p>

app/components/TrustedBy.tsx app/_components/TrustedBy.tsxapp/components/TrustedBy.tsx renamed to app/_components/TrustedBy.tsx

@@ -4,8 +4,8 @@ export const revalidate = 60 * 60 * 3 // 3 hours
 
 export function TrustedBy() {
   return (
-    <div className="max-w-lg px-4 pt-24 pb-16 mx-auto md:max-w-screen-xl md:px-8">
-      <h2 className="mb-12 text-2xl font-bold tracking-tight text-center text-gray-400">
+    <div className="mx-auto max-w-lg px-4 pb-16 pt-24 md:max-w-screen-xl md:px-8">
+      <h2 className="mb-12 text-center text-2xl font-bold tracking-tight text-gray-400">
         Trusted by
       </h2>
       {/* @ts-expect-error Async Server Component */}

app/components/TrustedByList.tsx app/_components/TrustedByList.tsxapp/components/TrustedByList.tsx renamed to app/_components/TrustedByList.tsx

@@ -1,10 +1,10 @@
+import Fork from "@components/icons/Fork"
+import Star from "@components/icons/Star"
+import { ListIterator } from "@components/ui"
 import { getInstallations } from "@utils/github/getInstallations"
 import { getRepositories } from "@utils/github/getRepositories"
-import Image from "next/image"
 import { githubColors } from "@utils/githubColors"
-import Star from "@components/icons/Star"
-import Fork from "@components/icons/Fork"
-import { ListIterator } from "@components/ui"
+import Image from "next/image"
 
 export async function TrustedByList() {
   const installations = await getInstallations()
@@ -53,14 +53,14 @@ export async function TrustedByList() {
     <ListIterator initItems={6}>
       {topUsersRepos.map((repo) => (
         <a
-          className="w-full p-4 border border-gray-700 rounded-md bg-[#0d1117] hover:bg-gray-800/60 h-48 flex flex-col justify-between"
+          className="flex h-48 w-full flex-col justify-between rounded-md border border-gray-700 bg-[#0d1117] p-4 hover:bg-gray-800/60"
           key={repo.id}
           target="_blank"
           rel="noreferrer"
           href={repo.html_url}
         >
           <div>
-            <div className="flex items-center mb-4">
+            <div className="mb-4 flex items-center">
               <div
               //target="_blank" rel="noreferrer" href={repo.owner.html_url}
               >
@@ -76,15 +76,15 @@ export async function TrustedByList() {
                 {repo.full_name}
               </p>
             </div>
-            <p className="text-sm text-gray-400 line-clamp-3">
+            <p className="line-clamp-3 text-sm text-gray-400">
               {repo.description}
             </p>
           </div>
           <div className="flex items-center gap-5">
             {repo.language && (
               <div className="flex items-center">
                 <div
-                  className="w-4 h-4 mr-2 rounded-full bg-red-50"
+                  className="mr-2 h-4 w-4 rounded-full bg-red-50"
                   style={{
                     backgroundColor: githubColors[repo.language]?.color
                   }}

public/favicon/favicon.ico app/favicon.icopublic/favicon/favicon.ico renamed to app/favicon.ico

@@ -1,17 +1,26 @@
-export const fetchCache = "force-no-store"
-
-import { NextRequest, NextResponse } from "next/server"
-import { summarizePullRequest } from "@lib/summarizePullRequest"
 import { handleGithubAuth } from "@lib/handleGithubAuth"
+import { replyIssueComment } from "@lib/replyIssueComment"
+import { summarizePullRequest } from "@lib/summarizePullRequest"
+import { NextRequest, NextResponse } from "next/server"
+
+export const fetchCache = "force-no-store"
 
 export async function POST(req: NextRequest) {
   const payload = await req.json()
 
   try {
     if (payload.action == "opened" || payload.action == "synchronize") {
+      // If a PR is opened or updated, summarize it
       const octokit = await handleGithubAuth(payload)
 
       await summarizePullRequest(payload, octokit)
+    } else if (payload.action == "created") {
+      if (payload.comment.body.includes("/codex-ask")) {
+        // If a comment is created, reply to it
+        const octokit = await handleGithubAuth(payload)
+
+        await replyIssueComment(payload, octokit)
+      }
     }
 
     return NextResponse.json("ok")

app/github/route.ts

@@ -3,7 +3,7 @@ import { Footer, Modal, Navbar } from ".."
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <div className="relative flex flex-col justify-between min-h-screen">
+      <div className="relative flex min-h-screen flex-col justify-between">
         {/* <Navbar /> */}
         {children}
         {/* <Footer /> */}