CodeStream 10.0: All-New UI plus dozens of improvements

David HershDavid Hersh
October 15, 2020

CodeStream 10.0 features a redesigned user interface that surfaces all the items you need to see, and do, in a customizable tree-based view that is always available. If you use VS Code, the CodeStream extension now lives in the sidebar, eliminating the need to manage the placement of the CodeStream pane.


The familiar Tree-Based view

CodeStream now presents itself in a familiar tree-based view that dramatically flattens the learning curve of the new interface. Everything available in CodeStream is always accessible. From top to bottom, here are the sections:

  • Pull Requests - If your team uses GitHub, it lists all open pull requests created by you, assigned to you, or where you are a reviewer. Add, remove and edit the default queries to create the perfect list for you. Support for GitLab and Bitbucket coming soon.
  • Feedback Requests - CodeStream’s light-weight code reviews are now called Feedback Requests. The new name better reflects the fact that they are more informal, and are used more frequently to get feedback on your work in progress throughout the development process. No need to commit and push just to get some early feedback. The new name also distinguishes these less formal reviews from the more traditional “PR” code review, which we also support.
  • Codemarks - Whether they originated in a pull request, a feedback request, or through ad-hoc discussion, all of the codemarks that annotate the currently selected file are listed for reference.
  • Work In Progress - A summary of your local changes and the issue you’re currently working on. Your teammates will see this information below your name in the My Team section.
  • Issues - If your team uses Jira, Trello, GitHub or any one of the dozen issue-tracking services supported by CodeStream, you can now see your backlog of issues from all of your services, together in one place. With just one click, you can update an issue’s status, create a feature branch to do your work, and even update your status on Slack. 
  • My Team - See everyone on your CodeStream team, including what they’re currently working on, and invite new members.

Your own custom view

The tree view is completely customizable. Each section can be collapsed, expanded, maximized, resized or hidden. You can even use drag-and-drop to reorder the sections, although you’ll notice that the default order, from bottom to top, represents a typical developer’s workflow. Start with an issue. Let teammates track your work in progress. Use ad-hoc discussion with codemarks to ask questions along the way. Request feedback on your work in progress at any time. And finally, once you’re done, create a pull request. 

The activity feed and search are still available at the top of the CodeStream pane, but you’ll notice that they don’t ever take you away from the new tree view.

A new home in VS Code

Now that  version 1.50 of VS Code supports webviews in the sidebar, CodeStream now lives in the sidebar along with your other familiar extensions. If you used to have the CodeStream pane appear to the right of your code, it is now on the left, in a more natural configuration.  And like other extensions, there’s now a CodeStream entry in the VS Code activity bar to make it easier than ever to access CodeStream at any time.

To get CodeStream in the sidebar, and to get the new interface, you’ll need to update VS Code to version 1.50.

And that’s not all...

  • There are two new ways to view changes in a pull request. Tree view, which is similar to the current List view, but organizes the files as they’d appear in a source tree. And Diff Hunks view, which is the same view you’re used to seeing on GitHub. List and Tree view provide full-file context, whereas Diff Hunks shows just the lines that changed.
  • You can now, in any of the three views, mark any file as not viewed if you want to indicate to yourself that you need to come back to it again.
  • From any comment in a pull request you can now jump to your local version of the file so that you can address the comment, or you can jump to the file on GitHub.
  • The interface for commenting on code has been improved so that you’re clear on what code block, if any, has been selected. It’s also easier to add additional ranges.
  • When there’s a diff between the code in a codemark and the version you have locally, the original version, the current version, and a diff are all included in the codemark. No need to open a separate diff.
  • The Pull Requests section of the sidebar now includes a “Recent” section that shows you your five most recently created PRs, regardless of their current state.
  • Team admins have access to a new Data Export that dumps all code comments (including those done in a feedback request) in CSV format.

We’re very excited about this release and hope you are too. Please let us know what you think @teamcodestream.


Discuss

Please share your thoughts and feedback @teamcodestream.

About CodeStream

CodeStream integrates all of your essential dev tools, such as GitHub, GitLab, Bitbucket, Slack, Teams, Jira, Trello and more, into VS Code, Visual Studio, and any JetBrains IDE.

Thank you for your interest in CodeStream.

We'll be in touch shortly.
Oops! Something went wrong while submitting the form.
Recent Blog Posts

Two Ways to See for Yourself