@canvas-harness/core 0.1.9 → 0.1.11

package/dist/index.cjs

@@ -2338,6 +2338,7 @@ var createDefaultTextareaEditor = ({
   wrap.style.borderRadius = "4px";
   wrap.style.background = style.backgroundColor ?? "#ffffff";
   wrap.style.zIndex = "20";
+  wrap.style.pointerEvents = "auto";
   const ta = document.createElement("textarea");
   ta.value = node.content ?? "";
   ta.spellcheck = false;
@@ -4786,7 +4787,13 @@ var paintAtomicRough = (rc, ctx, type, w, h, style, scale, theme, seed) => {
       strokeWidth,
       roughness,
       seed,
-      strokeLineDash: dash.length > 0 ? dash : void 0,
+      // Always pass an explicit array (empty = solid) so rough.js calls
+      // ctx.setLineDash() to a known state. Passing `undefined` makes
+      // rough skip that call, and the canvas inherits whatever the
+      // previous draw left behind — a transparent-stroke node's
+      // fill-derived outline would pick up the dash from an earlier
+      // dashed node in the same paint pass.
+      strokeLineDash: dash,
       curveStepCount: detail.curveStepCount,
       maxRandomnessOffset: detail.maxRandomnessOffset
     });
@@ -5959,8 +5966,30 @@ var endInside = (end, ids) => {
   if (!isAttached(end)) return true;
   return ids.has(end.nodeId);
 };
+var clipBboxCenter = (nodes) => {
+  if (nodes.length === 0) return { x: 0, y: 0 };
+  let minX = Number.POSITIVE_INFINITY;
+  let minY = Number.POSITIVE_INFINITY;
+  let maxX = Number.NEGATIVE_INFINITY;
+  let maxY = Number.NEGATIVE_INFINITY;
+  for (const n of nodes) {
+    if (n.x < minX) minX = n.x;
+    if (n.y < minY) minY = n.y;
+    if (n.x + n.w > maxX) maxX = n.x + n.w;
+    if (n.y + n.h > maxY) maxY = n.y + n.h;
+  }
+  return { x: (minX + maxX) / 2, y: (minY + maxY) / 2 };
+};
 var deserializeClipboard = (store, clip, opts = {}) => {
-  const offset = opts.offset ?? { x: 20, y: 20 };
+  let offset;
+  if (opts.offset) {
+    offset = opts.offset;
+  } else if (opts.at && clip.nodes.length > 0) {
+    const center = clipBboxCenter(clip.nodes);
+    offset = { x: opts.at.x - center.x, y: opts.at.y - center.y };
+  } else {
+    offset = { x: 20, y: 20 };
+  }
   const select = opts.select ?? true;
   const nodeMap = /* @__PURE__ */ new Map();
   const edgeMap = /* @__PURE__ */ new Map();
@@ -5973,7 +6002,9 @@ var deserializeClipboard = (store, clip, opts = {}) => {
     y: n.y + offset.y
   }));
   const remapEnd = (end) => {
-    if (!isAttached(end)) return end;
+    if (!isAttached(end)) {
+      return { worldPoint: { x: end.worldPoint.x + offset.x, y: end.worldPoint.y + offset.y } };
+    }
     const newId = nodeMap.get(end.nodeId);
     return newId ? { nodeId: newId, localOffset: end.localOffset } : end;
   };
@@ -6016,7 +6047,14 @@ var cut = async (store) => {
 var paste = async (store, payload, opts) => {
   const clip = payload ?? await readClipboard();
   if (!clip) return null;
-  const ids = deserializeClipboard(store, clip, opts);
+  let effective = opts;
+  if (!opts?.offset && !opts?.at) {
+    const pointer = store.getInteractionState().pointer;
+    if (pointer) {
+      effective = { ...opts, at: { x: pointer.worldX, y: pointer.worldY } };
+    }
+  }
+  const ids = deserializeClipboard(store, clip, effective);
   return ids;
 };
 var writeClipboard = async (clip) => {