@fonsecabarreto/genesis-gl-react 0.1.31 → 0.1.33

package/dist/chunk-7RTMMLA7.js

@@ -0,0 +1,579 @@
+import {
+  useCameraControls,
+  useCameraMouseDrag,
+  useGenesisGL,
+  useRenderer,
+  useWorldToScreen
+} from "./chunk-MAGVIIUT.js";
+
+// src/components/GenesisGLCanvas.tsx
+import React, { useRef, useCallback, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+var GenesisGLCanvas = React.forwardRef(
+  ({
+    onReady,
+    onFrame,
+    width,
+    height,
+    initialYaw,
+    initialPitch,
+    initialZoom,
+    background,
+    style,
+    className
+  }, ref) => {
+    const canvasRef = useRef(null);
+    const setRef = useCallback(
+      (el) => {
+        canvasRef.current = el;
+        if (typeof ref === "function") ref(el);
+        else if (ref) ref.current = el;
+      },
+      [ref]
+    );
+    const onFrameRef = useRef(onFrame);
+    onFrameRef.current = onFrame;
+    const genesisContext = useGenesisGL({
+      canvasRef,
+      width,
+      height,
+      initialYaw,
+      initialPitch,
+      initialZoom,
+      onReady
+    });
+    const genesisContextRef = useRef(genesisContext);
+    genesisContextRef.current = genesisContext;
+    const stableOnFrame = useCallback((time) => {
+      const { renderer, scene } = genesisContextRef.current;
+      if (renderer && scene) {
+        renderer.render(scene);
+        onFrameRef.current?.(time);
+      }
+    }, []);
+    useEffect(() => {
+      if (genesisContext.renderer && background) {
+        genesisContext.renderer.clearColor = background;
+      }
+    }, [genesisContext.renderer, background]);
+    useRenderer({ renderer: genesisContext.renderer, onFrame: stableOnFrame });
+    useCameraMouseDrag(genesisContext, canvasRef);
+    return /* @__PURE__ */ jsx(
+      "canvas",
+      {
+        ref: setRef,
+        style: { display: "block", width: "100%", height: "100%", ...style },
+        className
+      }
+    );
+  }
+);
+GenesisGLCanvas.displayName = "GenesisGLCanvas";
+
+// src/components/ViewportGizmo.tsx
+import { useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FACES = [
+  { label: "+X", dir: [1, 0, 0], color: "#ff5370" },
+  { label: "-X", dir: [-1, 0, 0], color: "#ff5370", dim: true },
+  { label: "+Y", dir: [0, 1, 0], color: "#c3e88d" },
+  { label: "-Y", dir: [0, -1, 0], color: "#c3e88d", dim: true },
+  { label: "+Z", dir: [0, 0, 1], color: "#82aaff" },
+  { label: "-Z", dir: [0, 0, -1], color: "#82aaff", dim: true }
+];
+var SNAP_PITCH = {
+  "+Y": Math.PI / 2 - 0.01,
+  "-Y": -(Math.PI / 2 - 0.01)
+};
+function project(dir, yaw, pitch, radius) {
+  const [dx, dy, dz] = dir;
+  const cosY = Math.cos(-yaw);
+  const sinY = Math.sin(-yaw);
+  const rx = dx * cosY + dz * sinY;
+  const ry = dy;
+  const rz = -dx * sinY + dz * cosY;
+  const cosP = Math.cos(-pitch);
+  const sinP = Math.sin(-pitch);
+  const fx = rx;
+  const fy = ry * cosP - rz * sinP;
+  const fz = ry * sinP + rz * cosP;
+  return { x: fx * radius, y: -fy * radius, z: fz };
+}
+var DRAG_SENSITIVITY = 8e-3;
+function ViewportGizmo({
+  context,
+  size = 96,
+  position = "top-right",
+  style
+}) {
+  const { camera, setYaw, setPitch, rotate } = useCameraControls(context);
+  const dragging = useRef2(false);
+  const lastPos = useRef2({ x: 0, y: 0 });
+  const containerRef = useRef2(null);
+  const onMouseDown = useCallback2((e) => {
+    if (e.button !== 0) return;
+    dragging.current = true;
+    lastPos.current = { x: e.clientX, y: e.clientY };
+    e.stopPropagation();
+    e.preventDefault();
+  }, []);
+  useEffect2(() => {
+    const onMove = (e) => {
+      if (!dragging.current) return;
+      const dx = e.clientX - lastPos.current.x;
+      const dy = e.clientY - lastPos.current.y;
+      lastPos.current = { x: e.clientX, y: e.clientY };
+      rotate(-dx * DRAG_SENSITIVITY, -dy * DRAG_SENSITIVITY);
+    };
+    const onUp = () => {
+      dragging.current = false;
+    };
+    window.addEventListener("mousemove", onMove);
+    window.addEventListener("mouseup", onUp);
+    return () => {
+      window.removeEventListener("mousemove", onMove);
+      window.removeEventListener("mouseup", onUp);
+    };
+  }, [rotate]);
+  const snapTo = useCallback2((face) => {
+    const [dx, , dz] = face.dir;
+    const targetYaw = Math.atan2(dx, dz);
+    const targetPitch = SNAP_PITCH[face.label] ?? 0;
+    setYaw(targetYaw);
+    setPitch(targetPitch);
+  }, [setYaw, setPitch]);
+  const half = size / 2;
+  const dotRadius = size * 0.14;
+  const orbitRadius = half * 0.62;
+  const projected = FACES.map((face) => ({
+    ...face,
+    ...project(face.dir, camera.yaw, camera.pitch, orbitRadius)
+  })).sort((a, b) => a.z - b.z);
+  const posStyle = position === "top-right" ? { top: 12, right: 12 } : position === "top-left" ? { top: 12, left: 12 } : position === "bottom-right" ? { bottom: 12, right: 12 } : { bottom: 12, left: 12 };
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref: containerRef,
+      onMouseDown,
+      style: {
+        position: "absolute",
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        background: "rgba(8,8,14,0.55)",
+        border: "1px solid rgba(255,255,255,0.07)",
+        backdropFilter: "blur(8px)",
+        cursor: dragging.current ? "grabbing" : "grab",
+        userSelect: "none",
+        ...posStyle,
+        ...style
+      },
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: size,
+          height: size,
+          viewBox: `${-half} ${-half} ${size} ${size}`,
+          style: { overflow: "visible", display: "block" },
+          children: [
+            ["x", "y", "z"].map((axis) => {
+              const pos = projected.find((f) => f.label === `+${axis.toUpperCase()}`);
+              const neg = projected.find((f) => f.label === `-${axis.toUpperCase()}`);
+              if (!pos || !neg) return null;
+              return /* @__PURE__ */ jsx2(
+                "line",
+                {
+                  x1: neg.x,
+                  y1: neg.y,
+                  x2: pos.x,
+                  y2: pos.y,
+                  stroke: pos.color,
+                  strokeWidth: 1.5,
+                  strokeOpacity: 0.35
+                },
+                axis
+              );
+            }),
+            projected.map((face) => {
+              const isFront = face.z >= 0;
+              const opacity = isFront ? 1 : 0.28;
+              const r = isFront ? dotRadius : dotRadius * 0.75;
+              return /* @__PURE__ */ jsxs(
+                "g",
+                {
+                  style: { cursor: "pointer" },
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    snapTo(face);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx2(
+                      "circle",
+                      {
+                        cx: face.x,
+                        cy: face.y,
+                        r,
+                        fill: face.color,
+                        fillOpacity: opacity * (face.dim ? 0.6 : 1),
+                        stroke: face.color,
+                        strokeWidth: isFront ? 1.5 : 0.5,
+                        strokeOpacity: opacity * 0.6
+                      }
+                    ),
+                    isFront && /* @__PURE__ */ jsx2(
+                      "text",
+                      {
+                        x: face.x,
+                        y: face.y,
+                        textAnchor: "middle",
+                        dominantBaseline: "central",
+                        fontSize: r * 0.75,
+                        fontWeight: 700,
+                        fontFamily: "system-ui, monospace",
+                        fill: "#fff",
+                        fillOpacity: 0.9,
+                        style: { pointerEvents: "none" },
+                        children: face.label
+                      }
+                    )
+                  ]
+                },
+                face.label
+              );
+            })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/RotationControls.tsx
+import { useState } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var STEP = 0.05;
+function IconBtn({
+  children,
+  title,
+  onClick,
+  color
+}) {
+  const [active, setActive] = useState(false);
+  const [hover, setHover] = useState(false);
+  return /* @__PURE__ */ jsx3(
+    "button",
+    {
+      title,
+      onClick,
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => {
+        setHover(false);
+        setActive(false);
+      },
+      onMouseDown: () => setActive(true),
+      onMouseUp: () => setActive(false),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "22px",
+        height: "22px",
+        border: `1px solid ${hover ? color + "88" : color + "33"}`,
+        borderRadius: "5px",
+        background: active ? color + "30" : hover ? color + "18" : color + "0c",
+        color: hover ? color : color + "aa",
+        cursor: "pointer",
+        fontSize: "11px",
+        fontWeight: 700,
+        lineHeight: 1,
+        padding: 0,
+        transition: "all 0.12s",
+        transform: active ? "scale(0.88)" : "scale(1)",
+        flexShrink: 0
+      },
+      children
+    }
+  );
+}
+function AxisPill({
+  label,
+  color,
+  value,
+  onDec,
+  onInc,
+  onReset
+}) {
+  const deg = (value * 180 / Math.PI).toFixed(1);
+  const normalized = (value % (Math.PI * 2) + Math.PI * 2) % (Math.PI * 2);
+  const pct = normalized / (Math.PI * 2) * 100;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "5px",
+        background: color + "0a",
+        border: `1px solid ${color}22`,
+        borderRadius: "8px",
+        padding: "5px 7px",
+        flex: 1,
+        minWidth: 0
+      },
+      children: [
+        /* @__PURE__ */ jsxs2("div", { style: { position: "relative", width: "18px", height: "18px", flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsxs2("svg", { width: "18", height: "18", viewBox: "0 0 18 18", children: [
+            /* @__PURE__ */ jsx3("circle", { cx: "9", cy: "9", r: "7", fill: "none", stroke: color + "22", strokeWidth: "2" }),
+            /* @__PURE__ */ jsx3(
+              "circle",
+              {
+                cx: "9",
+                cy: "9",
+                r: "7",
+                fill: "none",
+                stroke: color,
+                strokeWidth: "2",
+                strokeDasharray: `${pct / 100 * 44} 44`,
+                strokeLinecap: "round",
+                transform: "rotate(-90 9 9)",
+                style: { transition: "stroke-dasharray 0.1s ease" }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx3(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                fontSize: "7px",
+                fontWeight: 800,
+                color,
+                letterSpacing: "-0.02em"
+              },
+              children: label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2(
+          "span",
+          {
+            style: {
+              fontSize: "10px",
+              color: color + "cc",
+              fontVariantNumeric: "tabular-nums",
+              width: "36px",
+              textAlign: "right",
+              flexShrink: 0
+            },
+            children: [
+              deg,
+              "\xB0"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "3px", marginLeft: "2px" }, children: [
+          /* @__PURE__ */ jsx3(IconBtn, { color, title: `\u2212${label}`, onClick: onDec, children: "\u2212" }),
+          /* @__PURE__ */ jsx3(IconBtn, { color, title: `+${label}`, onClick: onInc, children: "+" }),
+          /* @__PURE__ */ jsx3(IconBtn, { color: color + "88", title: "Reset", onClick: onReset, children: "\u21BA" })
+        ] })
+      ]
+    }
+  );
+}
+function RotationControls({ context, style }) {
+  const { camera, rotate, setYaw, setPitch, reset } = useCameraControls(context);
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "6px",
+        background: "rgba(8,8,12,0.78)",
+        border: "1px solid rgba(255,255,255,0.07)",
+        borderRadius: "12px",
+        padding: "6px 8px",
+        backdropFilter: "blur(16px)",
+        boxShadow: "0 4px 24px rgba(0,0,0,0.5)",
+        fontFamily: '"Inter", system-ui, monospace',
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            title: context ? "Camera ready" : "Waiting for context\u2026",
+            style: {
+              width: "6px",
+              height: "6px",
+              borderRadius: "50%",
+              background: context ? "#c3e88d" : "#555",
+              boxShadow: context ? "0 0 6px #c3e88daa" : "none",
+              flexShrink: 0,
+              transition: "all 0.3s"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          AxisPill,
+          {
+            label: "Yaw",
+            color: "#ff5370",
+            value: camera.yaw,
+            onDec: () => rotate(-STEP, 0),
+            onInc: () => rotate(STEP, 0),
+            onReset: () => setYaw(0)
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          AxisPill,
+          {
+            label: "Pitch",
+            color: "#82aaff",
+            value: camera.pitch,
+            onDec: () => rotate(0, -STEP),
+            onInc: () => rotate(0, STEP),
+            onReset: () => setPitch(0)
+          }
+        ),
+        /* @__PURE__ */ jsx3(IconBtn, { color: "#ffffff", title: "Reset all", onClick: reset, children: "\u2298" })
+      ]
+    }
+  );
+}
+
+// src/components/FaceLabel.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function transformLocalToWorld(m, x, y, z) {
+  return {
+    x: m[0] * x + m[4] * y + m[8] * z + m[12],
+    y: m[1] * x + m[5] * y + m[9] * z + m[13],
+    z: m[2] * x + m[6] * y + m[10] * z + m[14]
+  };
+}
+function cross(ax, ay, az, bx, by, bz) {
+  return {
+    x: ay * bz - az * by,
+    y: az * bx - ax * bz,
+    z: ax * by - ay * bx
+  };
+}
+function solveHomography(w, h, p) {
+  const [p0, p1, p2, p3] = p;
+  const sx = [0, w, w, 0];
+  const sy = [0, 0, h, h];
+  const dx = [p0.x, p1.x, p2.x, p3.x];
+  const dy = [p0.y, p1.y, p2.y, p3.y];
+  const M = [];
+  for (let i = 0; i < 4; i++) {
+    M.push([sx[i], sy[i], 1, 0, 0, 0, -dx[i] * sx[i], -dx[i] * sy[i], dx[i]]);
+    M.push([0, 0, 0, sx[i], sy[i], 1, -dy[i] * sx[i], -dy[i] * sy[i], dy[i]]);
+  }
+  const n = 8;
+  for (let col = 0; col < n; col++) {
+    let maxRow = col;
+    for (let row = col + 1; row < n; row++) {
+      if (Math.abs(M[row][col]) > Math.abs(M[maxRow][col])) maxRow = row;
+    }
+    [M[col], M[maxRow]] = [M[maxRow], M[col]];
+    if (Math.abs(M[col][col]) < 1e-10) return null;
+    const pivot = M[col][col];
+    for (let k = col; k <= n; k++) M[col][k] /= pivot;
+    for (let row = 0; row < n; row++) {
+      if (row === col) continue;
+      const f = M[row][col];
+      for (let k = col; k <= n; k++) M[row][k] -= f * M[col][k];
+    }
+  }
+  return M.map((row) => row[n]);
+}
+function buildMatrix3d(w, h, p) {
+  const hv = solveHomography(w, h, p);
+  if (!hv) return "none";
+  const [h00, h01, h02, h10, h11, h12, h20, h21] = hv;
+  return `matrix3d(${h00},${h10},0,${h20},${h01},${h11},0,${h21},0,0,1,0,${h02},${h12},0,1)`;
+}
+function FaceSkin({
+  context,
+  model,
+  corners,
+  children,
+  style,
+  className,
+  surfaceWidth = 300,
+  surfaceHeight = 200
+}) {
+  const { project: project2 } = useWorldToScreen(context);
+  if (!model || !context) return null;
+  const mm = model.getModelMatrix();
+  const worldPts = corners.map(
+    ([lx, ly, lz]) => transformLocalToWorld(mm, lx, ly, lz)
+  );
+  const e1x = worldPts[1].x - worldPts[0].x;
+  const e1y = worldPts[1].y - worldPts[0].y;
+  const e1z = worldPts[1].z - worldPts[0].z;
+  const e2x = worldPts[3].x - worldPts[0].x;
+  const e2y = worldPts[3].y - worldPts[0].y;
+  const e2z = worldPts[3].z - worldPts[0].z;
+  const normal = cross(e1x, e1y, e1z, e2x, e2y, e2z);
+  const camera = context.viewport.camera;
+  const radius = Math.sqrt(
+    (camera.position[0] - camera.target[0]) ** 2 + (camera.position[1] - camera.target[1]) ** 2 + (camera.position[2] - camera.target[2]) ** 2
+  );
+  const eyeX = camera.target[0] + radius * Math.cos(camera.pitch) * Math.sin(camera.yaw);
+  const eyeY = camera.target[1] + radius * Math.sin(camera.pitch);
+  const eyeZ = camera.target[2] + radius * Math.cos(camera.pitch) * Math.cos(camera.yaw);
+  const toCamera = {
+    x: eyeX - worldPts[0].x,
+    y: eyeY - worldPts[0].y,
+    z: eyeZ - worldPts[0].z
+  };
+  const dot = normal.x * toCamera.x + normal.y * toCamera.y + normal.z * toCamera.z;
+  if (dot <= 0) return null;
+  const screenPts = worldPts.map((w) => project2(w.x, w.y, w.z));
+  if (screenPts.some((pt) => !pt.visible)) return null;
+  const remapped = [screenPts[3], screenPts[2], screenPts[1], screenPts[0]];
+  const matrix = buildMatrix3d(surfaceWidth, surfaceHeight, remapped);
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "hidden"
+      },
+      children: /* @__PURE__ */ jsx4(
+        "div",
+        {
+          className,
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: surfaceWidth,
+            height: surfaceHeight,
+            transformOrigin: "0 0",
+            transform: matrix,
+            overflow: "hidden",
+            pointerEvents: "auto",
+            ...style
+          },
+          children
+        }
+      )
+    }
+  );
+}
+
+export {
+  GenesisGLCanvas,
+  ViewportGizmo,
+  RotationControls,
+  FaceSkin
+};
+//# sourceMappingURL=chunk-7RTMMLA7.js.map

