@broberg/bodymap 0.3.0 → 0.4.0

package/dist/three.cjs

@@ -84,6 +84,25 @@ function isSelectable(key, config = {}) {
   if (s?.visible === false) return false;
   return s?.selectable ?? true;
 }
+var VIBRATION_PATTERNS = {
+  select: [12],
+  clear: [8, 40, 8],
+  ignore: []
+};
+function requestVibration(pattern, nav = globalThis.navigator) {
+  if (pattern.length === 0) return "skipped";
+  if (typeof nav?.vibrate !== "function") return "unsupported";
+  try {
+    return nav.vibrate([...pattern]) ? "requested" : "declined";
+  } catch {
+    return "declined";
+  }
+}
+function emitFeedback(outcome, region, opts = {}) {
+  opts.onFeedback?.({ outcome, region });
+  if (opts.haptics === false) return "skipped";
+  return requestVibration(VIBRATION_PATTERNS[outcome], opts.nav);
+}
 var defaultUi = {
   text: "#1e293b",
   mutedText: "#475569",
@@ -287,6 +306,8 @@ function BodyMap3D(props) {
     autoRotate = true,
     canvasHeight = "60vh",
     showRegionCode = true,
+    onFeedback,
+    haptics,
     className
   } = props;
   const chrome = uiColors(palette);
@@ -607,6 +628,7 @@ function BodyMap3D(props) {
   };
   pickRef.current = (k) => {
     const what = decidePick(k, reportRef.current, configRef.current ?? {});
+    emitFeedback(what, k, { onFeedback, haptics });
     if (what === "clear") removePain(k);
     else if (what === "select") setSelected(k);
     return what;