Skip to content

feat: drag and drop + new canvas to support it #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 32 commits into from
Jun 30, 2025

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.

2 participants