@canvas-harness/core 0.1.14 → 0.1.16

package/dist/index.d.cts

@@ -1519,7 +1519,15 @@ type EditTarget = {
 };
 declare const idleInteractionState: () => InteractionState;
 /**
- * Convenience: any of panning/zooming/dragging/resizing/rotating is "moving".
+ * Convenience: any pointer-driven, per-frame-invalidating gesture is
+ * "moving". Drives LOD swaps in the renderer (custom-node React→canvas
+ * fallback, text bitmap downscale, edge-label bitmap downscale).
+ *
+ * `marqueeing` belongs here even though the scene doesn't translate:
+ * the marquee rect updates every pointermove → static cache invalidates
+ * → full repaint per frame. Without the swap, dense scenes paint
+ * full-LOD React overlays + full-res text bitmaps under the moving
+ * rect and the gesture janks.
  */
 declare const isMoving: (state: InteractionState) => boolean;
 

package/dist/index.d.ts

@@ -1519,7 +1519,15 @@ type EditTarget = {
 };
 declare const idleInteractionState: () => InteractionState;
 /**
- * Convenience: any of panning/zooming/dragging/resizing/rotating is "moving".
+ * Convenience: any pointer-driven, per-frame-invalidating gesture is
+ * "moving". Drives LOD swaps in the renderer (custom-node React→canvas
+ * fallback, text bitmap downscale, edge-label bitmap downscale).
+ *
+ * `marqueeing` belongs here even though the scene doesn't translate:
+ * the marquee rect updates every pointermove → static cache invalidates
+ * → full repaint per frame. Without the swap, dense scenes paint
+ * full-LOD React overlays + full-res text bitmaps under the moving
+ * rect and the gesture janks.
  */
 declare const isMoving: (state: InteractionState) => boolean;
 

package/dist/index.js

@@ -2593,7 +2593,7 @@ var idleInteractionState = () => ({
 });
 var isMoving = (state) => {
   const m = state.mode;
-  return m === "panning" || m === "zooming" || m === "dragging" || m === "resizing" || m === "rotating";
+  return m === "panning" || m === "zooming" || m === "dragging" || m === "resizing" || m === "rotating" || m === "marqueeing";
 };
 
 // src/store/inverse-op.ts
@@ -4342,8 +4342,10 @@ var drawAtomic = (ctx, type, w, h, style, scale, theme, opts) => {
   if (strokeVisible && !opts?.skipStroke) {
     ctx.strokeStyle = stroke;
     ctx.lineWidth = Math.max(strokeWidth, 1 / scale);
-    ctx.setLineDash(dashPatternFor(style?.strokeStyle, strokeWidth));
+    const dash = dashPatternFor(style?.strokeStyle, strokeWidth);
+    ctx.setLineDash(dash);
     ctx.stroke();
+    if (dash.length > 0) ctx.setLineDash([]);
   }
   if (needsScope) ctx.restore();
 };
@@ -4901,7 +4903,7 @@ var createRenderer = (opts) => {
     const excludedEdges = midpointEdgeId !== null ? /* @__PURE__ */ new Set([...baseExcludedEdges ?? [], midpointEdgeId]) : baseExcludedEdges;
     paintBackground(surface.ctx, { viewport, zoom: camera.z, background });
     const visible = visibleNodes(camera, viewport);
-    const isMoving2 = interaction.mode === "panning" || interaction.mode === "zooming" || interaction.mode === "dragging" || interaction.mode === "resizing" || interaction.mode === "rotating";
+    const isMoving2 = isMoving(interaction);
     const minOnScreen = MIN_ON_SCREEN_SIZE_PX;
     const nextOverlaySet = /* @__PURE__ */ new Set();
     let drawn = 0;