@broberg/bodymap 0.1.0

package/dist/react.d.ts

@@ -0,0 +1,47 @@
+import * as react from 'react';
+import { z } from 'zod';
+
+/** One marked pain point. `region` MUST be a known region key; `intensity` is a
+ *  0-10 integer; `type` is optional but constrained; `timestamp` is an ISO string. */
+declare const painPointSchema: z.ZodObject<{
+    region: z.ZodEffects<z.ZodString, string, string>;
+    intensity: z.ZodNumber;
+    type: z.ZodOptional<z.ZodEnum<["stikkende", "dump", "konstant", "jagende"]>>;
+    timestamp: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    region: string;
+    intensity: number;
+    timestamp: string;
+    type?: "stikkende" | "dump" | "konstant" | "jagende" | undefined;
+}, {
+    region: string;
+    intensity: number;
+    timestamp: string;
+    type?: "stikkende" | "dump" | "konstant" | "jagende" | undefined;
+}>;
+type PainPoint = z.infer<typeof painPointSchema>;
+type PainReport = PainPoint[];
+interface RegionSetting {
+    /** Render this region at all. Default true. */
+    visible?: boolean;
+    /** Allow marking pain on this region. Default true. */
+    selectable?: boolean;
+}
+/** Per-app config keyed by region key. An absent key ⇒ visible + selectable. */
+type RegionConfig = Record<string, RegionSetting>;
+
+interface BodyMapProps {
+    /** Controlled report. Omit for an uncontrolled component (use defaultValue). */
+    value?: PainReport;
+    /** Initial report when uncontrolled. */
+    defaultValue?: PainReport;
+    /** Fired with the full validated PainReport on every change. */
+    onChange?: (report: PainReport) => void;
+    /** Per-app region config (visible / selectable). */
+    config?: RegionConfig;
+    className?: string;
+}
+/** 2D SVG body pain-map. Click a region → set intensity + quality → PainReport. */
+declare function BodyMap({ value, defaultValue, onChange, config, className }: BodyMapProps): react.JSX.Element;
+
+export { BodyMap, type BodyMapProps };

package/dist/react.js

