Skip to content

perf: lighter grid payload, lazy modal, Safari copy-image fix#41

Merged
Younesfdj merged 6 commits into
masterfrom
dev
Jul 7, 2026
Merged

perf: lighter grid payload, lazy modal, Safari copy-image fix#41
Younesfdj merged 6 commits into
masterfrom
dev

Conversation

@Younesfdj

Copy link
Copy Markdown
Owner

No description provided.

caic99 and others added 6 commits July 1, 2026 15:57
The transparent copy-image cut-out (281118e) strips the .animate-glow
halo from the capture clone. On WebKit/Safari that element's blur filter
was incidentally keeping html-to-image's first foreignObject->canvas
render from dropping every raster layer (card art, avatar, flag, logo),
so copies came out as just the text overlay. Chromium and the (glow-
keeping) download path were unaffected.

Add a throwaway priming render before the real capture on the transparent
path only — the documented html-to-image Safari workaround — so the copy
comes out as the full card again. No other export pays the extra render.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
HowItWorksModal was statically imported in AppShell and ResultView, so its ~8KB chunk
shipped in the initial bundle even though it only renders on user interaction (modalOpen).
Load it via next/dynamic (ssr:false) so the chunk is fetched on open instead.
fix(share): restore card art & avatar in Safari copy-image
perf(modal): lazy-load the How-It-Works modal
perf(background): render the static grid once
@Younesfdj Younesfdj merged commit 5bae421 into master Jul 7, 2026
1 check passed
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.

3 participants