@broberg/bodymap 0.10.0 → 0.11.0

package/README.md

@@ -382,6 +382,23 @@ is invisible on a desktop monitor and obvious on a phone.
 
 3D only — the 2D renderer has no canvas and no fullscreen, so it ignores it.
 
+### A slow tap is still a tap (0.11.0)
+
+Until 0.11.0 a press held longer than **450 ms** was discarded — silently. No
+pick, no clear, no `onFeedback`, no repaint.
+
+Distance already separates a tap from a drag: a drag moves. The time ceiling did
+not help with that; what it did was rule that a **slow** press is not a tap. And a
+slow press is exactly what a **careful** tap is — aiming at a small body part on a
+phone, at a mark you are trying to hit again, takes longer than a casual poke.
+
+The owner reported it twice, as *"the remove button is gone"* and as *"the sound
+doesn't work"*. Both were the same swallowed tap, and each was explained away
+separately. **A tap that is silently discarded is indistinguishable from a broken
+component.**
+
+`isTap(dx, dy)` is exported if you need the same rule.
+
 ### `hint` — turn the help note off, or move it (0.10.0)
 
 ```tsx

package/dist/three.cjs

@@ -282,6 +282,10 @@ function seamBlend(nearestSq, secondSq) {
 function seamWeight(seamEnabled, blend) {
   return seamEnabled ? blend : 0;
 }
+function isTap(dx, dy, maxDistance = TAP_MAX_DISTANCE) {
+  return Math.hypot(dx, dy) <= maxDistance;
+}
+var TAP_MAX_DISTANCE = 6;
 function ensureNormals(geo) {
   if (geo.getAttribute("normal")) return false;
   geo.computeVertexNormals();
@@ -595,12 +599,11 @@ function BodyMap3D(props) {
       }
       return best;
     };
-    let downX = 0, downY = 0, downT = 0;
+    let downX = 0, downY = 0;
     const canvas = renderer.domElement;
     const onDown = (e) => {
       downX = e.clientX;
       downY = e.clientY;
-      downT = Date.now();
     };
     const onMove = (e) => {
       if ((e.buttons || 0) !== 0) return;
@@ -612,7 +615,7 @@ function BodyMap3D(props) {
       renderFrame();
     };
     const onUp = (e) => {
-      if (Math.hypot(e.clientX - downX, e.clientY - downY) > 6 || Date.now() - downT > 450) return;
+      if (!isTap(e.clientX - downX, e.clientY - downY)) return;
       const k = pick(e.clientX, e.clientY);
       if (!k) return;
       const outcome = pickRef.current(k);
@@ -853,7 +856,9 @@ function BodyMap3D(props) {
 }
 
 exports.BodyMap3D = BodyMap3D;
+exports.TAP_MAX_DISTANCE = TAP_MAX_DISTANCE;
 exports.ensureNormals = ensureNormals;
+exports.isTap = isTap;
 exports.seamBlend = seamBlend;
 exports.seamWeight = seamWeight;
 exports.serializeReport = serializeReport;