Added exporting all memories as .zip

rian-kh commented 1 year ago

All changes are seen on the /memories page.

Lets you save all memories into a zip, and you can choose to have each memory as separate primary/secondary images or as one merged "BeReal-style" image.

New packages needed (run npm install in new/client after cloning):

jszip (working version: 3.10.1)
file-saver (working version: 2.0.5)

Some notes:

On the TooFake site itself, it seems that the memory dates are one day behind? If it gets fixed, remove line 170 of new/client/pages/memories/index.tsx
In new/client/pages/memories/index.tsx: replace lines 185-191 with whatever CORS proxy method you use, request is a GET request to the memory's primary/secondary image URLs. Currently uses a free CORS proxy that's rate limited to 5 requests per second.
Code was written in JS/HTML so convert to TS/React as needed

Bugs:

For memories that aren't in cell-phone resolution (ex. Custom-uploaded through TooFake), the merged picture's secondary image doesn't follow aspect ratio like in the TooFake memory previews. Should also add changing border thickness based on image size?

Rare: For certain memories, their primary or secondary image is corrupted when fetched and can't be opened. This throws an InvalidStateException error when the image is used to create the merged memory image on memories/index.tsx: line 209-210. (Note that this only happened for 2 of 238 of my memories, and the morning after it was fine again)

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
toofake	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 1, 2023 6:13pm

s-alad commented 1 year ago

Will take a look soon! Thank you for the PR

s-alad commented 1 year ago

@rian-kh Do these lines fail without a Proxy and just a normal get request?

let primary = await fetch("https://api.codetabs.com/v1/proxy?quest=" + memory.primary).then((result) => result.blob()) let secondary = await fetch("https://api.codetabs.com/v1/proxy?quest=" + memory.secondary).then((result) => result.blob())

rian-kh commented 1 year ago

It fails for me, just throws the standard CORS error on Google Chrome, macOS: