react-native-body-parts-anatomy 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Eslam Elfateh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,183 @@
+# react-native-body-parts-anatomy
+
+Tappable, zoomable, individually-addressable human body diagram for React Native — 308 SVG
+fragments across male/female, front/back, zero native code.
+
+## Features
+
+- **308 individually-tappable fragments** (vs. ~35 merged regions in other body-map libraries) —
+  each muscle group is split into its real anatomical sub-pieces (e.g. `abs` is 8 separate
+  fragments per gender/view), each with an auto-derived `side` (`left`/`right`/`null`) and `axis`
+  (`upper`/`middle`/`lower`/`inner`/`center`/`outer`/`null`) label.
+- Male/female × front/back — 4 view combinations.
+- Pinch-to-zoom, pan-while-zoomed, and step +/− buttons, all in one component.
+- Two modes: **interactive picker** (`onFragmentPress`) or **read-only diagram**
+  (`zoomable={false}`, colored via `colorForSlug`).
+- **Zero native code** — pure JS/TSX, only existing community peers
+  (`react-native-svg`, `react-native-gesture-handler`, `react-native-reanimated`).
+- Fully themeable via props — no bundled theme system, no i18n framework assumed.
+- Honors the OS Reduce Motion setting automatically.
+
+## Installation
+
+```sh
+npm install react-native-body-parts-anatomy
+npx expo install react-native-svg react-native-gesture-handler react-native-reanimated
+```
+
+### Required setup
+
+**Wrap your app root in `GestureHandlerRootView`.** The zoomable mode uses a `GestureDetector`
+for pinch/pan, which throws at runtime without it:
+
+```tsx
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+export default function App() {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      {/* ...your app... */}
+    </GestureHandlerRootView>
+  );
+}
+```
+
+You can skip this only if you exclusively use `zoomable={false}`.
+
+On the bare React Native CLI (not Expo), also follow each peer's own native setup —
+notably `react-native-reanimated`'s Babel plugin. Those are the peers' setup steps, not this
+package's.
+
+> **Reanimated v4 users:** Reanimated 4 moved worklets into a separate `react-native-worklets`
+> package and requires the New Architecture. This package never imports `react-native-worklets`
+> directly, so it isn't declared as a peer here — but you must satisfy *Reanimated's* own peer
+> requirement, and keep a **single** `react-native-worklets` version in your tree. A mismatch
+> between the installed JS version and the Babel plugin version fails at startup with
+> `[Worklets] Mismatch between JavaScript code version and Worklets Babel plugin version`.
+
+## Quick start
+
+### Interactive picker
+
+```tsx
+import { useState } from 'react';
+import { BodySilhouette } from 'react-native-body-parts-anatomy';
+
+function PainAreaPicker() {
+  const [selectedSlugs, setSelectedSlugs] = useState<string[]>([]);
+
+  const toggleFragment = (slug: string) => {
+    setSelectedSlugs((current) =>
+      current.includes(slug) ? current.filter((item) => item !== slug) : [...current, slug]
+    );
+  };
+
+  return (
+    <BodySilhouette
+      gender="male"
+      view="front"
+      selectedSlugs={selectedSlugs}
+      onFragmentPress={toggleFragment}
+    />
+  );
+}
+```
+
+### Read-only diagram
+
+```tsx
+import { BodySilhouette } from 'react-native-body-parts-anatomy';
+
+function SymptomDiagram({ colorBySlug }: { colorBySlug: Map<string, string> }) {
+  return (
+    <BodySilhouette
+      gender="female"
+      view="back"
+      zoomable={false}
+      selectedSlugs={Array.from(colorBySlug.keys())}
+      colorForSlug={(slug) => colorBySlug.get(slug)}
+    />
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `gender` | `'male' \| 'female'` | — (required) | |
+| `view` | `'front' \| 'back'` | — (required) | |
+| `selectedSlugs` | `string[]` | — (required) | Fragment slugs currently highlighted. |
+| `colorForSlug` | `(slug: string) => string \| undefined` | — | Per-slug color override for selected fragments; falls back to `selectedFragmentColor` when it returns `undefined`. |
+| `onFragmentPress` | `(slug: string) => void` | — | Omit for a read-only diagram. |
+| `zoomable` | `boolean` | `true` | Enables pinch/pan/step-zoom and the floating +/− buttons. |
+| `outlineColor` | `string` | `'#333333'` | Skin-outline stroke color. |
+| `unselectedFragmentColor` | `string` | `'#D6D6D6'` | Fill for fragments not in `selectedSlugs`. |
+| `selectedFragmentColor` | `string` | `'#2563EB'` | Fallback fill when `colorForSlug` is omitted or returns `undefined`. |
+| `zoomButtonBackgroundColor` | `string` | `'#FFFFFF'` | |
+| `zoomButtonBorderColor` | `string` | `'#D6D6D6'` | |
+| `zoomButtonIconColor` | `string` | `'#333333'` | |
+| `zoomInAccessibilityLabel` | `string` | `'Zoom in'` | |
+| `zoomOutAccessibilityLabel` | `string` | `'Zoom out'` | |
+| `minScale` | `number` | `1` | |
+| `maxScale` | `number` | `3` | |
+| `zoomStep` | `number` | `0.5` | Scale delta per tap of a zoom button. |
+| `zoomAnimationDurationMs` | `number` | `200` | |
+
+## Exported data & types
+
+```ts
+import { BODY_REGIONS, FRAGMENTS_BY_PARENT, FRAGMENT_BY_SLUG } from 'react-native-body-parts-anatomy';
+import type { BodyFragment, BodyRegionSet } from 'react-native-body-parts-anatomy';
+
+// The full fragment tree, if you need to iterate it yourself.
+BODY_REGIONS.male.front.fragments; // BodyFragment[]
+
+// Reverse lookup: parent muscle name -> every fragment slug under it
+// (e.g. legacy-data migration, or building a "select whole muscle" affordance).
+FRAGMENTS_BY_PARENT['abs']; // ["abs-male-front-1", "abs-female-front-1", ...]
+
+// O(1) lookup by fragment slug — useful for building your own label text.
+const fragment = FRAGMENT_BY_SLUG['abs-male-front-3'];
+// { slug, parentSlug: 'abs', side: 'left', axis: 'upper', pathData }
+const label = [fragment.parentSlug, fragment.side, fragment.axis].filter(Boolean).join(' · ');
+```
+
+## Regenerating the data (maintainers only)
+
+`src/data/bodyRegions.generated.ts` is generated, not hand-written, by
+`scripts/generate-body-regions.mjs`, which reads `react-native-body-highlighter`'s raw SVG path
+data. This script is repo-only — it is **not** part of the published package (see the `files`
+allowlist in `package.json`) and pulls in `svgpath` as a devDependency only it uses.
+
+```sh
+npm run generate-data
+```
+
+This temporarily installs `react-native-body-highlighter@3.2.0` (`--no-save`), runs the codegen,
+then leaves your `package.json` untouched. See `THIRD_PARTY_NOTICES.md` for why this package
+depends on that library's data at build time but never at runtime.
+
+## Known limitations
+
+- **`head` and `hair` are excluded** from the fragment data (not relevant to the pain-tracking use
+  case this was originally built for). Re-including them is a one-line change to
+  `EXCLUDED_SLUGS` in `scripts/generate-body-regions.mjs`, followed by regenerating and
+  re-verifying the data — not done for this initial release.
+
+## License & attribution
+
+MIT — see [LICENSE](./LICENSE).
+
+The fragment path data is derived from `react-native-body-highlighter` (MIT, ELABBASSI Hicham) —
+see [THIRD_PARTY_NOTICES.md](./THIRD_PARTY_NOTICES.md) for the full attribution.
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,41 @@
+# Third-Party Notices
+
+This package's anatomical path data (`src/data/bodyRegions.generated.ts`) is derived from
+**react-native-body-highlighter** by ELABBASSI Hicham (npm: `HichamELBSI`), an MIT-licensed
+package.
+
+Specifically: this package's SVG fragment paths and skin-outline paths are extracted, split into
+finer-grained addressable pieces, and re-serialized from `react-native-body-highlighter`'s
+bundled SVG path data (see `scripts/generate-body-regions.mjs` for the extraction process). No
+code from `react-native-body-highlighter` is executed at runtime by this package — it is only a
+build-time input, temporarily installed as a dev dependency when regenerating the data.
+
+Because the resulting path data is a derivative of `react-native-body-highlighter`'s copyrighted
+SVG assets, its original MIT license and copyright notice are reproduced below, as required by
+the MIT license's terms.
+
+---
+
+## react-native-body-highlighter — MIT License
+
+MIT License
+
+Copyright (c) 2022 ELABBASSI Hicham
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/module/BodySilhouette.js

@@ -0,0 +1,240 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { StyleSheet, View, Pressable, Text } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { BODY_REGIONS } from "./data/bodyRegions.generated.js";
+import { useReducedMotion } from "./hooks/useReducedMotion.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function viewBoxAspectRatio(viewBox) {
+  const tokens = viewBox.split(' ');
+  const width = Number(tokens[2]);
+  const height = Number(tokens[3]);
+  return width / height;
+}
+
+// Only four gender/view combinations exist (BODY_REGIONS is static generated
+// data), so their aspect ratios are precomputed once here rather than built
+// as a fresh style object inline on every render.
+const CONTAINER_ASPECT_RATIO_STYLE = {
+  'male-front': {
+    aspectRatio: viewBoxAspectRatio(BODY_REGIONS.male.front.viewBox)
+  },
+  'male-back': {
+    aspectRatio: viewBoxAspectRatio(BODY_REGIONS.male.back.viewBox)
+  },
+  'female-front': {
+    aspectRatio: viewBoxAspectRatio(BODY_REGIONS.female.front.viewBox)
+  },
+  'female-back': {
+    aspectRatio: viewBoxAspectRatio(BODY_REGIONS.female.back.viewBox)
+  }
+};
+function clampWorklet(value, min, max) {
+  'worklet';
+
+  return Math.min(Math.max(value, min), max);
+}
+function maxTranslateWorklet(currentScale, containerSize) {
+  'worklet';
+
+  return Math.max(0, containerSize * (currentScale - 1) / 2);
+}
+export function BodySilhouette({
+  gender,
+  view,
+  selectedSlugs,
+  colorForSlug,
+  onFragmentPress,
+  zoomable = true,
+  outlineColor = '#333333',
+  unselectedFragmentColor = '#D6D6D6',
+  selectedFragmentColor = '#2563EB',
+  zoomButtonBackgroundColor = '#FFFFFF',
+  zoomButtonBorderColor = '#D6D6D6',
+  zoomButtonIconColor = '#333333',
+  zoomInAccessibilityLabel = 'Zoom in',
+  zoomOutAccessibilityLabel = 'Zoom out',
+  minScale = 1,
+  maxScale = 3,
+  zoomStep = 0.5,
+  zoomAnimationDurationMs = 200
+}) {
+  const reducedMotion = useReducedMotion();
+  const regionSet = BODY_REGIONS[gender][view];
+  const aspectRatioStyle = CONTAINER_ASPECT_RATIO_STYLE[`${gender}-${view}`];
+  const scale = useSharedValue(1);
+  const savedScale = useSharedValue(1);
+  const translateX = useSharedValue(0);
+  const translateY = useSharedValue(0);
+  const savedTranslateX = useSharedValue(0);
+  const savedTranslateY = useSharedValue(0);
+  const containerWidth = useSharedValue(0);
+  const containerHeight = useSharedValue(0);
+
+  // A zoom/pan carried over onto a different gender or view is confusing,
+  // not helpful — always start fresh when the displayed image changes.
+  useEffect(() => {
+    scale.value = 1;
+    savedScale.value = 1;
+    translateX.value = 0;
+    translateY.value = 0;
+    savedTranslateX.value = 0;
+    savedTranslateY.value = 0;
+  }, [gender, view, scale, savedScale, translateX, translateY, savedTranslateX, savedTranslateY]);
+  const pinchGesture = Gesture.Pinch().onUpdate(event => {
+    scale.value = clampWorklet(savedScale.value * event.scale, minScale, maxScale);
+  }).onEnd(() => {
+    savedScale.value = scale.value;
+    const maxX = maxTranslateWorklet(scale.value, containerWidth.value);
+    const maxY = maxTranslateWorklet(scale.value, containerHeight.value);
+    translateX.value = clampWorklet(translateX.value, -maxX, maxX);
+    translateY.value = clampWorklet(translateY.value, -maxY, maxY);
+    savedTranslateX.value = translateX.value;
+    savedTranslateY.value = translateY.value;
+  });
+  const panGesture = Gesture.Pan().onUpdate(event => {
+    if (savedScale.value <= minScale) return;
+    const maxX = maxTranslateWorklet(savedScale.value, containerWidth.value);
+    const maxY = maxTranslateWorklet(savedScale.value, containerHeight.value);
+    translateX.value = clampWorklet(savedTranslateX.value + event.translationX, -maxX, maxX);
+    translateY.value = clampWorklet(savedTranslateY.value + event.translationY, -maxY, maxY);
+  }).onEnd(() => {
+    savedTranslateX.value = translateX.value;
+    savedTranslateY.value = translateY.value;
+  });
+  const composedGesture = Gesture.Simultaneous(pinchGesture, panGesture);
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }, {
+      translateY: translateY.value
+    }, {
+      scale: scale.value
+    }]
+  }));
+  const applyZoomStep = direction => {
+    const nextScale = clampWorklet(savedScale.value + direction * zoomStep, minScale, maxScale);
+    savedScale.value = nextScale;
+    scale.value = reducedMotion ? nextScale : withTiming(nextScale, {
+      duration: zoomAnimationDurationMs
+    });
+    if (nextScale <= minScale) {
+      savedTranslateX.value = 0;
+      savedTranslateY.value = 0;
+      translateX.value = reducedMotion ? 0 : withTiming(0, {
+        duration: zoomAnimationDurationMs
+      });
+      translateY.value = reducedMotion ? 0 : withTiming(0, {
+        duration: zoomAnimationDurationMs
+      });
+    }
+  };
+  const handleLayout = event => {
+    containerWidth.value = event.nativeEvent.layout.width;
+    containerHeight.value = event.nativeEvent.layout.height;
+  };
+  const diagramContent = /*#__PURE__*/_jsxs(Svg, {
+    viewBox: regionSet.viewBox,
+    width: "100%",
+    height: "100%",
+    accessible: true,
+    accessibilityLabel: `${gender}-body-${view}`,
+    children: [/*#__PURE__*/_jsx(Path, {
+      d: regionSet.outlineD,
+      stroke: outlineColor,
+      strokeWidth: 2,
+      fill: "none",
+      vectorEffect: "non-scaling-stroke"
+    }), regionSet.fragments.map(fragment => {
+      const isSelected = selectedSlugs.includes(fragment.slug);
+      const fillColor = isSelected ? colorForSlug?.(fragment.slug) ?? selectedFragmentColor : unselectedFragmentColor;
+      return /*#__PURE__*/_jsx(Path, {
+        d: fragment.pathData,
+        fill: fillColor,
+        onPressIn: onFragmentPress ? () => onFragmentPress(fragment.slug) : undefined
+      }, fragment.slug);
+    })]
+  });
+  if (!zoomable) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [localStyles.container, aspectRatioStyle],
+      children: diagramContent
+    });
+  }
+  const zoomButtonStyle = {
+    backgroundColor: zoomButtonBackgroundColor,
+    borderColor: zoomButtonBorderColor
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [localStyles.zoomableContainer, aspectRatioStyle],
+    onLayout: handleLayout,
+    children: [/*#__PURE__*/_jsx(GestureDetector, {
+      gesture: composedGesture,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [localStyles.container, animatedStyle],
+        children: diagramContent
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: localStyles.zoomControls,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: [localStyles.zoomButton, zoomButtonStyle],
+        onPress: () => applyZoomStep(-1),
+        hitSlop: 8,
+        accessibilityRole: "button",
+        accessibilityLabel: zoomOutAccessibilityLabel,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [localStyles.zoomButtonGlyph, {
+            color: zoomButtonIconColor
+          }],
+          children: "\u2212"
+        })
+      }), /*#__PURE__*/_jsx(Pressable, {
+        style: [localStyles.zoomButton, zoomButtonStyle],
+        onPress: () => applyZoomStep(1),
+        hitSlop: 8,
+        accessibilityRole: "button",
+        accessibilityLabel: zoomInAccessibilityLabel,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [localStyles.zoomButtonGlyph, {
+            color: zoomButtonIconColor
+          }],
+          children: "+"
+        })
+      })]
+    })]
+  });
+}
+const localStyles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%'
+  },
+  zoomableContainer: {
+    width: '100%',
+    overflow: 'hidden'
+  },
+  zoomControls: {
+    position: 'absolute',
+    bottom: 8,
+    end: 8,
+    flexDirection: 'row',
+    gap: 8
+  },
+  zoomButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    borderWidth: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  zoomButtonGlyph: {
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 18
+  }
+});
+//# sourceMappingURL=BodySilhouette.js.map

package/lib/module/BodySilhouette.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","StyleSheet","View","Pressable","Text","Svg","Path","GestureDetector","Gesture","Animated","useSharedValue","useAnimatedStyle","withTiming","BODY_REGIONS","useReducedMotion","jsx","_jsx","jsxs","_jsxs","viewBoxAspectRatio","viewBox","tokens","split","width","Number","height","CONTAINER_ASPECT_RATIO_STYLE","aspectRatio","male","front","back","female","clampWorklet","value","min","max","Math","maxTranslateWorklet","currentScale","containerSize","BodySilhouette","gender","view","selectedSlugs","colorForSlug","onFragmentPress","zoomable","outlineColor","unselectedFragmentColor","selectedFragmentColor","zoomButtonBackgroundColor","zoomButtonBorderColor","zoomButtonIconColor","zoomInAccessibilityLabel","zoomOutAccessibilityLabel","minScale","maxScale","zoomStep","zoomAnimationDurationMs","reducedMotion","regionSet","aspectRatioStyle","scale","savedScale","translateX","translateY","savedTranslateX","savedTranslateY","containerWidth","containerHeight","pinchGesture","Pinch","onUpdate","event","onEnd","maxX","maxY","panGesture","Pan","translationX","translationY","composedGesture","Simultaneous","animatedStyle","transform","applyZoomStep","direction","nextScale","duration","handleLayout","nativeEvent","layout","diagramContent","accessible","accessibilityLabel","children","d","outlineD","stroke","strokeWidth","fill","vectorEffect","fragments","map","fragment","isSelected","includes","slug","fillColor","pathData","onPressIn","undefined","style","localStyles","container","zoomButtonStyle","backgroundColor","borderColor","zoomableContainer","onLayout","gesture","zoomControls","zoomButton","onPress","hitSlop","accessibilityRole","zoomButtonGlyph","color","create","overflow","position","bottom","end","flexDirection","gap","borderRadius","borderWidth","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../src","sources":["BodySilhouette.tsx"],"mappings":"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","ignoreList":[]}