mlms13 / cropsicle Goto Github PK

The "Crop" button should say "Save Image" any time there is no selection.

We should allow the user to specify a fixed height and width for the screenshot. This should get posted to the server, and possibly included as part of the final URL, e.g.:

webchopper.awesome/crop/1024/all/martinsmucker.com

If someone isn't happy with their crop, they might come back 5 minutes later and try the same thing. We'll save a lot of time (and server bandwidth) if we don't re-request and render the same website.

Considerations:

• We should offer the user a cache-busting feature, in case they noticed a bug on the page, fixed it, and now want a new screenshot.
• We don't want to rely on a single cached image forever. Maybe check to see if the image is > 24 hours old, and if so, get a new one.

Requesting the image could all be handled client-side. Server-side stuff is a nice fallback if JS is disabled, but ultimately, you should never have leave the index page.

history.pushState() will be a nice way to give people usable links that they can return to or share.

When we return the image, we should do whatever magic is required by ImageCutter to make the crop tool work as expected.

I'm not sure if this is possible, but it would be pretty neat. After we load the full page in Phantom and snap the original screenshot, it would be awesome if we could resize Phantom's viewport and take other screenshots... ya know, while it's loaded and everything.

Then, in the interface, we could offer some device-icon-buttons so that the user could quickly switch between viewport widths, without having to re-render the target URL in Phantom over and over.

The ImageCrop library now offers a way to set image type, but we need to create a way to accomplish this in the UI.