supervision 0.2.0-next.3 → 0.2.1

package/dist/index.js

@@ -8501,11 +8501,20 @@ function createPixiInteractionLayer(options) {
             }
             return;
         }
-        setHoveredPick(pickFromPointerEvent(event));
+        const hoverChanged = setHoveredPick(pickFromPointerEvent(event));
+        if (!hoverChanged && editingEngine?.hasCreationTool()) {
+            notifyStateChange();
+        }
     }
     function handlePointerOut() {
+        const hadPointer = pointerPoint !== null;
         pointerPoint = null;
-        setHoveredPick(null);
+        const hoverChanged = setHoveredPick(null);
+        if (!hoverChanged &&
+            hadPointer &&
+            options.editingEngine?.hasCreationTool()) {
+            notifyStateChange();
+        }
     }
     function handlePointerTap(event) {
         if (!canHandleInteraction()) {
@@ -8731,7 +8740,7 @@ function createPixiInteractionLayer(options) {
                     ? hoverCursor(nextPick)
                     : resolveIdleCursor();
             }
-            return;
+            return false;
         }
         hoveredPick = nextPick;
         hoveredPickKey = nextKey;
@@ -8740,6 +8749,7 @@ function createPixiInteractionLayer(options) {
         }
         options.interaction.onHover?.(nextPick);
         notifyStateChange();
+        return true;
     }
     function setSelectedPick(nextPick) {
         const nextKey = createDetectionPickKey(nextPick);
@@ -11205,6 +11215,8 @@ function createPixiMaskBrushPreview(options) {
     const cursor = new options.Graphics();
     const display = new options.Container();
     let viewportScale = 1;
+    let isDestroyed = false;
+    let invalidationQueued = false;
     sprite.width = editor.canvas.width;
     sprite.height = editor.canvas.height;
     sprite.alpha = options.preview.alpha ?? 0.4;
@@ -11212,9 +11224,13 @@ function createPixiMaskBrushPreview(options) {
     display.addChild(sprite, cursor);
     const updateTexture = () => {
         source.update();
+        scheduleInvalidation();
     };
     const unsubscribeTexture = editor.subscribeTextureUpdates(updateTexture);
-    const unsubscribeCursor = editor.subscribeCursorUpdates(drawCursor);
+    const unsubscribeCursor = editor.subscribeCursorUpdates(() => {
+        drawCursor();
+        scheduleInvalidation();
+    });
     drawCursor();
     return {
         display,
@@ -11223,12 +11239,24 @@ function createPixiMaskBrushPreview(options) {
             drawCursor();
         },
         destroy() {
+            isDestroyed = true;
             unsubscribeCursor();
             unsubscribeTexture();
             texture.destroy();
             source.destroy();
         },
     };
+    function scheduleInvalidation() {
+        const onInvalidate = options.onInvalidate;
+        if (!onInvalidate || isDestroyed || invalidationQueued)
+            return;
+        invalidationQueued = true;
+        queueMicrotask(() => {
+            invalidationQueued = false;
+            if (!isDestroyed)
+                onInvalidate();
+        });
+    }
     function drawCursor() {
         cursor.clear();
         const state = editor.getCursor();
@@ -13070,16 +13098,6 @@ async function createPixiMediaScene(options) {
         resolveContextState: (detection) => resolveAnnotationStyleState(detection, currentVisibility),
     });
     const annotationOverlayLayer = createPixiAnnotationOverlayLayer(options.editingEngine, options.annotationOverlayStyle, options.keypointStyle);
-    const maskBrushPreview = options.maskBrush
-        ? createPixiMaskBrushPreview({
-            CanvasSource,
-            Container,
-            Graphics,
-            Sprite,
-            Texture,
-            preview: options.maskBrush,
-        })
-        : undefined;
     const initialMaskPreparationStyle = resolveMaskPreparationStyle();
     let maskLayer = initialMaskPreparationStyle
         ? createPixiMaskLayer({
@@ -13135,6 +13153,17 @@ async function createPixiMediaScene(options) {
         throw new Error("Unable to create staging canvas context.");
     }
     const renderScheduler = createSceneRenderScheduler(() => app.render());
+    const maskBrushPreview = options.maskBrush
+        ? createPixiMaskBrushPreview({
+            CanvasSource,
+            Container,
+            Graphics,
+            Sprite,
+            Texture,
+            preview: options.maskBrush,
+            onInvalidate: frameChannel ? renderNow : undefined,
+        })
+        : undefined;
     let appliedPresentation;
     let mediaCompositor;
     let presentedFrameSerial = 0;