✨ add 'square' option to grapher thumbnails

[sophiamersmann]

Adds an imType=square option to Grapher SVGs that returns a square version of the SVG with a white background (imType=social-media-square downloads a square version with beige background).

I need this for the Figma Plugin I'm working on.

I can verify that these changes work locally, but on staging imType=square returns the square image with beige background. Not sure why.

[owidbot]

Quick links (staging server):

Site Dev	Site Preview	Admin	Wizard	Docs

Login: ssh owid@staging-site-grapher-thumbnail-square

• Site-screenshots: https://github.com/owid/site-screenshots/compare/grapher-thumbnail-square
• SVG tester: https://github.com/owid/owid-grapher-svgs/compare/grapher-thumbnail-square

SVG tester:

Number of differences (default views): 0 ✅
Number of differences (all views): 0 ✅

Edited: 2025-01-14 12:27:05 UTC
Execution time: 1.19 seconds

[marcelgerber]

I can verify that these changes work locally, but on staging imType=square returns the square image with beige background. Not sure why.

Oh, nice find! That took a while to dig into, but it turns out that modifying squareOptions.grapherProps.isSocialMediaExport = true modified the constant SQUARE_OPTIONS (makes sense), and that modified state would then sometimes be used for subsequent requests while the worker was still "hot".

I just pushed a fix (and, turns out, I've made the same mistake a few lines below already!).

[marcelgerber]

Nice! Fixed the issue you were running into, this is good to go now :)

[sophiamersmann]

Nice! Thanks a lot :)