Compact folders (smart flatten)

[aaronadamsCA]

Is your feature request related to a problem? Please describe.

We've got a Storybook for a route tree, which can go quite deep. Currently we have to click through all of this deep nesting.

If a story is named one/$oneId/two/$twoId/three/$threeId, this is six clicks to get all the way down there:

• one
  • $oneId
    • two
      • $twoId
        • three
          • $threeId

Describe the solution you'd like

I'd like Storybook to copy this great feature from Visual Studio Code:

https://code.visualstudio.com/updates/v1_41#_compact-folders-in-explorer

So that the story tree could optionally flatten any parts that could be flattened.

Describe alternatives you've considered

I was thinking about doing this manually by escaping slashes in story titles, but it doesn't seem to be possible.

Are you able to assist to bring the feature to reality?

yes, I can

Additional context

No response

[JReinhold]

Seems like a question for you @cdedreuille

[cdedreuille]

If I understand it well, you want to move stories from one folder to another using the manager directly? How do you do this today? Do you find and replace the path name in code?

I quite like the idea to be able to reorder stories in different folders directly from your manager. We should also add the capacity to rename folders.

@JReinhold is this something technically feasible? Can we rename story names in multiple files directly from the manager?

[JReinhold]

This is not what OP is asking for. They are "simply" asking to collapse levels into single headings when there are only one entry.

So if you have stories with the title "first/second/third" and no other thing with those subsections, instead of having to expand "first", then expand "second" then expand "third" to see the story, it would instead be one single section called "first/second/third"

[cdedreuille]

Sorry I missed that answer. Yes this pattern is pretty nice. I can see how this could be a good small win for larger Storybook.