@pixerate/editor 0.254.0 → 0.254.1

package/dist/canvas/changeFeed.d.cts

@@ -39,6 +39,12 @@ export interface CanvasChange<TNode extends CanvasNode = CanvasNode, TEdge exten
     };
     /** A node is being dragged or resized: more changes of the same gesture will follow. */
     inGesture: boolean;
+    /**
+     * The drag or resize that earlier changes reported (`inGesture`) has ended. Set on the first
+     * change after it, which the feed reports even when nothing else changed: a drop often only
+     * clears the runtime `dragging` flag, and followers need to know the gesture is over.
+     */
+    gestureEnded?: true;
     /** Milliseconds since the epoch. */
     at: number;
 }

package/dist/canvas/changeFeed.d.ts

@@ -39,6 +39,12 @@ export interface CanvasChange<TNode extends CanvasNode = CanvasNode, TEdge exten
     };
     /** A node is being dragged or resized: more changes of the same gesture will follow. */
     inGesture: boolean;
+    /**
+     * The drag or resize that earlier changes reported (`inGesture`) has ended. Set on the first
+     * change after it, which the feed reports even when nothing else changed: a drop often only
+     * clears the runtime `dragging` flag, and followers need to know the gesture is over.
+     */
+    gestureEnded?: true;
     /** Milliseconds since the epoch. */
     at: number;
 }

package/dist/canvas/index.cjs

@@ -12440,6 +12440,8 @@ function createCanvasChangeFeed(options) {
   let edges = options.getEdges();
   let seq = 0;
   let pending;
+  const gesturing = (list) => list.some((n3) => n3.dragging || n3.resizing);
+  let wasInGesture = gesturing(nodes);
   const check = () => {
     const nextNodes = options.getNodes();
     const nextEdges = options.getEdges();
@@ -12471,8 +12473,11 @@ function createCanvasChangeFeed(options) {
     const selectionChanged = selBefore.length !== selAfter.length || selBefore.some((id, i) => id !== selAfter[i]);
     nodes = nextNodes;
     edges = nextEdges;
+    const inGesture = gesturing(nextNodes);
+    const gestureEnded = wasInGesture && !inGesture;
+    wasInGesture = inGesture;
     const edited = addedNodes.length + removedNodes.length + changedNodes.length + addedEdges.length + removedEdges.length + changedEdges.length > 0;
-    if (!edited && !selectionChanged) return null;
+    if (!edited && !selectionChanged && !gestureEnded) return null;
     const commit = edited ? pending : void 0;
     if (edited) pending = void 0;
     const change = {
@@ -12486,7 +12491,8 @@ function createCanvasChangeFeed(options) {
       removedEdges,
       changedEdges,
       ...selectionChanged ? { selection: { before: selBefore, after: selAfter } } : {},
-      inGesture: nextNodes.some((n3) => n3.dragging || n3.resizing),
+      inGesture,
+      ...gestureEnded ? { gestureEnded: true } : {},
       at: now()
     };
     listeners.forEach((l) => l(change));
@@ -12511,6 +12517,7 @@ function createCanvasChangeFeed(options) {
       nodes = options.getNodes();
       edges = options.getEdges();
       pending = void 0;
+      wasInGesture = gesturing(nodes);
     },
     noteCommit,
     dispose: () => {

package/dist/canvas/index.js

@@ -12440,6 +12440,8 @@ function createCanvasChangeFeed(options) {
   let edges = options.getEdges();
   let seq = 0;
   let pending;
+  const gesturing = (list) => list.some((n3) => n3.dragging || n3.resizing);
+  let wasInGesture = gesturing(nodes);
   const check = () => {
     const nextNodes = options.getNodes();
     const nextEdges = options.getEdges();
@@ -12471,8 +12473,11 @@ function createCanvasChangeFeed(options) {
     const selectionChanged = selBefore.length !== selAfter.length || selBefore.some((id, i) => id !== selAfter[i]);
     nodes = nextNodes;
     edges = nextEdges;
+    const inGesture = gesturing(nextNodes);
+    const gestureEnded = wasInGesture && !inGesture;
+    wasInGesture = inGesture;
     const edited = addedNodes.length + removedNodes.length + changedNodes.length + addedEdges.length + removedEdges.length + changedEdges.length > 0;
-    if (!edited && !selectionChanged) return null;
+    if (!edited && !selectionChanged && !gestureEnded) return null;
     const commit = edited ? pending : void 0;
     if (edited) pending = void 0;
     const change = {
@@ -12486,7 +12491,8 @@ function createCanvasChangeFeed(options) {
       removedEdges,
       changedEdges,
       ...selectionChanged ? { selection: { before: selBefore, after: selAfter } } : {},
-      inGesture: nextNodes.some((n3) => n3.dragging || n3.resizing),
+      inGesture,
+      ...gestureEnded ? { gestureEnded: true } : {},
       at: now()
     };
     listeners.forEach((l) => l(change));
@@ -12511,6 +12517,7 @@ function createCanvasChangeFeed(options) {
       nodes = options.getNodes();
       edges = options.getEdges();
       pending = void 0;
+      wasInGesture = gesturing(nodes);
     },
     noteCommit,
     dispose: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor",
-  "version": "0.254.0",
+  "version": "0.254.1",
   "description": "UI-agnostic rich text and media editing core library",
   "author": "Pixerate",
   "license": "MIT",