Add a button: Create Issues & PRs in coverage dashboard actions button

Author: hiroshinishio

app/api/github/create-coverage-issues/route.ts

@@ -1,7 +1,7 @@
 import { NextResponse } from "next/server";
 import { getGraphQL } from "@/app/api/github";
 import { CoverageData } from "@/app/dashboard/coverage/types";
-import { ABSOLUTE_URLS } from "@/config";
+import { ABSOLUTE_URLS, PRODUCT_ID } from "@/config";
 import { supabase } from "@/lib/supabase";
 
 type CreateIssueResponse = {
@@ -13,9 +13,17 @@ type CreateIssueResponse = {
   };
 };
 
+type CreateLabelResponse = {
+  createLabel: {
+    label: {
+      id: string;
+    };
+  };
+};
+
 export async function POST(request: Request) {
   try {
-    const { selectedCoverages, ownerName, repoName, accessToken, parentNodeId } =
+    const { selectedCoverages, ownerName, repoName, accessToken, parentNodeId, hasLabel } =
       await request.json();
 
     if (!selectedCoverages?.length || !ownerName || !repoName || !accessToken || !parentNodeId) {
@@ -31,19 +39,68 @@ export async function POST(request: Request) {
 
     const graphqlClient = getGraphQL(accessToken);
 
-    // Get repository Node ID
-    const getRepoId = await graphqlClient<{ repository: { id: string } }>(
+    // Get repository Node ID and label ID if needed
+    const getRepoAndLabel = await graphqlClient<{
+      repository: {
+        id: string;
+        labels?: {
+          nodes: Array<{
+            id: string;
+            name: string;
+          }>;
+        };
+      };
+    }>(
       `
-      query getRepoId($owner: String!, $name: String!) {
+      query getRepoAndLabel($owner: String!, $name: String!, $labelName: String!) {
         repository(owner: $owner, name: $name) {
           id
+          labels(first: 1, query: $labelName) {
+            nodes {
+              id
+              name
+            }
+          }
         }
       }
       `,
-      { owner: ownerName, name: repoName }
+      { owner: ownerName, name: repoName, labelName: PRODUCT_ID || "" }
     );
 
-    const repositoryId = getRepoId.repository.id;
+    const repositoryId = getRepoAndLabel.repository.id;
+    const labels = getRepoAndLabel.repository.labels?.nodes;
+    console.log("labels: ", labels);
+    let labelId =
+      hasLabel && PRODUCT_ID ? labels?.find((label) => label.name === PRODUCT_ID)?.id : null;
+
+    // If label doesn't exist but is needed, create it
+    if (hasLabel && PRODUCT_ID && !labelId) {
+      try {
+        const createLabelResponse = await graphqlClient<CreateLabelResponse>(
+          `
+          mutation createLabel($input: CreateLabelInput!) {
+            createLabel(input: $input) {
+              label {
+                id
+              }
+            }
+          }
+          `,
+          {
+            input: {
+              repositoryId,
+              name: PRODUCT_ID,
+              color: "EC4899", // GitAuto brand color (pink)
+              description: "Issues to be handled by GitAuto",
+            },
+          }
+        );
+        labelId = createLabelResponse.createLabel.label.id;
+      } catch (error) {
+        console.error("Failed to create label:", error);
+        // If label creation fails, continue with issue creation
+      }
+    }
 
     const createdIssues = await Promise.all(
       selectedCoverages.map(async (coverage: CoverageData) => {
@@ -91,6 +148,7 @@ View full coverage details in the [Coverage Dashboard](${ABSOLUTE_URLS.GITAUTO.C
               title,
               body,
               ...(parentNodeId && { parentIssueId: parentNodeId }),
+              ...(labelId && { labelIds: [labelId] }),
             },
           }
         );

app/dashboard/coverage/page.tsx

@@ -220,8 +220,7 @@ export default function CoveragePage() {
     }
   };
 
-  // handleCreateIssuesを修正
-  const handleCreateIssues = async () => {
+  const handleCreateIssues = async ({ hasLabel = false } = {}) => {
     if (selectedRows.length === 0) return;
 
     setIsCreatingIssues(true);
@@ -239,6 +238,7 @@ export default function CoveragePage() {
             repoName: currentRepoName,
             accessToken,
             parentNodeId: selectedParentIssue?.id,
+            hasLabel,
           }),
         }
       );
@@ -540,6 +540,23 @@ export default function CoveragePage() {
                     `Create Issues (${selectedRows.length})`
                   )}
                 </button>
+                <button
+                  onClick={() => {
+                    handleCreateIssues({ hasLabel: true });
+                    setIsActionsOpen(false);
+                  }}
+                  className="w-full px-4 py-2 text-left hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 whitespace-nowrap min-w-[200px]"
+                  disabled={isCreatingIssues || selectedRows.length === 0}
+                >
+                  {isCreatingIssues ? (
+                    <>
+                      <SpinnerIcon />
+                      <span>Creating Issues & PRs...</span>
+                    </>
+                  ) : (
+                    `Create Issues & PRs (${selectedRows.length})`
+                  )}
+                </button>
               </div>
             </>
           )}

config/index.ts

@@ -2,6 +2,7 @@ export const isPrd = process.env.NODE_ENV === "production";
 
 // GitAuto Constants
 export const EMAIL = "[email protected]";
+export const PRODUCT_ID = process.env.NEXT_PUBLIC_PRODUCT_ID
 export const PRODUCT_NAME = "GitAuto";
 export const DESCRIPTION =
   "GitAuto, an AI Coding Agent, helps engineering teams facing resource constraints and hiring challenges to fix more bugs and ship more features by automatically writing code and creating GitHub pull requests from your GitHub and Jira issues every day.";
@@ -85,6 +86,7 @@ export const ABSOLUTE_URLS = {
   GITAUTO: {
     INDEX: "https://gitauto.ai",
     COVERAGES: `${NEXT_PUBLIC_SITE_URL}${RELATIVE_URLS.COVERAGES}`,
+    PRICING: `${NEXT_PUBLIC_SITE_URL}${RELATIVE_URLS.PRICING}`,
     THUMBNAIL: "https://gitauto.ai/homepage/thumbnail.jpg",
   },
   GITHUB: {