@canvas-harness/core 0.1.16 → 0.1.18

package/dist/index.d.cts

@@ -2132,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

@@ -2132,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

@@ -2294,7 +2294,7 @@ var createDefaultTextareaEditor = ({
   ta.style.whiteSpace = "pre-wrap";
   ta.style.wordBreak = "break-word";
   const autosize = () => {
-    ta.style.height = "auto";
+    ta.style.height = "0px";
     ta.style.height = `${ta.scrollHeight}px`;
   };
   const commitNow = () => {
@@ -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;
@@ -5197,7 +5201,7 @@ var createRenderer = (opts) => {
     ctx.fillStyle = "#94a3b8";
     ctx.textBaseline = "middle";
     ctx.textAlign = "center";
-    ctx.font = `italic ${fontPx}px ${node.style?.fontFamily ?? "sans-serif"}`;
+    ctx.font = `italic ${fontPx}px ${FONT_FAMILY_MAP[node.style?.fontFamily ?? "handwriting"]}`;
     ctx.fillText("Type to edit\u2026", node.w / 2, node.h / 2);
     ctx.restore();
   };
@@ -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;