Skip to content

feat: revamp site with Vite, Tailwind v4, React 19, pnpm#46

Merged
wemeetagain merged 1 commit intomasterfrom
revamp-vite-tailwind
Mar 17, 2026
Merged

feat: revamp site with Vite, Tailwind v4, React 19, pnpm#46
wemeetagain merged 1 commit intomasterfrom
revamp-vite-tailwind

Conversation

@wemeetagain
Copy link
Copy Markdown
Member

Summary

  • Build: Webpack → Vite (instant dev server, 10-line config vs 70)
  • Styling: Bulma/SCSS → Tailwind CSS v4 (dark-mode-first, utility classes)
  • Framework: React 18 → React 19 with createRoot
  • Toasts: react-hot-toast → sonner
  • Package manager: yarn → pnpm
  • ENR lib: @chainsafe/enr v5 → v6
  • UI: Auto-decode on paste/type, copy-to-clipboard on all fields, staggered field animations, proper a11y, responsive layout
  • CI: Updated workflows for pnpm, bumped actions/setup-node to v4

Net: -2,084 lines (removed webpack config, Bulma SCSS, yarn.lock)

Test plan

  • pnpm dev starts dev server and renders correctly
  • Paste an ENR string — auto-decodes without clicking a button
  • All decoded fields display with copy buttons on hover
  • Derived fields (node id, peer id, multiaddrs) compute and display
  • URL query param ?q=enr:... loads and decodes on page load
  • File upload populates textarea and decodes
  • Invalid ENR shows error toast
  • pnpm build produces working production build
  • pnpm lint and pnpm check-types pass clean

🤖 Generated with Claude Code

Replace the entire build and UI stack for a modern developer experience:
- Webpack → Vite (instant dev server, simpler config)
- Bulma/SCSS → Tailwind CSS v4 (CSS-first, utility classes)
- React 18 → React 19 with createRoot
- react-hot-toast → sonner
- yarn → pnpm
- @chainsafe/enr v5 → v6

UI improvements: dark-mode-first design, auto-decode on paste/type,
copy-to-clipboard on all fields, proper accessibility, staggered
field animations, and responsive layout.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@wemeetagain wemeetagain merged commit aa95fd6 into master Mar 17, 2026
2 checks passed
@wemeetagain wemeetagain deleted the revamp-vite-tailwind branch March 17, 2026 20:50
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.

1 participant