Best way to structure file system type search?

[msquinn]

I want to compose the command component with Collapsible to create a file system like search similar to this design.

Does anyone have any good jumping off points for this complex use case? I've tried simply nesting command items in some issues when trying to search with the components in their open state.

[msquinn]

Following up, because I think the question was bad, I have a partial working example of what I mean here

I think there seem to be two approaches, the first is to put the whole folder within a single command item. This at least works without errors though to get search to work I'd have to dynamically update the value within the commanditem based on the open/closed state of the child.

Another approach which I only have locally and not in stackblitz would be to treat every folder, subpath, and file as it's own command item. I may spend the weekend implementing both to get a feel for which one is better. If anyone has done this before or run into this nested situation where you still want to display the parent element lmk!

[msquinn]

After spending the weekend getting this to work I'd say for any future readers looking to implement something similar, this library probably isn't the tool to reach for in this instance. By the time you make something like this work you'd have to have "undone" a lot of the work this library provides. It's much simpler to just get a file search working with some simple divs and state as opposed to trying to use this library on a more complex example that it's probably not suited for. There's even a great LogRocket blogabout making a component like this.