@fieldnotes/core 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -220,6 +220,7 @@ var Camera = class {
 };
 
 // src/canvas/background.ts
+var MIN_PATTERN_SPACING = 16;
 var DEFAULTS = {
   pattern: "dots",
   spacing: 24,
@@ -255,8 +256,15 @@ var Background = class {
     }
     ctx.restore();
   }
+  adaptSpacing(baseSpacing, zoom) {
+    let spacing = baseSpacing * zoom;
+    while (spacing < MIN_PATTERN_SPACING) {
+      spacing *= 2;
+    }
+    return spacing;
+  }
   renderDots(ctx, camera, width, height) {
-    const spacing = this.spacing * camera.zoom;
+    const spacing = this.adaptSpacing(this.spacing, camera.zoom);
     const offsetX = camera.position.x % spacing;
     const offsetY = camera.position.y % spacing;
     const radius = this.dotRadius * Math.min(camera.zoom, 2);
@@ -271,7 +279,7 @@ var Background = class {
     ctx.fill();
   }
   renderGrid(ctx, camera, width, height) {
-    const spacing = this.spacing * camera.zoom;
+    const spacing = this.adaptSpacing(this.spacing, camera.zoom);
     const offsetX = camera.position.x % spacing;
     const offsetY = camera.position.y % spacing;
     const lineW = this.lineWidth * Math.min(camera.zoom, 2);
@@ -331,9 +339,13 @@ var InputHandler = class {
   }
   onWheel = (e) => {
     e.preventDefault();
+    const rect = this.element.getBoundingClientRect();
     const zoomFactor = 1 - e.deltaY * ZOOM_SENSITIVITY;
     const newZoom = this.camera.zoom * zoomFactor;
-    this.camera.zoomAt(newZoom, { x: e.clientX, y: e.clientY });
+    this.camera.zoomAt(newZoom, {
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    });
   };
   isInteractiveHtmlContent(e) {
     const target = e.target;
@@ -460,7 +472,12 @@ var InputHandler = class {
     return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };
   }
   toPointerState(e) {
-    return { x: e.clientX, y: e.clientY, pressure: e.pressure };
+    const rect = this.element.getBoundingClientRect();
+    return {
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top,
+      pressure: e.pressure
+    };
   }
   dispatchToolDown(e) {
     if (!this.toolManager || !this.toolContext) return;
@@ -2203,7 +2220,7 @@ var ImageTool = class {
 };
 
 // src/index.ts
-var VERSION = "0.1.0";
+var VERSION = "0.1.2";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddElementCommand,