Skip to content

Conversation

@olliethedev
Copy link
Owner

@olliethedev olliethedev commented Jun 12, 2025

This one was a big rewrite and a refactor.
To support Drag and Drop functionality I needed to rethink the canvas and the renderer, these two modules are the core of the UI-Builder.

Changes in this pr:

  • added dnd functionality
  • updated renderer to add drop placeholders
  • due to dnd drag/pan gesture I needed to rewrite the canvas implementation using react-zoom-pan-pinch lib
  • due to react-zoom-pan-pinch i needed to replaced clickable-wrapper with element-selector component to work better inside the react-zoom-pan-pinch (account for scale/translation and dnd specific gestures)
  • added new resizable-wrapper component for responsive page mode
  • added page panel and props panel toggles to nav
  • layer panel fix for text children
  • fix dark/light toggle
  • performance improvements
  • ux improvements
  • reorganized the files and folder inside the /ui-builder dir to be more intuitively placed
    Jun-18-2025 20-33-55

@olliethedev olliethedev changed the title feat: add dnd kit drag and drop functionality feat: drag and drop + new canvas to support it Jun 19, 2025
@olliethedev olliethedev merged commit 6286845 into main Jun 30, 2025
1 check passed
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.

3 participants