✨ Custom implementation of Sidebar

[lukepistrol]

In order to make the sidebar more adaptable and customizable we probably need to implement a completely custom one.

The target is to move away from using NavigationLink to display the CodeFileView

Steps that need to be taken:

• [ ] New Custom Sidebar should be added as a Module to CodeEditModules

  Requires to move Documents into a separate Module

• [x] move CodeFileView to WorkspaceView and display if workspace.selectedId is set.
• [x] in WorkspaceView add a new SidebarView in a HStack with the CodeFileView.
• [x] vibrancy background on new Sidebar.
• [x] custom tree structure for folders and files (keep in mind that in large projects performance is acceptable).
• [x] each item should be selectable.
• [x] selection state should be updated in order to represent workspace.selectedId. ( #137 )
• [ ] when a file is selected from different UI (tabBar, quick open, …) the folders containing the file should expand and the file should move to focus.

  Xcode doesn't do this. Should we?

• [x] selection background should take up the full width of the sidebar - padding (like in Xcode).
• [x] folders need to be collapsable (mind the animation).
• [ ] files/folders can be dragged into other folders.
• [x] consider #100

[chukwuemekasmba]

Would like to contribute. How can i help?

[austincondiff]

As far as I know, @lukepistrol hasn't started on this yet. You are welcome to start working on this. If you have any questions, feel free to jump on our discord. The link is in CONTRIBUTING.md.

[chukwuemekasmba]

Done! Muhchas Graçias Austin @austincondiff ! 🥂

[lukepistrol]

Yes help is very much appreciated! Open a Draft PR as soon as possible.

[lukepistrol]

Some progress on this side:

completely custom which gives us control over all parameters one can imagine

https://user-images.githubusercontent.com/9460130/159941748-43c1ce23-7a9a-45de-b364-5a5619a6b211.mov

[austincondiff]

• [x] Project name header is missing. Should this be a parent directory or a list group header?
• [x] Opening a folder, does not fade the opacity of its contents in and out, just animates height

[lukepistrol]

I think a parent directory would be nice but we would need to update our data model for this. For now I'll implement the list group header.