@fieldnotes/core 0.50.3 → 0.50.5

package/dist/index.d.cts

@@ -1123,6 +1123,6 @@ declare class LaserTool implements Tool {
     private notifyOptionsChange;
 }
 
-declare const VERSION = "0.50.3";
+declare const VERSION = "0.50.5";
 
 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.3";
+declare const VERSION = "0.50.5";
 
 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

@@ -1945,7 +1945,11 @@ var InputHandler = class {
     if (this.lastPinchDistance > 0) {
       const scale = dist / this.lastPinchDistance;
       const newZoom = this.camera.zoom * scale;
-      this.camera.zoomAt(newZoom, center2);
+      const rect = this.element.getBoundingClientRect();
+      this.camera.zoomAt(newZoom, {
+        x: center2.x - rect.left,
+        y: center2.y - rect.top
+      });
     }
     const dx = center2.x - this.lastPointer.x;
     const dy = center2.y - this.lastPointer.y;
@@ -8360,7 +8364,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;
@@ -8374,7 +8379,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) {
@@ -8425,7 +8430,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;
@@ -8617,22 +8624,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);
@@ -8867,7 +8877,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 };
@@ -9301,10 +9312,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") {
@@ -9462,7 +9473,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(
@@ -10619,7 +10631,7 @@ var LaserTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.50.3";
+var VERSION = "0.50.5";
 export {
   ArrowTool,
   AutoSave,