Skip to content

update edra to 2.4.0 and tiptap to 2.27.2

jedmund requested to merge edra-upstream-baseline into main

Created by: jedmund

Summary

Updates the vendored Edra rich text editor from ~2.x to 2.4.0 and TipTap from 2.12.0 to 2.27.2, while preserving all custom modifications and integrations.

Key Changes

Core Updates

  • Edra: ~2.x → 2.4.0 (fresh from upstream)
  • TipTap: 2.12.0 → 2.27.2 (15 minor versions)
  • Type errors: 753 → 46 (94% reduction)
  • Updated 78 lucide-svelte imports to @lucide/svelte

Custom Extensions Migrated

  • SmilieReplacer - 130+ emoticon conversions
  • FontSize - font size controls
  • Gallery - multi-image galleries
  • Geolocation - Leaflet maps integration
  • IFrame - embedded iframe support
  • URL Embed - rich link previews with metadata
  • Link Context Menu - right-click link editing

Code Improvements

  • Unified media placeholder system (81% code reduction: 780 → 145 lines)
  • mediaId tracking for backend integration
  • Audio file upload support added
  • Design system variables properly used throughout

UI/UX Fixes

  • Editor padding aligned with title input
  • Slash command menu: removed uppercase headers, added hover states
  • Media placeholders: removed double-box effect, proper sizing
  • Leave without saving modal: fixed navigation loop

Testing

  • Production build: ✓ succeeds
  • Editor loads and functions: ✓ working
  • Custom extensions: ✓ functional
  • Remaining issues: design/quality pass planned

Documentation

  • EDRA_CUSTOMIZATIONS.md - catalog of all customizations
  • EDRA_COMPARISON.md - upstream vs current comparison
  • EDRA_MEDIA_ANALYSIS.md - media extension refactor analysis
  • EDRA_NEW_FEATURES.md - new features evaluation
  • EDRA_UPDATE_SUMMARY.md - complete project summary

Merge request reports