@broberg/bodymap 0.4.0 → 0.5.0

package/dist/three.d.cts

@@ -216,6 +216,22 @@ interface BodyMap3DProps {
      *  (default true). Set false for a patient/employee-facing flow where the code is
      *  internal jargon and the readable region name is enough. */
     showRegionCode?: boolean;
+    /** Soften the colour transition between neighbouring regions (F052.21).
+     *
+     *  DEFAULT FALSE, and the default is the accessible one (F052.23). The blend
+     *  mixes the BODY colour into a marked region near its boundary — which on a
+     *  SMALL mark is most of the mark. Measured on a phone with a consumer's
+     *  palette and one knee marked: the mark's average contrast against the body
+     *  fell from 4.71:1 to 3.59:1, i.e. below the WCAG AA threshold of 4.5:1, on a
+     *  surface a public authority is legally required to meet.
+     *
+     *  At the single strongest pixel the cost is small (5.12 → 4.78) — which is
+     *  why a spot-check misses it and the AVERAGE is what a person sees.
+     *
+     *  Turn it on when the marked areas are LARGE and you have no accessibility
+     *  duty: the soft seam genuinely looks better there, and that is why it is
+     *  still here rather than deleted. */
+    seam?: boolean;
     /** Fired after every pick with what ACTUALLY happened (F052.22): "select",
      *  "clear" or "ignore". Wire it to a sound (`@broberg/soundkit`) or to native
      *  haptics (Capacitor `Haptics.impact()` — the only route to a real buzz on an

package/dist/three.d.ts

@@ -216,6 +216,22 @@ interface BodyMap3DProps {
      *  (default true). Set false for a patient/employee-facing flow where the code is
      *  internal jargon and the readable region name is enough. */
     showRegionCode?: boolean;
+    /** Soften the colour transition between neighbouring regions (F052.21).
+     *
+     *  DEFAULT FALSE, and the default is the accessible one (F052.23). The blend
+     *  mixes the BODY colour into a marked region near its boundary — which on a
+     *  SMALL mark is most of the mark. Measured on a phone with a consumer's
+     *  palette and one knee marked: the mark's average contrast against the body
+     *  fell from 4.71:1 to 3.59:1, i.e. below the WCAG AA threshold of 4.5:1, on a
+     *  surface a public authority is legally required to meet.
+     *
+     *  At the single strongest pixel the cost is small (5.12 → 4.78) — which is
+     *  why a spot-check misses it and the AVERAGE is what a person sees.
+     *
+     *  Turn it on when the marked areas are LARGE and you have no accessibility
+     *  duty: the soft seam genuinely looks better there, and that is why it is
+     *  still here rather than deleted. */
+    seam?: boolean;
     /** Fired after every pick with what ACTUALLY happened (F052.22): "select",
      *  "clear" or "ignore". Wire it to a sound (`@broberg/soundkit`) or to native
      *  haptics (Capacitor `Haptics.impact()` — the only route to a real buzz on an

package/dist/three.js

@@ -286,6 +286,7 @@ function BodyMap3D(props) {
     showRegionCode = true,
     onFeedback,
     haptics,
+    seam = false,
     className
   } = props;
   const chrome = uiColors(palette);
@@ -323,6 +324,8 @@ function BodyMap3D(props) {
   const pickRef = useRef(() => "ignore");
   const setReadyRef = useRef(setReady);
   setReadyRef.current = setReady;
+  const seamRef = useRef(seam);
+  seamRef.current = seam;
   const apiRef = useRef(null);
   useEffect(() => {
     if (!webglAvailable()) {
@@ -416,7 +419,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);
@@ -450,7 +453,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);
@@ -587,7 +590,7 @@ function BodyMap3D(props) {
   }, []);
   useEffect(() => {
     apiRef.current?.refresh();
-  }, [selected, report, palette]);
+  }, [selected, report, palette, seam]);
   const sexInited = useRef(false);
   useEffect(() => {
     if (!sexInited.current) {