From 5ab554bb34f4f87f2cc51fac5c52047cea6762ff Mon Sep 17 00:00:00 2001 From: binary-shadow Date: Thu, 28 Aug 2025 03:48:08 +0300 Subject: [PATCH] Release MVP-0.3 --- .changeset/mvp-03-edit-frame.md | 24 ++++++++++++++++++++++++ CHANGELOG.md | 22 ---------------------- 2 files changed, 24 insertions(+), 22 deletions(-) create mode 100644 .changeset/mvp-03-edit-frame.md diff --git a/.changeset/mvp-03-edit-frame.md b/.changeset/mvp-03-edit-frame.md new file mode 100644 index 0000000..7d58885 --- /dev/null +++ b/.changeset/mvp-03-edit-frame.md @@ -0,0 +1,24 @@ +--- +'@flowscape-ui/canvas-react': patch +--- + +MVP 0.3: Edit Frame handles and UX improvements + +Added + +- Edit Frame overlay: corner resize handles (4 corners). Shift keeps aspect; Alt resizes from center. +- Rotate handles: dedicated circular handles outside corners; rotation around node center. Angle-based rotation math. +- Corner‑radius handles (inner dots): drag to change radius; Ctrl — uniform radius for all four corners. +- Size badge (W×H) under the frame during resize with zoom-aware values. + +Changed + +- Resize uses fixed opposite corner; temporary vs commit updates ensure a single clean history entry per gesture. +- Corner‑radius gesture UX: finishes strictly on LMB release, guards by pointerId, commits on pointercancel. +- Handle positioning now happens inside a single rotated container so handles stay aligned while rotating. + +Fixed + +- Prevent "stuck drag" after radius gesture due to missing button state checks. +- Rotate/radius/resize handle misalignment when node is rotated. +- Minor cursor/title hints for handle tooltips. diff --git a/CHANGELOG.md b/CHANGELOG.md index d714667..d95765a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,27 +1,5 @@ # @flowscape-ui/canvas-react -## 1.1.1 - -### Patch Changes - -- MVP 0.3: Edit Frame handles and UX improvements - - Added - - Edit Frame overlay: corner resize handles (4 corners). Shift keeps aspect; Alt resizes from center. - - Rotate handles: dedicated circular handles outside corners; rotation around node center. Angle-based rotation math. - - Corner‑radius handles (inner dots): drag to change radius; Ctrl — uniform radius for all four corners. - - Size badge (W×H) under the frame during resize with zoom-aware values. - - Changed - - Resize uses fixed opposite corner; temporary vs commit updates ensure a single clean history entry per gesture. - - Corner‑radius gesture UX: finishes strictly on LMB release, guards by pointerId, commits on pointercancel. - - Handle positioning now happens inside a single rotated container so handles stay aligned while rotating. - - Fixed - - Prevent "stuck drag" after radius gesture due to missing button state checks. - - Rotate/radius/resize handle misalignment when node is rotated. - - Minor cursor/title hints for handle tooltips. - ## 1.1.0 ### Minor Changes