@fieldnotes/core 0.50.2 → 0.50.4

package/dist/index.d.cts

@@ -1123,6 +1123,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.50.2";
+declare const VERSION = "0.50.4";
 
 export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, type ElementChangeMeta, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, type RotateDirection, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInRectangle, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };

package/dist/index.d.ts

@@ -1123,6 +1123,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.50.2";
+declare const VERSION = "0.50.4";
 
 export { type ActiveFormats, type AlignEdge, type ArrowElement, type ArrowStrokeStyle, ArrowTool, type ArrowToolOptions, AutoSave, type AutoSaveOptions, type BackgroundOptions, type BackgroundPattern, type Binding, type Bounds, Camera, type CameraChangeInfo, type CameraOptions, type CanvasElement, type CanvasState, type Command, DEFAULT_NOTE_FONT_SIZE, type DistributeAxis, type ElementChangeMeta, ElementStore, type ElementStyle, type ElementType, type ElementUpdateEvent, EraserTool, type EraserToolOptions, type ExportImageOptions, type ExportSvgOptions, type FontSizePreset, type GridElement, type GridInfo, HandTool, type HexOrientation, HistoryStack, type HistoryStackOptions, type HtmlElement, type ImageElement, ImageTool, type ImageToolOptions, IndexedDBAdapter, type IndexedDBAdapterOptions, LaserTool, type LaserToolOptions, type Layer, LayerManager, LocalStorageAdapter, MeasureTool, type MeasureToolOptions, type Measurement, MemoryAdapter, type NoteElement, NoteTool, type NoteToolOptions, PencilTool, type PencilToolOptions, type Point, type PointerState, type RenderStatsSnapshot, type RotateDirection, SelectTool, type ShapeElement, type ShapeKind, ShapeTool, type ShapeToolOptions, type ShortcutBindings, type ShortcutOptions, type ShortcutsApi, type Size, type StorageAdapter, type StrokeElement, type StrokePoint, type TemplateElement, type TemplateRenderStyle, type TemplateShape, TemplateTool, type TemplateToolOptions, type TextElement, TextTool, type TextToolOptions, type Tool, type ToolContext, ToolManager, type ToolName, VERSION, Viewport, type ViewportOptions, boundsIntersect, createArrow, createGrid, createHtmlElement, createImage, createNote, createShape, createStroke, createTemplate, createText, drawHexPath, exportImage, exportSvg, getActiveFormats, getArrowBounds, getArrowControlPoint, getArrowMidpoint, getArrowTangentAngle, getBendFromPoint, getElementBounds, getElementStyle, getElementsBoundingBox, getHexCellsInCone, getHexCellsInLine, getHexCellsInRadius, getHexCellsInRectangle, getHexCellsInSquare, getHexDistance, isNearBezier, setFontSize, smartSnap, snapPoint, snapToHexCenter, styleToPatch, toggleBold, toggleItalic, toggleStrikethrough, toggleUnderline };

package/dist/index.js

@@ -2233,6 +2233,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;
@@ -2285,6 +2288,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;
@@ -2348,6 +2359,7 @@ var Quadtree = class {
     return this._size;
   }
   insert(id, bounds) {
+    this.expandToFit(bounds);
     this.root.insert({ id, bounds });
     this._size++;
   }
@@ -2372,6 +2384,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
@@ -8330,7 +8360,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;
@@ -8344,7 +8375,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) {
@@ -8395,7 +8426,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;
@@ -8587,22 +8620,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);
@@ -8837,7 +8873,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 };
@@ -9271,10 +9308,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") {
@@ -9432,7 +9469,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(
@@ -10589,7 +10627,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.50.2";
+var VERSION = "0.50.4";
 export {
   ArrowTool,
   AutoSave,