[go: up one dir, main page]
Skip to content

Add Git decorators in file explorer and Gutter indicators for changed files in new Web IDE

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Problem

Editing files using the new Web IDE does not highlight changed files in the file explorer tree.

Screenshot_2023-01-02_at_12.38.11

The VS Code app on macOS provides the Git file decorators OOTB.

Screenshot_2023-01-02_at_12.36.50

As a user, I do not want to open Source Control to verify the changed files. A color Git decorator in the file explorer would keep the focus on continuing editing. The modified badges in the tab view of opened files can be helpful too.

In addition, the Gutter indicator can be helpful to see changed lines in the editor view immediately. https://code.visualstudio.com/docs/sourcecontrol/overview#_gutter-indicators

Idea from @Rwarcards762 in #385787 (comment 1223634335)

...but if I make changes to a file in the new Web IDE, I'm not seeing those files marked as having changes made to them as I work. The only way I know ANY changes are made is by the Source Control icon on the side.

An edited file with changes can't be "saved" like in VSCode for Desktop, so no way to trigger the "M" for "Modified" next to a file name (even though IMO, that's the best workflow for telling what has changed while working) -- however, the original Web IDE at least put an orange (or green if new) box next to a file name that had been edited. This functionality is missing from VSCode Web IDE right now.

Are there plans to implement a demarcation for "Modified"/"Added" files in the Explorer view?

Proposal

  1. Add the Git file decorator for changed files (modified, added, deleted, untracked, etc.) in the file explorer view
    • This seems to be provided by the Git Source Control VS Code extension. The Web IDE VS Code fork uses a custom source control extension - maybe this is the location to replicate/implement this behavior as decorator provider (I did not read the source code yet).
    • The Workbench > editor > Decorations setting seems to influence this behaviour too, with Colors and Badges https://stackoverflow.com/a/65998050/1821348
  2. Add Gutter indicators inline in the editing view https://code.visualstudio.com/docs/sourcecontrol/overview#_gutter-indicators
  3. Provide a configuration setting similar to upstream. For example, git.decorations.enabled(via https://stackoverflow.com/questions/66905124/vscode-how-to-remove-git-decorator-information-from-file-tabs)

cc @ericschurter @mvanremmerden

Edited by 🤖 GitLab Bot 🤖