Add commands to outline elements

[jrieken]

The outline view should offer commands that can be run straight from an element. E.g. rename but also triggering things like find references et al. Similar to the editor-context-menu this could be made open for contributions

[jrieken]

from #5605 (comment)

There are also refactoring features built into this UI in Eclipse:
Dragging a member and dropping it to another position also refactors the code by moving the code block belonging to that member to the position indicated by the drop target.
Deleting a tree node also deletes the corresponding sections of code in the file.
Any node has a context menu that allows for different operations, e.g. rename
The context menu also offers things like "find references" or "open call hierarchy"

[yanckst]

As requested, this comment comes from issues/53451

Right now, the only features we have are a filter and a sort for finding/sorting elements in the code.

What if we can add more feature in this view? I don't know if it was designed for that, but it can help a lot for refactoring the code.

Here's a GIF demonstrating the current features :

What we can add :

• Contextual Menu
• Rename
• Delete
• Drag/Drop

For the Rename refactoring :

When the user right-click on the mouse, a contextual menu should appear and a "Rename" choice should be there. When the user, click on rename, it should rename the entity (constructor, property, method, etc) in the code and update all references. The user could also user the the keyboard shortcut like F2 for renaming, like we do in the application too.

For the Delete refactoring :

When the user right-click on the mouse, a contextual menu should appear and a "Delete" choice should be there. When the user, click on delete, it should delete the entity (constructor, property, method, etc) in the code and update all references. The user could also user the the keyboard shortcut like del for deleting, like we do in the application too.

For the Drag/Drop refactoring :

The user should be able to move the entity and it should update in the code too, not only in the outline view. The cursor should be changed by the "move" cursor.

Nice to have if it's possible :

When displaying the entities (constructors, properties, methods, etc). It would be very nice to have something visual to distinguish public vs protected vs private. Right now, all entities are displayed. When you have a huge class, sometimes you want to spot the private methods region. If you have something visual in this view, it would help a lot finding what you are looking for. Like changing the icon or the font. If a entity is private, the font could be darker than the public ones.

If it's possible, we can also add a sorting in the sorting choices. We can add something like "Sort by: Member access" below the "Sort by: Type"

In the outline view when opening a packages.config, it will be very nice if we can have a context menu there. Right now, the outline display the dependencies, the devdependencies the configs, and more. It would be practical if we can have a context menu. If the user right-click on a package name in the devdependencies or the dependencies, we can show 2 options: "update" and "delete", When selecting the "update" option, basically, it updates the package and when we select the "delete" option, it removes the package. It can call npm directly in the background. If you right-click on the script displayed in the outline view, it should display the contextual menu with an action : "Run script". Basically, when the user clicks on "run script" in the menu, the command npm run script is called.

If anyone has any refactoring ideas that I didn't mention, please feel free to add a comment. 😊😊

[kAlvaro]

@yanckst The public vs protected vs private bit was reported afterwards (#49995) and someone said it's mostly a duplicate of #23927.

[yanckst]

@kAlvaro I didn't saw the feature request when I added my comment, but I think my comment is still relevant