feat(site): allow any file extension on template editor

[BrunoQuaresma]

• Accepts any file extension on the template editor
• Keep the version updated in the URL so the page does not lose state
• Keep the active file in the URL so it is "shareable" and does not lose state on refresh

Screen.Recording.2024-02-02.at.14.04.02.mov

Screen.Recording.2024-02-05.at.14.30.15.mov

@matifali I really would appreciate a rough QA on this 🙏

[BrunoQuaresma]

I still need to refactor the TemplateFilesPage.

[github-actions]

---

✔️ PR 12000 Updated successfully.
🚀 Access the credentials here.

cc: @BrunoQuaresma

[mtojek]

Thoughts based on videos you posted:

1. Could we join directories without files? For example, usr/share/keyrings instead of:

Definitely, less clicking.

2. Can you try with relatively long names and deep, deep directories?

3. Can we grey out hidden files, so ones starting with a dot?

[BrunoQuaresma]

1. I like the idea! Let me see if I can extend this component to support this.
2. This is going to generate horizontal scrolling like happens with VSCode and any IDE editor. Thoughts?
3. If by "hidden files" you mean folders or files that start with a dot, we can do it easily.

[mtojek]

This is going to generate horizontal scrolling like happens with VSCode and any IDE editor. Thoughts?

It might be inevitable in this case, not sure if there is a better way to show it in UI :)

[mtojek]

Thanks for addressing feedback!