Meta: Use new APIs in update-pr-from-base-branch

source/features/update-pr-from-base-branch.tsx

@@ -47,16 +47,9 @@ async function handler({delegateTarget}: DelegateEvent): Promise<void> {
 }
 
 async function addButton(position: Element): Promise<void> {
- const {base, head} = getBranches();
- const [pr, comparison] = await Promise.all([
- getPrInfo(),
-
- // TODO: Find how to determine whether the branch needs to be updated via v4
- // `page=10000` avoids fetching any commit information, which is heavy
- api.v3(`compare/${base}...${head}?page=10000`),
- ]);
+ const {mergeable, viewerCanEditFiles, headRef} = await getPrInfo(getBranches().base);
 
- if (comparison.status === 'diverged' && pr.viewerCanEditFiles && pr.mergeable !== 'CONFLICTING') {
+ if (headRef.compare.status === 'DIVERGED' && viewerCanEditFiles && mergeable !== 'CONFLICTING') {
  position.append(' ', (
  <span className="status-meta d-inline-block rgh-update-pr-from-base-branch">
  You can <button type="button" className="btn-link">update the base branch</button>.

source/github-helpers/get-pr-info.ts

@@ -8,15 +8,27 @@ type PullRequestInfo = {
  // https://docs.github.com/en/graphql/reference/enums#mergeablestate
  mergeable: 'CONFLICTING' | 'MERGEABLE' | 'UNKNOWN';
  viewerCanEditFiles: boolean;
+ headRef: {
+ compare: {
+ status: 'BEHIND' | 'DIVERGED' | 'AHEAD' | 'IDENTICAL';
+ };
+ };
 };
 
-export default async function getPrInfo(number = getConversationNumber()!): Promise<PullRequestInfo> {
+export default async function getPrInfo(base: string, number = getConversationNumber()!): Promise<PullRequestInfo> {
  const {repository} = await api.v4(`
  repository() {
  pullRequest(number: ${number}) {
  baseRefOid
  mergeable
  viewerCanEditFiles
+ headRef {
+ compare(headRef: "${base}") {
+ status
+ behindBy
+ aheadBy
+ }
+ }
  }
  }
  `);