partforge 0.12.0 → 0.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "partforge",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Turn a declarative part definition into a parametric-CAD web app (three.js + Manifold/Replicad). Requires a Vite-based consumer.",
   "type": "module",
   "license": "MIT",

package/src/framework/selection/pick.js

@@ -5,11 +5,40 @@ import { resolveSelection } from "./resolve.js";
 
 export { worldToSubPartLocal };
 
+const DRAG_THRESHOLD_SQUARED = 4 ** 2;
+
 export function attachPicker(viewer, { part, getContext, onPick }) {
   let active = false;
+  const pointerStarts = new Map();
+  let dragged = false;
+
+  function onPointerDown(ev) {
+    if (pointerStarts.size === 0) dragged = false;
+    pointerStarts.set(ev.pointerId, { x: ev.clientX, y: ev.clientY });
+  }
+
+  function onPointerMove(ev) {
+    const pointerStart = pointerStarts.get(ev.pointerId);
+    if (!pointerStart || dragged) return;
+    const dx = ev.clientX - pointerStart.x;
+    const dy = ev.clientY - pointerStart.y;
+    dragged = dx * dx + dy * dy > DRAG_THRESHOLD_SQUARED;
+  }
+
+  function onPointerUp(ev) {
+    pointerStarts.delete(ev.pointerId);
+  }
+
+  function onPointerCancel(ev) {
+    pointerStarts.delete(ev.pointerId);
+    if (pointerStarts.size === 0) dragged = false;
+  }
 
   function onClick(ev) {
-    if (!active) return;
+    const wasDragged = dragged;
+    pointerStarts.clear();
+    dragged = false;
+    if (!active || wasDragged) return;
     const hit = raycastViewer(viewer, ev.clientX, ev.clientY);
     if (!hit) return;
     const selection = resolveSelection(part, getContext(), hit);
@@ -17,9 +46,19 @@ export function attachPicker(viewer, { part, getContext, onPick }) {
     onPick(selection);
   }
 
+  viewer.domElement.addEventListener("pointerdown", onPointerDown);
+  viewer.domElement.addEventListener("pointermove", onPointerMove);
+  viewer.domElement.addEventListener("pointerup", onPointerUp);
+  viewer.domElement.addEventListener("pointercancel", onPointerCancel);
   viewer.domElement.addEventListener("click", onClick);
   return {
     setActive: (on) => { active = !!on; },
-    detach: () => viewer.domElement.removeEventListener("click", onClick),
+    detach: () => {
+      viewer.domElement.removeEventListener("pointerdown", onPointerDown);
+      viewer.domElement.removeEventListener("pointermove", onPointerMove);
+      viewer.domElement.removeEventListener("pointerup", onPointerUp);
+      viewer.domElement.removeEventListener("pointercancel", onPointerCancel);
+      viewer.domElement.removeEventListener("click", onClick);
+    },
   };
 }