@broberg/bodymap 0.3.0 → 0.5.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,9 @@ function BodyMap3D(props) {
     autoRotate = true,
     canvasHeight = "60vh",
     showRegionCode = true,
+    onFeedback,
+    haptics,
+    seam = false,
     className
   } = props;
   const chrome = uiColors(palette);
@@ -324,6 +346,8 @@ function BodyMap3D(props) {
   const pickRef = react.useRef(() => "ignore");
   const setReadyRef = react.useRef(setReady);
   setReadyRef.current = setReady;
+  const seamRef = react.useRef(seam);
+  seamRef.current = seam;
   const apiRef = react.useRef(null);
   react.useEffect(() => {
     if (!webglAvailable()) {
@@ -417,7 +441,7 @@ function BodyMap3D(props) {
       };
       for (let i = 0; i < vertexRegion.length; i++) {
         tmp.copy(col(vertexRegion[i]));
-        const w = vertexBlend[i];
+        const w = seamRef.current ? vertexBlend[i] : 0;
         if (w > 0) {
           tmp2.copy(col(vertexNeighbour[i]));
           tmp.lerp(tmp2, w);
@@ -451,7 +475,7 @@ function BodyMap3D(props) {
         });
         if (bodyMesh) {
           const geo = bodyMesh.geometry;
-          geo.computeVertexNormals();
+          if (!geo.getAttribute("normal")) geo.computeVertexNormals();
           const pos = geo.getAttribute("position");
           const n = pos.count;
           const cols = new Float32Array(n * 3);
@@ -588,7 +612,7 @@ function BodyMap3D(props) {
   }, []);
   react.useEffect(() => {
     apiRef.current?.refresh();
-  }, [selected, report, palette]);
+  }, [selected, report, palette, seam]);
   const sexInited = react.useRef(false);
   react.useEffect(() => {
     if (!sexInited.current) {
@@ -607,6 +631,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;