@fieldnotes/core 0.11.0 → 0.11.1

package/dist/index.cjs

@@ -398,7 +398,13 @@ function exportState(elements, camera, layers = []) {
       position: { ...camera.position },
       zoom: camera.zoom
     },
-    elements: elements.map((el) => structuredClone(el)),
+    elements: elements.map((el) => {
+      const clone = structuredClone(el);
+      if (clone.type === "arrow") {
+        delete clone.cachedControlPoint;
+      }
+      return clone;
+    }),
     layers: layers.map((l) => ({ ...l }))
   };
 }
@@ -861,6 +867,7 @@ var InputHandler = class {
   historyRecorder;
   historyStack;
   isToolActive = false;
+  lastPointerEvent = null;
   abortController = new AbortController();
   setToolManager(toolManager, toolContext) {
     this.toolManager = toolManager;
@@ -868,6 +875,7 @@ var InputHandler = class {
   }
   destroy() {
     this.abortController.abort();
+    this.lastPointerEvent = null;
   }
   bind() {
     const opts = { signal: this.abortController.signal };
@@ -903,11 +911,12 @@ var InputHandler = class {
       this.lastPointer = { x: e.clientX, y: e.clientY };
       return;
     }
-    if (this.activePointers.size === 1 && e.button === 0) {
+    if (this.activePointers.size === 1 && (e.button === 0 || e.pointerType === "touch" || e.pointerType === "pen")) {
       this.dispatchToolDown(e);
     }
   };
   onPointerMove = (e) => {
+    this.lastPointerEvent = e;
     if (this.activePointers.has(e.pointerId)) {
       this.activePointers.set(e.pointerId, { x: e.clientX, y: e.clientY });
     }
@@ -929,6 +938,10 @@ var InputHandler = class {
     }
   };
   onPointerUp = (e) => {
+    try {
+      this.element.releasePointerCapture(e.pointerId);
+    } catch {
+    }
     this.activePointers.delete(e.pointerId);
     if (this.activePointers.size < 2) {
       this.lastPinchDistance = 0;
@@ -961,6 +974,13 @@ var InputHandler = class {
   onKeyUp = (e) => {
     if (e.key === " ") {
       this.spaceHeld = false;
+      if (this.activePointers.size === 0) {
+        if (this.lastPointerEvent) {
+          this.dispatchToolHover(this.lastPointerEvent);
+        } else {
+          this.toolContext?.setCursor?.("default");
+        }
+      }
     }
   };
   startPinch() {
@@ -4561,7 +4581,10 @@ var Viewport = class {
       position: "relative",
       width: "100%",
       height: "100%",
-      overflow: "hidden"
+      overflow: "hidden",
+      overscrollBehavior: "none",
+      userSelect: "none",
+      webkitUserSelect: "none"
     });
     return el;
   }

package/dist/index.d.cts

@@ -423,6 +423,7 @@ declare class InputHandler {
     private historyRecorder;
     private historyStack;
     private isToolActive;
+    private lastPointerEvent;
     private readonly abortController;
     constructor(element: HTMLElement, camera: Camera, options?: InputHandlerOptions);
     setToolManager(toolManager: ToolManager, toolContext: ToolContext): void;

package/dist/index.d.ts

@@ -423,6 +423,7 @@ declare class InputHandler {
     private historyRecorder;
     private historyStack;
     private isToolActive;
+    private lastPointerEvent;
     private readonly abortController;
     constructor(element: HTMLElement, camera: Camera, options?: InputHandlerOptions);
     setToolManager(toolManager: ToolManager, toolContext: ToolContext): void;

package/dist/index.js

@@ -292,7 +292,13 @@ function exportState(elements, camera, layers = []) {
       position: { ...camera.position },
       zoom: camera.zoom
     },
-    elements: elements.map((el) => structuredClone(el)),
+    elements: elements.map((el) => {
+      const clone = structuredClone(el);
+      if (clone.type === "arrow") {
+        delete clone.cachedControlPoint;
+      }
+      return clone;
+    }),
     layers: layers.map((l) => ({ ...l }))
   };
 }
@@ -755,6 +761,7 @@ var InputHandler = class {
   historyRecorder;
   historyStack;
   isToolActive = false;
+  lastPointerEvent = null;
   abortController = new AbortController();
   setToolManager(toolManager, toolContext) {
     this.toolManager = toolManager;
@@ -762,6 +769,7 @@ var InputHandler = class {
   }
   destroy() {
     this.abortController.abort();
+    this.lastPointerEvent = null;
   }
   bind() {
     const opts = { signal: this.abortController.signal };
@@ -797,11 +805,12 @@ var InputHandler = class {
       this.lastPointer = { x: e.clientX, y: e.clientY };
       return;
     }
-    if (this.activePointers.size === 1 && e.button === 0) {
+    if (this.activePointers.size === 1 && (e.button === 0 || e.pointerType === "touch" || e.pointerType === "pen")) {
       this.dispatchToolDown(e);
     }
   };
   onPointerMove = (e) => {
+    this.lastPointerEvent = e;
     if (this.activePointers.has(e.pointerId)) {
       this.activePointers.set(e.pointerId, { x: e.clientX, y: e.clientY });
     }
@@ -823,6 +832,10 @@ var InputHandler = class {
     }
   };
   onPointerUp = (e) => {
+    try {
+      this.element.releasePointerCapture(e.pointerId);
+    } catch {
+    }
     this.activePointers.delete(e.pointerId);
     if (this.activePointers.size < 2) {
       this.lastPinchDistance = 0;
@@ -855,6 +868,13 @@ var InputHandler = class {
   onKeyUp = (e) => {
     if (e.key === " ") {
       this.spaceHeld = false;
+      if (this.activePointers.size === 0) {
+        if (this.lastPointerEvent) {
+          this.dispatchToolHover(this.lastPointerEvent);
+        } else {
+          this.toolContext?.setCursor?.("default");
+        }
+      }
     }
   };
   startPinch() {
@@ -4455,7 +4475,10 @@ var Viewport = class {
       position: "relative",
       width: "100%",
       height: "100%",
-      overflow: "hidden"
+      overflow: "hidden",
+      overscrollBehavior: "none",
+      userSelect: "none",
+      webkitUserSelect: "none"
     });
     return el;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fieldnotes/core",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "Vanilla TypeScript infinite canvas engine",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -21,11 +21,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -45,9 +40,19 @@
     "sdk"
   ],
   "devDependencies": {
+    "@playwright/test": "^1.60.0",
     "@vitest/coverage-v8": "^4.1.0",
     "jsdom": "^29.0.0",
     "tsup": "^8.5.1",
     "vitest": "^4.1.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:all": "vitest run --coverage",
+    "e2e": "playwright test --config e2e/playwright.config.ts",
+    "e2e:update": "playwright test --config e2e/playwright.config.ts --update-snapshots"
   }
-}
+}