Skip to content
This repository was archived by the owner on Dec 15, 2022. It is now read-only.

RFC for Issueish List View #1503

Merged
merged 18 commits into from
Jun 11, 2018
114 changes: 114 additions & 0 deletions docs/rfcs/002-issueish-list.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
# Issueish List

## Status

Accepted

## Summary

Display a list of all open pull requests in the current repository in the GitHub tab.

## Motivation

To provide a navigational element that makes sense even if you aren't on an active feature branch.

To give users a way to see an overview of what's going on in the repository.

As an initial building block toward a pull request review workflow.

## Explanation

### Accordion Lists

Within the GitHub panel, render a vertical stack of two collapsible lists of _issueish_ (pull request or issue) items:

_First list: current pull request_. If the active branch is associated with one or more open pull requests on a GitHub repository, render an item for each. "Associated with" means that the pull request's head ref and head repository matches the upstream remote ref for the current branch in the active git repository.

_Second list: all open pull requests_. List all open pull requests on the GitHub repository, ordered by decreasing creation date.

Each list has a "collapse arrow" in its header. Clicking the collapse arrow toggles the visibility of that list's items, accordion-style.

If either list exceeds 20 items, truncate the list and render a "More" link after its final item. Clicking "more" opens the corresponding search on GitHub.

![list](https://user-images.githubusercontent.com/378023/41136538-ad5c461c-6b11-11e8-9e1d-e4a674f628cd.png)

Each list item renders a tile containing a compact set of information about that pull request:

* Mini author avatar
* Title, truncated if necessary
* PR number (`#1503`)
* Status check summary
* Terse relative timestamp (1d, 2h, 30m)

![list item](https://user-images.githubusercontent.com/378023/41136622-1102db54-6b12-11e8-8b9b-49ecc45ac98f.png)

Clicking on a list item opens an issueish pane item for the chosen issueish. If the issueish pane item is already open, it is activated instead.

### Issueish Pane Item: Pull Request

For a pull request, the issueish pane shows:

* PR status badge. -> `Open`.
* Link to .com. -> [atom/github#1503](https://github.com/atom/github/pull/1503)
* Author avatar
* Title
* Branches -> `master` < `aw/rfc-pr-list`
* "Checkout" button to fetch (if necessary) and check out the pull request. Only enabled if the current pull request is not the current one.
* `Commits` with count, links to .com (for now), optional with avatars
* `Checks` with count, links to .com (for now)
* CI status, each item links to the detail page
* `Files changed` with count, links to .com (for now), optional with "+-" bar
* Mergability status -> `Able to merge`, links to the [Merging controls at the bottom](https://github.com/atom/github/pull/1503#partial-pull-merging)
* "Merge PR" to merge the pull request on GitHub if it is open.
* "Close" to close the pull request, unmerged, if it is open.
* "Re-open PR" to re-open a pull request if it is closed.
* `Conversation` with comment count, opens the current PR timeline in a center pane.
* Reaction emoji and counts.
* Description (PR body) as rendered markdown.

![detail](https://user-images.githubusercontent.com/378023/41140383-368c45d4-6b28-11e8-87c2-d4bc0b47fbe1.png)

## New PR

If no current PR can be found, an "open new pull request" button is shown. If needed it also offers to "Publish" or "Push".

![new pr](https://user-images.githubusercontent.com/378023/41136463-5d8dd3da-6b11-11e8-8e28-72275a691430.png)

When the current branch is the default branch, e.g. `master`, a message is shown that suggests to "Create a new branch".

## Drawbacks

* "All pull requests" could easily be overwhelming on moderate to high traffic repositories. Stay tuned for more refinements on this front.
* Opening a pane item for each pull request click is heavyweight from a navigational standpoint. We may explore showing a popup as an intermediate state.

## Rationale and alternatives

Our current GitHub panel focuses on showing you stuff about _the pull request that's associated with your current branch._ The problem is, it's difficult to unambiguously determine that in the general case.

The first thing you see today when you open the GitHub panel on the `master` branch of an active repository is not very helpful:

![wat](https://user-images.githubusercontent.com/17565/40857603-99b92304-65a9-11e8-986e-0f14290bda8a.png)

This is a list of _all pull requests on GitHub that have a head ref called "master", from any head repository_. You can then "pin" any of them to see that pull request's details. This isn't useful on master and it's unclear to users what this is supposed to accomplish. Pinning was intended to be an infrequent edge case when we couldn't find the right PR for a given ref, not the first interaction you have with the package.

Showing a PR list instead provides a uniform, more easily understood entry point to the package's GitHub functionality, and paves the way to other pull-request-focused activities in the future. "All open PRs" seems like a reasonable starting point, and "current PRs" preserves the ability to take advantage of your local editor context.

With that said, the choices for the specific lists we show are a bit arbitrary. We'll need to research and iterate on them quite a bit to find what's most useful for the most people, but for now we need to start with something.

## Unresolved questions

### Before RFC merge:

- [x] What else from the existing issueish pane should we keep? Comments, timeline events?
- [x] Are there other pull request actions it would be useful to support?

### Out of scope:

- [ ] How can we allow a user to customize the lists?
- [ ] How can we notify a user about updated activity on a visible PR?
- [ ] Where should you be able to merge, close, or re-open pull requests?

## Implementation phases

1. Accordion list infrastructure: search model, collapsible list component.
2. Revisit the issueish pane item and add action controls.