@@ -0,0 +1,277 @@
+import { useEffect, useState } from 'react';
+import { z } from 'zod';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/react.tsx
+var REGIONS = [
+  // axis / centre-line (serialised side "center")
+  { key: "head", label: "Hoved", code: "HEAD" },
+  { key: "neck", label: "Nakke", code: "NECK" },
+  { key: "chest", label: "Bryst", code: "CHEST" },
+  { key: "thora", label: "\xD8vre ryg (thorakal)", code: "THORA" },
+  { key: "lumbar", label: "L\xE6nd (lumbal)", code: "LUMBAR" },
+  { key: "groin", label: "Lyske", code: "GROIN" },
+  // paired limbs / sides (L / R)
+  { key: "shoulder_left", label: "Skulder, venstre", code: "SHOULDER", side: "left" },
+  { key: "shoulder_right", label: "Skulder, h\xF8jre", code: "SHOULDER", side: "right" },
+  { key: "uarm_left", label: "Overarm, venstre", code: "UARM", side: "left" },
+  { key: "uarm_right", label: "Overarm, h\xF8jre", code: "UARM", side: "right" },
+  { key: "elbow_left", label: "Albue, venstre", code: "ELBOW", side: "left" },
+  { key: "elbow_right", label: "Albue, h\xF8jre", code: "ELBOW", side: "right" },
+  { key: "farm_left", label: "Underarm, venstre", code: "FARM", side: "left" },
+  { key: "farm_right", label: "Underarm, h\xF8jre", code: "FARM", side: "right" },
+  { key: "wrist_left", label: "H\xE5ndled, venstre", code: "WRIST", side: "left" },
+  { key: "wrist_right", label: "H\xE5ndled, h\xF8jre", code: "WRIST", side: "right" },
+  { key: "hand_left", label: "H\xE5nd, venstre", code: "HAND", side: "left" },
+  { key: "hand_right", label: "H\xE5nd, h\xF8jre", code: "HAND", side: "right" },
+  { key: "hip_left", label: "Hofte, venstre", code: "HIP", side: "left" },
+  { key: "hip_right", label: "Hofte, h\xF8jre", code: "HIP", side: "right" },
+  { key: "thigh_left", label: "L\xE5r, venstre", code: "THIGH", side: "left" },
+  { key: "thigh_right", label: "L\xE5r, h\xF8jre", code: "THIGH", side: "right" },
+  { key: "knee_left", label: "Kn\xE6, venstre", code: "KNEE", side: "left" },
+  { key: "knee_right", label: "Kn\xE6, h\xF8jre", code: "KNEE", side: "right" },
+  { key: "lowleg_left", label: "Underben, venstre", code: "LOWLEG", side: "left" },
+  { key: "lowleg_right", label: "Underben, h\xF8jre", code: "LOWLEG", side: "right" },
+  { key: "ankle_left", label: "Ankel, venstre", code: "ANKLE", side: "left" },
+  { key: "ankle_right", label: "Ankel, h\xF8jre", code: "ANKLE", side: "right" },
+  { key: "foot_left", label: "Fod, venstre", code: "FOOT", side: "left" },
+  { key: "foot_right", label: "Fod, h\xF8jre", code: "FOOT", side: "right" }
+];
+var REGION_KEY_SET = new Set(REGIONS.map((r) => r.key));
+REGIONS.map((r) => r.key);
+var PAIN_TYPES = ["stikkende", "dump", "konstant", "jagende"];
+var painPointSchema = z.object({
+  region: z.string().refine((k) => REGION_KEY_SET.has(k), { message: "unknown region" }),
+  intensity: z.number().int().min(0).max(10),
+  type: z.enum(PAIN_TYPES).optional(),
+  timestamp: z.string()
+});
+z.array(painPointSchema);
+function resolveRegions(config = {}) {
+  return REGIONS.filter((r) => config[r.key]?.visible ?? true);
+}
+function isSelectable(key, config = {}) {
+  const s = config[key];
+  if (s?.visible === false) return false;
+  return s?.selectable ?? true;
+}
+z.object({
+  schema: z.literal("bodymap/v1"),
+  view: z.enum(["front", "back", "left", "right"]),
+  points: z.array(
+    z.object({
+      region: z.string(),
+      side: z.enum(["left", "right", "center"]),
+      intensity: z.number().int().min(0).max(10),
+      quality: z.enum(PAIN_TYPES).optional()
+    })
+  )
+});
+var SHAPES = {
+  head: { el: "circle", cx: 130, cy: 40, r: 26 },
+  neck: { el: "rect", x: 120, y: 62, width: 20, height: 16, rx: 6 },
+  chest: { el: "rect", x: 100, y: 84, width: 60, height: 104, rx: 16 },
+  groin: { el: "rect", x: 106, y: 190, width: 48, height: 30, rx: 13 },
+  // left arm (viewer-left)
+  shoulder_left: { el: "circle", cx: 88, cy: 98, r: 14 },
+  uarm_left: { el: "rect", x: 66, y: 104, width: 18, height: 54, rx: 9 },
+  elbow_left: { el: "circle", cx: 73, cy: 164, r: 10 },
+  farm_left: { el: "rect", x: 62, y: 174, width: 16, height: 50, rx: 8 },
+  wrist_left: { el: "circle", cx: 68, cy: 230, r: 8 },
+  hand_left: { el: "ellipse", cx: 67, cy: 250, rx: 11, ry: 13 },
+  // right arm (viewer-right)
+  shoulder_right: { el: "circle", cx: 172, cy: 98, r: 14 },
+  uarm_right: { el: "rect", x: 176, y: 104, width: 18, height: 54, rx: 9 },
+  elbow_right: { el: "circle", cx: 187, cy: 164, r: 10 },
+  farm_right: { el: "rect", x: 182, y: 174, width: 16, height: 50, rx: 8 },
+  wrist_right: { el: "circle", cx: 192, cy: 230, r: 8 },
+  hand_right: { el: "ellipse", cx: 193, cy: 250, rx: 11, ry: 13 },
+  // legs
+  thigh_left: { el: "rect", x: 104, y: 224, width: 22, height: 80, rx: 11 },
+  thigh_right: { el: "rect", x: 134, y: 224, width: 22, height: 80, rx: 11 },
+  knee_left: { el: "circle", cx: 115, cy: 312, r: 13 },
+  knee_right: { el: "circle", cx: 145, cy: 312, r: 13 },
+  lowleg_left: { el: "rect", x: 106, y: 322, width: 18, height: 74, rx: 9 },
+  lowleg_right: { el: "rect", x: 136, y: 322, width: 18, height: 74, rx: 9 },
+  ankle_left: { el: "circle", cx: 115, cy: 404, r: 9 },
+  ankle_right: { el: "circle", cx: 145, cy: 404, r: 9 },
+  foot_left: { el: "ellipse", cx: 115, cy: 424, rx: 14, ry: 10 },
+  foot_right: { el: "ellipse", cx: 145, cy: 424, rx: 14, ry: 10 }
+};
+var FILL = {
+  head: "#cbb7ec",
+  neck: "#b8a3e6",
+  chest: "#e26d6d",
+  groin: "#e88a52",
+  shoulder_left: "#f6c667",
+  shoulder_right: "#f6c667",
+  uarm_left: "#7ececb",
+  uarm_right: "#7ececb",
+  elbow_left: "#86cfcc",
+  elbow_right: "#86cfcc",
+  farm_left: "#8fd0cd",
+  farm_right: "#8fd0cd",
+  wrist_left: "#9ad6d3",
+  wrist_right: "#9ad6d3",
+  hand_left: "#a7ddda",
+  hand_right: "#a7ddda",
+  thigh_left: "#7fb2e8",
+  thigh_right: "#7fb2e8",
+  knee_left: "#c79be0",
+  knee_right: "#c79be0",
+  lowleg_left: "#e39ec6",
+  lowleg_right: "#e39ec6",
+  ankle_left: "#eeaab9",
+  ankle_right: "#eeaab9",
+  foot_left: "#f0a5a5",
+  foot_right: "#f0a5a5"
+};
+function center(s) {
+  if (s.el === "rect") return { x: s.x + s.width / 2, y: s.y + s.height / 2 };
+  return { x: s.cx, y: s.cy };
+}
+function heat(v) {
+  return v >= 7 ? "#ef4444" : v >= 4 ? "#fb923c" : "#fcd34d";
+}
+var STYLE_ID = "broberg-bodymap-styles";
+var STYLE = `
+.bmap{--bmap-accent:var(--primary,#0e8f8a);--bmap-line:#e2e8f0;--bmap-panel:#fff;--bmap-ink:#1e293b;--bmap-muted:#64748b;
+  display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--bmap-ink)}
+.bmap__svg{flex:0 0 auto}
+.bmap__region{cursor:pointer;stroke:#fff;stroke-width:2.4;transition:filter .12s}
+.bmap__region:hover{filter:brightness(1.08) saturate(1.15)}
+.bmap__region--locked{cursor:default;opacity:.4}
+.bmap__region--sel{stroke:var(--bmap-accent);stroke-width:3.6}
+.bmap__heatn{font:700 11px ui-sans-serif;fill:#fff;pointer-events:none}
+.bmap__panel{flex:1 1 220px;min-width:220px;border:1px solid var(--bmap-line);border-radius:14px;padding:16px 18px;background:var(--bmap-panel)}
+.bmap__panel--empty{color:var(--bmap-muted);font-size:13.5px}
+.bmap__ph{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
+.bmap__ph b{font-size:16px}
+.bmap__code{font:11px ui-monospace,monospace;color:var(--bmap-muted);background:#f1f5f9;border-radius:6px;padding:2px 7px}
+.bmap__lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bmap-muted);margin:0 0 7px}
+.bmap__scale{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}
+.bmap__i{font:inherit;font-size:13px;font-weight:600;width:30px;height:30px;border-radius:8px;border:1px solid var(--bmap-line);background:#fff;color:var(--bmap-ink);cursor:pointer;transition:.1s}
+.bmap__i:hover{border-color:var(--bmap-accent)}
+.bmap__i:active{transform:scale(.9)}
+.bmap__i--on{background:var(--bmap-accent);border-color:var(--bmap-accent);color:#fff}
+.bmap__chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
+.bmap__chip{font:inherit;font-size:12.5px;border:1px solid var(--bmap-line);background:#fff;color:var(--bmap-muted);border-radius:999px;padding:6px 12px;cursor:pointer;transition:.1s}
+.bmap__chip:hover{border-color:var(--bmap-accent);color:var(--bmap-accent)}
+.bmap__chip:active{transform:scale(.96)}
+.bmap__chip--on{background:var(--bmap-ink);border-color:var(--bmap-ink);color:#fff}
+.bmap__rm{font:inherit;font-size:13px;font-weight:600;border:1px solid #f6c9c9;background:#fff;color:#ef4444;border-radius:9px;padding:8px 13px;cursor:pointer;transition:.1s}
+.bmap__rm:hover{background:#fef2f2}
+.bmap__rm:active{transform:scale(.97)}
+`;
+function ensureStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ID)) return;
+  const el = document.createElement("style");
+  el.id = STYLE_ID;
+  el.textContent = STYLE;
+  document.head.appendChild(el);
+}
+function BodyMap({ value, defaultValue, onChange, config = {}, className }) {
+  useEffect(ensureStyles, []);
+  const [internal, setInternal] = useState(defaultValue ?? []);
+  const [selected, setSelected] = useState(null);
+  const report = value ?? internal;
+  const commit = (next) => {
+    if (value === void 0) setInternal(next);
+    onChange?.(next);
+  };
+  const pointOf = (key) => report.find((p) => p.region === key);
+  const setPain = (key, intensity, type) => {
+    const point = painPointSchema.parse({ region: key, intensity, type, timestamp: (/* @__PURE__ */ new Date()).toISOString() });
+    commit([...report.filter((p) => p.region !== key), point]);
+  };
+  const removePain = (key) => {
+    commit(report.filter((p) => p.region !== key));
+    setSelected(null);
+  };
+  const regions = resolveRegions(config);
+  const region = selected ? REGIONS.find((r) => r.key === selected) : void 0;
+  const current = selected ? pointOf(selected) : void 0;
+  const rootCls = ["bmap", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { className: rootCls, "data-testid": "bodymap-root", children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "bmap__svg",
+        viewBox: "0 0 260 470",
+        width: 230,
+        height: 416,
+        role: "group",
+        "aria-label": "Kropskort \u2014 v\xE6lg hvor det g\xF8r ondt",
+        children: [
+          regions.map((r) => {
+            const s = SHAPES[r.key];
+            if (!s) return null;
+            const marked = pointOf(r.key);
+            const selectable = isSelectable(r.key, config);
+            const cls = [
+              "bmap__region",
+              !selectable && "bmap__region--locked",
+              selected === r.key && "bmap__region--sel"
+            ].filter(Boolean).join(" ");
+            const fill = marked ? heat(marked.intensity) : FILL[r.key] ?? "#cbd5e1";
+            const common = {
+              className: cls,
+              fill,
+              "data-testid": `bodymap-region-${r.key}`,
+              role: selectable ? "button" : void 0,
+              "aria-label": r.label,
+              onClick: selectable ? () => setSelected(r.key) : void 0
+            };
+            if (s.el === "circle") return /* @__PURE__ */ jsx("circle", { cx: s.cx, cy: s.cy, r: s.r, ...common }, r.key);
+            if (s.el === "ellipse") return /* @__PURE__ */ jsx("ellipse", { cx: s.cx, cy: s.cy, rx: s.rx, ry: s.ry, ...common }, r.key);
+            return /* @__PURE__ */ jsx("rect", { x: s.x, y: s.y, width: s.width, height: s.height, rx: s.rx, ...common }, r.key);
+          }),
+          report.map((p) => {
+            const s = SHAPES[p.region];
+            if (!s || config[p.region]?.visible === false) return null;
+            const c = center(s);
+            return /* @__PURE__ */ jsx("text", { x: c.x, y: c.y + 4, textAnchor: "middle", className: "bmap__heatn", children: p.intensity }, p.region);
+          })
+        ]
+      }
+    ),
+    region ? /* @__PURE__ */ jsxs("div", { className: "bmap__panel", "data-testid": "bodymap-panel", children: [
+      /* @__PURE__ */ jsxs("div", { className: "bmap__ph", children: [
+        /* @__PURE__ */ jsx("b", { children: region.label }),
+        /* @__PURE__ */ jsx("span", { className: "bmap__code", children: region.code })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "bmap__lbl", children: "Intensitet (0-10)" }),
+      /* @__PURE__ */ jsx("div", { className: "bmap__scale", role: "group", "aria-label": "Intensitet", children: Array.from({ length: 11 }, (_, n) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "bmap__i" + (current?.intensity === n ? " bmap__i--on" : ""),
+          "data-testid": `bodymap-intensity-${n}`,
+          "aria-pressed": current?.intensity === n,
+          onClick: () => setPain(region.key, n, current?.type),
+          children: n
+        },
+        n
+      )) }),
+      /* @__PURE__ */ jsx("p", { className: "bmap__lbl", children: "Kvalitet" }),
+      /* @__PURE__ */ jsx("div", { className: "bmap__chips", role: "group", "aria-label": "Kvalitet", children: PAIN_TYPES.map((t) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "bmap__chip" + (current?.type === t ? " bmap__chip--on" : ""),
+          "data-testid": `bodymap-type-${t}`,
+          "aria-pressed": current?.type === t,
+          onClick: () => setPain(region.key, current?.intensity ?? 5, t),
+          children: t
+        },
+        t
+      )) }),
+      current && /* @__PURE__ */ jsx("button", { type: "button", className: "bmap__rm", "data-testid": "bodymap-remove", onClick: () => removePain(region.key), children: "Fjern punkt" })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "bmap__panel bmap__panel--empty", "data-testid": "bodymap-panel", children: "Klik en kropsdel for at markere smerte." })
+  ] });
+}
+
+export { BodyMap };
+//# sourceMappingURL=react.js.map
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/react.tsx"],"names":[],"mappings":"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","file":"react.js","sourcesContent":["// @broberg/bodymap — headless core (F052.1).\n//\n// Framework-neutral: the region taxonomy + the PainReport data model (zod) + a\n// selection engine + per-app region config. NO React/Preact/DOM import — the 2D\n// (SVG) and 3D (Three.js) renderers, and all three FD apps, share this one\n// contract. Output is a structured PainReport, never a bare image.\n\nimport { z } from \"zod\";\n\nexport type Side = \"left\" | \"right\";\n\nexport interface BodyRegion {\n  /** Stable, unique identifier (snake_case) — the key used in a PainReport. */\n  key: string;\n  /** Human label (Danish). */\n  label: string;\n  /** Clinical short code (unique). */\n  code: string;\n  /** Body side, when the region is paired. */\n  side?: Side;\n}\n\n/** The canonical body regions — the AUTHORITATIVE fd-sundhed clinical taxonomy\n *  (docs/BODYMAP-TAKSONOMI.md, broberg-ai/fd-sundhed @360842f): 18 SIDE-LESS\n *  clinical codes + a separate `side` field (L/R on limbs, C=center on axis\n *  regions). The `key` is a unique per-side identifier; `code` is the side-less\n *  clinical code that goes on the bodymap/v1 wire. NOT an anatomical atlas —\n *  ~30 named surface regions for a pain-map. The 2D front renderer draws the\n *  front-visible subset; the 3D body (F052.6) drives them all. */\nexport const REGIONS: readonly BodyRegion[] = [\n  // axis / centre-line (serialised side \"center\")\n  { key: \"head\", label: \"Hoved\", code: \"HEAD\" },\n  { key: \"neck\", label: \"Nakke\", code: \"NECK\" },\n  { key: \"chest\", label: \"Bryst\", code: \"CHEST\" },\n  { key: \"thora\", label: \"Øvre ryg (thorakal)\", code: \"THORA\" },\n  { key: \"lumbar\", label: \"Lænd (lumbal)\", code: \"LUMBAR\" },\n  { key: \"groin\", label: \"Lyske\", code: \"GROIN\" },\n  // paired limbs / sides (L / R)\n  { key: \"shoulder_left\", label: \"Skulder, venstre\", code: \"SHOULDER\", side: \"left\" },\n  { key: \"shoulder_right\", label: \"Skulder, højre\", code: \"SHOULDER\", side: \"right\" },\n  { key: \"uarm_left\", label: \"Overarm, venstre\", code: \"UARM\", side: \"left\" },\n  { key: \"uarm_right\", label: \"Overarm, højre\", code: \"UARM\", side: \"right\" },\n  { key: \"elbow_left\", label: \"Albue, venstre\", code: \"ELBOW\", side: \"left\" },\n  { key: \"elbow_right\", label: \"Albue, højre\", code: \"ELBOW\", side: \"right\" },\n  { key: \"farm_left\", label: \"Underarm, venstre\", code: \"FARM\", side: \"left\" },\n  { key: \"farm_right\", label: \"Underarm, højre\", code: \"FARM\", side: \"right\" },\n  { key: \"wrist_left\", label: \"Håndled, venstre\", code: \"WRIST\", side: \"left\" },\n  { key: \"wrist_right\", label: \"Håndled, højre\", code: \"WRIST\", side: \"right\" },\n  { key: \"hand_left\", label: \"Hånd, venstre\", code: \"HAND\", side: \"left\" },\n  { key: \"hand_right\", label: \"Hånd, højre\", code: \"HAND\", side: \"right\" },\n  { key: \"hip_left\", label: \"Hofte, venstre\", code: \"HIP\", side: \"left\" },\n  { key: \"hip_right\", label: \"Hofte, højre\", code: \"HIP\", side: \"right\" },\n  { key: \"thigh_left\", label: \"Lår, venstre\", code: \"THIGH\", side: \"left\" },\n  { key: \"thigh_right\", label: \"Lår, højre\", code: \"THIGH\", side: \"right\" },\n  { key: \"knee_left\", label: \"Knæ, venstre\", code: \"KNEE\", side: \"left\" },\n  { key: \"knee_right\", label: \"Knæ, højre\", code: \"KNEE\", side: \"right\" },\n  { key: \"lowleg_left\", label: \"Underben, venstre\", code: \"LOWLEG\", side: \"left\" },\n  { key: \"lowleg_right\", label: \"Underben, højre\", code: \"LOWLEG\", side: \"right\" },\n  { key: \"ankle_left\", label: \"Ankel, venstre\", code: \"ANKLE\", side: \"left\" },\n  { key: \"ankle_right\", label: \"Ankel, højre\", code: \"ANKLE\", side: \"right\" },\n  { key: \"foot_left\", label: \"Fod, venstre\", code: \"FOOT\", side: \"left\" },\n  { key: \"foot_right\", label: \"Fod, højre\", code: \"FOOT\", side: \"right\" },\n];\n\nconst REGION_KEY_SET = new Set(REGIONS.map((r) => r.key));\nexport const REGION_KEYS: readonly string[] = REGIONS.map((r) => r.key);\n\n/** Look up a region by its key. */\nexport function getRegion(key: string): BodyRegion | undefined {\n  return REGIONS.find((r) => r.key === key);\n}\n\n// ---- PainReport model ---------------------------------------------------\n\nexport const PAIN_TYPES = [\"stikkende\", \"dump\", \"konstant\", \"jagende\"] as const;\nexport type PainType = (typeof PAIN_TYPES)[number];\n\n/** One marked pain point. `region` MUST be a known region key; `intensity` is a\n *  0-10 integer; `type` is optional but constrained; `timestamp` is an ISO string. */\nexport const painPointSchema = z.object({\n  region: z.string().refine((k) => REGION_KEY_SET.has(k), { message: \"unknown region\" }),\n  intensity: z.number().int().min(0).max(10),\n  type: z.enum(PAIN_TYPES).optional(),\n  timestamp: z.string(),\n});\nexport type PainPoint = z.infer<typeof painPointSchema>;\n\nexport const painReportSchema = z.array(painPointSchema);\nexport type PainReport = PainPoint[];\n\n// ---- Selection engine (framework-agnostic) ------------------------------\n\nexport interface PainSelection {\n  /** Mark (or update) pain on a region. One point per region — latest wins. */\n  set(region: string, intensity: number, type?: PainType): PainPoint;\n  remove(region: string): boolean;\n  get(region: string): PainPoint | undefined;\n  has(region: string): boolean;\n  clear(): void;\n  /** The current, validated PainReport. */\n  getReport(): PainReport;\n}\n\nexport interface PainSelectionOptions {\n  /** Injectable clock (ISO string) — defaults to `new Date().toISOString()`. */\n  now?: () => string;\n}\n\n/** Create a selection engine seeded with an optional report. Pure state — no\n *  DOM, no framework, no network. One point per region. */\nexport function createPainSelection(\n  initial: PainReport = [],\n  opts: PainSelectionOptions = {},\n): PainSelection {\n  const now = opts.now ?? (() => new Date().toISOString());\n  const map = new Map<string, PainPoint>();\n  for (const p of initial) {\n    const v = painPointSchema.parse(p);\n    map.set(v.region, v);\n  }\n  return {\n    set(region, intensity, type) {\n      const point = painPointSchema.parse({ region, intensity, type, timestamp: now() });\n      map.set(point.region, point);\n      return point;\n    },\n    remove: (region) => map.delete(region),\n    get: (region) => map.get(region),\n    has: (region) => map.has(region),\n    clear: () => map.clear(),\n    getReport: () => painReportSchema.parse(Array.from(map.values())),\n  };\n}\n\n// ---- Per-app region config (the toggle) ---------------------------------\n\nexport interface RegionSetting {\n  /** Render this region at all. Default true. */\n  visible?: boolean;\n  /** Allow marking pain on this region. Default true. */\n  selectable?: boolean;\n}\n\n/** Per-app config keyed by region key. An absent key ⇒ visible + selectable. */\nexport type RegionConfig = Record<string, RegionSetting>;\n\n/** The regions an app should render, honouring `visible` (default true). */\nexport function resolveRegions(config: RegionConfig = {}): BodyRegion[] {\n  return REGIONS.filter((r) => config[r.key]?.visible ?? true);\n}\n\n/** Whether a region may be marked. A hidden region is never selectable. */\nexport function isSelectable(key: string, config: RegionConfig = {}): boolean {\n  const s = config[key];\n  if (s?.visible === false) return false;\n  return s?.selectable ?? true;\n}\n\n// ---- palette (consumer-defined colours — shared by the 2D + 3D renderers) ---\n\n/** Colour control for the body renderers. Consumers pass a palette to theme the\n *  body base colour, the hover + selected highlights, the pain-heat colours, and\n *  optional per-region base colours. All values are CSS/hex colour strings. */\nexport interface BodymapPalette {\n  /** Base body colour (an unmarked region). */\n  body: string;\n  /** Region highlight on hover (before click). */\n  hover: string;\n  /** A region selected (clicked) but not yet given an intensity. */\n  selected: string;\n  /** Pain-intensity heat colours: low (0-3), mid (4-6), high (7-10). */\n  heat: { low: string; mid: string; high: string };\n  /** Optional per-region base-colour overrides (region key → colour). */\n  regions?: Record<string, string>;\n}\n\n/** The fleet default palette. Override any field per consumer. */\nexport const defaultPalette: BodymapPalette = {\n  body: \"#d2d7de\",\n  hover: \"#8fd0cd\",\n  selected: \"#5cc4b7\",\n  heat: { low: \"#fcd34d\", mid: \"#fb923c\", high: \"#ef4444\" },\n};\n\n/** The heat colour for a pain intensity, honouring the palette. */\nexport function heatFor(intensity: number, palette: BodymapPalette = defaultPalette): string {\n  return intensity >= 7 ? palette.heat.high : intensity >= 4 ? palette.heat.mid : palette.heat.low;\n}\n\n/** The base colour for a region (a per-region override, else the body colour). */\nexport function baseColorFor(regionKey: string, palette: BodymapPalette = defaultPalette): string {\n  return palette.regions?.[regionKey] ?? palette.body;\n}\n\n// ---- bodymap/v1 serialization (the shared cross-app / native wire format) ---\n//\n// The shape every consumer + the native mobile apps read (aligned with\n// fd-sundhed's bodymap/v1: region CODE + side + intensity + quality + view).\n// The internal PainReport keys on the region KEY; this maps key -> clinical CODE\n// so the report is portable and human-readable on the wire.\n\nexport type BodyView = \"front\" | \"back\" | \"left\" | \"right\";\n/** Side in the serialized report — a midline region (no side) becomes \"center\". */\nexport type SerializedSide = \"left\" | \"right\" | \"center\";\n\nexport interface SerializedPainPoint {\n  /** Clinical region CODE (e.g. \"LUMB\"). */\n  region: string;\n  side: SerializedSide;\n  intensity: number;\n  quality?: PainType;\n}\n\nexport interface BodymapReportV1 {\n  schema: \"bodymap/v1\";\n  view: BodyView;\n  points: SerializedPainPoint[];\n}\n\nexport const bodymapReportV1Schema = z.object({\n  schema: z.literal(\"bodymap/v1\"),\n  view: z.enum([\"front\", \"back\", \"left\", \"right\"]),\n  points: z.array(\n    z.object({\n      region: z.string(),\n      side: z.enum([\"left\", \"right\", \"center\"]),\n      intensity: z.number().int().min(0).max(10),\n      quality: z.enum(PAIN_TYPES).optional(),\n    }),\n  ),\n});\n\n/** Serialize a PainReport to the shared `bodymap/v1` wire format. */\nexport function serializeReport(\n  report: PainReport,\n  opts: { view?: BodyView } = {},\n): BodymapReportV1 {\n  return {\n    schema: \"bodymap/v1\",\n    view: opts.view ?? \"front\",\n    points: report.map((p) => {\n      const r = getRegion(p.region);\n      return {\n        region: r?.code ?? p.region,\n        side: (r?.side ?? \"center\") as SerializedSide,\n        intensity: p.intensity,\n        quality: p.type,\n      };\n    }),\n  };\n}\n\n/** Parse a `bodymap/v1` report back into an internal PainReport. Region CODE →\n *  key; a point whose code is unknown to this taxonomy is dropped. */\nexport function deserializeReport(\n  env: unknown,\n  now: () => string = () => new Date().toISOString(),\n): PainReport {\n  const parsed = bodymapReportV1Schema.parse(env);\n  // code is side-less, so a point is identified by code + side.\n  const byCodeSide = new Map(\n    REGIONS.map((r) => [`${r.code}|${r.side ?? \"center\"}`, r.key] as const),\n  );\n  const out: PainReport = [];\n  for (const sp of parsed.points) {\n    const key = byCodeSide.get(`${sp.region}|${sp.side}`);\n    if (!key) continue;\n    out.push(\n      painPointSchema.parse({\n        region: key,\n        intensity: sp.intensity,\n        type: sp.quality,\n        timestamp: now(),\n      }),\n    );\n  }\n  return out;\n}\n","// @broberg/bodymap/react — the 2D SVG renderer (F052.2).\n//\n// <BodyMap> is the shippable MVP: a genderless, colour-blocked body a patient\n// clicks to mark where it hurts. Selecting a region opens a custom intensity\n// (0-10) + quality control (NO native inputs) that upserts a validated\n// PainReport and fires onChange. Honours the per-app RegionConfig. The 3D\n// <BodyMap3D> (F052.6) will render the SAME core on the SAME onChange contract.\n\nimport { useEffect, useState } from \"react\";\nimport {\n  REGIONS,\n  PAIN_TYPES,\n  painPointSchema,\n  resolveRegions,\n  isSelectable,\n  type BodyRegion,\n  type PainReport,\n  type PainType,\n  type RegionConfig,\n} from \"./index.js\";\n\n// ---- geometry: each region → an SVG shape (a neutral colour-blockout) --------\n\ntype Shape =\n  | { el: \"circle\"; cx: number; cy: number; r: number }\n  | { el: \"ellipse\"; cx: number; cy: number; rx: number; ry: number }\n  | { el: \"rect\"; x: number; y: number; width: number; height: number; rx: number };\n\n// Front-view geometry (viewBox 260×470). The 2D MVP renders the front-visible\n// regions; back-only regions (thora, lumbar) + hip are driven by the 3D body /\n// a later back view. \"left\"/\"right\" are placed self-view (viewer's left = key\n// left) for the MVP — the facing-the-patient mirror is a later config option.\nconst SHAPES: Record<string, Shape> = {\n  head: { el: \"circle\", cx: 130, cy: 40, r: 26 },\n  neck: { el: \"rect\", x: 120, y: 62, width: 20, height: 16, rx: 6 },\n  chest: { el: \"rect\", x: 100, y: 84, width: 60, height: 104, rx: 16 },\n  groin: { el: \"rect\", x: 106, y: 190, width: 48, height: 30, rx: 13 },\n  // left arm (viewer-left)\n  shoulder_left: { el: \"circle\", cx: 88, cy: 98, r: 14 },\n  uarm_left: { el: \"rect\", x: 66, y: 104, width: 18, height: 54, rx: 9 },\n  elbow_left: { el: \"circle\", cx: 73, cy: 164, r: 10 },\n  farm_left: { el: \"rect\", x: 62, y: 174, width: 16, height: 50, rx: 8 },\n  wrist_left: { el: \"circle\", cx: 68, cy: 230, r: 8 },\n  hand_left: { el: \"ellipse\", cx: 67, cy: 250, rx: 11, ry: 13 },\n  // right arm (viewer-right)\n  shoulder_right: { el: \"circle\", cx: 172, cy: 98, r: 14 },\n  uarm_right: { el: \"rect\", x: 176, y: 104, width: 18, height: 54, rx: 9 },\n  elbow_right: { el: \"circle\", cx: 187, cy: 164, r: 10 },\n  farm_right: { el: \"rect\", x: 182, y: 174, width: 16, height: 50, rx: 8 },\n  wrist_right: { el: \"circle\", cx: 192, cy: 230, r: 8 },\n  hand_right: { el: \"ellipse\", cx: 193, cy: 250, rx: 11, ry: 13 },\n  // legs\n  thigh_left: { el: \"rect\", x: 104, y: 224, width: 22, height: 80, rx: 11 },\n  thigh_right: { el: \"rect\", x: 134, y: 224, width: 22, height: 80, rx: 11 },\n  knee_left: { el: \"circle\", cx: 115, cy: 312, r: 13 },\n  knee_right: { el: \"circle\", cx: 145, cy: 312, r: 13 },\n  lowleg_left: { el: \"rect\", x: 106, y: 322, width: 18, height: 74, rx: 9 },\n  lowleg_right: { el: \"rect\", x: 136, y: 322, width: 18, height: 74, rx: 9 },\n  ankle_left: { el: \"circle\", cx: 115, cy: 404, r: 9 },\n  ankle_right: { el: \"circle\", cx: 145, cy: 404, r: 9 },\n  foot_left: { el: \"ellipse\", cx: 115, cy: 424, rx: 14, ry: 10 },\n  foot_right: { el: \"ellipse\", cx: 145, cy: 424, rx: 14, ry: 10 },\n};\n\nconst FILL: Record<string, string> = {\n  head: \"#cbb7ec\", neck: \"#b8a3e6\", chest: \"#e26d6d\", groin: \"#e88a52\",\n  shoulder_left: \"#f6c667\", shoulder_right: \"#f6c667\",\n  uarm_left: \"#7ececb\", uarm_right: \"#7ececb\",\n  elbow_left: \"#86cfcc\", elbow_right: \"#86cfcc\",\n  farm_left: \"#8fd0cd\", farm_right: \"#8fd0cd\",\n  wrist_left: \"#9ad6d3\", wrist_right: \"#9ad6d3\",\n  hand_left: \"#a7ddda\", hand_right: \"#a7ddda\",\n  thigh_left: \"#7fb2e8\", thigh_right: \"#7fb2e8\",\n  knee_left: \"#c79be0\", knee_right: \"#c79be0\",\n  lowleg_left: \"#e39ec6\", lowleg_right: \"#e39ec6\",\n  ankle_left: \"#eeaab9\", ankle_right: \"#eeaab9\",\n  foot_left: \"#f0a5a5\", foot_right: \"#f0a5a5\",\n};\n\nfunction center(s: Shape): { x: number; y: number } {\n  if (s.el === \"rect\") return { x: s.x + s.width / 2, y: s.y + s.height / 2 };\n  return { x: s.cx, y: s.cy };\n}\nfunction heat(v: number): string {\n  return v >= 7 ? \"#ef4444\" : v >= 4 ? \"#fb923c\" : \"#fcd34d\";\n}\n\n// ---- one-time style injection (no external CSS; theme via CSS variables) -----\n\nconst STYLE_ID = \"broberg-bodymap-styles\";\nconst STYLE = `\n.bmap{--bmap-accent:var(--primary,#0e8f8a);--bmap-line:#e2e8f0;--bmap-panel:#fff;--bmap-ink:#1e293b;--bmap-muted:#64748b;\n  display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--bmap-ink)}\n.bmap__svg{flex:0 0 auto}\n.bmap__region{cursor:pointer;stroke:#fff;stroke-width:2.4;transition:filter .12s}\n.bmap__region:hover{filter:brightness(1.08) saturate(1.15)}\n.bmap__region--locked{cursor:default;opacity:.4}\n.bmap__region--sel{stroke:var(--bmap-accent);stroke-width:3.6}\n.bmap__heatn{font:700 11px ui-sans-serif;fill:#fff;pointer-events:none}\n.bmap__panel{flex:1 1 220px;min-width:220px;border:1px solid var(--bmap-line);border-radius:14px;padding:16px 18px;background:var(--bmap-panel)}\n.bmap__panel--empty{color:var(--bmap-muted);font-size:13.5px}\n.bmap__ph{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}\n.bmap__ph b{font-size:16px}\n.bmap__code{font:11px ui-monospace,monospace;color:var(--bmap-muted);background:#f1f5f9;border-radius:6px;padding:2px 7px}\n.bmap__lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bmap-muted);margin:0 0 7px}\n.bmap__scale{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}\n.bmap__i{font:inherit;font-size:13px;font-weight:600;width:30px;height:30px;border-radius:8px;border:1px solid var(--bmap-line);background:#fff;color:var(--bmap-ink);cursor:pointer;transition:.1s}\n.bmap__i:hover{border-color:var(--bmap-accent)}\n.bmap__i:active{transform:scale(.9)}\n.bmap__i--on{background:var(--bmap-accent);border-color:var(--bmap-accent);color:#fff}\n.bmap__chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}\n.bmap__chip{font:inherit;font-size:12.5px;border:1px solid var(--bmap-line);background:#fff;color:var(--bmap-muted);border-radius:999px;padding:6px 12px;cursor:pointer;transition:.1s}\n.bmap__chip:hover{border-color:var(--bmap-accent);color:var(--bmap-accent)}\n.bmap__chip:active{transform:scale(.96)}\n.bmap__chip--on{background:var(--bmap-ink);border-color:var(--bmap-ink);color:#fff}\n.bmap__rm{font:inherit;font-size:13px;font-weight:600;border:1px solid #f6c9c9;background:#fff;color:#ef4444;border-radius:9px;padding:8px 13px;cursor:pointer;transition:.1s}\n.bmap__rm:hover{background:#fef2f2}\n.bmap__rm:active{transform:scale(.97)}\n`;\n\nfunction ensureStyles(): void {\n  if (typeof document === \"undefined\") return;\n  if (document.getElementById(STYLE_ID)) return;\n  const el = document.createElement(\"style\");\n  el.id = STYLE_ID;\n  el.textContent = STYLE;\n  document.head.appendChild(el);\n}\n\n// ---- component ---------------------------------------------------------------\n\nexport interface BodyMapProps {\n  /** Controlled report. Omit for an uncontrolled component (use defaultValue). */\n  value?: PainReport;\n  /** Initial report when uncontrolled. */\n  defaultValue?: PainReport;\n  /** Fired with the full validated PainReport on every change. */\n  onChange?: (report: PainReport) => void;\n  /** Per-app region config (visible / selectable). */\n  config?: RegionConfig;\n  className?: string;\n}\n\n/** 2D SVG body pain-map. Click a region → set intensity + quality → PainReport. */\nexport function BodyMap({ value, defaultValue, onChange, config = {}, className }: BodyMapProps) {\n  useEffect(ensureStyles, []);\n  const [internal, setInternal] = useState<PainReport>(defaultValue ?? []);\n  const [selected, setSelected] = useState<string | null>(null);\n  const report = value ?? internal;\n\n  const commit = (next: PainReport) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n  };\n  const pointOf = (key: string) => report.find((p) => p.region === key);\n  const setPain = (key: string, intensity: number, type?: PainType) => {\n    const point = painPointSchema.parse({ region: key, intensity, type, timestamp: new Date().toISOString() });\n    commit([...report.filter((p) => p.region !== key), point]);\n  };\n  const removePain = (key: string) => {\n    commit(report.filter((p) => p.region !== key));\n    setSelected(null);\n  };\n\n  const regions = resolveRegions(config);\n  const region: BodyRegion | undefined = selected ? REGIONS.find((r) => r.key === selected) : undefined;\n  const current = selected ? pointOf(selected) : undefined;\n  const rootCls = [\"bmap\", className].filter(Boolean).join(\" \");\n\n  return (\n    <div className={rootCls} data-testid=\"bodymap-root\">\n      <svg\n        className=\"bmap__svg\"\n        viewBox=\"0 0 260 470\"\n        width={230}\n        height={416}\n        role=\"group\"\n        aria-label=\"Kropskort — vælg hvor det gør ondt\"\n      >\n        {regions.map((r) => {\n          const s = SHAPES[r.key];\n          if (!s) return null;\n          const marked = pointOf(r.key);\n          const selectable = isSelectable(r.key, config);\n          const cls = [\n            \"bmap__region\",\n            !selectable && \"bmap__region--locked\",\n            selected === r.key && \"bmap__region--sel\",\n          ]\n            .filter(Boolean)\n            .join(\" \");\n          const fill = marked ? heat(marked.intensity) : FILL[r.key] ?? \"#cbd5e1\";\n          const common = {\n            className: cls,\n            fill,\n            \"data-testid\": `bodymap-region-${r.key}`,\n            role: selectable ? \"button\" : undefined,\n            \"aria-label\": r.label,\n            onClick: selectable ? () => setSelected(r.key) : undefined,\n          };\n          if (s.el === \"circle\") return <circle key={r.key} cx={s.cx} cy={s.cy} r={s.r} {...common} />;\n          if (s.el === \"ellipse\") return <ellipse key={r.key} cx={s.cx} cy={s.cy} rx={s.rx} ry={s.ry} {...common} />;\n          return <rect key={r.key} x={s.x} y={s.y} width={s.width} height={s.height} rx={s.rx} {...common} />;\n        })}\n        {/* intensity numbers on marked regions */}\n        {report.map((p) => {\n          const s = SHAPES[p.region];\n          if (!s || (config[p.region]?.visible === false)) return null;\n          const c = center(s);\n          return (\n            <text key={p.region} x={c.x} y={c.y + 4} textAnchor=\"middle\" className=\"bmap__heatn\">\n              {p.intensity}\n            </text>\n          );\n        })}\n      </svg>\n\n      {region ? (\n        <div className=\"bmap__panel\" data-testid=\"bodymap-panel\">\n          <div className=\"bmap__ph\">\n            <b>{region.label}</b>\n            <span className=\"bmap__code\">{region.code}</span>\n          </div>\n          <p className=\"bmap__lbl\">Intensitet (0-10)</p>\n          <div className=\"bmap__scale\" role=\"group\" aria-label=\"Intensitet\">\n            {Array.from({ length: 11 }, (_, n) => (\n              <button\n                key={n}\n                type=\"button\"\n                className={\"bmap__i\" + (current?.intensity === n ? \" bmap__i--on\" : \"\")}\n                data-testid={`bodymap-intensity-${n}`}\n                aria-pressed={current?.intensity === n}\n                onClick={() => setPain(region.key, n, current?.type)}\n              >\n                {n}\n              </button>\n            ))}\n          </div>\n          <p className=\"bmap__lbl\">Kvalitet</p>\n          <div className=\"bmap__chips\" role=\"group\" aria-label=\"Kvalitet\">\n            {PAIN_TYPES.map((t) => (\n              <button\n                key={t}\n                type=\"button\"\n                className={\"bmap__chip\" + (current?.type === t ? \" bmap__chip--on\" : \"\")}\n                data-testid={`bodymap-type-${t}`}\n                aria-pressed={current?.type === t}\n                onClick={() => setPain(region.key, current?.intensity ?? 5, t)}\n              >\n                {t}\n              </button>\n            ))}\n          </div>\n          {current && (\n            <button type=\"button\" className=\"bmap__rm\" data-testid=\"bodymap-remove\" onClick={() => removePain(region.key)}>\n              Fjern punkt\n            </button>\n          )}\n        </div>\n      ) : (\n        <div className=\"bmap__panel bmap__panel--empty\" data-testid=\"bodymap-panel\">\n          Klik en kropsdel for at markere smerte.\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@broberg/bodymap",
+  "version": "0.1.0",
+  "description": "Interactive body pain-map: a genderless body a patient clicks to mark where it hurts, producing a structured PainReport (bodymap/v1). Framework-neutral core (region taxonomy + zod PainReport model + selection) + a 2D SVG React renderer; 3D (vanilla Three.js) later on the same core.",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "zod": "^3.23.8"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^19.0.0",
+    "@types/three": "^0.185.0",
+    "happy-dom": "^15.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "three": "^0.185.1",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0",
+    "vitest": "^2.1.0"
+  },
+  "keywords": [
+    "bodymap",
+    "pain-map",
+    "smertekort",
+    "body-chart",
+    "clinical",
+    "react",
+    "broberg"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/broberg-ai/components.git",
+    "directory": "packages/bodymap"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}