package/dist/chunk-7RTMMLA7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/GenesisGLCanvas.tsx","../src/components/ViewportGizmo.tsx","../src/components/RotationControls.tsx","../src/components/FaceLabel.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect } from 'react';\nimport { useGenesisGL } from '../hooks/useGenesisGL';\nimport type { GenesisGLContext } from '../hooks/useGenesisGL';\nimport { useRenderer } from '../hooks/useRenderer';\nimport { useCameraMouseDrag } from '../hooks/useCameraMouseDrag';\n\nexport interface GenesisGLCanvasProps {\n  onReady?: (context: GenesisGLContext) => void;\n  onFrame?: (time: number) => void;\n  width?: number;\n  height?: number;\n  initialYaw?: number;\n  initialPitch?: number;\n  initialZoom?: number;\n  /** RGBA clear color, e.g. [0.05, 0.05, 0.05, 1] */\n  background?: [number, number, number, number];\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nexport const GenesisGLCanvas = React.forwardRef<\n  HTMLCanvasElement,\n  GenesisGLCanvasProps\n>(\n  (\n    {\n      onReady,\n      onFrame,\n      width,\n      height,\n      initialYaw,\n      initialPitch,\n      initialZoom,\n      background,\n      style,\n      className,\n    },\n    ref,\n  ) => {\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n\n    // Always use the internal ref for GL init; expose to parent via callback ref\n    const setRef = useCallback(\n      (el: HTMLCanvasElement | null) => {\n        (\n          canvasRef as React.MutableRefObject<HTMLCanvasElement | null>\n        ).current = el;\n        if (typeof ref === 'function') ref(el);\n        else if (ref) ref.current = el;\n      },\n      [ref],\n    );\n\n    const onFrameRef = useRef(onFrame);\n    onFrameRef.current = onFrame;\n\n    const genesisContext = useGenesisGL({\n      canvasRef,\n      width,\n      height,\n      initialYaw,\n      initialPitch,\n      initialZoom,\n      onReady,\n    });\n\n    const genesisContextRef = useRef(genesisContext);\n    genesisContextRef.current = genesisContext;\n\n    const stableOnFrame = useCallback((time: number) => {\n      const { renderer, scene } = genesisContextRef.current;\n      if (renderer && scene) {\n        renderer.render(scene);\n        onFrameRef.current?.(time);\n      }\n    }, []);\n\n    useEffect(() => {\n      if (genesisContext.renderer && background) {\n        genesisContext.renderer.clearColor = background;\n      }\n    }, [genesisContext.renderer, background]);\n\n    useRenderer({ renderer: genesisContext.renderer, onFrame: stableOnFrame });\n    useCameraMouseDrag(genesisContext, canvasRef);\n\n    return (\n      <canvas\n        ref={setRef}\n        style={{ display: 'block', width: '100%', height: '100%', ...style }}\n        className={className}\n      />\n    );\n  },\n);\n\nGenesisGLCanvas.displayName = 'GenesisGLCanvas';\n","import React, { useRef, useEffect, useCallback } from 'react';\nimport { useCameraControls } from '../hooks/useCameraControls';\nimport type { GenesisGLContext } from '../hooks/useGenesisGL';\n\nexport interface ViewportGizmoProps {\n  context: GenesisGLContext | null;\n  /** Size of the gizmo widget in px. Default 96 */\n  size?: number;\n  /** Corner to anchor in. Default 'top-right' */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  style?: React.CSSProperties;\n}\n\n// Each axis face: label, unit direction [x,y,z], color\nconst FACES = [\n  { label: '+X', dir: [1, 0, 0] as [number, number, number], color: '#ff5370' },\n  { label: '-X', dir: [-1, 0, 0] as [number, number, number], color: '#ff5370', dim: true },\n  { label: '+Y', dir: [0, 1, 0] as [number, number, number], color: '#c3e88d' },\n  { label: '-Y', dir: [0, -1, 0] as [number, number, number], color: '#c3e88d', dim: true },\n  { label: '+Z', dir: [0, 0, 1] as [number, number, number], color: '#82aaff' },\n  { label: '-Z', dir: [0, 0, -1] as [number, number, number], color: '#82aaff', dim: true },\n];\n\nconst SNAP_PITCH: Record<string, number> = {\n  '+Y': Math.PI / 2 - 0.01,\n  '-Y': -(Math.PI / 2 - 0.01),\n};\n\n/** Project a unit-sphere point through the camera's current yaw/pitch to a 2D gizmo position. */\nfunction project(\n  dir: [number, number, number],\n  yaw: number,\n  pitch: number,\n  radius: number,\n): { x: number; y: number; z: number } {\n  // Rotate dir by the inverse camera orbit (yaw around Y, pitch around X)\n  const [dx, dy, dz] = dir;\n\n  // Apply inverse yaw (rotate around Y)\n  const cosY = Math.cos(-yaw);\n  const sinY = Math.sin(-yaw);\n  const rx = dx * cosY + dz * sinY;\n  const ry = dy;\n  const rz = -dx * sinY + dz * cosY;\n\n  // Apply inverse pitch (rotate around X)\n  const cosP = Math.cos(-pitch);\n  const sinP = Math.sin(-pitch);\n  const fx = rx;\n  const fy = ry * cosP - rz * sinP;\n  const fz = ry * sinP + rz * cosP;\n\n  return { x: fx * radius, y: -fy * radius, z: fz };\n}\n\nconst DRAG_SENSITIVITY = 0.008;\n\nexport function ViewportGizmo({\n  context,\n  size = 96,\n  position = 'top-right',\n  style,\n}: ViewportGizmoProps) {\n  const { camera, setYaw, setPitch, rotate } = useCameraControls(context);\n  const dragging = useRef(false);\n  const lastPos = useRef({ x: 0, y: 0 });\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const onMouseDown = useCallback((e: React.MouseEvent) => {\n    if (e.button !== 0) return;\n    dragging.current = true;\n    lastPos.current = { x: e.clientX, y: e.clientY };\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  useEffect(() => {\n    const onMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const dx = e.clientX - lastPos.current.x;\n      const dy = e.clientY - lastPos.current.y;\n      lastPos.current = { x: e.clientX, y: e.clientY };\n      rotate(-dx * DRAG_SENSITIVITY, -dy * DRAG_SENSITIVITY);\n    };\n    const onUp = () => { dragging.current = false; };\n    window.addEventListener('mousemove', onMove);\n    window.addEventListener('mouseup', onUp);\n    return () => {\n      window.removeEventListener('mousemove', onMove);\n      window.removeEventListener('mouseup', onUp);\n    };\n  }, [rotate]);\n\n  const snapTo = useCallback((face: typeof FACES[0]) => {\n    const [dx, , dz] = face.dir;\n    const targetYaw = Math.atan2(dx, dz);\n    const targetPitch = SNAP_PITCH[face.label] ?? 0;\n    setYaw(targetYaw);\n    setPitch(targetPitch);\n  }, [setYaw, setPitch]);\n\n  const half = size / 2;\n  const dotRadius = size * 0.14;\n  const orbitRadius = half * 0.62;\n\n  // Project all faces and sort back-to-front\n  const projected = FACES.map((face) => ({\n    ...face,\n    ...project(face.dir, camera.yaw, camera.pitch, orbitRadius),\n  })).sort((a, b) => a.z - b.z);\n\n  const posStyle: React.CSSProperties =\n    position === 'top-right'    ? { top: 12, right: 12 } :\n    position === 'top-left'     ? { top: 12, left: 12 } :\n    position === 'bottom-right' ? { bottom: 12, right: 12 } :\n                                  { bottom: 12, left: 12 };\n\n  return (\n    <div\n      ref={containerRef}\n      onMouseDown={onMouseDown}\n      style={{\n        position: 'absolute',\n        width: size,\n        height: size,\n        borderRadius: '50%',\n        background: 'rgba(8,8,14,0.55)',\n        border: '1px solid rgba(255,255,255,0.07)',\n        backdropFilter: 'blur(8px)',\n        cursor: dragging.current ? 'grabbing' : 'grab',\n        userSelect: 'none',\n        ...posStyle,\n        ...style,\n      }}\n    >\n      <svg\n        width={size}\n        height={size}\n        viewBox={`${-half} ${-half} ${size} ${size}`}\n        style={{ overflow: 'visible', display: 'block' }}\n      >\n        {/* Axis lines — draw behind dots */}\n        {(['x', 'y', 'z'] as const).map((axis) => {\n          const pos = projected.find((f) => f.label === `+${axis.toUpperCase()}`);\n          const neg = projected.find((f) => f.label === `-${axis.toUpperCase()}`);\n          if (!pos || !neg) return null;\n          return (\n            <line\n              key={axis}\n              x1={neg.x} y1={neg.y}\n              x2={pos.x} y2={pos.y}\n              stroke={pos.color}\n              strokeWidth={1.5}\n              strokeOpacity={0.35}\n            />\n          );\n        })}\n\n        {/* Dots — sorted back to front */}\n        {projected.map((face) => {\n          const isFront = face.z >= 0;\n          const opacity = isFront ? 1 : 0.28;\n          const r = isFront ? dotRadius : dotRadius * 0.75;\n          return (\n            <g\n              key={face.label}\n              style={{ cursor: 'pointer' }}\n              onClick={(e) => { e.stopPropagation(); snapTo(face); }}\n            >\n              <circle\n                cx={face.x} cy={face.y} r={r}\n                fill={face.color}\n                fillOpacity={opacity * (face.dim ? 0.6 : 1)}\n                stroke={face.color}\n                strokeWidth={isFront ? 1.5 : 0.5}\n                strokeOpacity={opacity * 0.6}\n              />\n              {isFront && (\n                <text\n                  x={face.x} y={face.y}\n                  textAnchor=\"middle\"\n                  dominantBaseline=\"central\"\n                  fontSize={r * 0.75}\n                  fontWeight={700}\n                  fontFamily=\"system-ui, monospace\"\n                  fill=\"#fff\"\n                  fillOpacity={0.9}\n                  style={{ pointerEvents: 'none' }}\n                >\n                  {face.label}\n                </text>\n              )}\n            </g>\n          );\n        })}\n      </svg>\n    </div>\n  );\n}\n","import React, { useState } from 'react';\nimport { useCameraControls } from '../hooks/useCameraControls';\nimport type { GenesisGLContext } from '../hooks/useGenesisGL';\n\nconst STEP = 0.05;\n\nfunction IconBtn({\n  children,\n  title,\n  onClick,\n  color,\n}: {\n  children: React.ReactNode;\n  title?: string;\n  onClick: () => void;\n  color: string;\n}) {\n  const [active, setActive] = useState(false);\n  const [hover, setHover] = useState(false);\n\n  return (\n    <button\n      title={title}\n      onClick={onClick}\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => { setHover(false); setActive(false); }}\n      onMouseDown={() => setActive(true)}\n      onMouseUp={() => setActive(false)}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: '22px',\n        height: '22px',\n        border: `1px solid ${hover ? color + '88' : color + '33'}`,\n        borderRadius: '5px',\n        background: active ? color + '30' : hover ? color + '18' : color + '0c',\n        color: hover ? color : color + 'aa',\n        cursor: 'pointer',\n        fontSize: '11px',\n        fontWeight: 700,\n        lineHeight: 1,\n        padding: 0,\n        transition: 'all 0.12s',\n        transform: active ? 'scale(0.88)' : 'scale(1)',\n        flexShrink: 0,\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction AxisPill({\n  label,\n  color,\n  value,\n  onDec,\n  onInc,\n  onReset,\n}: {\n  label: string;\n  color: string;\n  value: number;\n  onDec: () => void;\n  onInc: () => void;\n  onReset: () => void;\n}) {\n  const deg = ((value * 180) / Math.PI).toFixed(1);\n  const normalized = ((value % (Math.PI * 2)) + Math.PI * 2) % (Math.PI * 2);\n  const pct = (normalized / (Math.PI * 2)) * 100;\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: '5px',\n        background: color + '0a',\n        border: `1px solid ${color}22`,\n        borderRadius: '8px',\n        padding: '5px 7px',\n        flex: 1,\n        minWidth: 0,\n      }}\n    >\n      <div style={{ position: 'relative', width: '18px', height: '18px', flexShrink: 0 }}>\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\n          <circle cx=\"9\" cy=\"9\" r=\"7\" fill=\"none\" stroke={color + '22'} strokeWidth=\"2\" />\n          <circle\n            cx=\"9\" cy=\"9\" r=\"7\"\n            fill=\"none\"\n            stroke={color}\n            strokeWidth=\"2\"\n            strokeDasharray={`${(pct / 100) * 44} 44`}\n            strokeLinecap=\"round\"\n            transform=\"rotate(-90 9 9)\"\n            style={{ transition: 'stroke-dasharray 0.1s ease' }}\n          />\n        </svg>\n        <span\n          style={{\n            position: 'absolute',\n            inset: 0,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: '7px',\n            fontWeight: 800,\n            color,\n            letterSpacing: '-0.02em',\n          }}\n        >\n          {label}\n        </span>\n      </div>\n\n      <span\n        style={{\n          fontSize: '10px',\n          color: color + 'cc',\n          fontVariantNumeric: 'tabular-nums',\n          width: '36px',\n          textAlign: 'right',\n          flexShrink: 0,\n        }}\n      >\n        {deg}°\n      </span>\n\n      <div style={{ display: 'flex', gap: '3px', marginLeft: '2px' }}>\n        <IconBtn color={color} title={`−${label}`} onClick={onDec}>−</IconBtn>\n        <IconBtn color={color} title={`+${label}`} onClick={onInc}>+</IconBtn>\n        <IconBtn color={color + '88'} title=\"Reset\" onClick={onReset}>↺</IconBtn>\n      </div>\n    </div>\n  );\n}\n\nexport interface RotationControlsProps {\n  context: GenesisGLContext | null;\n  style?: React.CSSProperties;\n}\n\nexport function RotationControls({ context, style }: RotationControlsProps) {\n  const { camera, rotate, setYaw, setPitch, reset } = useCameraControls(context);\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: '6px',\n        background: 'rgba(8,8,12,0.78)',\n        border: '1px solid rgba(255,255,255,0.07)',\n        borderRadius: '12px',\n        padding: '6px 8px',\n        backdropFilter: 'blur(16px)',\n        boxShadow: '0 4px 24px rgba(0,0,0,0.5)',\n        fontFamily: '\"Inter\", system-ui, monospace',\n        ...style,\n      }}\n    >\n      <div\n        title={context ? 'Camera ready' : 'Waiting for context…'}\n        style={{\n          width: '6px',\n          height: '6px',\n          borderRadius: '50%',\n          background: context ? '#c3e88d' : '#555',\n          boxShadow: context ? '0 0 6px #c3e88daa' : 'none',\n          flexShrink: 0,\n          transition: 'all 0.3s',\n        }}\n      />\n\n      <AxisPill\n        label=\"Yaw\"\n        color=\"#ff5370\"\n        value={camera.yaw}\n        onDec={() => rotate(-STEP, 0)}\n        onInc={() => rotate(STEP, 0)}\n        onReset={() => setYaw(0)}\n      />\n\n      <AxisPill\n        label=\"Pitch\"\n        color=\"#82aaff\"\n        value={camera.pitch}\n        onDec={() => rotate(0, -STEP)}\n        onInc={() => rotate(0, STEP)}\n        onReset={() => setPitch(0)}\n      />\n\n      <IconBtn color=\"#ffffff\" title=\"Reset all\" onClick={reset}>⊘</IconBtn>\n    </div>\n  );\n}\n","import React from 'react';\nimport type { Model } from '@fonsecabarreto/genesis-gl-core/Core';\nimport type { GenesisGLContext } from '../hooks/useGenesisGL';\nimport { useWorldToScreen } from '../hooks/useWorldToScreen';\n\nexport interface FaceSkinProps {\n  context: GenesisGLContext | null;\n  model: Model | null;\n  corners: [\n    [number, number, number],\n    [number, number, number],\n    [number, number, number],\n    [number, number, number],\n  ];\n  /** Width of the virtual surface div warped onto the face (px) */\n  surfaceWidth?: number;\n  /** Height of the virtual surface div warped onto the face (px) */\n  surfaceHeight?: number;\n  children?: React.ReactNode;\n  style?: React.CSSProperties;\n  className?: string;\n}\n\nfunction transformLocalToWorld(\n  m: Float32Array,\n  x: number,\n  y: number,\n  z: number,\n) {\n  return {\n    x: m[0] * x + m[4] * y + m[8] * z + m[12],\n    y: m[1] * x + m[5] * y + m[9] * z + m[13],\n    z: m[2] * x + m[6] * y + m[10] * z + m[14],\n  };\n}\n\nfunction cross(\n  ax: number,\n  ay: number,\n  az: number,\n  bx: number,\n  by: number,\n  bz: number,\n) {\n  return {\n    x: ay * bz - az * by,\n    y: az * bx - ax * bz,\n    z: ax * by - ay * bx,\n  };\n}\n\n/**\n * Solve for the homography matrix H (8 unknowns, h22=1) that maps\n * a w×h rectangle to four destination points using Gaussian elimination.\n * Returns [h00,h01,h02,h10,h11,h12,h20,h21] or null on failure.\n */\nfunction solveHomography(\n  w: number,\n  h: number,\n  p: { x: number; y: number }[],\n): number[] | null {\n  const [p0, p1, p2, p3] = p;\n  const sx = [0, w, w, 0];\n  const sy = [0, 0, h, h];\n  const dx = [p0.x, p1.x, p2.x, p3.x];\n  const dy = [p0.y, p1.y, p2.y, p3.y];\n\n  // Build augmented 8×9 matrix\n  const M: number[][] = [];\n  for (let i = 0; i < 4; i++) {\n    M.push([sx[i], sy[i], 1, 0, 0, 0, -dx[i] * sx[i], -dx[i] * sy[i], dx[i]]);\n    M.push([0, 0, 0, sx[i], sy[i], 1, -dy[i] * sx[i], -dy[i] * sy[i], dy[i]]);\n  }\n\n  const n = 8;\n  for (let col = 0; col < n; col++) {\n    let maxRow = col;\n    for (let row = col + 1; row < n; row++) {\n      if (Math.abs(M[row][col]) > Math.abs(M[maxRow][col])) maxRow = row;\n    }\n    [M[col], M[maxRow]] = [M[maxRow], M[col]];\n    if (Math.abs(M[col][col]) < 1e-10) return null;\n    const pivot = M[col][col];\n    for (let k = col; k <= n; k++) M[col][k] /= pivot;\n    for (let row = 0; row < n; row++) {\n      if (row === col) continue;\n      const f = M[row][col];\n      for (let k = col; k <= n; k++) M[row][k] -= f * M[col][k];\n    }\n  }\n\n  return M.map((row) => row[n]);\n}\n\n/**\n * Build the CSS matrix3d string that perspectively maps a w×h div\n * (origin top-left) onto four screen-space points [p0,p1,p2,p3]\n * corresponding to the div corners (0,0),(w,0),(w,h),(0,h).\n */\nfunction buildMatrix3d(\n  w: number,\n  h: number,\n  p: { x: number; y: number }[],\n): string {\n  const hv = solveHomography(w, h, p);\n  if (!hv) return 'none';\n  const [h00, h01, h02, h10, h11, h12, h20, h21] = hv;\n  // CSS matrix3d is column-major 4×4\n  return (\n    `matrix3d(` +\n    `${h00},${h10},0,${h20},` +\n    `${h01},${h11},0,${h21},` +\n    `0,0,1,0,` +\n    `${h02},${h12},0,1)`\n  );\n}\n\nexport function FaceSkin({\n  context,\n  model,\n  corners,\n  children,\n  style,\n  className,\n  surfaceWidth = 300,\n  surfaceHeight = 200,\n}: FaceSkinProps) {\n  const { project } = useWorldToScreen(context);\n\n  if (!model || !context) return null;\n\n  const mm = model.getModelMatrix() as unknown as Float32Array;\n\n  const worldPts = corners.map(([lx, ly, lz]) =>\n    transformLocalToWorld(mm, lx, ly, lz),\n  );\n\n  const e1x = worldPts[1].x - worldPts[0].x;\n  const e1y = worldPts[1].y - worldPts[0].y;\n  const e1z = worldPts[1].z - worldPts[0].z;\n  const e2x = worldPts[3].x - worldPts[0].x;\n  const e2y = worldPts[3].y - worldPts[0].y;\n  const e2z = worldPts[3].z - worldPts[0].z;\n  const normal = cross(e1x, e1y, e1z, e2x, e2y, e2z);\n\n  const camera = context.viewport!.camera;\n  const radius = Math.sqrt(\n    (camera.position[0] - camera.target[0]) ** 2 +\n      (camera.position[1] - camera.target[1]) ** 2 +\n      (camera.position[2] - camera.target[2]) ** 2,\n  );\n  const eyeX =\n    camera.target[0] + radius * Math.cos(camera.pitch) * Math.sin(camera.yaw);\n  const eyeY = camera.target[1] + radius * Math.sin(camera.pitch);\n  const eyeZ =\n    camera.target[2] + radius * Math.cos(camera.pitch) * Math.cos(camera.yaw);\n\n  const toCamera = {\n    x: eyeX - worldPts[0].x,\n    y: eyeY - worldPts[0].y,\n    z: eyeZ - worldPts[0].z,\n  };\n  const dot =\n    normal.x * toCamera.x + normal.y * toCamera.y + normal.z * toCamera.z;\n\n  if (dot <= 0) return null;\n\n  const screenPts = worldPts.map((w) => project(w.x, w.y, w.z));\n  if (screenPts.some((pt) => !pt.visible)) return null;\n\n  // Remap corners so the div renders right-side-up from the isometric view:\n  // div (0,0)→screenPts[3], (w,0)→[2], (w,h)→[1], (0,h)→[0]\n  const remapped = [screenPts[3], screenPts[2], screenPts[1], screenPts[0]];\n  const matrix = buildMatrix3d(surfaceWidth, surfaceHeight, remapped);\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n        overflow: 'hidden',\n      }}\n    >\n      <div\n        className={className}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: surfaceWidth,\n          height: surfaceHeight,\n          transformOrigin: '0 0',\n          transform: matrix,\n          overflow: 'hidden',\n          pointerEvents: 'auto',\n          ...style,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport { FaceSkin as FaceLabel };\nexport type { FaceSkinProps as FaceLabelProps };\n"],"mappings":"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","names":["useRef","useEffect","useCallback","jsx","useRef","useCallback","useEffect","jsx","jsxs","jsx","project"]}