linuxdotexe / boxdp

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

boxdp's Issues

Move the background images.

Lot of the images we fetch are of a wide aspect ratio, and might not always look centered in square. So we should give the user the ability to center it themselves.

Their Review, their Image, their Dune.

potential sauce

[bug] issue fetching from reviews with large length

Edit: It's not just large reviews, i have another example where it fails
Link to test:

• https://letterboxd.com/abhishekyelley/film/jigarthanda-doublex/

While I was still writing this edit, it worked again somehow:

First few times it didn't work. Then i pressed the view review and submit buttons in some order (I can't remember) and then it after the submit, it worked

---

Reviews containing a greater word count seem to be irretrievable. I encountered two types of errors:

1. Lengthy review is the first item requested

2. Lengthy review is requested after a non-lengthy review

• NOTE: requesting a lengthy review after another lengthy review shows the same error as "First Error"

Review links for testing:

Lengthy reviews for testing:

• https://letterboxd.com/adpadgaonkar/film/jaya-jaya-jaya-jaya-hey/
• https://letterboxd.com/jameskl/film/salaar-part-1-ceasefire/

Good reviews for testing:

• https://letterboxd.com/andy09_/film/chicken-run-dawn-of-the-nugget/

Pagination for larger review content

When reviews exceed a set limit, it would be great if we could show the review in pages like they do for tweets in twitter (1/5, 2/5, ...). There might have to be a new search param to keep track of which page of the review user is looking at. Additionally, when it is found that the review will most definitely exceed one image, then we display a button that helps navigate between different pages of the review. This button works in coordination with the url search param.

[bug] review images downloaded in chromium browsers don't show background image

Seems to work fine in mozilla firefox but chrome throws a cors error when downloading.
The issue in chrome doesn't occur for some images. So far only tmdb images seem to cause the problem. tmdb doesn't allow cross origin requests on images?

[enhancement] add a scroll down button after the picture is generated

A nice bouncing/pulsing button at the bottom of the screen which scrolls all the way down.

Someone else's codepen

[enhancement] review text need not be selectable

When the review image is shown, the text content on top of the image need not be selectable.

user-select: none;

[enhancement] add lbx color gradients in the background

Some cool background gradients at the top. Dim and dark with letterboxd colors.

[bug] missed contnet after \n sometimes

Review content from https://letterboxd.com/kenough_/film/petta/1/ is
"wammala, ithaan da cinema.\n- martin scorsese"
but the part after \n seems to be ignored.

Image:

although not sure if \n is the cause of the issue because there is a case where the text on image seems to be fine despite multiple \n
Review content from https://letterboxd.com/harsha5773/film/salaar-part-1-ceasefire/1/ is
"story build cheyyalante ila \ndrama potray cheyyalante ila \nsound apt ga kottali ante ila\ncut out ni vadalante ila\nelivation ivvali ante ila"

Image:

[enhancement] html2canvas relies on the viewport

Are there any other ways to render the image without html2canvas?