Add breadcrumb dropdown menu

[RayZhao1998]

Description

This PR will support breadcrumbs dropdown menu mentioned in #248

Releated Issue

#248

Checklist (for drafts):

• I read and understood the contributing guide as well as the code of conduct
• My changes generate no new warnings
• My code builds and runs on my machine
• Review requested

Screenshots (if appropriate):

[0xWDG]

Cool, just curious why are you wrapping menu inAnyView.

[RayZhao1998]

If not wrap with AnyView, it'll get a compiler error: Function declares an opaque return type, but the return statements in its body do not have matching underlying types

[lukepistrol]

If not wrap with AnyView, it'll get a compiler error: Function declares an opaque return type, but the return statements in its body do not have matching underlying types

Instead of wrapping in AnyView you could use the @ViewBuilder keyword on the function.

@ViewBuilder
private func menuItem(_ item: WorkspaceClient.FileItem) -> some View {
  if let children = item.children?.sortItems(foldersOnTop: true), !children.isEmpty {
    Menu { … }
  } else {
    Button { … }
  }
}

[RayZhao1998]

If not wrap with AnyView, it'll get a compiler error: Function declares an opaque return type, but the return statements in its body do not have matching underlying types

Instead of wrapping in AnyView you could use the @ViewBuilder keyword on the function.

@ViewBuilder
private func menuItem(_ item: WorkspaceClient.FileItem) -> some View {
  if let children = item.children?.sortItems(foldersOnTop: true), !children.isEmpty {
    Menu { … }
  } else {
    Button { … }
  }
}

Have tried that. Still got compiler error. Because this function will be called recursively.

[RayZhao1998]

Remove AnyView and extract menuItem to a component

[lukepistrol]

I guess colors inside the context menu aren't working for now

[lukepistrol]

From testing this in a pretty barebones Node.js project with many subfolders in node_modules we get pretty heavy performance impact when opening the dropdown.

Untitled.mov

[RayZhao1998]

I guess colors inside the context menu aren't working for now

While in menu, colors of Text works.

[RayZhao1998]

From testing this in a pretty barebones Node.js project with many subfolders in node_modules we get pretty heavy performance impact when opening the dropdown.

Yep, I'm trying to optimize it.

[RayZhao1998]

It's a little difficult to optimize it based on SwiftUI's Menu, because it can't refresh view when data changes. I wanted to rewrite it with Popover but SwiftUI's Popover cannot remove the arrow.

[RayZhao1998]

Convert to draft. I'm working on rebuilding it with NSMenu.