Skip to content

Developer tooling page suggestions#17860

Draft
escottalexander wants to merge 3 commits intoethereum:devfrom
escottalexander:builder-tooling
Draft

Developer tooling page suggestions#17860
escottalexander wants to merge 3 commits intoethereum:devfrom
escottalexander:builder-tooling

Conversation

@escottalexander
Copy link
Copy Markdown
Contributor

@escottalexander escottalexander commented Mar 25, 2026

@wackerow @konopkja and I had talked about some changes to the developer tooling page and Paul asked me to submit a draft PR with a first iteration of my ideas for improvements.

Description

Open to feedback if something doesn't look/feel right.

Main improvements:

  • Switched to the new ethereum/builder-resources repo as the data source for tools
  • Restructured categories and added subcategories
  • UI is updated to expose all the tools on a single page but with search and easy category drill-down
  • Data is now sorted based on a combination of the deepfunding research results and GitHub/NPM data. This way top results are determined by an algorithm( see src/data-layer/fetchers/developer-tools/ranking.ts) that shows the most popular resources first.
  • Added "Suggest a resource" to the bottom of the page with a link to the builder-resources repo issue creation form.

Thank you for checking it out.

wackerow and others added 2 commits March 20, 2026 14:30
@wackerow @escottalexander
fix: docsearch/css dependency issue, initial env
d64ffc5 
Adds @docsearch/css as direct dependency to fix issues on initial repo setup
Updates README with explicit instructions for setting up initial .env.local template
@escottalexander
refactor: update developer tools structure and enhance category handling
e16157a 
- Refactored developer tools constants and types for better clarity and maintainability.
- Updated redirects for developer tools categories to include new query parameters.
- Enhanced JSON-LD generation for developer tools to include category labels and descriptions.
- Removed deprecated components and introduced a new ToolsCatalog component for improved tool listing.
- Adjusted the page structure to support dynamic category and tool handling, improving user navigation and experience.
@netlify
Copy link
Copy Markdown

netlify bot commented Mar 25, 2026 •
edited
Loading

✅ Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 954ddc2
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/69d99c0fe723eb00087514fb
😎 Deploy Preview https://deploy-preview-17860.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: 57 (🟢 up 1 from production)
Accessibility: 94 (no change from production)
Best Practices: 100 (no change from production)
SEO: 99 (no change 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 dependencies 📦 Changes related to project dependencies documentation 📖 Change or add documentation tooling 🔧 Changes related to tooling of the project translation 🌍 This is related to our Translation Program labels Mar 25, 2026
@wackerow
Copy link
Copy Markdown
Member

wackerow commented Apr 3, 2026

Thanks @escottalexander! Will try to find some time to sync on this next week

konopkja
konopkja reviewed Apr 8, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

@konopkja konopkja left a comment

Choose a reason for hiding this comment

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

A few UI suggestions for the new tooling page layout:

@konopkja
Copy link
Copy Markdown
Contributor

konopkja commented Apr 8, 2026

Screenshot 2026-04-08 at 19 53 13

this white space on top in the pop up should be removed

@konopkja
Copy link
Copy Markdown
Contributor

konopkja commented Apr 8, 2026

Screenshot 2026-04-08 at 19 54 38 the number counter needs to be left aligned with the content in brackets

@konopkja
Copy link
Copy Markdown
Contributor

konopkja commented Apr 8, 2026

Screenshot 2026-04-08 at 20 06 47

should probably be grey not so strong

@escottalexander
Copy link
Copy Markdown
Contributor Author

escottalexander commented Apr 10, 2026 •
edited
Loading

Screenshot 2026-04-08 at 19 54 38 the number counter needs to be left aligned with the content in brackets

@konopkja Do you mean like this?
image

@escottalexander
Copy link
Copy Markdown
Contributor Author

escottalexander commented Apr 10, 2026

Screenshot 2026-04-08 at 20 06 47 should probably be grey not so strong

Do you mean when hovering the grey should be lighter? Or are you saying the description text should be grey?

@konopkja
Copy link
Copy Markdown
Contributor

konopkja commented Apr 10, 2026

Screenshot 2026-04-08 at 19 54 38 the number counter needs to be left aligned with the content in brackets

@konopkja Do you mean like this? image

yep exactly, just the numbers should be centered

@konopkja
Copy link
Copy Markdown
Contributor

konopkja commented Apr 10, 2026

Screenshot 2026-04-08 at 20 06 47 should probably be grey not so strong

Do you mean when hovering the grey should be lighter? Or are you saying the description text should be grey?

ah, i meant the purple icon should be by default probably grey

@escottalexander
refactor: clean up developer tools components and improve layout
954ddc2 
- Removed unused pathRootLabel from labels in the developer tools page.
- Adjusted ToolModalContents to streamline banner image handling.
- Enhanced ToolModalWrapper styles for better layout control.
- Updated ToolsCatalog to improve category and subcategory display, including better handling of selected categories.
- Removed deprecated JSON key for applications title in localization file.
@escottalexander
Copy link
Copy Markdown
Contributor Author

escottalexander commented Apr 11, 2026

A few UI suggestions for the new tooling page layout:

Thank you @konopkja. All your feedback has been resolved in my latest commit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@konopkja konopkja konopkja left review comments

@wackerow wackerow Awaiting requested review from wackerow wackerow will be requested when the pull request is marked ready for review wackerow is a code owner

@pettinarip pettinarip Awaiting requested review from pettinarip pettinarip will be requested when the pull request is marked ready for review pettinarip is a code owner

@minimalsm minimalsm Awaiting requested review from minimalsm minimalsm will be requested when the pull request is marked ready for review minimalsm is a code owner

At least 0 approving reviews are required to merge this pull request.

Assignees

No one assigned

Labels

content 🖋️ This involves copy additions or edits dependencies 📦 Changes related to project dependencies documentation 📖 Change or add documentation tooling 🔧 Changes related to tooling of the project translation 🌍 This is related to our Translation Program

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@escottalexander @wackerow @konopkja