👀 Spike - Create folder from within the UI (for content)

[scottgallant]

CC @JackDevAU @jeffsee55

User Story:

"As a content editor I want to create folders for content in my GitHub repo so I can better organize my content"

• ✅ Nested Files and Folders - Unlimited nested folders* (Or if GitHub has a max depth)
• ✅ What is the UX for navigating these folders - Breadcrumb, list of files
• ❌ Should we have folders displayed in the side nav bar - Not required
• ✅ Will these be stored in GitHub (inside the content dir) or a TInaCloud UI management feature
• ✅ Look into configuration - Enable/Disable nested folder creation for Collections

Tasks

• Investigate effort required to implement this

UI

Suggestion is to add an option for folder in this button

Additional context in this old discussion #3821

[kldavis4]

Created a PoC here: https://github.com/tinacms/tinacms/tree/kldavis4/poc/create_folder

To try it out: pnpm i && pnpm build && cd examples/tina-self-hosted-demo && pnpm run dev

This uses a placeholder approach. Added some logic to the database.put which looks for the placeholder and removes it automatically. Not sure if we want / need this but seemed like a good feature.

If we are ok with this approach, I think most of the remaining work is cleaning up the UI to make it a single create button and adding logic to disallow nested folder creation if we want it to be configurable.

Demo Video: https://youtu.be/zIvobYCkG4k

[JackDevAU]

Hey @kldavis4

Thanks for diving into this - this is perfect!

The next few steps for this,

• Fix up the UI
• Add a configuration option to allow for Enable/Disable of nested folder creation in Collections

[kldavis4]

@JackDevAU just pushed up some changes to the PoC

• added ui.allowedActions.createNestedfolder to allow disabling folder creation
• fixed modal button label
• switched to using .gitkeep and not automatically cleaning up

[kldavis4]

Also updated desc on #4538 with the remaining tasks so I think this is good to close