Adding tabs for recent files

processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.

https://editor.p5js.org

GNU Lesser General Public License v2.1

1.3k stars 1.27k forks source link

Adding tabs for recent files #2885

Open pankaj-2503 opened 6 months ago

pankaj-2503 commented 6 months ago

Increasing Access

It would make easy to navigate through different files easily so that user don't need to navigate via folder structure.

Most appropriate sub-area of p5.js?

[X] Accessibility
[ ] Color
[X] Core/Environment/Rendering
[ ] Data
[X] DOM
[ ] Events
[ ] Image
[ ] IO
[ ] Math
[ ] Typography
[ ] Utilities
[ ] WebGL
[ ] Build Process
[ ] Unit Testing
[ ] Internalization
[ ] Friendly Errors
[ ] Other (specify if possible)

Feature request details

AdityyaX commented 6 months ago

Hey, @pankaj-2503 could you provide more details about the specific issue? and steps to replicate it .

Aseem22 commented 1 month ago

Is it something that still needs to be implemented? If so, I would be happy to work on it. @lindapaiste @raclim

raclim commented 1 month ago

@Aseem22 I'm not entirely sure yet if this is a strong need for this feature, and probably still requires more input from other folks.

However, I think it could be helpful to provide more ideas on details for what this feature would look like to help come to that decision. (For example, what would the tabs look like? What are the maximum amount of tabs we'd allow? etc.) If you have any suggestions for a design or even a light prototype that folks could look at, I think that could be great place to get started!

Aseem22 commented 1 month ago

@raclim I think this feature is required for improved navigation and efficiency especially when working with lot of files and when there's often need to reference other files. One important feature can be when a user returns to the site, their recent tabs should be restored, maintaining their workflow continuity. The tabs could be similar to recent tabs we see on VS Code(or browsers), with a consistent look and feel that matches our website's design. Each tab would display the file name and possibly an icon indicating the file type. We can allow as much tabs as user want (a carousel of recent tabs).