@vincentt-xr/sdk 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/index-UC0Ux38E.js

@@ -0,0 +1,111 @@
+import { jsx as w } from "react/jsx-runtime";
+import { useFrame as A } from "@react-three/fiber";
+import { useRef as y, useEffect as k } from "react";
+import * as p from "three";
+import { R as H } from "./renderLayers-zrK2pv5O.js";
+import { a as v } from "./index-BgQAX8rs.js";
+const O = [
+  "face.center",
+  "face.forehead",
+  "face.noseTip",
+  "face.chin",
+  "face.leftEyeOuter",
+  "face.rightEyeOuter",
+  "face.leftCheek",
+  "face.rightCheek",
+  "face.mouthCenter",
+  "face.leftEye",
+  "face.rightEye",
+  "face.leftEarlobe",
+  "face.rightEarlobe",
+  "face.custom"
+], N = [
+  "hand.wrist",
+  "hand.thumbTip",
+  "hand.indexTip",
+  "hand.middleTip",
+  "hand.ringTip",
+  "hand.pinkyTip",
+  "hand.indexBase",
+  "hand.middleBase",
+  "hand.ringBase",
+  "hand.pinkyBase"
+], P = [
+  "body.head",
+  "body.neck",
+  "body.leftShoulder",
+  "body.rightShoulder",
+  "body.leftElbow",
+  "body.rightElbow",
+  "body.leftWrist",
+  "body.rightWrist",
+  "body.leftHip",
+  "body.rightHip",
+  "body.leftKnee",
+  "body.rightKnee",
+  "body.leftAnkle",
+  "body.rightAnkle"
+], z = (e) => e.startsWith("face.") ? "face" : e.startsWith("hand.") ? "hand" : e.startsWith("body.") ? "body" : null, q = {
+  target: "face.center",
+  customAnchorPoint: { x: 0, y: 0, z: 0 },
+  offset: { x: 0, y: 0, z: 0 },
+  smoothing: 0,
+  followFaceRoll: !1
+}, m = (e, r, n) => r + n * (e - r), E = (e, r) => 1 / (1 + 1 / (2 * Math.PI * e) / r), B = (e, r, n, i, T, o) => {
+  if (!e.initialized || n <= 0)
+    return e.pos.copy(r), e.prevRaw.copy(r), e.dxHat.set(0, 0, 0), e.initialized = !0, e;
+  const a = E(o, n), l = ["x", "y", "z"];
+  for (const t of l) {
+    const f = (r[t] - e.prevRaw[t]) / n, c = m(f, e.dxHat[t], a);
+    e.dxHat[t] = c;
+    const u = i + T * Math.abs(c), d = E(u, n);
+    e.pos[t] = m(r[t], e.pos[t], d), e.prevRaw[t] = r[t];
+  }
+  return e;
+}, D = (e, r, n, i) => B(e, r, n, i * 0.1, 0.5, 1), G = ({
+  target: e,
+  customAnchorPoint: r,
+  offset: n,
+  smoothing: i = 0,
+  children: T
+}) => {
+  const o = v(), a = y(null), l = y(!1), t = y(new p.Vector3()), f = y({
+    pos: new p.Vector3(),
+    prevRaw: new p.Vector3(),
+    dxHat: new p.Vector3(),
+    initialized: !1
+  }), c = z(e), u = o !== null && c !== null && o.type !== c, d = o === null, b = d || u || c === null;
+  return k(() => {
+    d ? console.warn(
+      `[TrackingAnchor] target "${e}" requires a FaceTracker / HandTracker / BodyTracker ancestor; rendering null.`
+    ) : u ? console.warn(
+      `[TrackingAnchor] target "${e}" namespace does not match parent tracker type "${o == null ? void 0 : o.type}"; rendering null.`
+    ) : c === null && console.warn(
+      `[TrackingAnchor] target "${e}" is not a recognized face/hand/body landmark; rendering null.`
+    );
+  }, [e, c, d, u, o == null ? void 0 : o.type]), A((F, R) => {
+    if (b || !a.current || !o) return;
+    const h = o.resolveLandmark(e, r);
+    if (!h) {
+      a.current.visible = !1, l.current = !1, f.current.initialized = !1;
+      return;
+    }
+    a.current.visible = !0;
+    const s = t.current.copy(h.position), g = a.current.parent;
+    if (g) {
+      g.updateMatrixWorld();
+      const x = new p.Matrix4().copy(g.matrixWorld).invert();
+      s.applyMatrix4(x);
+    }
+    n && (s.x += n[0], s.y += n[1], s.z += n[2]), i > 0 ? (D(f.current, s, l.current ? R : 0, i), a.current.position.copy(f.current.pos)) : a.current.position.copy(s), l.current = !0, h.quaternion && a.current.quaternion.copy(h.quaternion);
+  }), b ? null : /* @__PURE__ */ w("group", { ref: a, renderOrder: H.TRACKED, children: T });
+};
+export {
+  P as B,
+  q as D,
+  O as F,
+  N as H,
+  G as T,
+  z as g,
+  D as s
+};

package/dist/{internal-KOKJDxCG.js → internal-DuMPpcbp.js}

