Skip to content

feat!: move DND to the host application and ensure WYSIWYG experience [SPA-2744]#1216

Merged
Thomas Kellermeier (Chaoste) merged 20 commits intodevelopmentfrom
v3-prerelease
Aug 6, 2025
Merged

feat!: move DND to the host application and ensure WYSIWYG experience [SPA-2744]#1216
Thomas Kellermeier (Chaoste) merged 20 commits intodevelopmentfrom
v3-prerelease

Conversation

@Chaoste
Copy link
Copy Markdown
Contributor

@Chaoste Thomas Kellermeier (Chaoste) commented Jul 4, 2025

Releasing Version 3.0.0

To ensure parity between editor and preview mode (VisualEditorRoot and PreviewDeliveryRoot), both now use a similar rendering flow. Also, the editor mode doesn't include a DND library for the editing experience as that moved to the host application. Components will render similar in both modes by dropping the wrapping element that was required for the DND library.

Upgrading to this major version doens't introduce any breaking changes in the endusers code.

@vercel
Copy link
Copy Markdown

vercel bot commented Jul 4, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
nextjs-marketing-demo-bug-test ✅ Ready (Inspect) Visit Preview Aug 5, 2025 3:22pm
3 Skipped Deployments
Name Status Preview Updated (UTC)
experience-builder-test-app ⬜️ Ignored (Inspect) Aug 5, 2025 3:22pm
studio-nextjs-marketing-demo ⬜️ Ignored (Inspect) Aug 5, 2025 3:22pm
studio-react-vite-template ⬜️ Ignored (Inspect) Aug 5, 2025 3:22pm

* feat: introduce SDK capability nativeDnd

* feat: rename flag to dndMigration
* feat: introduce SDK capability dndMigration [SPA-2745] (#1134)

* feat: introduce SDK capability nativeDnd

* feat: rename flag to dndMigration

* feat: remove all code related to DND or any other canvas interaction

* feat: merge EditorBlock and useComponent

* feat: remove remaining DND code and make components render

* feat: remove to be deprecated messages

* fix: className render props order
* feat: add geometry update message

* feat: send canvasGeometry update at every possible DOM change

* style: split functions, simplify code, drop manual sourceEvent

* fix: to be safe fire trailing debounce message as well

* style: rename manuallyFireCanvasGeometryUpdate to sendCanvasGeometryUpdate

* fix: dont update manually but ensure observer stays active

* style: split resize and mutations into two separate effects

* fix: send message argument type

* fix: use message argument type
@Chaoste Thomas Kellermeier (Chaoste) marked this pull request as ready for review August 5, 2025 15:20
@Chaoste Thomas Kellermeier (Chaoste) requested a review from a team as a code owner August 5, 2025 15:20
@Chaoste Thomas Kellermeier (Chaoste) requested review from Anwar Ahmad (anwaar931) and Marc Müller (marcmll) and removed request for a team August 5, 2025 15:20
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LET'S GO 🚀

@Chaoste Thomas Kellermeier (Chaoste) merged commit 216ad42 into development Aug 6, 2025
19 checks passed
@Chaoste Thomas Kellermeier (Chaoste) changed the title V3 prerelease feat!: move DND to the host application and streamling editor and preview rendering flow [SPA-2744] Aug 6, 2025
@Chaoste Thomas Kellermeier (Chaoste) changed the title feat!: move DND to the host application and streamling editor and preview rendering flow [SPA-2744] feat!: move DND to the host application and ensure WYSIWYG experience [SPA-2744] Aug 6, 2025
Thomas Kellermeier (Chaoste) added a commit that referenced this pull request Aug 6, 2025
…SPA-2744] (#1216)

* feat: introduce SDK capability dndMigration [SPA-2745] (#1134)

* feat: introduce SDK capability nativeDnd

* feat: rename flag to dndMigration

* chore: allow v3-prerelease branch for lerna publishing

* feat!: remove dnd [SPA-2803] (#1138)

* feat: introduce SDK capability dndMigration [SPA-2745] (#1134)

* feat: introduce SDK capability nativeDnd

* feat: rename flag to dndMigration

* feat: remove all code related to DND or any other canvas interaction

* feat: merge EditorBlock and useComponent

* feat: remove remaining DND code and make components render

* feat: remove to be deprecated messages

* fix: className render props order

* feat(visual-editor): Send CanvasGeometryUpdated Event [SPA-2804] (#1144)

* feat: add geometry update message

* feat: send canvasGeometry update at every possible DOM change

* style: split functions, simplify code, drop manual sourceEvent

* fix: to be safe fire trailing debounce message as well

* style: rename manuallyFireCanvasGeometryUpdate to sendCanvasGeometryUpdate

* fix: dont update manually but ensure observer stays active

* style: split resize and mutations into two separate effects

* fix: send message argument type

* fix: use message argument type

* feat: use offsetHeight for canvasGeometry [] (#1149)

* feat: listen to the entire html for canvas geometry [SPA-2804] (#1155)

* feat: [] skip hidden nodes (#1193)

* fix: remove old PreviewUnboundImage and unnnecessary special casing (#1171)

* fix: remove falsly kept file from merge conflict

* fix: render empty carousel and containers with min width and height

* fix: correctly render editor attribets on CustomImage

* test: check created CSS code for merged pattern default

* fix: adjust test due to removed border-box rule on every node

* chore: remove v3 downstream CI updates as it didnt work anyways

* chore: [] send initial canvas geometry (#1219)

* fix: render cfVisibility in editor mode for CSR apps

* fix: mocks in tests

* fix: increase handshake timeout

* chore: remove special casing from lerna and CI config for v3 branch

---------

Co-authored-by: Maxim Cheremisin <maxcheremisin2008@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants