v1.0.0 - Post Editor Update

Release Notes

v1.0.0 (2024-01-01)

🚀 New Features

Post Editor Improvements

• ✨ Added Markdown Editor with live preview

  • Rich markdown editor (@uiw/react-md-editor)
  • Syntax highlighting
  • Live preview
  • Toolbar support
  • Keyboard shortcuts

• 📸 Image Upload Support

  • Supabase storage integration
  • Loading states
  • Error handling
  • Markdown insertion at cursor position
  • File type validation

• 👀 Preview Mode

  • Toggle between edit/preview
  • Markdown preview with syntax highlighting
  • Code block highlighting
  • GFM (GitHub Flavored Markdown) support

🔒 Security Enhancements

• Added XSS protection with DOMPurify

  • Content sanitization
  • Allowed tags configuration
  • Safe HTML rendering

• Added CSRF protection

  • Origin validation
  • Middleware implementation
  • Environment variable configuration

💅 UX Improvements

• Unsaved changes detection

  • Form state tracking
  • Leave page warnings
  • Visual feedback
  • Save button state management

• Form validation

  • Title length validation
  • Content length validation
  • Input sanitization
  • Error messages

🐛 Bug Fixes

• Fixed error handling in post updates
• Added detailed error logging
• Improved Supabase connection handling
• Fixed cursor position after image upload

🧰 Technical Improvements

• Added TypeScript types for all components
• Improved error state management
• Added loading states
• Enhanced debugging capabilities

📦 Dependencies Added

• @uiw/react-md-editor
• dompurify
• react-markdown
• remark-gfm
• react-syntax-highlighter

📝 Documentation

• Added code comments
• Updated type definitions
• Added error handling documentation
• Added security documentation