Get reactions on issue/pr body (#6910)

* Get reactions on issue/pr body
Fixes #6908

* Move Reactions, fix test

* Fix test

Author: alexr00

src/common/comment.ts

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 import * as vscode from 'vscode';
-import { IAccount } from '../github/interface';
+import { IAccount, Reaction } from '../github/interface';
 import { COPILOT_LOGINS } from './copilot';
 import { DiffHunk } from './diffHunk';
 
@@ -19,14 +19,6 @@ export enum ViewedState {
 	UNVIEWED = 'UNVIEWED'
 }
 
-export interface Reaction {
-	label: string;
-	count: number;
-	icon?: vscode.Uri;
-	viewerHasReacted: boolean;
-	reactors: readonly string[];
-}
-
 export enum SubjectType {
 	LINE = 'LINE',
 	FILE = 'FILE'

src/github/graphql.ts

@@ -599,6 +599,7 @@ export interface Issue {
 	reactions: {
 		totalCount: number;
 	}
+	reactionGroups: ReactionGroup[];
 }
 
 

src/github/interface.ts

@@ -3,6 +3,7 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+import * as vscode from 'vscode';
 import { ReviewStateValue } from '../common/timelineEvent';
 
 export enum PRType {
@@ -179,6 +180,14 @@ export interface IIssueComment {
 	createdAt: string;
 }
 
+export interface Reaction {
+	label: string;
+	count: number;
+	icon?: vscode.Uri;
+	viewerHasReacted: boolean;
+	reactors: readonly string[];
+}
+
 export interface Issue {
 	id: number;
 	graphNodeId: string;
@@ -202,6 +211,7 @@ export interface Issue {
 	comments?: IIssueComment[];
 	commentCount: number;
 	reactionCount: number;
+	reactions: Reaction[];
 }
 
 export interface PullRequest extends Issue {

src/github/issueOverview.ts

@@ -175,7 +175,8 @@ export class IssueOverviewPanel<TItem extends IssueModel = IssueModel> extends W
 			assignees: issue.assignees ?? [],
 			isEnterprise: issue.githubRepository.remote.isEnterprise,
 			isDarkTheme: vscode.window.activeColorTheme.kind === vscode.ColorThemeKind.Dark,
-			canAssignCopilot: assignableUsers.find(user => COPILOT_ACCOUNTS[user.login]) !== undefined
+			canAssignCopilot: assignableUsers.find(user => COPILOT_ACCOUNTS[user.login]) !== undefined,
+			reactions: issue.item.reactions
 		};
 
 		return context;

src/github/queries.gql

@@ -42,6 +42,24 @@ fragment Team on Team { # Team is not an Actor
 	...Node
 }
 
+fragment Reactable on Reactable {
+	reactionGroups {
+		content
+		viewerHasReacted
+		reactors(first: 10) {
+			nodes {
+				... on User {
+					login
+				}
+				... on Actor {
+					login
+				}
+			}
+			totalCount
+		}
+	}
+}
+
 fragment IssueBase on Issue {
 	number
 	url
@@ -83,6 +101,7 @@ fragment IssueBase on Issue {
 	reactions(first: 100) {
 		totalCount
 	}
+	...Reactable
 	repository {
 		name
 		owner {
@@ -160,7 +179,7 @@ fragment PullRequestFragment on PullRequest {
 	reactions(first: 100) {
 		totalCount
 	}
-
+	...Reactable
 	comments(first: 1) {
 		totalCount
 	}

src/github/queriesExtra.gql

@@ -42,6 +42,23 @@ fragment Team on Team { # Team is not an Actor
 	...Node
 }
 
+fragment Reactable on Reactable {
+	reactionGroups {
+		content
+		viewerHasReacted
+		reactors(first: 10) {
+			nodes {
+				... on User {
+					login
+				}
+				... on Actor {
+					login
+				}
+			}
+			totalCount
+		}
+	}
+}
 
 fragment IssueBase on Issue {
 	number
@@ -84,6 +101,7 @@ fragment IssueBase on Issue {
 	reactions(first: 100) {
 		totalCount
 	}
+	...Reactable
 	repository {
 		name
 		owner {
@@ -170,6 +188,7 @@ fragment PullRequestFragment on PullRequest {
 	reactions(first: 100) {
 		totalCount
 	}
+	...Reactable
 	projectItems(first: 100) {
 		nodes {
 			id
@@ -179,15 +198,9 @@ fragment PullRequestFragment on PullRequest {
 			}
 		}
 	}
-
-	comments(first: 1) {
-		totalCount
-	}
-
 	comments(first: 1) {
 		totalCount
 	}
-
 	commits(first: 50) {
 		nodes {
 			commit {

src/github/queriesLimited.gql

@@ -32,6 +32,24 @@ fragment Organization on Organization {
 	...Node
 }
 
+fragment Reactable on Reactable {
+	reactionGroups {
+		content
+		viewerHasReacted
+		reactors(first: 10) {
+			nodes {
+				... on User {
+					login
+				}
+				... on Actor {
+					login
+				}
+			}
+			totalCount
+		}
+	}
+}
+
 fragment IssueBase on Issue {
 	number
 	url
@@ -73,6 +91,7 @@ fragment IssueBase on Issue {
 	reactions(first: 100) {
 		totalCount
 	}
+	...Reactable
 	repository {
 		name
 		owner {
@@ -150,7 +169,7 @@ fragment PullRequestFragment on PullRequest {
 	reactions(first: 100) {
 		totalCount
 	}
-
+	...Reactable
 	comments(first: 1) {
 		totalCount
 	}

src/github/utils.ts

@@ -10,7 +10,7 @@ import * as vscode from 'vscode';
 import { Repository } from '../api/api';
 import { GitApiImpl } from '../api/api1';
 import { AuthProvider, GitHubServerType } from '../common/authentication';
-import { COPILOT_ACCOUNTS, IComment, IReviewThread, Reaction, SubjectType } from '../common/comment';
+import { COPILOT_ACCOUNTS, IComment, IReviewThread, SubjectType } from '../common/comment';
 import { DiffHunk, parseDiffHunk } from '../common/diffHunk';
 import { GitHubRef } from '../common/githubRef';
 import Logger from '../common/logger';
@@ -43,6 +43,7 @@ import {
 	NotificationSubjectType,
 	PullRequest,
 	PullRequestMergeability,
+	Reaction,
 	reviewerId,
 	reviewerLabel,
 	ReviewState,
@@ -355,6 +356,7 @@ export function convertRESTPullRequestToRawPullRequest(
 		projectItems: [], // projects only available through GraphQL API
 		commits: [], // commits only available through GraphQL API
 		reactionCount: 0, // reaction count only available through GraphQL API
+		reactions: [], // reactions only available through GraphQL API
 		commentCount: 0 // comment count only available through GraphQL API
 	};
 
@@ -408,6 +410,7 @@ export function convertRESTIssueToRawPullRequest(
 		),
 		projectItems: [], // projects only available through GraphQL API
 		reactionCount: 0, // reaction count only available through GraphQL API
+		reactions: [], // reactions only available through GraphQL API
 		commentCount: comments
 	};
 
@@ -786,6 +789,7 @@ export function parseGraphQLPullRequest(
 		assignees: graphQLPullRequest.assignees?.nodes.map(assignee => parseAccount(assignee, githubRepository)),
 		commits: parseCommits(graphQLPullRequest.commits.nodes),
 		reactionCount: graphQLPullRequest.reactions.totalCount,
+		reactions: parseGraphQLReaction(graphQLPullRequest.reactionGroups),
 		commentCount: graphQLPullRequest.comments.totalCount,
 	};
 	pr.mergeCommitMeta = parseCommitMeta(graphQLPullRequest.baseRepository.mergeCommitTitle, graphQLPullRequest.baseRepository.mergeCommitMessage, pr);
@@ -897,6 +901,7 @@ export function parseGraphQLIssue(issue: GraphQL.Issue, githubRepository: GitHub
 		projectItems: parseProjectItems(issue.projectItems?.nodes),
 		comments: issue.comments.nodes?.map(comment => parseIssueComment(comment, githubRepository)),
 		reactionCount: issue.reactions.totalCount,
+		reactions: parseGraphQLReaction(issue.reactionGroups),
 		commentCount: issue.comments.totalCount
 	};
 }

src/github/views.ts

@@ -16,6 +16,7 @@ import {
 	PullRequestChecks,
 	PullRequestMergeability,
 	PullRequestReviewRequirement,
+	Reaction,
 	ReviewState,
 } from './interface';
 
@@ -57,6 +58,7 @@ export interface Issue {
 	isDarkTheme: boolean;
 	isEnterprise: boolean;
 	canAssignCopilot: boolean;
+	reactions: Reaction[];
 	busy?: boolean;
 }
 

src/test/builders/graphql/pullRequestBuilder.ts

@@ -110,7 +110,8 @@ export const PullRequestBuilder = createBuilderClass<PullRequestResponse>()({
 				}
 			}),
 			reactions: { default: { totalCount: 0 } },
-			comments: { default: { totalCount: 0 } }
+			comments: { default: { totalCount: 0 } },
+			reactionGroups: { default: [] },
 		})
 	}),
 	rateLimit: { linked: RateLimitBuilder },