Feature-request: download all sketches as zip

[dhowe]

Apologies if this already exists, but would be very useful to be able to bulk download all sketches from the 'My Sketches' page

[catarak]

Thanks for the suggestion! I thought there was an open issue about this but apparently there is not. A related issue is #273.

[dwight9339]

I'd like to take a crack at this if no one else is working on it.

[Suhasshenoy]

I'd like to work on this if no one is currently working on it.

[mhsh312]

So currently the editor uses JSZip to make a zip file of a sketch using this controller:

p5.js-web-editor/server/controllers/project.controller.js

Lines 289 to 294 in f21b847

	export function downloadProjectAsZip(req, res) {
	Project.findById(req.params.project_id, (err, project) => {
	// save project to some path
	buildZip(project, req, res);
	});
	}

The same library can be used for all the current sketches of a user. We can use the getProjects controller that returns an array of all projects of a user, and then iterate through this array to add all the projects in a single zip file.

Similar fix can be done for #273

Please assign either or both of these issues to me. @lindapaiste @raclim

[lindapaiste]

@mhsh312 We may run into issues here due to the size of the zip. See #643. But let's start with what you are proposing and see how that goes.

[mhsh312]

@mhsh312 We may run into issues here due to the size of the zip. See #643.

Since #643 would be an issue for both individual and multiple sketches, I believe it should be addressed separately.

[Jatin24062005]

@raclim Now these feature exist's In my Opinion It would be better to close these...

[Thomascountz]

I wrote this bulk-download sketch to do this, but I'd love to see this built into the editor... the sketch I wrote uses an undocumented API (rate limited at 2req/s).

[Jatin24062005]

@Thomascountz That sounds like a really useful feature! I'd love to help work on integrating this into the editor Also, are there any constraints or alternative APIs we should consider for handling the rate limits?

[Thomascountz]

@Jatin24062005 Sounds great!

Oh, by "rate limit," I meant "self-imposed rate limit." I added the constraint when calling the /zip endpoint so as to not make too much noise on the non-public API. 😅

To get things in the editor, I'm thinking we can add a method similar to downloadProjectAsZip to take in multiple project IDs. Then we could update the SketchList and SketchListRowBase components to include some way to select projects, (like a checkbox and props for onSelectSketch and isSelected). Then add a button to make an call to whichever endpoint with JSON.stringify({ project_ids: selectedSketchIds }).

I just got the project spun up locally and will see if it could work like this in the coming days. The docker-compose setup was really nice! 😄