Skip to content

refactor(IssuesList): self-fetch GFIs, remove MDX scope plumbing#18250

Merged
wackerow merged 1 commit into
devfrom
issueslist-self-fetch
May 28, 2026
Merged

refactor(IssuesList): self-fetch GFIs, remove MDX scope plumbing#18250
wackerow merged 1 commit into
devfrom
issueslist-self-fetch

Conversation

@pettinarip
Copy link
Copy Markdown
Member

@pettinarip pettinarip commented May 21, 2026

Summary

  • IssuesList becomes an async Server Component that fetches getGFIs() itself, replacing the gfissues MDX scope variable that the slug route was injecting at compile time.
  • Swaps IssuesList's direct react-emoji-render import for the canonical @/components/Emoji wrapper that every other emoji consumer in the codebase already uses (handles SSR/CSR protocol concerns).
  • Drops the now-unused scope parameter from getPageData and compile, plus the gfissues fetch + try/catch + getGFIs import from app/[locale]/[...slug]/page.tsx.
  • Find/replaces <IssuesList issues={gfissues} my={8} /><IssuesList my={8} /> across the English source and 24 translated copies of contributing/index.md. my={8} was already a no-op in the component; preserved per design discussion.

Context: preliminary refactor for the upcoming Velite MDX precompile migration. Velite precompiles MDX to fixed JS at build time, so runtime-injected scope variables don't survive. gfissues was the only such variable in the entire pipeline, used on exactly one page (/contributing). This PR collapses the indirection so the Velite PR doesn't need to deal with scope at all.

Test plan

  • pnpm type-check — passes locally
  • pnpm lint — passes locally
  • Navigate to /contributing on the deploy preview, scroll to "How to contribute" section, confirm the GFI list renders with avatars + labels
  • Spot-check one translated locale (e.g. /de/contributing) to confirm the same section renders
  • Chromatic visual diffs review

IssuesList now fetches getGFIs() internally as an async Server
Component, replacing the gfissues MDX scope variable that the slug
route previously injected at compile time. Also swaps the direct
react-emoji-render import for the canonical @/components/Emoji
wrapper used by every other consumer.

Drops the now-unused scope parameter from getPageData and compile,
along with the gfissues fetch + try/catch from the slug route.

Find/replaces <IssuesList issues={gfissues} my={8} /> ->
<IssuesList my={8} /> across the English source and 24 translated
copies of contributing/index.md.

Preliminary to the Velite MDX precompile migration, where MDX scope
variables don't fit the precompiled model.
@pettinarip pettinarip requested a review from wackerow as a code owner May 21, 2026 12:58
@netlify
Copy link
Copy Markdown

netlify Bot commented May 21, 2026

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 531f884
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/6a0f01855c681a000931283b
😎 Deploy Preview https://deploy-preview-18250.ethereum.it
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 69 (🟢 up 5 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (🟢 up 1 from production)
SEO: 98 (🔴 down 1 from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions Bot added content 🖋️ This involves copy additions or edits tooling 🔧 Changes related to tooling of the project translation 🌍 This is related to our Translation Program labels May 21, 2026
Copy link
Copy Markdown
Member

@wackerow wackerow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pettinarip Looks good! No manifest for contributing/index.md yet so intl side should be good. Pull in

@wackerow wackerow merged commit 4393e9f into dev May 28, 2026
16 checks passed
@wackerow wackerow deleted the issueslist-self-fetch branch May 28, 2026 13:31
@pettinarip pettinarip mentioned this pull request May 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

content 🖋️ This involves copy additions or edits tooling 🔧 Changes related to tooling of the project translation 🌍 This is related to our Translation Program

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants