@fieldnotes/core 0.50.2 → 0.50.4

package/dist/index.cjs

@@ -2320,6 +2320,9 @@ var MAX_DEPTH = 8;
 function intersects(a, b) {
   return a.x <= b.x + b.w && a.x + a.w >= b.x && a.y <= b.y + b.h && a.y + a.h >= b.y;
 }
+function contains(outer, inner) {
+  return inner.x >= outer.x && inner.x + inner.w <= outer.x + outer.w && inner.y >= outer.y && inner.y + inner.h <= outer.y + outer.h;
+}
 var QuadNode = class _QuadNode {
   constructor(bounds, depth) {
     this.bounds = bounds;
@@ -2372,6 +2375,14 @@ var QuadNode = class _QuadNode {
       }
     }
   }
+  collect(result) {
+    result.push(...this.items);
+    if (this.children) {
+      for (const child of this.children) {
+        child.collect(result);
+      }
+    }
+  }
   getChildIndex(itemBounds) {
     const midX = this.bounds.x + this.bounds.w / 2;
     const midY = this.bounds.y + this.bounds.h / 2;
@@ -2435,6 +2446,7 @@ var Quadtree = class {
     return this._size;
   }
   insert(id, bounds) {
+    this.expandToFit(bounds);
     this.root.insert({ id, bounds });
     this._size++;
   }
@@ -2459,6 +2471,24 @@ var Quadtree = class {
     this.root = new QuadNode(this.worldBounds, 0);
     this._size = 0;
   }
+  expandToFit(bounds) {
+    const current = this.root.bounds;
+    if (contains(current, bounds)) return;
+    const currentRight = current.x + current.w;
+    const currentBottom = current.y + current.h;
+    const requiredWidth = Math.max(currentRight, bounds.x + bounds.w) - Math.min(current.x, bounds.x);
+    const requiredHeight = Math.max(currentBottom, bounds.y + bounds.h) - Math.min(current.y, bounds.y);
+    const width = Math.max(current.w * 2, requiredWidth);
+    const height = Math.max(current.h * 2, requiredHeight);
+    const x = bounds.x < current.x ? currentRight - width : current.x;
+    const y = bounds.y < current.y ? currentBottom - height : current.y;
+    const entries = [];
+    this.root.collect(entries);
+    this.root = new QuadNode({ x, y, w: width, h: height }, 0);
+    for (const entry of entries) {
+      this.root.insert(entry);
+    }
+  }
 };
 
 // src/elements/stroke-smoothing.ts
@@ -8417,7 +8447,8 @@ function hitTestArrowHandles(world, selectedIds, ctx) {
   const hitRadius = (HANDLE_RADIUS + HANDLE_HIT_PADDING) / zoom;
   for (const id of selectedIds) {
     const el = ctx.store.getById(id);
-    if (!el || el.type !== "arrow") continue;
+    if (!el || el.type !== "arrow" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false))
+      continue;
     const handles = getArrowHandlePositions(el);
     for (const [handle, pos] of handles) {
       const dx = world.x - pos.x;
@@ -8431,7 +8462,7 @@ function hitTestArrowHandles(world, selectedIds, ctx) {
 }
 function applyArrowHandleDrag(handle, elementId, world, ctx) {
   const el = ctx.store.getById(elementId);
-  if (!el || el.type !== "arrow") return;
+  if (!el || el.type !== "arrow" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false)) return;
   const threshold = BIND_THRESHOLD / ctx.camera.zoom;
   const layerFilter = (candidate) => candidate.layerId === el.layerId;
   switch (handle) {
@@ -8482,7 +8513,9 @@ function applyArrowHandleDrag(handle, elementId, world, ctx) {
 function getArrowHandleDragTarget(handle, elementId, world, ctx) {
   if (handle === "mid") return null;
   const el = ctx.store.getById(elementId);
-  if (!el || el.type !== "arrow") return null;
+  if (!el || el.type !== "arrow" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false)) {
+    return null;
+  }
   const threshold = BIND_THRESHOLD / ctx.camera.zoom;
   const excludeId = handle === "start" ? el.toBinding?.elementId : el.fromBinding?.elementId;
   const layerFilter = (candidate) => candidate.layerId === el.layerId;
@@ -8674,22 +8707,25 @@ function renderSelectionBoxes(ctx, p) {
   for (const id of p.selectedIds) {
     const el = p.store.getById(id);
     if (!el) continue;
+    const locked = el.locked || (p.isLayerLocked?.(el.layerId) ?? false);
     if (el.type === "arrow") {
-      renderArrowHandles(ctx, el, zoom);
+      if (!locked) renderArrowHandles(ctx, el, zoom);
       renderBindingHighlights(ctx, el, zoom, p.store);
       continue;
     }
     if (el.type === "shape" && el.shape === "line") {
-      ctx.setLineDash([]);
-      ctx.fillStyle = "#ffffff";
-      const r = handleWorldSize / 2;
-      for (const pt of lineEndpoints(el)) {
-        ctx.beginPath();
-        ctx.arc(pt.x, pt.y, r, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.stroke();
+      if (!locked) {
+        ctx.setLineDash([]);
+        ctx.fillStyle = "#ffffff";
+        const r = handleWorldSize / 2;
+        for (const pt of lineEndpoints(el)) {
+          ctx.beginPath();
+          ctx.arc(pt.x, pt.y, r, 0, Math.PI * 2);
+          ctx.fill();
+          ctx.stroke();
+        }
+        ctx.setLineDash([4 / zoom, 4 / zoom]);
       }
-      ctx.setLineDash([4 / zoom, 4 / zoom]);
       continue;
     }
     const bounds = getElementBounds(el);
@@ -8924,7 +8960,8 @@ function hitTestLineHandles(world, ctx, selectedIds) {
   const r2 = r * r;
   for (const id of selectedIds) {
     const el = ctx.store.getById(id);
-    if (!el || el.type !== "shape" || el.shape !== "line") continue;
+    if (!el || el.type !== "shape" || el.shape !== "line" || el.locked || (ctx.isLayerLocked?.(el.layerId) ?? false))
+      continue;
     const [a, b] = lineEndpoints(el);
     if ((world.x - a.x) ** 2 + (world.y - a.y) ** 2 <= r2) return { elementId: id, fixed: b };
     if ((world.x - b.x) ** 2 + (world.y - b.y) ** 2 <= r2) return { elementId: id, fixed: a };
@@ -9358,10 +9395,10 @@ var SelectTool = class {
     if (this.mode.type === "line-handle") {
       ctx.setCursor?.("grabbing");
       const el = ctx.store.getById(this.mode.elementId);
-      if (el && el.type === "shape") {
+      if (el && el.type === "shape" && el.shape === "line" && !el.locked && !(ctx.isLayerLocked?.(el.layerId) ?? false)) {
         ctx.store.update(el.id, lineFromEndpoints(this.mode.fixed, world));
+        ctx.requestRender();
       }
-      ctx.requestRender();
       return;
     }
     if (this.mode.type === "resizing-template") {
@@ -9519,7 +9556,8 @@ var SelectTool = class {
       renderSelectionBoxes(canvasCtx, {
         selectedIds: this._selectedIds,
         store: this.ctx.store,
-        zoom: this.ctx.camera.zoom
+        zoom: this.ctx.camera.zoom,
+        isLayerLocked: this.ctx.isLayerLocked
       });
     if (this.mode.type === "arrow-handle" && this.ctx) {
       const target = getArrowHandleDragTarget(
@@ -10676,7 +10714,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.50.2";
+var VERSION = "0.50.4";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ArrowTool,