parse out the title and branch/repo information for new PRs.

Author: nedtwigg

src/lib/enhancers/github/githubPRNewComment.tsx

@@ -8,7 +8,11 @@ import { prepareGitHubHighlighter } from './githubHighlighter'
 interface GitHubPRNewCommentSpot extends CommentSpot {
   type: 'GH_PR_NEW_COMMENT'
   domain: string
-  slug: string // owner/repo/base-branch/compare-branch
+  slug: string // owner/repo
+  title: string
+  head: string // branch name where changes are implemented
+  head_repo?: string // repository where changes were made (for cross-repo PRs)
+  base: string // branch you want changes pulled into
 }
 
 export class GitHubPRNewCommentEnhancer implements CommentEnhancer<GitHubPRNewCommentSpot> {
@@ -38,13 +42,25 @@ export class GitHubPRNewCommentEnhancer implements CommentEnhancer<GitHubPRNewCo
 
     if (!match) return null
     const [, owner, repo, baseBranch, compareBranch] = match
-    const slug = baseBranch
-      ? `${owner}/${repo}/${baseBranch}...${compareBranch}`
-      : `${owner}/${repo}/${compareBranch}`
-    const unique_key = `github.com:${slug}`
+    const slug = `${owner}/${repo}`
+    const base = baseBranch || 'main'
+    const head = compareBranch
+    const unique_key = `github.com:${slug}:${base}...${head}`
+    const titleInput = document.querySelector('input[placeholder="Title"]') as HTMLInputElement
+    const title = titleInput?.value || ''
+
+    // Check if this is a cross-repository PR by looking at the head repository button
+    const headRepoButton = document.querySelector('button[aria-label*="head repository:"]')
+    const headRepoText = headRepoButton?.textContent
+    const headRepo = headRepoText?.includes('/') ? headRepoText.split(':')[1]?.trim() : undefined
+
     return {
       domain: location.host,
       slug,
+      title,
+      head,
+      head_repo: headRepo,
+      base,
       type: 'GH_PR_NEW_COMMENT',
       unique_key,
     }
@@ -70,8 +86,8 @@ export class GitHubPRNewCommentEnhancer implements CommentEnhancer<GitHubPRNewCo
     )
   }
 
-  tableTitle(_spot: GitHubPRNewCommentSpot): string {
-    return 'TITLE_TODO'
+  tableTitle(spot: GitHubPRNewCommentSpot): string {
+    return spot.title || 'New Pull Request'
   }
 
   buildUrl(spot: GitHubPRNewCommentSpot): string {

tests/lib/enhancers/github.test.ts

@@ -82,12 +82,16 @@ describe('github', () => {
         {
           "for": "id=pull_request_body name=pull_request[body] className=js-comment-field js-paste-markdown js-task-list-field js-quick-submit FormControl-textarea CommentBox-input js-size-to-fit size-to-fit js-session-resumable js-saved-reply-shortcut-comment-field CommentBox-input--large overtype-input",
           "spot": {
+            "base": "main",
             "domain": "github.com",
-            "slug": "diffplug/selfie/main...cavia-porcellus:selfie:main",
+            "head": "cavia-porcellus:selfie:main",
+            "head_repo": undefined,
+            "slug": "diffplug/selfie",
+            "title": "Update README.md",
             "type": "GH_PR_NEW_COMMENT",
-            "unique_key": "github.com:diffplug/selfie/main...cavia-porcellus:selfie:main",
+            "unique_key": "github.com:diffplug/selfie:main...cavia-porcellus:selfie:main",
           },
-          "title": "TITLE_TODO",
+          "title": "Update README.md",
           "upperDecoration": <React.Fragment>
             <span>
               New PR
@@ -96,7 +100,7 @@ describe('github', () => {
               className="font-mono text-muted-foreground text-sm"
             >
                
-              diffplug/selfie/main...cavia-porcellus:selfie:main
+              diffplug/selfie
                
             </span>
           </React.Fragment>,