Add option to duplicate individual files in sketch #4314

Increasing Access

When working on a project user might want to duplicate the individual files for some various purposes rather than creating a new file and copy pasting the content.

basically allowing users to duplicate individual files can reduce multiple unnecessary steps and this will improve the user experience

Feature request details

currently the p5.js-web-editor has duplicate functionality but it is for the entire sketch not for individual files.

for example, if sketch has

• hello.js
• index.html
• sketch.js
• style.css

then if the user wants to duplicate hello.js then when he right clicks on it the user should be able to see

• rename
• duplicate
• delete

I have attached an image showing the current file menu for reference.

when the user clicks duplicate the another copy of the file should be there , so the overall sketch will look like

• hello.js
• hello-1.js
• index.html
• sketch.js
• style.css

Proposed behavior

• Add a Duplicate option to the individual file menu.
• Create the duplicate in the same folder as the original file.
• Preserve the original file's contents.
• Generate a unique filename.
• Select the newly duplicated file.
• Mark the sketch as having unsaved changes.
• Respect the existing file/project permissions.

I would be interested in working on this if the maintainers think this feature fits the Web Editor and approve the proposal.