@canvas-harness/core 0.1.15 → 0.1.17

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;
 
@@ -2124,6 +2132,11 @@ declare const toSerialized: (scene: Scene) => SerializedScene;
 declare const fromSerialized: (raw: SerializedScene | unknown) => Scene;
 /**
  * Convenience: dump a store's current state to wire form.
+ *
+ * `getFrames()` already returns frame nodes in presentation order, so the
+ * id list it yields is the same value `setFrameOrder` maintains — including
+ * it here is what lets a saved scene round-trip slide order. Omitted when
+ * empty to keep the wire form clean (and match `toSerialized`).
  */
 declare const storeToJSON: (store: CanvasStore) => SerializedScene;
 

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;
 
@@ -2124,6 +2132,11 @@ declare const toSerialized: (scene: Scene) => SerializedScene;
 declare const fromSerialized: (raw: SerializedScene | unknown) => Scene;
 /**
  * Convenience: dump a store's current state to wire form.
+ *
+ * `getFrames()` already returns frame nodes in presentation order, so the
+ * id list it yields is the same value `setFrameOrder` maintains — including
+ * it here is what lets a saved scene round-trip slide order. Omitted when
+ * empty to keep the wire form clean (and match `toSerialized`).
  */
 declare const storeToJSON: (store: CanvasStore) => SerializedScene;
 

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
@@ -3456,14 +3456,18 @@ var fromSerialized = (raw) => {
     ...ser.frameOrder ? { frameOrder: ser.frameOrder } : {}
   };
 };
-var storeToJSON = (store) => ({
-  schemaVersion: SCHEMA_VERSION,
-  nodes: store.getAllNodes(),
-  edges: store.getAllEdges(),
-  groups: store.getAllGroups(),
-  camera: store.getCamera(),
-  selection: store.getSelection()
-});
+var storeToJSON = (store) => {
+  const frameOrder = store.getFrames().map((f) => f.id);
+  return {
+    schemaVersion: SCHEMA_VERSION,
+    nodes: store.getAllNodes(),
+    edges: store.getAllEdges(),
+    groups: store.getAllGroups(),
+    camera: store.getCamera(),
+    selection: store.getSelection(),
+    ...frameOrder.length > 0 ? { frameOrder } : {}
+  };
+};
 
 // src/render/canvas-setup.ts
 var HARD_MAX_DPR = 3;
@@ -4425,8 +4429,8 @@ var darkenedStyle = (style) => {
   const stroke = style.strokeColor;
   const next = {
     ...style,
-    ...fill ? { backgroundColor: darkenHex(fill) } : {},
-    ...stroke ? { strokeColor: darkenHex(stroke) } : {}
+    ...fill && !isFullyTransparent(fill) ? { backgroundColor: darkenHex(fill) } : {},
+    ...stroke && !isFullyTransparent(stroke) ? { strokeColor: darkenHex(stroke) } : {}
   };
   darkenedStyleCache.set(style, next);
   return next;
@@ -4903,7 +4907,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;
@@ -5885,14 +5889,15 @@ var serializeSelection = (store) => {
     const n = store.getNode(id);
     if (n) nodes.push(n);
   }
-  const edges = [];
+  const selectedEdgeIds = /* @__PURE__ */ new Set();
   for (const id of selectedIds) {
-    const e = store.getEdge(id);
-    if (e && bothEndsInsideSelection(e, selectedNodeIds)) edges.push(e);
+    if (store.getEdge(id)) selectedEdgeIds.add(id);
   }
+  const edges = [];
   for (const e of store.getAllEdges()) {
-    if (edges.includes(e)) continue;
-    if (bothEndsInsideSelection(e, selectedNodeIds)) edges.push(e);
+    if (!bothEndsInsideSelection(e, selectedNodeIds)) continue;
+    if (hasFreeFloatingEnd(e) && !selectedEdgeIds.has(e.id)) continue;
+    edges.push(e);
   }
   return {
     v: SCHEMA_VERSION,
@@ -5909,6 +5914,7 @@ var endInside = (end, ids) => {
   if (!isAttached(end)) return true;
   return ids.has(end.nodeId);
 };
+var hasFreeFloatingEnd = (edge) => !isAttached(edge.source) || !isAttached(edge.target);
 var clipBboxCenter = (nodes) => {
   if (nodes.length === 0) return { x: 0, y: 0 };
   let minX = Number.POSITIVE_INFINITY;