@@ -1,19 +1,20 @@
-var B = Object.defineProperty;
-var K = (t, e, r) => e in t ? B(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var s = (t, e, r) => K(t, typeof e != "symbol" ? e + "" : e, r);
-import { jsx as f, jsxs as y } from "react/jsx-runtime";
-import O, { useState as p, useRef as g, useEffect as v, useCallback as T, createContext as W, Suspense as X, lazy as V } from "react";
-import { b as q } from "./selectors-BHO6TnoC.js";
-import { u as J } from "./index-CYMj26Ej.js";
-import { useFrame as G } from "@react-three/fiber";
+var K = Object.defineProperty;
+var O = (t, e, r) => e in t ? K(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var s = (t, e, r) => O(t, typeof e != "symbol" ? e + "" : e, r);
+import { jsx as f, jsxs as w } from "react/jsx-runtime";
+import W, { useState as b, useRef as h, useEffect as T, useCallback as y, createContext as X, Suspense as V, lazy as q } from "react";
+import { u as J } from "./selectors-Dw3C-gSk.js";
+import { u as G } from "./index-JygePOwo.js";
+import { useFrame as Q } from "@react-three/fiber";
 import "./hasFullUnitUVBounds-BGvcFsQM.js";
-const fe = ({
+import "./renderLayers-zrK2pv5O.js";
+const pe = ({
   children: t,
   defaultCollapsed: e = !0,
   title: r,
   width: i = 320
 }) => {
-  const [n, o] = p(e);
+  const [n, o] = b(e);
   return n ? /* @__PURE__ */ f(
     "button",
     {
@@ -39,7 +40,7 @@ const fe = ({
       },
       children: "◫"
     }
-  ) : /* @__PURE__ */ y(
+  ) : /* @__PURE__ */ w(
     "div",
     {
       style: {
@@ -59,7 +60,7 @@ const fe = ({
         color: "#e5eefb"
       },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ w(
           "div",
           {
             style: {
@@ -99,7 +100,7 @@ const fe = ({
     }
   );
 };
-class Q {
+class Y {
   // 500ms as per PRD
   constructor() {
     s(this, "frameTimestamps", []);
@@ -131,16 +132,16 @@ class Q {
     this.frameTimestamps = [], this.lastUpdateTime = performance.now(), this.currentFPS = 0;
   }
 }
-function he(t, e = 1) {
+function ge(t, e = 1) {
   return t.toFixed(e);
 }
 function _(t) {
   return t / (1024 * 1024);
 }
-function Y(t, e) {
+function Z(t, e) {
   return e === 0 ? 0 : t / e * 100;
 }
-class Z {
+class ee {
   constructor(e = 1e3) {
     s(this, "intervalId", null);
     s(this, "memoryUsage", null);
@@ -188,7 +189,7 @@ class Z {
     this.memoryUsage = {
       used: _(r),
       total: _(i),
-      percentage: Y(r, i)
+      percentage: Z(r, i)
     };
   }
   /**
@@ -205,7 +206,7 @@ class Z {
     return this.isSupported;
   }
 }
-class ee {
+class te {
   constructor() {
     s(this, "resolution", "N/A");
     s(this, "videoElement", null);
@@ -247,7 +248,7 @@ class ee {
     return this.videoElement && this.updateResolution(), this.resolution;
   }
 }
-class te {
+class re {
   constructor(e = {}) {
     s(this, "options");
     s(this, "isRunning", !1);
@@ -271,7 +272,7 @@ class te {
     this.options = {
       enableMemoryTracking: e.enableMemoryTracking ?? !0,
       memoryUpdateInterval: e.memoryUpdateInterval ?? 1e3
-    }, this.cameraFPSTracker = new Q(), this.memoryTracker = new Z(this.options.memoryUpdateInterval), this.resolutionTracker = new ee();
+    }, this.cameraFPSTracker = new Y(), this.memoryTracker = new ee(this.options.memoryUpdateInterval), this.resolutionTracker = new te();
   }
   /**
    * Start collecting metrics
@@ -282,13 +283,13 @@ class te {
       console.warn("[MetricsCollector] Already running");
       return;
     }
-    this.isRunning = !0, this.lastEffectiveFPSUpdate = performance.now(), this.options.enableMemoryTracking && this.memoryTracker.start(), e && this.resolutionTracker.start(e), this.setupCameraFPSHook(), console.log("[MetricsCollector] Started");
+    this.isRunning = !0, this.lastEffectiveFPSUpdate = performance.now(), this.options.enableMemoryTracking && this.memoryTracker.start(), e && this.resolutionTracker.start(e), this.setupCameraFPSHook(), console.info("[MetricsCollector] Started");
   }
   /**
    * Stop collecting metrics and clean up
    */
   stop() {
-    this.isRunning && (this.isRunning = !1, this.memoryTracker.stop(), this.resolutionTracker.stop(), this.cameraFPSTracker.reset(), this.cleanupCameraFPSHook(), console.log("[MetricsCollector] Stopped"));
+    this.isRunning && (this.isRunning = !1, this.memoryTracker.stop(), this.resolutionTracker.stop(), this.cameraFPSTracker.reset(), this.cleanupCameraFPSHook(), console.info("[MetricsCollector] Stopped"));
   }
   /**
    * Setup global hook for camera FPS tracking
@@ -348,7 +349,7 @@ class te {
         name: a.name,
         processingTime: a.processingTime || 0
       }));
-      const o = n.reduce((a, h) => a + (h.processingTime || 0), 0);
+      const o = n.reduce((a, p) => a + (p.processingTime || 0), 0);
       this.metrics.detectionTime = o, this.updateEffectiveFPS();
     } catch (r) {
       console.warn("[MetricsCollector] Error updating detection time:", r), this.metrics.detectionTime = 0, this.metrics.modelPerformance = [];
@@ -375,14 +376,14 @@ class te {
     return this.isRunning;
   }
 }
-const re = V(async () => ({ default: (await import("./DebuggerUI-Dgop6Q6o.js")).DebuggerUI })), F = W(null);
-function pe({
+const ie = q(async () => ({ default: (await import("./DebuggerUI-Cq28c18s.js")).DebuggerUI })), C = X(null);
+function be({
   children: t,
   keyboardShortcut: e = "ctrl+shift+d",
   initialEnabled: r = !1,
   position: i = "top-left"
 }) {
-  const [n, o] = p(r), [a, h] = p(!1), [S, R] = p({
+  const [n, o] = b(r), [a, p] = b(!1), [k, E] = b({
     cameraFPS: 0,
     detectionTime: 0,
     modelPerformance: [],
@@ -390,76 +391,81 @@ function pe({
     effectiveFPS: 0,
     memory: null,
     resolution: "N/A"
-  }), d = g(null), l = g(null), { session: b } = J(), k = q();
-  v(() => (d.current || (d.current = new te(), window.__xr_metrics_collector = d.current), () => {
-    d.current && d.current.stop(), l.current && clearInterval(l.current), window.__xr_metrics_collector && delete window.__xr_metrics_collector;
-  }), []), v(() => {
-    const c = d.current;
+  }), m = h(null), l = h(null), g = h(!1), { session: v } = G(), P = J();
+  T(() => (m.current || (m.current = new re(), window.__xr_metrics_collector = m.current), () => {
+    m.current && m.current.stop(), l.current && clearInterval(l.current), window.__xr_metrics_collector && delete window.__xr_metrics_collector;
+  }), []), T(() => {
+    const c = m.current;
     if (c) {
-      if (n && k) {
-        const u = b._getVideoElement();
+      if (n && P) {
+        const u = v._getVideoElement();
         c.start(u), l.current = window.setInterval(async () => {
-          const x = Object.fromEntries(b.store.getSnapshot().pipeline);
-          await c.updateDetectionTime(x);
-          const m = c.getMetrics();
-          R(m);
-        }, 16);
+          if (!g.current) {
+            g.current = !0;
+            try {
+              const F = Object.fromEntries(v.store.getSnapshot().pipeline);
+              await c.updateDetectionTime(F), E(c.getMetrics());
+            } finally {
+              g.current = !1;
+            }
+          }
+        }, 100);
       } else
-        c.stop(), l.current && (clearInterval(l.current), l.current = null);
+        c.stop(), l.current && (clearInterval(l.current), l.current = null), g.current = !1;
       return () => {
         l.current && (clearInterval(l.current), l.current = null);
       };
     }
-  }, [n, k, b]), v(() => {
+  }, [n, P, v]), T(() => {
     const c = (u) => {
-      const m = e.toLowerCase().split("+"), D = m.includes("ctrl") || m.includes("control"), U = m.includes("shift"), L = m.includes("alt"), A = m[m.length - 1], N = D ? u.ctrlKey || u.metaKey : !0, H = U ? u.shiftKey : !0, z = L ? u.altKey : !0, j = u.key.toLowerCase() === A;
-      N && H && z && j && (u.preventDefault(), o(($) => !$));
+      const d = e.toLowerCase().split("+"), U = d.includes("ctrl") || d.includes("control"), L = d.includes("shift"), A = d.includes("alt"), N = d[d.length - 1], H = U ? u.ctrlKey || u.metaKey : !0, z = L ? u.shiftKey : !0, j = A ? u.altKey : !0, $ = u.key.toLowerCase() === N;
+      H && z && j && $ && (u.preventDefault(), o((B) => !B));
     };
     return window.addEventListener("keydown", c), () => {
       window.removeEventListener("keydown", c);
     };
   }, [e]);
-  const E = T(() => {
+  const I = y(() => {
     o((c) => !c);
-  }, []), M = T(() => {
+  }, []), M = y(() => {
     o(!0);
-  }, []), P = T(() => {
+  }, []), x = y(() => {
     o(!1);
-  }, []), I = {
+  }, []), D = {
     state: {
       enabled: n,
       collapsed: a,
-      metrics: S
+      metrics: k
     },
-    toggle: E,
-    setCollapsed: h,
+    toggle: I,
+    setCollapsed: p,
     enable: M,
-    disable: P
+    disable: x
   };
-  return /* @__PURE__ */ y(F.Provider, { value: I, children: [
+  return /* @__PURE__ */ w(C.Provider, { value: D, children: [
     t,
-    n && /* @__PURE__ */ f(X, { fallback: null, children: /* @__PURE__ */ f(
-      re,
+    n && /* @__PURE__ */ f(V, { fallback: null, children: /* @__PURE__ */ f(
+      ie,
       {
-        metrics: S,
+        metrics: k,
         collapsed: a,
-        onCollapse: h,
-        onClose: P,
+        onCollapse: p,
+        onClose: x,
         position: i,
         keyboardShortcut: e
       }
     ) })
   ] });
 }
-function ie() {
-  const t = O.useContext(F);
+function se() {
+  const t = W.useContext(C);
   if (!t)
     throw new Error("useDebuggerContext must be used within a DebuggerProvider");
   return t;
 }
-function se({ onUpdate: t }) {
-  const e = g(0), r = g(!0);
-  return G(() => {
+function ne({ onUpdate: t }) {
+  const e = h(0), r = h(!0);
+  return Q(() => {
     if (r.current)
       r.current = !1;
     else {
@@ -469,8 +475,8 @@ function se({ onUpdate: t }) {
     e.current = performance.now();
   }, -1e3), null;
 }
-function ne() {
-  const t = ie();
+function oe() {
+  const t = se();
   return {
     metrics: t.state.metrics,
     enabled: t.state.enabled,
@@ -481,39 +487,39 @@ function ne() {
     disable: t.disable
   };
 }
-function ge() {
-  const { enabled: t } = ne(), e = (r) => {
+function ve() {
+  const { enabled: t } = oe(), e = (r) => {
     const i = window;
     i.__xr_metrics_collector && i.__xr_metrics_collector.updateRenderTime(r);
   };
-  return t ? /* @__PURE__ */ f(se, { onUpdate: e }) : null;
+  return t ? /* @__PURE__ */ f(ne, { onUpdate: e }) : null;
 }
-const w = 600;
-function C() {
+const S = 600;
+function R() {
   if (typeof window > "u")
     return;
   const t = window;
   return t.__xrCalibrationDebugState || (t.__xrCalibrationDebugState = { events: [] }), t.__xrCalibrationDebugState;
 }
-function be(t, e, r) {
-  const i = C();
+function Te(t, e, r) {
+  const i = R();
   i && (i.events.push({
     source: t,
     label: e,
     payload: r,
     ts: performance.now()
-  }), i.events.length > w && i.events.splice(0, i.events.length - w));
+  }), i.events.length > S && i.events.splice(0, i.events.length - S));
 }
-function ve(t = w) {
-  const e = C();
+function ye(t = S) {
+  const e = R();
   return e ? e.events.slice(Math.max(0, e.events.length - t)) : [];
 }
 export {
-  pe as D,
-  fe as X,
-  ge as a,
-  be as b,
-  he as f,
-  ve as r,
-  ne as u
+  be as D,
+  pe as X,
+  ve as a,
+  Te as b,
+  ge as f,
+  ye as r,
+  oe as u
 };

package/dist/internal-i2JkM85N.cjs

@@ -0,0 +1 @@
+"use strict";var H=Object.defineProperty;var z=(t,e,r)=>e in t?H(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var i=(t,e,r)=>z(t,typeof e!="symbol"?e+"":e,r);const m=require("react/jsx-runtime"),n=require("react"),O=require("./selectors-2QvO5RYY.cjs"),$=require("./index-D4bLzBr6.cjs"),B=require("@react-three/fiber");require("./hasFullUnitUVBounds-p1Dl0ejX.cjs");require("./renderLayers-lDtL0_43.cjs");const K=({children:t,defaultCollapsed:e=!0,title:r,width:s=320})=>{const[o,a]=n.useState(e);return o?m.jsx("button",{type:"button",onClick:()=>a(!1),"aria-label":`Open ${r}`,title:`Open ${r}`,style:{position:"absolute",right:16,bottom:16,zIndex:40,width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer",pointerEvents:"auto"},children:"◫"}):m.jsxs("div",{style:{position:"absolute",right:16,bottom:16,zIndex:40,width:s,maxWidth:"calc(100vw - 32px)",padding:14,borderRadius:14,boxShadow:"0 12px 30px rgba(0,0,0,0.26)",backdropFilter:"blur(10px)",pointerEvents:"auto",background:"rgba(15, 23, 42, 0.78)",border:"1px solid rgba(255,255,255,0.12)",color:"#e5eefb"},children:[m.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,marginBottom:10},children:[m.jsx("div",{style:{fontSize:13,fontWeight:700},children:r}),m.jsx("button",{type:"button",onClick:()=>a(!0),"aria-label":`Close ${r}`,title:`Close ${r}`,style:{width:32,height:32,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(255,255,255,0.04)",color:"#e5eefb",cursor:"pointer",flex:"0 0 auto"},children:"×"})]}),t]})};class V{constructor(){i(this,"frameTimestamps",[]);i(this,"lastUpdateTime",0);i(this,"currentFPS",0);i(this,"updateInterval",500);this.lastUpdateTime=performance.now()}trackFrame(){const e=performance.now();this.frameTimestamps.push(e);const r=e-this.updateInterval;this.frameTimestamps=this.frameTimestamps.filter(s=>s>r),e-this.lastUpdateTime>=this.updateInterval&&(this.currentFPS=this.frameTimestamps.length*2,this.lastUpdateTime=e)}getFPS(){return this.currentFPS}reset(){this.frameTimestamps=[],this.lastUpdateTime=performance.now(),this.currentFPS=0}}function W(t,e=1){return t.toFixed(e)}function x(t){return t/(1024*1024)}function X(t,e){return e===0?0:t/e*100}class J{constructor(e=1e3){i(this,"intervalId",null);i(this,"memoryUsage",null);i(this,"updateInterval");i(this,"isSupported",!1);this.updateInterval=e,this.checkSupport()}checkSupport(){const e=performance;this.isSupported="memory"in e&&e.memory!==void 0,this.isSupported||console.warn("[MemoryTracker] performance.memory not available (Chrome-only API)")}start(){if(this.intervalId!==null){console.warn("[MemoryTracker] Already running");return}if(!this.isSupported){this.memoryUsage=null;return}this.updateMemory(),this.intervalId=window.setInterval(()=>{this.updateMemory()},this.updateInterval)}stop(){this.intervalId!==null&&(clearInterval(this.intervalId),this.intervalId=null)}updateMemory(){if(!this.isSupported)return;const e=performance;if(!e.memory)return;const r=e.memory.usedJSHeapSize,s=e.memory.jsHeapSizeLimit;this.memoryUsage={used:x(r),total:x(s),percentage:X(r,s)}}getMemoryUsage(){return this.memoryUsage}isMemorySupported(){return this.isSupported}}class G{constructor(){i(this,"resolution","N/A");i(this,"videoElement",null);i(this,"metadataListener",null)}start(e){if(!e){this.resolution="N/A";return}this.videoElement=e,e.videoWidth>0&&e.videoHeight>0&&this.updateResolution(),this.metadataListener=()=>{this.updateResolution()},e.addEventListener("loadedmetadata",this.metadataListener)}stop(){this.videoElement&&this.metadataListener&&(this.videoElement.removeEventListener("loadedmetadata",this.metadataListener),this.metadataListener=null),this.videoElement=null,this.resolution="N/A"}updateResolution(){if(!this.videoElement){this.resolution="N/A";return}const e=this.videoElement.videoWidth,r=this.videoElement.videoHeight;e>0&&r>0?this.resolution=`${e}x${r}`:this.resolution="N/A"}getResolution(){return this.videoElement&&this.updateResolution(),this.resolution}}class Q{constructor(e={}){i(this,"options");i(this,"isRunning",!1);i(this,"metrics",{cameraFPS:0,detectionTime:0,modelPerformance:[],renderTime:0,effectiveFPS:0,memory:null,resolution:"N/A"});i(this,"cameraFPSTracker");i(this,"memoryTracker");i(this,"resolutionTracker");i(this,"frameTimes",[]);i(this,"lastEffectiveFPSUpdate",0);this.options={enableMemoryTracking:e.enableMemoryTracking??!0,memoryUpdateInterval:e.memoryUpdateInterval??1e3},this.cameraFPSTracker=new V,this.memoryTracker=new J(this.options.memoryUpdateInterval),this.resolutionTracker=new G}start(e){if(this.isRunning){console.warn("[MetricsCollector] Already running");return}this.isRunning=!0,this.lastEffectiveFPSUpdate=performance.now(),this.options.enableMemoryTracking&&this.memoryTracker.start(),e&&this.resolutionTracker.start(e),this.setupCameraFPSHook(),console.info("[MetricsCollector] Started")}stop(){this.isRunning&&(this.isRunning=!1,this.memoryTracker.stop(),this.resolutionTracker.stop(),this.cameraFPSTracker.reset(),this.cleanupCameraFPSHook(),console.info("[MetricsCollector] Stopped"))}setupCameraFPSHook(){const e=window;e.__xr_debugger_metrics||(e.__xr_debugger_metrics={trackCameraFrame:()=>{this.cameraFPSTracker.trackFrame(),this.metrics.cameraFPS=this.cameraFPSTracker.getFPS()}})}cleanupCameraFPSHook(){const e=window;e.__xr_debugger_metrics&&delete e.__xr_debugger_metrics}getMetrics(){return this.updateMetricsFromTrackers(),{...this.metrics}}updateMetricsFromTrackers(){this.isRunning&&(this.metrics.memory=this.memoryTracker.getMemoryUsage(),this.metrics.resolution=this.resolutionTracker.getResolution(),this.updateEffectiveFPS())}updateRenderTime(e){this.metrics.renderTime=e,this.updateEffectiveFPS()}async updateDetectionTime(e){if(!e||!this.isRunning){this.metrics.detectionTime=0,this.metrics.modelPerformance=[];return}try{const r=Object.values(e).filter(Boolean);if(r.length===0){this.metrics.detectionTime=0,this.metrics.modelPerformance=[];return}const s=r.map(c=>c&&typeof c.getPerformanceData=="function"?c.getPerformanceData():Promise.resolve({name:"unknown",processingTime:0})),o=await Promise.all(s);this.metrics.modelPerformance=o.map(c=>({name:c.name,processingTime:c.processingTime||0}));const a=o.reduce((c,p)=>c+(p.processingTime||0),0);this.metrics.detectionTime=a,this.updateEffectiveFPS()}catch(r){console.warn("[MetricsCollector] Error updating detection time:",r),this.metrics.detectionTime=0,this.metrics.modelPerformance=[]}}updateEffectiveFPS(){const e=performance.now(),r=this.metrics.detectionTime+this.metrics.renderTime;if(this.frameTimes.push(r),e-this.lastEffectiveFPSUpdate>=1e3){if(this.frameTimes.length>0){const s=this.frameTimes.reduce((o,a)=>o+a,0)/this.frameTimes.length;this.metrics.effectiveFPS=s>0?1e3/s:0}this.frameTimes=[],this.lastEffectiveFPSUpdate=e}}isActive(){return this.isRunning}}const Y=n.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DebuggerUI-B45_Gb9d.cjs"))).DebuggerUI})),k=n.createContext(null);function Z({children:t,keyboardShortcut:e="ctrl+shift+d",initialEnabled:r=!1,position:s="top-left"}){const[o,a]=n.useState(r),[c,p]=n.useState(!1),[y,_]=n.useState({cameraFPS:0,detectionTime:0,modelPerformance:[],renderTime:0,effectiveFPS:0,memory:null,resolution:"N/A"}),f=n.useRef(null),u=n.useRef(null),g=n.useRef(!1),{session:b}=$.useXRContext(),T=O.useXRReady();n.useEffect(()=>(f.current||(f.current=new Q,window.__xr_metrics_collector=f.current),()=>{f.current&&f.current.stop(),u.current&&clearInterval(u.current),window.__xr_metrics_collector&&delete window.__xr_metrics_collector}),[]),n.useEffect(()=>{const l=f.current;if(l){if(o&&T){const d=b._getVideoElement();l.start(d),u.current=window.setInterval(async()=>{if(!g.current){g.current=!0;try{const S=Object.fromEntries(b.store.getSnapshot().pipeline);await l.updateDetectionTime(S),_(l.getMetrics())}finally{g.current=!1}}},100)}else l.stop(),u.current&&(clearInterval(u.current),u.current=null),g.current=!1;return()=>{u.current&&(clearInterval(u.current),u.current=null)}}},[o,T,b]),n.useEffect(()=>{const l=d=>{const h=e.toLowerCase().split("+"),D=h.includes("ctrl")||h.includes("control"),I=h.includes("shift"),M=h.includes("alt"),U=h[h.length-1],j=D?d.ctrlKey||d.metaKey:!0,L=I?d.shiftKey:!0,A=M?d.altKey:!0,q=d.key.toLowerCase()===U;j&&L&&A&&q&&(d.preventDefault(),a(N=>!N))};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l)}},[e]);const C=n.useCallback(()=>{a(l=>!l)},[]),R=n.useCallback(()=>{a(!0)},[]),w=n.useCallback(()=>{a(!1)},[]),E={state:{enabled:o,collapsed:c,metrics:y},toggle:C,setCollapsed:p,enable:R,disable:w};return m.jsxs(k.Provider,{value:E,children:[t,o&&m.jsx(n.Suspense,{fallback:null,children:m.jsx(Y,{metrics:y,collapsed:c,onCollapse:p,onClose:w,position:s,keyboardShortcut:e})})]})}function ee(){const t=n.useContext(k);if(!t)throw new Error("useDebuggerContext must be used within a DebuggerProvider");return t}function te({onUpdate:t}){const e=n.useRef(0),r=n.useRef(!0);return B.useFrame(()=>{if(r.current)r.current=!1;else{const o=performance.now()-e.current;t(o)}e.current=performance.now()},-1e3),null}function P(){const t=ee();return{metrics:t.state.metrics,enabled:t.state.enabled,collapsed:t.state.collapsed,toggle:t.toggle,setCollapsed:t.setCollapsed,enable:t.enable,disable:t.disable}}function re(){const{enabled:t}=P(),e=r=>{const s=window;s.__xr_metrics_collector&&s.__xr_metrics_collector.updateRenderTime(r)};return t?m.jsx(te,{onUpdate:e}):null}const v=600;function F(){if(typeof window>"u")return;const t=window;return t.__xrCalibrationDebugState||(t.__xrCalibrationDebugState={events:[]}),t.__xrCalibrationDebugState}function se(t,e,r){const s=F();s&&(s.events.push({source:t,label:e,payload:r,ts:performance.now()}),s.events.length>v&&s.events.splice(0,s.events.length-v))}function ie(t=v){const e=F();return e?e.events.slice(Math.max(0,e.events.length-t)):[]}exports.DebuggerOverlay=re;exports.DebuggerProvider=Z;exports.XRDebugView=K;exports.formatNumber=W;exports.readCalibrationDebugEvents=ie;exports.recordCalibrationDebugEvent=se;exports.useDebugger=P;

package/dist/internal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./internal-DH5d1Xnq.cjs"),r=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),n=require("./index-PtFmD6B8.cjs");exports.DebuggerOverlay=e.DebuggerOverlay;exports.DebuggerProvider=e.DebuggerProvider;exports.XRDebugView=e.XRDebugView;exports.readCalibrationDebugEvents=e.readCalibrationDebugEvents;exports.recordCalibrationDebugEvent=e.recordCalibrationDebugEvent;exports.useDebugger=e.useDebugger;exports._resetUVBoundsWarnings=r._resetUVBoundsWarnings;exports.logUVBoundsWarningOnce=r.logUVBoundsWarningOnce;exports.RENDER_LAYERS=n.RENDER_LAYERS;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./internal-i2JkM85N.cjs"),r=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),n=require("./renderLayers-lDtL0_43.cjs");exports.DebuggerOverlay=e.DebuggerOverlay;exports.DebuggerProvider=e.DebuggerProvider;exports.XRDebugView=e.XRDebugView;exports.readCalibrationDebugEvents=e.readCalibrationDebugEvents;exports.recordCalibrationDebugEvent=e.recordCalibrationDebugEvent;exports.useDebugger=e.useDebugger;exports._resetUVBoundsWarnings=r._resetUVBoundsWarnings;exports.logUVBoundsWarningOnce=r.logUVBoundsWarningOnce;exports.RENDER_LAYERS=n.RENDER_LAYERS;

package/dist/internal.js

@@ -1,6 +1,6 @@
-import { a, D as s, X as o, r as g, b as n, u } from "./internal-KOKJDxCG.js";
+import { a, D as s, X as o, r as g, b as n, u } from "./internal-DuMPpcbp.js";
 import { _ as i, l as t } from "./hasFullUnitUVBounds-BGvcFsQM.js";
-import { R as d } from "./index-CYMj26Ej.js";
+import { R as d } from "./renderLayers-zrK2pv5O.js";
 export {
   a as DebuggerOverlay,
   s as DebuggerProvider,

package/dist/low-level.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("./index-B5J4gzn2.cjs"),M=require("./selectors-Bub0o3qy.cjs"),c=require("react"),_=require("./useFaceResults-hVUJYSEY.cjs"),D=require("./index-PtFmD6B8.cjs"),fe=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),U=require("./index-BVBVg96G.cjs"),l=require("react/jsx-runtime"),me=require("@react-three/drei"),ge={position:"absolute",top:-28,left:0,background:"rgba(34, 197, 94, 0.9)",color:"#04130a",fontFamily:"Menlo, Monaco, Consolas, monospace",fontSize:12,fontWeight:700,padding:"4px 8px",whiteSpace:"nowrap"},pe=({boundingBox:e,label:t="face bounding box",color:r="#22c55e",style:o,labelStyle:n})=>l.jsx("div",{style:{position:"absolute",left:`${e.left*100}%`,top:`${e.top*100}%`,width:`${e.width*100}%`,height:`${e.height*100}%`,border:`3px solid ${r}`,boxSizing:"border-box",pointerEvents:"none",zIndex:20,...o},children:t!==null&&l.jsx("div",{style:{...ge,...n},children:t})}),be=e=>{const{makeDefault:t=!0,...r}=e,o={position:[0,0,40],fov:30,near:.1,far:1e3,makeDefault:t,...r};return l.jsx(me.PerspectiveCamera,{...o})},xe=({background:e="#000",children:t,style:r})=>l.jsx("div",{style:{position:"fixed",inset:0,overflow:"hidden",background:e,...r},children:t}),T=({children:e,config:t,style:r})=>l.jsx("div",{"data-render-target":t.name,style:{position:"absolute",inset:0,overflow:"hidden",background:t.clearColor,pointerEvents:t.pointerEvents??"none",zIndex:t.zIndex,opacity:t.hidden?0:1,...r},children:e}),K=({canvas:e,layout:t,media:r,mirrored:o,filter:n})=>{const i=Math.round(t.destination.width),s=Math.round(t.destination.height);e.width!==i&&(e.width=i),e.height!==s&&(e.height=s);const a=e.getContext("2d");a&&(a.setTransform(1,0,0,1,0,0),a.clearRect(0,0,i,s),o&&(a.translate(i,0),a.scale(-1,1)),n&&(a.filter=n),a.drawImage(r,t.offsetX,t.offsetY,t.drawWidth,t.drawHeight),n&&(a.filter="none"),a.setTransform(1,0,0,1,0,0))},ne=({canvasRef:e,enabled:t=!0,fps:r=30,imageRef:o,layout:n,mirrored:i,sourceKind:s,videoRef:a})=>{c.useEffect(()=>{if(!t){const b=e.current,u=b==null?void 0:b.getContext("2d");b&&u&&u.clearRect(0,0,b.width,b.height);return}let m=0,g=0;const h=r>0?1e3/r:0,p=b=>{if(m=requestAnimationFrame(p),h>0&&b-g<h)return;g=b;const u=e.current;if(!u||!n)return;if(s==="image"){const w=o.current;if(!w||!w.complete||w.naturalWidth<=0||w.naturalHeight<=0)return;K({canvas:u,layout:n,media:w,mirrored:i});return}const x=a.current;!x||x.readyState<2||x.videoWidth<=0||x.videoHeight<=0||K({canvas:u,layout:n,media:x,mirrored:i})};return m=requestAnimationFrame(p),()=>{cancelAnimationFrame(m)}},[e,t,r,o,n,i,s,a])},re=({canvasRef:e,imageRef:t,layer:r,layout:o,mirrored:n,sourceKind:i,videoRef:s})=>(ne({canvasRef:e,imageRef:t,layout:o,mirrored:n,sourceKind:i,videoRef:s}),l.jsx(T,{config:r,children:l.jsx("canvas",{ref:e,style:{position:"absolute",inset:0,width:"100%",height:"100%",display:"block",background:"#000"}})})),we=({canvasRef:e,controlInsetTop:t,debugVisible:r,fps:o=15,imageRef:n,layer:i,layout:s,mirrored:a,sourceKind:m,videoRef:g,viewportSize:h})=>{ne({canvasRef:e,enabled:r,fps:o,imageRef:n,layout:s,mirrored:a,sourceKind:m,videoRef:g});const p=Math.min(220,Math.max(120,h.width*.22)),b=h.width>0&&h.height>0?h.width/h.height:1,u=Math.min(h.height-24,Math.max(t??16,16));return l.jsx(T,{config:i,children:l.jsx("canvas",{ref:e,style:{position:"absolute",left:16,top:u,width:r?p:1,height:r?"auto":1,aspectRatio:`${b}`,opacity:r?.85:0,borderRadius:10,border:r?"1px solid rgba(255,255,255,0.16)":"none",pointerEvents:"none",objectFit:"contain",background:"#000"}})})},ve=5,Re=1,ie=(e,t)=>t,ye="brightness(2.2) contrast(1.5) saturate(1.25)",ae=({enabled:e,displayMirrored:t,imageRef:r,layout:o,mode:n,numFaces:i,selectedSource:s,sourceStream:a,videoRef:m})=>{const{session:g}=D.useXRContext(),h=c.useRef(null),p=c.useRef(!1),b=c.useRef(document.createElement("canvas")),{ready:u,node:x,error:w}=H.useXRModel(D.XRModel.FACE_TRACKER,{numFaces:i??(n==="head-binding"?Re:ve)}),[E,v]=c.useState("idle"),[k,F]=c.useState(null),I=e&&u&&!!x,z=_.useFaceResults({node:I?x:null,enabled:I,selectedSource:s,onFrame:c.useCallback(()=>{F(null),v("ready")},[])});return c.useEffect(()=>{if(!e||!o)return;const f=()=>{const R=s==="image"?r.current:m.current;if(R){if(R instanceof HTMLImageElement){if(!R.complete||R.naturalWidth<=0||R.naturalHeight<=0)return}else if(R.readyState<2||R.videoWidth<=0||R.videoHeight<=0)return;K({canvas:b.current,layout:o,media:R,mirrored:t,filter:s==="webcam"?ye:void 0})}};if(s==="image"){f();return}let d=0;const y=()=>{d=requestAnimationFrame(y),f()};return d=requestAnimationFrame(y),()=>cancelAnimationFrame(d)},[t,e,r,o,s,m]),c.useEffect(()=>{var j;if(!e){v("idle"),F(null),p.current=!1,h.current=null;return}if(!o){v("initializing");return}const f=(a==null?void 0:a.id)??(((j=m.current)==null?void 0:j.srcObject)instanceof MediaStream?m.current.srcObject.id:"none"),y=s==="webcam"?`webcam:${f}`:s;h.current!==y&&(p.current=!1,h.current=y);let R=!1;return(async()=>{try{if(v("initializing"),p.current||(await g.setFrameSource({canvas:b.current,sourceKind:s}),await g.start(),p.current=!0),R)return;F(null),v("initializing")}catch(C){if(R)return;v("error"),F(C instanceof Error?C.message:"Failed to initialize SDK face tracking")}})(),()=>{R=!0}},[e,o,s,g,a,m]),c.useEffect(()=>{!I&&e&&!w&&v("initializing")},[I,e,w]),c.useEffect(()=>{w&&(v("error"),F(w.message))},[w]),c.useEffect(()=>()=>{p.current=!1,g.stop()},[g]),{activeDelegate:"GPU",faces:z,status:E,error:k}},oe=c.createContext(null),Se={audio:!1,video:{facingMode:"user",frameRate:{ideal:30,max:60}}},Ce={name:"viewport-live",clearColor:"#000000",pointerEvents:"none",zIndex:0},Ee={name:"viewport-ui",clearColor:"transparent",pointerEvents:"auto",zIndex:5},Fe={name:"viewport-scene",clearColor:"transparent",pointerEvents:"auto",zIndex:1},X={webcam:{icon:"◉",label:"Webcam"},image:{icon:"▣",label:"Images"},video:{icon:"▶",label:"Videos"}},O=({children:e})=>l.jsx(l.Fragment,{children:e});O.displayName="XRViewport.Scene";const Y=({children:e})=>l.jsx(l.Fragment,{children:e});Y.displayName="XRViewport.Overlay";const Ie=e=>{if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width||e.clientWidth,height:t.height||e.clientHeight}},Me=e=>{const[t,r]=c.useState({width:0,height:0});return c.useLayoutEffect(()=>{const o=e.current;if(!o)return;let n=0;const i=()=>{const g=Ie(o);r(h=>h.width===g.width&&h.height===g.height?h:g)};i(),n=requestAnimationFrame(i);const s=new ResizeObserver(()=>{i(),n&&cancelAnimationFrame(n),n=requestAnimationFrame(i)});s.observe(o);const a=window.visualViewport,m=()=>{i(),n&&cancelAnimationFrame(n),n=requestAnimationFrame(i)};return window.addEventListener("resize",m),window.addEventListener("orientationchange",m),a==null||a.addEventListener("resize",m),a==null||a.addEventListener("scroll",m),()=>{n&&cancelAnimationFrame(n),s.disconnect(),window.removeEventListener("resize",m),window.removeEventListener("orientationchange",m),a==null||a.removeEventListener("resize",m),a==null||a.removeEventListener("scroll",m)}},[e]),t},Q=e=>{e&&(e.pause(),e.removeAttribute("src"),e.srcObject=null,e.load())},Z=e=>{e&&e.removeAttribute("src")},je=({enabled:e,imageAsset:t,selectedSource:r,videoAsset:o})=>{const n=c.useRef(null),i=c.useRef(null),[s,a]=c.useState(null),[m,g]=c.useState({width:0,height:0}),[h,p]=c.useState("idle"),[b,u]=c.useState(null);return c.useEffect(()=>{if(!e){Q(n.current),Z(i.current),a(null),g({width:0,height:0}),p("idle"),u(null);return}let x=!1,w=null;const E=(f,d)=>{x||(g({width:f,height:d}),p("ready"),u(null))},v=()=>{Q(n.current),Z(i.current),w==null||w.getTracks().forEach(f=>f.stop()),w=null,a(null)},k=async()=>{p("requesting");const f=await navigator.mediaDevices.getUserMedia(Se);if(x){f.getTracks().forEach(y=>y.stop());return}w=f,a(f);const d=n.current;d&&(d.srcObject=f,d.muted=!0,d.playsInline=!0,d.autoplay=!0,await d.play(),E(d.videoWidth,d.videoHeight))},F=async f=>{p("requesting"),a(null);const d=n.current;d&&(d.src=f,d.muted=!0,d.loop=!0,d.playsInline=!0,d.autoplay=!0,d.crossOrigin="anonymous",await d.play(),E(d.videoWidth,d.videoHeight))},I=async f=>{p("requesting"),a(null);const d=i.current;d&&(await new Promise((y,R)=>{d.onload=()=>y(),d.onerror=()=>R(new Error("Unable to load image")),d.src=f}),E(d.naturalWidth,d.naturalHeight))};return v(),(async()=>{try{if(r==="webcam"){await k();return}if(r==="video"){if(!(o!=null&&o.src))throw new Error("Missing video source");await F(o.src);return}if(!(t!=null&&t.src))throw new Error("Missing image source");await I(t.src)}catch(f){if(x)return;p("error"),u(f instanceof Error?f.message:`Unable to initialize ${r}`)}})(),()=>{x=!0,v()}},[e,t,r,o]),{videoRef:n,imageRef:i,stream:s,mediaSize:m,status:h,error:b}},Xe=(e,t)=>e==="auto"?t==="webcam"?"cover":"contain":e,ke=({imageOptions:e,initialImageId:t,initialSource:r,initialVideoId:o,source:n,videoOptions:i})=>{var h,p,b,u;const s=(n==null?void 0:n.kind)??r??"webcam",a=s==="image"&&e.length===0||s==="video"&&i.length===0?"webcam":s,m=(n==null?void 0:n.kind)==="image"?n.assetId??((h=e[0])==null?void 0:h.id)??"":t??((p=e[0])==null?void 0:p.id)??"",g=(n==null?void 0:n.kind)==="video"?n.assetId??((b=i[0])==null?void 0:b.id)??"":o??((u=i[0])==null?void 0:u.id)??"";return{selectedSource:a,selectedImageId:m,selectedVideoId:g}},Te=(e,t,r)=>{if(e.width<=0||e.height<=0||t.width<=0||t.height<=0)return null;const o=r==="contain"?Math.min(t.width/e.width,t.height/e.height):Math.max(t.width/e.width,t.height/e.height),n=e.width*o,i=e.height*o,s=(t.width-n)*.5,a=(t.height-i)*.5;return{source:e,destination:t,drawWidth:n,drawHeight:i,offsetX:s,offsetY:a,scale:o}},ze=(e,t)=>{if(e==="dom")return{sceneContent:null,overlayContent:t};let r=null,o=null;const n=[];return c.Children.forEach(t,i=>{var a;if(!c.isValidElement(i)){i!=null&&n.push(i);return}const s=(a=i.type)==null?void 0:a.displayName;if(s===O.displayName){r=i.props.children;return}if(s===Y.displayName){o=i.props.children;return}n.push(i)}),!o&&n.length>0&&(o=n),{sceneContent:r,overlayContent:o}},ee=(e,t)=>typeof e=="function"?e(t):e,Ae=()=>c.useContext(oe),Le=({imageRef:e,selectedSource:t,videoRef:r})=>l.jsxs(l.Fragment,{children:[l.jsx("video",{ref:r,style:{position:"absolute",width:1,height:1,opacity:t==="image"?0:.001,pointerEvents:"none"}}),l.jsx("img",{ref:e,alt:"",style:{position:"absolute",width:1,height:1,opacity:t==="image"?.001:0,pointerEvents:"none"}})]}),te=({dock:e,label:t,onChange:r,options:o,value:n})=>l.jsx("div",{style:{position:"absolute",top:e==="top-left"?74:void 0,bottom:e==="bottom-left"?74:void 0,left:16,zIndex:5,maxWidth:"calc(100vw - 32px)",padding:10,borderRadius:14,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)"},children:l.jsxs("label",{style:{display:"grid",gap:6,color:"#e5eefb",fontSize:12,fontWeight:700},children:[l.jsx("span",{children:t}),l.jsx("select",{value:n,onChange:i=>r(i.target.value),style:{minWidth:180,maxWidth:"calc(100vw - 52px)",height:36,borderRadius:10,border:"1px solid rgba(255,255,255,0.12)",background:"rgba(255,255,255,0.06)",color:"#e5eefb",padding:"0 10px"},children:o.map(i=>l.jsx("option",{value:i.id,style:{color:"#111827"},children:i.label},i.id))})]})}),Be=({dock:e,imageOptions:t,selectedImageId:r,selectedSource:o,selectedVideoId:n,setSelectedImageId:i,setSelectedSource:s,setSelectedVideoId:a,showMediaControls:m,videoOptions:g})=>{const[h,p]=c.useState(!1),b=["webcam","image","video"].filter(u=>u==="image"?t.length>0:u==="video"?g.length>0:!0);return m?h?l.jsx("button",{type:"button",onClick:()=>p(!1),"aria-label":"Open media controls",title:"Open media controls",style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer"},children:"≡"}):l.jsxs(l.Fragment,{children:[l.jsxs("div",{style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,display:"inline-flex",alignItems:"center",gap:8,maxWidth:"calc(100vw - 32px)"},children:[l.jsx("div",{style:{display:"inline-flex",alignItems:"center",gap:8,padding:8,borderRadius:999,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",overflowX:"auto"},children:b.map(u=>{const x=u===o;return l.jsxs("button",{type:"button",onClick:()=>s(u),"aria-pressed":x,title:X[u].label,style:{border:"none",borderRadius:999,minWidth:42,height:42,padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:8,background:x?"rgba(56, 189, 248, 0.18)":"rgba(255,255,255,0.04)",color:x?"#e0f2fe":"rgba(229,238,251,0.82)",cursor:"pointer",flex:"0 0 auto"},children:[l.jsx("span",{style:{fontSize:14,lineHeight:1},children:X[u].icon}),l.jsx("span",{style:{fontSize:12,fontWeight:700,letterSpacing:"0.01em"},children:X[u].label})]},u)})}),l.jsx("button",{type:"button",onClick:()=>p(!0),"aria-label":"Close media controls",title:"Close media controls",style:{width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer",flex:"0 0 auto"},children:"×"})]}),o==="image"&&t.length>0&&l.jsx(te,{dock:e,label:"Image Asset",options:t,value:r,onChange:i}),o==="video"&&g.length>0&&l.jsx(te,{dock:e,label:"Video Asset",options:g,value:n,onChange:a})]}):null},We=({enabled:e,selectedSource:t})=>{const r=M.useXRModelNode(D.XRModel.FACE_TRACKER);return{faces:_.useFaceResults({node:r,enabled:e,selectedSource:t}),trackerStatus:r?"ready":"idle"}},G=({children:e,fitMode:t="auto",imageOptions:r=[],initialImageId:o,initialMirrored:n=!0,initialSource:i="webcam",initialVideoId:s,mediaStrategy:a="internal",mediaDock:m="bottom-left",mode:g="dom",showMediaControlsByDefault:h=!0,source:p,style:b,videoOptions:u=[]})=>{const x=c.useRef(null),w=c.useRef(null),E=Me(x),v=c.useMemo(()=>ke({imageOptions:r,initialImageId:o,initialSource:i,initialVideoId:s,source:p,videoOptions:u}),[r,o,i,s,p,u]),[k,F]=c.useState(n),[I,z]=c.useState(h),[f,d]=c.useState(v.selectedSource),[y,R]=c.useState(v.selectedImageId),[A,j]=c.useState(v.selectedVideoId),C=a==="internal";c.useEffect(()=>{p&&(d(v.selectedSource),R(v.selectedImageId),j(v.selectedVideoId))},[v,p]);const L=r.find(P=>P.id===y)??r[0],B=u.find(P=>P.id===A)??u[0],S=je({enabled:C,imageAsset:L,selectedSource:f,videoAsset:B}),$=Xe(t,f),W=c.useMemo(()=>Te(S.mediaSize,E,$),[S.mediaSize,$,E]),N=ie(f,k),q=ae({displayMirrored:N,enabled:C&&S.status==="ready"&&W!==null,imageRef:S.imageRef,layout:W,selectedSource:f,sourceStream:S.stream,videoRef:S.videoRef}),J=We({enabled:!C,selectedSource:f}),se=f==="image"?`${X.image.label}: ${(L==null?void 0:L.label)??""}`:f==="video"?`${X.video.label}: ${(B==null?void 0:B.label)??""}`:X.webcam.label,V={activeDelegate:C?q.activeDelegate:null,faces:C?q.faces:J.faces,imageOptions:r,layout:W,mediaError:S.error,mediaFitMode:$,mediaLabel:se,mediaStatus:S.status,mirrored:N,selectedImageId:y,selectedSource:f,selectedVideoId:A,setMirrored:F,setSelectedImageId:R,setSelectedSource:d,setSelectedVideoId:j,setShowMediaControls:z,showMediaControls:I,trackerError:C?q.error:null,trackerStatus:C?q.status:J.trackerStatus,videoOptions:u,viewportSize:E,mediaSize:S.mediaSize},le=typeof e=="function"?e(V):e,{sceneContent:ce,overlayContent:de}=ze(g,le),ue=ee(ce,V),he=ee(de,V);return l.jsx(oe.Provider,{value:V,children:l.jsxs("div",{ref:x,style:{position:"fixed",inset:0,overflow:"hidden",background:"#000",...b},children:[l.jsx(Le,{imageRef:S.imageRef,selectedSource:f,videoRef:S.videoRef}),g==="dom"&&C&&l.jsx(re,{canvasRef:w,imageRef:S.imageRef,videoRef:S.videoRef,layer:Ce,layout:W,mirrored:N,sourceKind:f==="image"?"image":"video"}),(g==="r3f"||g==="hybrid")&&l.jsx(T,{config:Fe,children:l.jsx(U.XRScene,{renderTargetSize:E,style:{width:"100%",height:"100%"},children:ue})}),l.jsxs(T,{config:Ee,children:[C&&l.jsx(Be,{dock:m,imageOptions:r,selectedImageId:y,selectedSource:f,selectedVideoId:A,setSelectedImageId:R,setSelectedSource:d,setSelectedVideoId:j,showMediaControls:I,videoOptions:u}),he]})]})})};G.Scene=O;G.Overlay=Y;const qe=e=>{const[t,r]=c.useState(null);return c.useEffect(()=>{let o=0;const n=()=>{var m,g;o=requestAnimationFrame(n);const i=(g=(m=e==null?void 0:e.detectionResults)==null?void 0:m.faceLandmarks)==null?void 0:g[0];if(!i||i.length===0){r(null);return}const s=_.computeLandmarkBounds(i),a={left:s.minX,top:s.minY,width:s.width,height:s.height};r(h=>h&&h.left===a.left&&h.top===a.top&&h.width===a.width&&h.height===a.height?h:a)};return n(),()=>{cancelAnimationFrame(o)}},[e]),t},Ve=["fill","contain"];exports.HeadTracker=H.HeadTracker;exports.useTrackerContext=H.useTrackerContext;exports.useXRModel=H.useXRModel;exports.useXRCameraTexture=M.useXRCameraTexture;exports.useXRError=M.useXRError;exports.useXRModelNode=M.useXRModelNode;exports.useXRPipelineSnapshot=M.useXRPipelineSnapshot;exports.useXRReady=M.useXRReady;exports.useXRRenderSize=M.useXRRenderSize;exports.computeLandmarkBounds=_.computeLandmarkBounds;exports.useXRContext=D.useXRContext;exports.hasFullUnitUVBounds=fe.hasFullUnitUVBounds;exports.ScreenRectAspectContext=U.ScreenRectAspectContext;exports.computeScreenTransform=U.computeScreenTransform;exports.useScreenSpace=U.useScreenSpace;exports.BoundingBoxOverlay=pe;exports.PerspectiveCamera=be;exports.TEXTURE_FITS=Ve;exports.XRCompositor=xe;exports.XRLayer=T;exports.XRMediaSurface=re;exports.XRTrackingOverlay=we;exports.XRViewport=G;exports.resolveCalibrationFaceDisplayMirrored=ie;exports.useCalibrationFaceTracker=ae;exports.useFaceBoundingBox=qe;exports.useXRViewportState=Ae;
+"use strict";var pe=Object.defineProperty;var me=(e,t,r)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var X=(e,t,r)=>me(e,typeof t!="symbol"?t+"":t,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./index-D4bLzBr6.cjs"),P=require("./index-82aENaRq.cjs"),j=require("./selectors-2QvO5RYY.cjs"),f=require("react"),W=require("./getFaceInfo-CyPAKh3h.cjs"),u=require("react/jsx-runtime"),ge=require("@react-three/drei"),V=require("./index-CEc1CAmB.cjs"),re=require("./useFaceResults-VcFdOUFV.cjs"),xe=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),L=require("./contexts-BKvTIayr.cjs"),be=require("three");function we(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const z=we(be),B=({children:e,config:t,style:r})=>u.jsx("div",{"data-render-target":t.name,style:{position:"absolute",inset:0,overflow:"hidden",background:t.clearColor,pointerEvents:t.pointerEvents??"none",zIndex:t.zIndex,opacity:t.hidden?0:1,...r},children:e}),N=({canvas:e,layout:t,media:r,mirrored:n,filter:o})=>{const i=Math.round(t.destination.width),a=Math.round(t.destination.height);e.width!==i&&(e.width=i),e.height!==a&&(e.height=a);const s=e.getContext("2d");s&&(s.setTransform(1,0,0,1,0,0),s.clearRect(0,0,i,a),n&&(s.translate(i,0),s.scale(-1,1)),o&&(s.filter=o),s.drawImage(r,t.offsetX,t.offsetY,t.drawWidth,t.drawHeight),o&&(s.filter="none"),s.setTransform(1,0,0,1,0,0))},ne=({canvasRef:e,enabled:t=!0,fps:r=30,imageRef:n,layout:o,mirrored:i,sourceKind:a,videoRef:s})=>{f.useEffect(()=>{if(!t){const b=e.current,g=b==null?void 0:b.getContext("2d");b&&g&&g.clearRect(0,0,b.width,b.height);return}let l=0,c=0;const d=r>0?1e3/r:0,p=b=>{if(l=requestAnimationFrame(p),d>0&&b-c<d)return;c=b;const g=e.current;if(!g||!o)return;if(a==="image"){const x=n.current;if(!x||!x.complete||x.naturalWidth<=0||x.naturalHeight<=0)return;N({canvas:g,layout:o,media:x,mirrored:i});return}const w=s.current;!w||w.readyState<2||w.videoWidth<=0||w.videoHeight<=0||N({canvas:g,layout:o,media:w,mirrored:i})};return l=requestAnimationFrame(p),()=>{cancelAnimationFrame(l)}},[e,t,r,n,o,i,a,s])},oe=({canvasRef:e,imageRef:t,layer:r,layout:n,mirrored:o,sourceKind:i,videoRef:a})=>(ne({canvasRef:e,imageRef:t,layout:n,mirrored:o,sourceKind:i,videoRef:a}),u.jsx(B,{config:r,children:u.jsx("canvas",{ref:e,style:{position:"absolute",inset:0,width:"100%",height:"100%",display:"block",background:"#000"}})})),ve=({canvasRef:e,controlInsetTop:t,debugVisible:r,fps:n=15,imageRef:o,layer:i,layout:a,mirrored:s,sourceKind:l,videoRef:c,viewportSize:d})=>{ne({canvasRef:e,enabled:r,fps:n,imageRef:o,layout:a,mirrored:s,sourceKind:l,videoRef:c});const p=Math.min(220,Math.max(120,d.width*.22)),b=d.width>0&&d.height>0?d.width/d.height:1,g=Math.min(d.height-24,Math.max(t??16,16));return u.jsx(B,{config:i,children:u.jsx("canvas",{ref:e,style:{position:"absolute",left:16,top:g,width:r?p:1,height:r?"auto":1,aspectRatio:`${b}`,opacity:r?.85:0,borderRadius:10,border:r?"1px solid rgba(255,255,255,0.16)":"none",pointerEvents:"none",objectFit:"contain",background:"#000"}})})},Se={audio:!1,video:{facingMode:"user",frameRate:{ideal:30,max:60}}},ye={name:"viewport-live",clearColor:"#000000",pointerEvents:"none",zIndex:0},Re={name:"viewport-ui",clearColor:"transparent",pointerEvents:"auto",zIndex:5},Ce={name:"viewport-scene",clearColor:"transparent",pointerEvents:"auto",zIndex:1},k={webcam:{icon:"◉",label:"Webcam"},image:{icon:"▣",label:"Images"},video:{icon:"▶",label:"Videos"}},Ee=({imageRef:e,selectedSource:t,videoRef:r})=>u.jsxs(u.Fragment,{children:[u.jsx("video",{ref:r,style:{position:"absolute",width:1,height:1,opacity:t==="image"?0:.001,pointerEvents:"none"}}),u.jsx("img",{ref:e,alt:"",style:{position:"absolute",width:1,height:1,opacity:t==="image"?.001:0,pointerEvents:"none"}})]}),Q=({dock:e,label:t,onChange:r,options:n,value:o})=>u.jsx("div",{style:{position:"absolute",top:e==="top-left"?74:void 0,bottom:e==="bottom-left"?74:void 0,left:16,zIndex:5,maxWidth:"calc(100vw - 32px)",padding:10,borderRadius:14,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)"},children:u.jsxs("label",{style:{display:"grid",gap:6,color:"#e5eefb",fontSize:12,fontWeight:700},children:[u.jsx("span",{children:t}),u.jsx("select",{value:o,onChange:i=>r(i.target.value),style:{minWidth:180,maxWidth:"calc(100vw - 52px)",height:36,borderRadius:10,border:"1px solid rgba(255,255,255,0.12)",background:"rgba(255,255,255,0.06)",color:"#e5eefb",padding:"0 10px"},children:n.map(i=>u.jsx("option",{value:i.id,style:{color:"#111827"},children:i.label},i.id))})]})}),Te=({dock:e,imageOptions:t,selectedImageId:r,selectedSource:n,selectedVideoId:o,setSelectedImageId:i,setSelectedSource:a,setSelectedVideoId:s,showMediaControls:l,videoOptions:c})=>{const[d,p]=f.useState(!1),b=["webcam","image","video"].filter(g=>g==="image"?t.length>0:g==="video"?c.length>0:!0);return l?d?u.jsx("button",{type:"button",onClick:()=>p(!1),"aria-label":"Open media controls",title:"Open media controls",style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer"},children:"≡"}):u.jsxs(u.Fragment,{children:[u.jsxs("div",{style:{position:"absolute",top:e==="top-left"?16:void 0,bottom:e==="bottom-left"?16:void 0,left:16,zIndex:5,display:"inline-flex",alignItems:"center",gap:8,maxWidth:"calc(100vw - 32px)"},children:[u.jsx("div",{style:{display:"inline-flex",alignItems:"center",gap:8,padding:8,borderRadius:999,background:"rgba(15, 23, 42, 0.72)",border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",overflowX:"auto"},children:b.map(g=>{const w=g===n;return u.jsxs("button",{type:"button",onClick:()=>a(g),"aria-pressed":w,title:k[g].label,style:{border:"none",borderRadius:999,minWidth:42,height:42,padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:8,background:w?"rgba(56, 189, 248, 0.18)":"rgba(255,255,255,0.04)",color:w?"#e0f2fe":"rgba(229,238,251,0.82)",cursor:"pointer",flex:"0 0 auto"},children:[u.jsx("span",{style:{fontSize:14,lineHeight:1},children:k[g].icon}),u.jsx("span",{style:{fontSize:12,fontWeight:700,letterSpacing:"0.01em"},children:k[g].label})]},g)})}),u.jsx("button",{type:"button",onClick:()=>p(!0),"aria-label":"Close media controls",title:"Close media controls",style:{width:40,height:40,border:"1px solid rgba(255,255,255,0.12)",borderRadius:999,background:"rgba(15, 23, 42, 0.72)",color:"#e5eefb",boxShadow:"0 12px 30px rgba(0,0,0,0.18)",backdropFilter:"blur(10px)",cursor:"pointer",flex:"0 0 auto"},children:"×"})]}),n==="image"&&t.length>0&&u.jsx(Q,{dock:e,label:"Image Asset",options:t,value:r,onChange:i}),n==="video"&&c.length>0&&u.jsx(Q,{dock:e,label:"Video Asset",options:c,value:o,onChange:s})]}):null},Me=({containerRef:e,displayCanvasRef:t,imageOptions:r,imageRef:n,layout:o,managesOwnMedia:i,mediaDock:a,mode:s,overlayContent:l,renderOutputs:c,sceneContent:d,selectedImageId:p,selectedSource:b,selectedVideoId:g,setSceneRenderOutputs:w,setSelectedImageId:x,setSelectedSource:m,setSelectedVideoId:y,showMediaControls:F,style:C,videoOptions:S,videoRef:E,viewportSize:v,mirrored:h})=>u.jsxs("div",{ref:e,style:{position:"fixed",inset:0,overflow:"hidden",background:"#000",...C},children:[u.jsx(Ee,{imageRef:n,selectedSource:b,videoRef:E}),s==="dom"&&i&&u.jsx(oe,{canvasRef:t,imageRef:n,videoRef:E,layer:ye,layout:o,mirrored:h,sourceKind:b==="image"?"image":"video"}),(s==="r3f"||s==="hybrid")&&u.jsx(B,{config:Ce,children:u.jsx(L.XRScene,{onRenderOutputs:w,renderOutputs:{sceneColor:c.sceneColor||c.finalColor,sceneDepth:c.sceneDepth},renderTargetSize:v,style:{width:"100%",height:"100%"},children:d})}),u.jsxs(B,{config:Re,children:[i&&u.jsx(Te,{dock:a,imageOptions:r,selectedImageId:p,selectedSource:b,selectedVideoId:g,setSelectedImageId:x,setSelectedSource:m,setSelectedVideoId:y,showMediaControls:F,videoOptions:S}),l]})]}),Fe=5,Ie=1,ie=(e,t)=>t,je="brightness(2.2) contrast(1.5) saturate(1.25)",ae=({enabled:e,displayMirrored:t,imageRef:r,layout:n,mode:o,numFaces:i,selectedSource:a,sourceStream:s,videoRef:l})=>{const{session:c}=q.useXRContext(),d=f.useRef(null),p=f.useRef(!1),b=f.useRef(document.createElement("canvas")),{ready:g,node:w,error:x}=P.useXRModel(q.XRModel.FACE_TRACKER,{numFaces:i??(o==="head-binding"?Ie:Fe)}),[m,y]=f.useState("idle"),[F,C]=f.useState(null),S=e&&g&&!!w,E=re.useFaceResults({node:S?w:null,enabled:S,selectedSource:a,onFrame:f.useCallback(()=>{C(null),y("ready")},[])});return f.useEffect(()=>{if(!e||!n)return;const v=()=>{const R=a==="image"?r.current:l.current;if(R){if(R instanceof HTMLImageElement){if(!R.complete||R.naturalWidth<=0||R.naturalHeight<=0)return}else if(R.readyState<2||R.videoWidth<=0||R.videoHeight<=0)return;N({canvas:b.current,layout:n,media:R,mirrored:t,filter:a==="webcam"?je:void 0})}};if(a==="image"){v();return}let h=0;const T=()=>{h=requestAnimationFrame(T),v()};return h=requestAnimationFrame(T),()=>cancelAnimationFrame(h)},[t,e,r,n,a,l]),f.useEffect(()=>{var D;if(!e){y("idle"),C(null),p.current=!1,d.current=null;return}if(!n){y("initializing");return}const v=(s==null?void 0:s.id)??(((D=l.current)==null?void 0:D.srcObject)instanceof MediaStream?l.current.srcObject.id:"none"),T=a==="webcam"?`webcam:${v}`:a;d.current!==T&&(p.current=!1,d.current=T);let R=!1;return(async()=>{try{if(y("initializing"),p.current||(await c.setFrameSource({canvas:b.current,sourceKind:a}),await c.start(),p.current=!0),R)return;C(null),y("initializing")}catch(I){if(R)return;y("error"),C(I instanceof Error?I.message:"Failed to initialize SDK face tracking")}})(),()=>{R=!0}},[e,n,a,c,s,l]),f.useEffect(()=>{!S&&e&&!x&&y("initializing")},[S,e,x]),f.useEffect(()=>{x&&(y("error"),C(x.message))},[x]),f.useEffect(()=>()=>{p.current=!1,c.stop()},[c]),{activeDelegate:"GPU",faces:E,status:m,error:F}},Xe=(e,t)=>e==="auto"?t==="webcam"?"cover":"contain":e,ke=({imageOptions:e,initialImageId:t,initialSource:r,initialVideoId:n,source:o,videoOptions:i})=>{var l,c,d,p;const a=(o==null?void 0:o.kind)??r??"webcam";return{selectedSource:a==="image"&&e.length===0||a==="video"&&i.length===0?"webcam":a,selectedImageId:(o==null?void 0:o.kind)==="image"?o.assetId??((l=e[0])==null?void 0:l.id)??"":t??((c=e[0])==null?void 0:c.id)??"",selectedVideoId:(o==null?void 0:o.kind)==="video"?o.assetId??((d=i[0])==null?void 0:d.id)??"":n??((p=i[0])==null?void 0:p.id)??""}},Le=(e,t,r)=>{if(e.width<=0||e.height<=0||t.width<=0||t.height<=0)return null;const n=r==="contain"?Math.min(t.width/e.width,t.height/e.height):Math.max(t.width/e.width,t.height/e.height),o=e.width*n,i=e.height*n;return{source:e,destination:t,drawWidth:o,drawHeight:i,offsetX:(t.width-o)*.5,offsetY:(t.height-i)*.5,scale:n}},ze=e=>{if(!e)return{width:0,height:0};const t=e.getBoundingClientRect();return{width:t.width||e.clientWidth,height:t.height||e.clientHeight}},Be=e=>{const[t,r]=f.useState({width:0,height:0});return f.useLayoutEffect(()=>{const n=e.current;if(!n)return;let o=0;const i=()=>{const c=ze(n);r(d=>d.width===c.width&&d.height===c.height?d:c)},a=()=>{i(),o&&cancelAnimationFrame(o),o=requestAnimationFrame(i)};a();const s=new ResizeObserver(a);s.observe(n);const l=window.visualViewport;return window.addEventListener("resize",a),window.addEventListener("orientationchange",a),l==null||l.addEventListener("resize",a),l==null||l.addEventListener("scroll",a),()=>{o&&cancelAnimationFrame(o),s.disconnect(),window.removeEventListener("resize",a),window.removeEventListener("orientationchange",a),l==null||l.removeEventListener("resize",a),l==null||l.removeEventListener("scroll",a)}},[e]),t},Ve=({enabled:e,selectedSource:t})=>{const r=j.useXRModelNode(q.XRModel.FACE_TRACKER);return{faces:re.useFaceResults({node:r,enabled:e,selectedSource:t}),trackerStatus:r?"ready":"idle"}},Z=e=>{e&&(e.pause(),e.removeAttribute("src"),e.srcObject=null,e.load())},ee=e=>{e&&e.removeAttribute("src")},De=({enabled:e,imageAsset:t,selectedSource:r,videoAsset:n})=>{const o=f.useRef(null),i=f.useRef(null),[a,s]=f.useState(null),[l,c]=f.useState({width:0,height:0}),[d,p]=f.useState("idle"),[b,g]=f.useState(null);return f.useEffect(()=>{if(!e){Z(o.current),ee(i.current),s(null),c({width:0,height:0}),p("idle"),g(null);return}let w=!1,x=null;const m=(v,h)=>{w||(c({width:v,height:h}),p("ready"),g(null))},y=()=>{Z(o.current),ee(i.current),x==null||x.getTracks().forEach(v=>v.stop()),x=null,s(null)},F=async()=>{p("requesting");const v=await navigator.mediaDevices.getUserMedia(Se);if(w){v.getTracks().forEach(T=>T.stop());return}x=v,s(v);const h=o.current;h&&(h.srcObject=v,h.muted=!0,h.playsInline=!0,h.autoplay=!0,await h.play(),m(h.videoWidth,h.videoHeight))},C=async v=>{p("requesting"),s(null);const h=o.current;h&&(h.src=v,h.muted=!0,h.loop=!0,h.playsInline=!0,h.autoplay=!0,h.crossOrigin="anonymous",await h.play(),m(h.videoWidth,h.videoHeight))},S=async v=>{p("requesting"),s(null);const h=i.current;h&&(await new Promise((T,R)=>{h.onload=()=>T(),h.onerror=()=>R(new Error("Unable to load image")),h.src=v}),m(h.naturalWidth,h.naturalHeight))};return y(),(async()=>{try{if(r==="webcam"){await F();return}if(r==="video"){if(!(n!=null&&n.src))throw new Error("Missing video source");await C(n.src);return}if(!(t!=null&&t.src))throw new Error("Missing image source");await S(t.src)}catch(v){if(w)return;p("error"),g(v instanceof Error?v.message:`Unable to initialize ${r}`)}})(),()=>{w=!0,y()}},[e,t,r,n]),{videoRef:o,imageRef:i,stream:a,mediaSize:l,status:d,error:b}},Ae=({enabled:e,imageRef:t,selectedSource:r,status:n,videoRef:o})=>{const[i,a]=f.useState(null);return f.useEffect(()=>{if(!e||n!=="ready"){a(c=>(c==null||c.dispose(),null));return}const s=r==="image"?t.current:o.current;if(!s)return;const l=r==="image"?new z.Texture(s):new z.VideoTexture(s);return l.colorSpace=z.SRGBColorSpace,l.minFilter=z.LinearFilter,l.magFilter=z.LinearFilter,l.generateMipmaps=!1,l.needsUpdate=!0,a(c=>(c==null||c.dispose(),l)),()=>{l.dispose()}},[e,t,r,n,o]),i},qe=({externalTracker:e,imageOptions:t,layout:r,managesOwnMedia:n,mediaError:o,mediaFitMode:i,mediaSize:a,mediaStatus:s,mirrored:l,selectedImage:c,selectedImageId:d,selectedSource:p,selectedVideo:b,selectedVideoId:g,setMirrored:w,setSelectedImageId:x,setSelectedSource:m,setSelectedVideoId:y,setShowMediaControls:F,showMediaControls:C,tracker:S,videoOptions:E,viewportSize:v})=>{const h=p==="image"?`${k.image.label}: ${(c==null?void 0:c.label)??""}`:p==="video"?`${k.video.label}: ${(b==null?void 0:b.label)??""}`:k.webcam.label;return{activeDelegate:n?S.activeDelegate:null,faces:n?S.faces:e.faces,imageOptions:t,layout:r,mediaError:o,mediaFitMode:i,mediaLabel:h,mediaStatus:s,mirrored:l,selectedImageId:d,selectedSource:p,selectedVideoId:g,setMirrored:w,setSelectedImageId:x,setSelectedSource:m,setSelectedVideoId:y,setShowMediaControls:F,showMediaControls:C,trackerError:n?S.error:null,trackerStatus:n?S.status:e.trackerStatus,videoOptions:E,viewportSize:v,mediaSize:a}},Pe=({mediaTexture:e,previewMode:t,renderOutputs:r,sceneRenderOutputs:n})=>f.useMemo(()=>({requested:r,previewMode:t,mediaColorTexture:e,sceneColorTexture:n.sceneColorTexture,finalColorTexture:r.finalColor?n.sceneColorTexture:null,sceneDepthTexture:n.sceneDepthTexture,estimatedDepthTexture:null,available:{mediaColor:e!==null,sceneColor:n.sceneColorTexture!==null,finalColor:!!(r.finalColor&&n.sceneColorTexture),sceneDepth:n.sceneDepthTexture!==null,estimatedDepth:!1}}),[e,t,r,n]),We=({fitMode:e,imageOptions:t,initialImageId:r,initialMirrored:n,initialSource:o,initialVideoId:i,mediaStrategy:a,previewMode:s,renderOutputs:l,showMediaControlsByDefault:c,source:d,videoOptions:p})=>{const b=f.useRef(null),g=f.useRef(null),w=Be(b),x=f.useMemo(()=>ke({imageOptions:t,initialImageId:r,initialSource:o,initialVideoId:i,source:d,videoOptions:p}),[t,r,o,i,d,p]),[m,y]=f.useState(n),[F,C]=f.useState(c),[S,E]=f.useState(x.selectedSource),[v,h]=f.useState(x.selectedImageId),[T,R]=f.useState(x.selectedVideoId),[G,D]=f.useState({sceneColorTexture:null,sceneDepthTexture:null}),I=a==="internal";f.useEffect(()=>{d&&(E(x.selectedSource),h(x.selectedImageId),R(x.selectedVideoId))},[x,d]);const Y=t.find(U=>U.id===v)??t[0],J=p.find(U=>U.id===T)??p[0],M=De({enabled:I,imageAsset:Y,selectedSource:S,videoAsset:J}),_=Xe(e,S),A=f.useMemo(()=>Le(M.mediaSize,w,_),[M.mediaSize,_,w]),ce=Ae({enabled:!!(l.mediaColor||l.finalColor),imageRef:M.imageRef,selectedSource:S,status:M.status,videoRef:M.videoRef}),H=ie(S,m),de=ae({displayMirrored:H,enabled:I&&M.status==="ready"&&A!==null,imageRef:M.imageRef,layout:A,selectedSource:S,sourceStream:M.stream,videoRef:M.videoRef}),ue=Ve({enabled:!I,selectedSource:S}),he=qe({externalTracker:ue,imageOptions:t,layout:A,managesOwnMedia:I,mediaError:M.error,mediaFitMode:_,mediaSize:M.mediaSize,mediaStatus:M.status,mirrored:H,selectedImage:Y,selectedImageId:v,selectedSource:S,selectedVideo:J,selectedVideoId:T,setMirrored:y,setSelectedImageId:h,setSelectedSource:E,setSelectedVideoId:R,setShowMediaControls:C,showMediaControls:F,tracker:de,videoOptions:p,viewportSize:w}),fe=Pe({mediaTexture:ce,previewMode:s,renderOutputs:l,sceneRenderOutputs:G});return{containerRef:b,displayCanvasRef:g,displayMirrored:H,layout:A,managesOwnMedia:I,media:M,renderOutputState:fe,renderState:he,selectedImageId:v,selectedSource:S,selectedVideoId:T,setSceneRenderOutputs:D,setSelectedImageId:h,setSelectedSource:E,setSelectedVideoId:R,showMediaControls:F,viewportSize:w}},O=({children:e})=>u.jsx(u.Fragment,{children:e});O.displayName="XRViewport.Scene";const K=({children:e})=>u.jsx(u.Fragment,{children:e});K.displayName="XRViewport.Overlay";const _e=(e,t)=>{if(e==="dom")return{sceneContent:null,overlayContent:t};let r=null,n=null;const o=[];return f.Children.forEach(t,i=>{var s;if(!f.isValidElement(i)){i!=null&&o.push(i);return}const a=(s=i.type)==null?void 0:s.displayName;if(a===O.displayName){r=i.props.children;return}if(a===K.displayName){n=i.props.children;return}o.push(i)}),!n&&o.length>0&&(n=o),{sceneContent:r,overlayContent:n}},te=(e,t)=>typeof e=="function"?e(t):e;function He(e){return e.Scene=O,e.Overlay=K,e}const Ue=He(({children:e,fitMode:t="auto",imageOptions:r=[],initialImageId:n,initialMirrored:o=!0,initialSource:i="webcam",initialVideoId:a,mediaStrategy:s="internal",mediaDock:l="bottom-left",mode:c="dom",previewMode:d="finalColor",renderOutputs:p={},showMediaControlsByDefault:b=!0,source:g,style:w,videoOptions:x=[]})=>{const m=We({fitMode:t,imageOptions:r,initialImageId:n,initialMirrored:o,initialSource:i,initialVideoId:a,mediaStrategy:s,previewMode:d,renderOutputs:p,showMediaControlsByDefault:b,source:g,videoOptions:x}),y=typeof e=="function"?e(m.renderState):e,{sceneContent:F,overlayContent:C}=_e(c,y),S=te(F,m.renderState),E=te(C,m.renderState);return u.jsx(L.XRViewportStateContext.Provider,{value:m.renderState,children:u.jsx(L.XRViewportRenderOutputsContext.Provider,{value:m.renderOutputState,children:u.jsx(Me,{containerRef:m.containerRef,displayCanvasRef:m.displayCanvasRef,imageOptions:r,imageRef:m.media.imageRef,layout:m.layout,managesOwnMedia:m.managesOwnMedia,mediaDock:l,mirrored:m.displayMirrored,mode:c,overlayContent:E,renderOutputs:p,sceneContent:S,selectedImageId:m.selectedImageId,selectedSource:m.selectedSource,selectedVideoId:m.selectedVideoId,setSceneRenderOutputs:m.setSceneRenderOutputs,setSelectedImageId:m.setSelectedImageId,setSelectedSource:m.setSelectedSource,setSelectedVideoId:m.setSelectedVideoId,showMediaControls:m.showMediaControls,style:w,videoOptions:x,videoRef:m.media.videoRef,viewportSize:m.viewportSize})})})}),Ne={position:"absolute",top:-28,left:0,background:"rgba(34, 197, 94, 0.9)",color:"#04130a",fontFamily:"Menlo, Monaco, Consolas, monospace",fontSize:12,fontWeight:700,padding:"4px 8px",whiteSpace:"nowrap"},$e=({boundingBox:e,label:t="face bounding box",color:r="#22c55e",style:n,labelStyle:o})=>u.jsx("div",{style:{position:"absolute",left:`${e.left*100}%`,top:`${e.top*100}%`,width:`${e.width*100}%`,height:`${e.height*100}%`,border:`3px solid ${r}`,boxSizing:"border-box",pointerEvents:"none",zIndex:20,...n},children:t!==null&&u.jsx("div",{style:{...Ne,...o},children:t})}),Oe=e=>{const[t,r]=f.useState(null);return f.useEffect(()=>{let n=0;const o=()=>{var l,c;n=requestAnimationFrame(o);const i=(c=(l=e==null?void 0:e.detectionResults)==null?void 0:l.faceLandmarks)==null?void 0:c[0];if(!i||i.length===0){r(null);return}const a=W.computeLandmarkBounds(i),s={left:a.minX,top:a.minY,width:a.width,height:a.height};r(d=>d&&d.left===s.left&&d.top===s.top&&d.width===s.width&&d.height===s.height?d:s)};return o(),()=>{cancelAnimationFrame(n)}},[e]),t},Ke=({background:e="#000",children:t,style:r})=>u.jsx("div",{style:{position:"fixed",inset:0,overflow:"hidden",background:e,...r},children:t}),Ge=e=>{const{makeDefault:t=!0,...r}=e;return u.jsx(ge.PerspectiveCamera,{position:[0,0,40],fov:30,near:.1,far:1e3,makeDefault:t,...r})},Ye=["fill","contain"],Je=(e,t,r,n,o)=>{const i=Math.max(1,Math.floor(t)),a=Math.max(0,Math.floor(e)),s=r==="ping-pong"&&i>1?i*2-2:i,l=Math.floor(a/s),c=o>0?l>=o:!n&&a>=s,d=c?s-1:a%s;return{frame:r==="reverse"?i-1-d%i:r==="random"?d*7919%i:r==="ping-pong"&&d>=i?s-d:d,ended:c,loop:l}},Qe=(e,t,r)=>{const n=Math.max(1,Math.floor(r));return Math.floor(Math.max(0,e)*Math.max(0,t))%n};class Ze{constructor(t,r){X(this,"capabilities");X(this,"snapshot");X(this,"listeners",new Set);X(this,"eventListeners",new Map);this.capabilities=t,this.snapshot={state:"idle",frame:0,time:0,playMode:"forward",loop:!0,loopCount:0,...r}}play(){const t=this.snapshot.state==="paused";this.update({state:"playing"}),this.emit(t?"Resume":"PlayBegin")}pause(){this.update({state:"paused"}),this.emit("Pause")}restart(){this.update({state:"playing",frame:0,time:0}),this.emit("PlayBegin")}setPlayMode(t){this.update({playMode:t})}setLoop(t,r=0){this.update({loop:t,loopCount:r})}seek(t){this.capabilities.canSeek&&this.update({frame:Math.max(0,Math.floor(t)),time:Math.max(0,t)})}subscribe(t){return this.listeners.add(t),()=>this.listeners.delete(t)}on(t,r){const n=this.eventListeners.get(t)??new Set;return n.add(r),this.eventListeners.set(t,n),()=>this.off(t,r)}off(t,r){var n;(n=this.eventListeners.get(t))==null||n.delete(r)}getSnapshot(){return this.snapshot}dispose(){this.listeners.clear(),this.eventListeners.clear(),this.snapshot={...this.snapshot,state:"idle"}}emit(t){var r;(r=this.eventListeners.get(t))==null||r.forEach(n=>n({type:t,snapshot:this.snapshot}))}update(t){this.snapshot={...this.snapshot,...t},this.listeners.forEach(r=>r(this.snapshot))}}function et(e){return async(t,r)=>{const n=e.find(o=>o.canResolve(t));if(!n)throw new se("No texture provider matched source",t);return le(n.resolve.bind(n),t,r)}}class se extends Error{constructor(r,n){super(r);X(this,"source");this.name="TextureSourceLoadError",this.source=n}}function $(e){if(e.aborted)throw new DOMException("Texture source load aborted","AbortError")}async function le(e,t,r){$(r);const n=await e(t,r);return r.aborted&&(n.dispose(),$(r)),n}function tt(e){e==null||e.dispose()}exports.useXRContext=q.useXRContext;exports.HeadTracker=P.HeadTracker;exports.useTrackerContext=P.useTrackerContext;exports.useXRModel=P.useXRModel;exports.useXRCameraTexture=j.useXRCameraTexture;exports.useXRError=j.useXRError;exports.useXRModelNode=j.useXRModelNode;exports.useXRPipelineSnapshot=j.useXRPipelineSnapshot;exports.useXRReady=j.useXRReady;exports.useXRRenderSize=j.useXRRenderSize;exports.computeLandmarkBounds=W.computeLandmarkBounds;exports.createFaceInfoTarget=W.createFaceInfoTarget;exports.getFaceInfo=W.getFaceInfo;exports.ScreenRectAspectContext=V.ScreenRectAspectContext;exports.getThreeBlending=V.getThreeBlending;exports.getThreeDepthFunction=V.getThreeDepthFunction;exports.getThreeSide=V.getThreeSide;exports.useScreenSpace=V.useScreenSpace;exports.hasFullUnitUVBounds=xe.hasFullUnitUVBounds;exports.computeScreenTransform=L.computeScreenTransform;exports.useXRViewportRenderOutputs=L.useXRViewportRenderOutputs;exports.useXRViewportState=L.useXRViewportState;exports.BasicAnimatedTextureController=Ze;exports.BoundingBoxOverlay=$e;exports.PerspectiveCamera=Ge;exports.TEXTURE_FITS=Ye;exports.TextureSourceLoadError=se;exports.XRCompositor=Ke;exports.XRLayer=B;exports.XRMediaSurface=oe;exports.XRTrackingOverlay=ve;exports.XRViewport=Ue;exports.createTextureSourceResolver=et;exports.disposeResolvedTextureSource=tt;exports.getPlaybackFrame=Je;exports.getSequenceFrame=Qe;exports.resolveCalibrationFaceDisplayMirrored=ie;exports.resolveTextureSource=le;exports.throwIfAborted=$;exports.useCalibrationFaceTracker=ae;exports.useFaceBoundingBox=Oe;