GitLive 14.0: Codeshare without calling, view teammate's pushed changes, and more
Tags: webdev, productivity, vscode, programming
Published: 2021-08-16 11:07:37

GitLive 14.0 has arrived! This update consists mostly of features requested by our users, your feedback is invaluable so please keep sending it. Here are the new features and noteworthy improvements:

* <A href="#codeshare-without-calling">Codeshare without calling</A> - You can now start sharing code with a teammate without getting on a call first.
* <A href="#view-a-teammates-pushed-changes">View a teammate's pushed changes</A> - You can now choose to see the changes your teammates have pushed in addition to their local changes in the GitLive window.
* <A href="#oslevel-calling-notifications">OS-level calling notifications</A> - Never miss a call again with push notifications when you receive a call from a teammate.
* <a href="#choose-where-to-branch-from-when-starting-a-new-issue">Choose where to branch from when starting a new issue</a> - You can see which branch is already connected to an issue or choose which branch to use as a starting point for a new issue when selecting an issue to work on.

Install the latest GitLive [VS Code extension](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub) or [JetBrains plugin](https://plugins.jetbrains.com/plugin/11955-gitlive) to get started.
<br>

## Codeshare without calling 
In those cases you are already on a call or in a meeting with your teammate via Zoom, Slack, Teams, etc. you can now start a codeshare session without having to place a call. 

You can find the direct codeshare button next to the call icon in the GitLive window.

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/codeshare%20vscode.png" alt="Codeshare Option">
            </td>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/codeshare%20ij.png" alt="Codeshare Option">
            </td>
    </tr>
  </tbody>
</table>

You can also choose to codeshare through the command palette (VS Code) or through the "Search Everywhere" list (JetBrains).

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/codeshare%20command%20pallette%20vscode%202.png" alt="Codeshare Option">
            </td>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/codeshare%20command%20pallette%20ij%202.png" alt="Codeshare Option">
            </td>
    </tr>
  </tbody>
</table>

Note the option will be disabled for teammates that have not yet updated to the latest version of GitLive. After you select "share" your teammate will receive a notification in their editor, asking them to accept or decline the invitation to codeshare. 

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/accept%20codeshare%20vscode%202.png" alt="Accept Codeshare">
            </td>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/accept%20codeshare%20ij%202.png" alt="Accept Codeshare">
            </td>
    </tr>
  </tbody>
</table>

Once accepted the session will begin! Learn more about [real-time editing in GitLive](https://blog.git.live/real-time-editing).
<br>

## View a teammate’s pushed changes
We've always shown your teammate's unpushed changes in the GitLive window, which you won't find anywhere else, such as GitHub. But it can also be useful to see all changes on a teammate's branch compared to the default branch, like you do on a pull request on GitHub for example.

So now, by default, we show both pushed and unpushed changes in the tree. If a file contains unpushed changes it will show as modified (white dot beside the name in VS Code, asterisk on the icon in JetBrains). 

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/team%20tree%20pushed-unpushed%20vscode.png" alt="All Changes">
            </td>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/team%20tree%20pushed-unpushed%20ij.png" alt="All Changes">
            </td>
    </tr>
  </tbody>
</table>

 To see only unpushed changes in the tree like before (or even to see only pushed changes), you can change the view filters, which appear as a filter icon in VS Code, and as an eye icon in JetBrains.

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/pushed%20changes%20option%20vscode.png" alt="Pushed Changes Option">
            </td>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/pushed%20changes%20option%20ij.png" alt="Pushed Changes Option">
            </td>
    </tr>
  </tbody>
</table>

When viewing a diff of a file it will also only show pushed or unpushed changes depending on the view filters you selected. You can also change the view filter for diffs independently of the tree, using the view filter on the right-hand side.   

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/unpushed%20changes%20diff%20view%20vscode.png" alt="All Changes">
            </td>
    <td class="td-custom">
              <img src="https://blog.git.live/assets/images/posts/2021/unpushed%20changes%20diff%20view%20ij%202.png" alt="All Changes">
            </td>
    </tr>
  </tbody>
</table>

&nbsp;

## OS-level calling notifications
As the calling notifications in the IDE can be quite hard to notice, you can now enable OS-level notifications via your browser. Next time you answer a call, your browser should prompt you to enable push notifications for GitLive. Once enabled you will receive notifications for incoming calls inside your IDE (if open) and also at the OS-level. Clicking on the OS-level notifications will answer the call directly.  

<table class="table-custom">
  <tbody>
  <th> Mac</th>
  <th> Linux</th>
    <tr>
    <td class="td-custom">
              <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628678791270/7HdDh4vjd.png" alt="Foreground Notification Mac">
            </td>
    <td class="td-custom">
              <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628678803913/F7nsG435E.png" alt="Foreground Notification Linux">
            </td>
    </tr>
  </tbody>
</table>

Learn more about [calling in GitLive](https://blog.git.live/gitlive-12.0-voice-and-video-calling-with-screen-code-share).
<br>

## Choose where to branch from when starting a new issue
Before, when selecting an issue to work on in GitLive, a feature branch named after that issue automatically gets created (if it does not already exist) and checked out from the default branch.

We have updated this functionality so you can now choose which branch to use as a starting point for a new issue when selecting an issue.

<table class="table-custom">
  <tbody>
  <th> VS Code</th>
  <th> JetBrains</th>
    <tr>
    <td class="td-custom">
              <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628678440852/SAjaEANMb.png" alt="Branch from default or current branch">
            </td>
    <td class="td-custom">
              <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628678436416/ZjT_3ejUk.png">
            </td>
    </tr>
  </tbody>
</table>

And for existing issues that are already associated with a branch you will now see the name of the connected branch in the issue selector.

<table class="table-custom">
    <tbody>
      <tr>
        <strong>VS Code</strong>
      </tr>
      <br>
      <tr>
        <img src="https://blog.git.live/assets/images/posts/2021/branch%20names%20vscode.png" alt="Branch names">
      </tr>
      <br>
      <tr>
        <strong>JetBrains</strong>
      </tr>
      <br>
      <tr>
       <img src="https://blog.git.live/assets/images/posts/2021/branch%20names%20ij.png" alt="Branch Names">
      </tr>
    </tbody>
</table>

Learn more about [issue tracking in GitLive](https://blog.git.live/gitlive-9.0-Issue-Tracker-Integration-including-Jira).

That's it for now, we would love to know what you think of these updates and how we can make GitLive better for you, so please reach out via the comments section below.