Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✨ Use satori for SVG generation #148

Merged
merged 18 commits into from
Nov 19, 2022
Merged

✨ Use satori for SVG generation #148

merged 18 commits into from
Nov 19, 2022

Conversation

wei
Copy link
Owner

@wei wei commented Nov 12, 2022

Update to use satori for svg generation instead of the previous method of using foreignObject.

Resolved Issues

Breaking Change

  • Logo now has a constraint of 100px by 100px (square).
    (satori requires setting both width and height on images. In the future, we can look into pre-fetching the image, calculating the width based on aspect ratio if needed.)
  • Replace usage of Verdana font with Jost

Resolves #135, resolves #142.

@wei wei self-assigned this Nov 12, 2022
@vercel
Copy link

vercel bot commented Nov 12, 2022

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

Name Status Preview Updated
socialify ✅ Ready (Inspect) Visit Preview Nov 19, 2022 at 8:35PM (UTC)

@wei wei marked this pull request as ready for review November 16, 2022 07:41
@wei wei requested a review from CryogenicPlanet November 16, 2022 07:41
@wei wei enabled auto-merge (squash) November 16, 2022 07:42
@wei wei marked this pull request as draft November 16, 2022 08:11
auto-merge was automatically disabled November 16, 2022 08:11

Pull request was converted to draft

@wei wei marked this pull request as ready for review November 19, 2022 14:38
@wei
Copy link
Owner Author

wei commented Nov 19, 2022

@CryogenicPlanet everything is ready for review except for the dropdown which is sometimes freezing the page. I retargeted the branch to next for now.

In a separate pull request to next branch, we will remove antd v4 and replace with another option.

@wei wei changed the base branch from master to next November 19, 2022 19:13
@wei
Copy link
Owner Author

wei commented Nov 19, 2022

Merging to next branch for now.

@wei wei merged commit 4acae27 into next Nov 19, 2022
@wei wei deleted the use-satori branch November 19, 2022 22:05
wei added a commit that referenced this pull request Nov 19, 2022
* ✨ Use satori for SVG generation

* ✨ Create download font script to download from fontsource

* 💄 Increase card size to 2x

* ⚡️ Move 2 APIs to edge functions

* 💄 Fix minor badge style issue

* ⚡️ Use edge functions

* ♻️ Rename render image helpr files

* ♻️ Move files to static folder

* 👷 Disable edge function for pages

* ⚡️ Remove fonts from edge function to reduce size

* ✅ Fix font tests

* 💄 Add background color to preview wrapper

* ⚡️ Add back react component for display

* 🐛 Fix png endpoint cache headers

* 🚸 Add intelligent routing for image endpoint

* 📱 Fix responsive design

* 🚚 Move yoga.wasm to ./public as ./static is deprecated

* ⬆️ Upgrade packages
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Import Google Font css Move to @vercel/og
2 participants