Git import/preview

I have a new feature request :)

I just taught a workshop with the p5.js editor. Usually I teach this workshop in 6 hours but the editor made it possible for me to teach it in 3 hours, due to the quicker setup time. It makes a huge difference.

The big difficulty in preparation for me was in uploading all my content to the editor.

Here are the examples I wanted to upload: https://github.com/kylemcdonald/cv-examples

For example, on this page if you click "edit" then you can see it links to the editor: https://kylemcdonald.github.io/cv-examples/AverageBrightness/

What would be amazing is to be able to simply point to:

https://editor.p5js.org/git/https://github.com/kylemcdonald/cv-examples.git/AverageBrightness

And have the editor know that it needs to fetch the repo and check out the specific folder.

This way the workshop/class materials could be kept up to date on GitHub, hosted on GitHub pages, and made runnable/editable in the p5 editor without needing to constantly update each sketch.

Glitch has a "repo import" feature, but I don't know if that makes sense to import an entire repo. Every time you press "play" it would bring you back to the main "index.html" which would feel weird.

The functionality I'm imagining is most similar to the way that Google colab will start a new colab notebook from a GitHub URL, described here.

Start by reviewing the p5.js web editor and the linked GitHub and Google Colab import examples; the issue names no repository files, tests, or entry points. Done would mean a URL can fetch a GitHub repository, open the specified folder as an editable sketch, and preserve the expected index.html behavior.