@vincentt-xr/sdk 2.0.0-alpha.8 → 2.0.0-alpha.9

package/dist/{internal-vsfNQycj.js → internal-B90P-clC.js}

@@ -1,20 +1,22 @@
-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 { b as J } from "./selectors-C5G1PMYL.js";
-import { u as G } from "./index-CnGox6Xr.js";
-import { useFrame as Q } from "@react-three/fiber";
+var X = Object.defineProperty;
+var V = (t, e, r) => e in t ? X(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var i = (t, e, r) => V(t, typeof e != "symbol" ? e + "" : e, r);
+import { jsx as m, jsxs as w } from "react/jsx-runtime";
+import q, { useState as b, useContext as J, createContext as G, Suspense as E, lazy as Q, useRef as p, useEffect as T, useCallback as y } from "react";
+import { d as Y } from "./selectors-DmNaKIwE.js";
+import { u as Z } from "./index-CIe7eCMH.js";
+import { useFrame as ee } from "@react-three/fiber";
 import "./hasFullUnitUVBounds-BGvcFsQM.js";
-const he = ({
+import "./uv-DJU_XfmN.js";
+import "./FaceSurface-DmP9AEeC.js";
+const ve = ({
   children: t,
   defaultCollapsed: e = !0,
   title: r,
-  width: i = 320
+  width: s = 320
 }) => {
-  const [n, o] = b(e);
-  return n ? /* @__PURE__ */ f(
+  const [a, o] = b(e);
+  return a ? /* @__PURE__ */ m(
     "button",
     {
       type: "button",
@@ -47,7 +49,7 @@ const he = ({
         right: 16,
         bottom: 16,
         zIndex: 40,
-        width: i,
+        width: s,
         maxWidth: "calc(100vw - 32px)",
         padding: 14,
         borderRadius: 14,
@@ -70,8 +72,8 @@ const he = ({
               marginBottom: 10
             },
             children: [
-              /* @__PURE__ */ f("div", { style: { fontSize: 13, fontWeight: 700 }, children: r }),
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ m("div", { style: { fontSize: 13, fontWeight: 700 }, children: r }),
+              /* @__PURE__ */ m(
                 "button",
                 {
                   type: "button",
@@ -99,13 +101,13 @@ const he = ({
     }
   );
 };
-class Y {
+class te {
   // 500ms as per PRD
   constructor() {
-    s(this, "frameTimestamps", []);
-    s(this, "lastUpdateTime", 0);
-    s(this, "currentFPS", 0);
-    s(this, "updateInterval", 500);
+    i(this, "frameTimestamps", []);
+    i(this, "lastUpdateTime", 0);
+    i(this, "currentFPS", 0);
+    i(this, "updateInterval", 500);
     this.lastUpdateTime = performance.now();
   }
   /**
@@ -116,7 +118,7 @@ class Y {
     const e = performance.now();
     this.frameTimestamps.push(e);
     const r = e - this.updateInterval;
-    this.frameTimestamps = this.frameTimestamps.filter((i) => i > r), e - this.lastUpdateTime >= this.updateInterval && (this.currentFPS = this.frameTimestamps.length * 2, this.lastUpdateTime = e);
+    this.frameTimestamps = this.frameTimestamps.filter((s) => s > r), e - this.lastUpdateTime >= this.updateInterval && (this.currentFPS = this.frameTimestamps.length * 2, this.lastUpdateTime = e);
   }
   /**
    * Get current FPS value
@@ -131,21 +133,21 @@ class Y {
     this.frameTimestamps = [], this.lastUpdateTime = performance.now(), this.currentFPS = 0;
   }
 }
-function pe(t, e = 1) {
+function Te(t, e = 1) {
   return t.toFixed(e);
 }
-function _(t) {
+function R(t) {
   return t / (1024 * 1024);
 }
-function Z(t, e) {
+function re(t, e) {
   return e === 0 ? 0 : t / e * 100;
 }
-class ee {
+class se {
   constructor(e = 1e3) {
-    s(this, "intervalId", null);
-    s(this, "memoryUsage", null);
-    s(this, "updateInterval");
-    s(this, "isSupported", !1);
+    i(this, "intervalId", null);
+    i(this, "memoryUsage", null);
+    i(this, "updateInterval");
+    i(this, "isSupported", !1);
     this.updateInterval = e, this.checkSupport();
   }
   /**
@@ -184,11 +186,11 @@ class ee {
     if (!this.isSupported) return;
     const e = performance;
     if (!e.memory) return;
-    const r = e.memory.usedJSHeapSize, i = e.memory.jsHeapSizeLimit;
+    const r = e.memory.usedJSHeapSize, s = e.memory.jsHeapSizeLimit;
     this.memoryUsage = {
-      used: _(r),
-      total: _(i),
-      percentage: Z(r, i)
+      used: R(r),
+      total: R(s),
+      percentage: re(r, s)
     };
   }
   /**
@@ -205,11 +207,11 @@ class ee {
     return this.isSupported;
   }
 }
-class te {
+class ie {
   constructor() {
-    s(this, "resolution", "N/A");
-    s(this, "videoElement", null);
-    s(this, "metadataListener", null);
+    i(this, "resolution", "N/A");
+    i(this, "videoElement", null);
+    i(this, "metadataListener", null);
   }
   /**
    * Start tracking resolution from a video element
@@ -247,12 +249,12 @@ class te {
     return this.videoElement && this.updateResolution(), this.resolution;
   }
 }
-class re {
+class ne {
   constructor(e = {}) {
-    s(this, "options");
-    s(this, "isRunning", !1);
+    i(this, "options");
+    i(this, "isRunning", !1);
     // Current metrics state
-    s(this, "metrics", {
+    i(this, "metrics", {
       cameraFPS: 0,
       detectionTime: 0,
       modelPerformance: [],
@@ -262,16 +264,16 @@ class re {
       resolution: "N/A"
     });
     // Trackers
-    s(this, "cameraFPSTracker");
-    s(this, "memoryTracker");
-    s(this, "resolutionTracker");
+    i(this, "cameraFPSTracker");
+    i(this, "memoryTracker");
+    i(this, "resolutionTracker");
     // For effective FPS calculation
-    s(this, "frameTimes", []);
-    s(this, "lastEffectiveFPSUpdate", 0);
+    i(this, "frameTimes", []);
+    i(this, "lastEffectiveFPSUpdate", 0);
     this.options = {
       enableMemoryTracking: e.enableMemoryTracking ?? !0,
       memoryUpdateInterval: e.memoryUpdateInterval ?? 1e3
-    }, this.cameraFPSTracker = new Y(), this.memoryTracker = new ee(this.options.memoryUpdateInterval), this.resolutionTracker = new te();
+    }, this.cameraFPSTracker = new te(), this.memoryTracker = new se(this.options.memoryUpdateInterval), this.resolutionTracker = new ie();
   }
   /**
    * Start collecting metrics
@@ -343,12 +345,12 @@ class re {
         this.metrics.detectionTime = 0, this.metrics.modelPerformance = [];
         return;
       }
-      const i = r.map((a) => a && typeof a.getPerformanceData == "function" ? a.getPerformanceData() : Promise.resolve({ name: "unknown", processingTime: 0 })), n = await Promise.all(i);
-      this.metrics.modelPerformance = n.map((a) => ({
-        name: a.name,
-        processingTime: a.processingTime || 0
+      const s = r.map((n) => n && typeof n.getPerformanceData == "function" ? n.getPerformanceData() : Promise.resolve({ name: "unknown", processingTime: 0 })), a = await Promise.all(s);
+      this.metrics.modelPerformance = a.map((n) => ({
+        name: n.name,
+        processingTime: n.processingTime || 0
       }));
-      const o = n.reduce((a, p) => a + (p.processingTime || 0), 0);
+      const o = a.reduce((n, h) => n + (h.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 = [];
@@ -362,8 +364,8 @@ class re {
     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 i = this.frameTimes.reduce((n, o) => n + o, 0) / this.frameTimes.length;
-        this.metrics.effectiveFPS = i > 0 ? 1e3 / i : 0;
+        const s = this.frameTimes.reduce((a, o) => a + o, 0) / this.frameTimes.length;
+        this.metrics.effectiveFPS = s > 0 ? 1e3 / s : 0;
       }
       this.frameTimes = [], this.lastEffectiveFPSUpdate = e;
     }
@@ -375,14 +377,15 @@ class re {
     return this.isRunning;
   }
 }
-const ie = q(async () => ({ default: (await import("./DebuggerUI-C-ldiozL.js")).DebuggerUI })), C = X(null);
-function ge({
+const I = Q(async () => ({ default: (await import("./DebuggerUI-7ngnJsBe.js")).DebuggerUI })), k = G(null);
+function ye({
   children: t,
   keyboardShortcut: e = "ctrl+shift+d",
   initialEnabled: r = !1,
-  position: i = "top-left"
+  position: s = "top-left",
+  docked: a = !1
 }) {
-  const [n, o] = b(r), [a, p] = b(!1), [k, E] = b({
+  const [o, n] = b(r), [h, P] = b(!1), [x, D] = b({
     cameraFPS: 0,
     detectionTime: 0,
     modelPerformance: [],
@@ -390,20 +393,20 @@ function ge({
     effectiveFPS: 0,
     memory: null,
     resolution: "N/A"
-  }), 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;
+  }), d = p(null), l = p(null), g = p(!1), { session: v } = Z(), F = Y();
+  T(() => (d.current || (d.current = new ne(), 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;
   }), []), T(() => {
-    const c = m.current;
+    const c = d.current;
     if (c) {
-      if (n && P) {
+      if (o && F) {
         const u = v._getVideoElement();
         c.start(u), l.current = window.setInterval(async () => {
           if (!g.current) {
             g.current = !0;
             try {
-              const F = Object.fromEntries(v.store.getSnapshot().pipeline);
-              await c.updateDetectionTime(F), E(c.getMetrics());
+              const C = Object.fromEntries(v.store.getSnapshot().pipeline);
+              await c.updateDetectionTime(C), D(c.getMetrics());
             } finally {
               g.current = !1;
             }
@@ -415,67 +418,83 @@ function ge({
         l.current && (clearInterval(l.current), l.current = null);
       };
     }
-  }, [n, P, v]), T(() => {
+  }, [o, F, v]), T(() => {
     const c = (u) => {
-      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));
+      const f = e.toLowerCase().split("+"), N = f.includes("ctrl") || f.includes("control"), H = f.includes("shift"), z = f.includes("alt"), j = f[f.length - 1], $ = N ? u.ctrlKey || u.metaKey : !0, B = H ? u.shiftKey : !0, K = z ? u.altKey : !0, O = u.key.toLowerCase() === j;
+      $ && B && K && O && (u.preventDefault(), n((W) => !W));
     };
     return window.addEventListener("keydown", c), () => {
       window.removeEventListener("keydown", c);
     };
   }, [e]);
-  const I = y(() => {
-    o((c) => !c);
-  }, []), M = y(() => {
-    o(!0);
-  }, []), x = y(() => {
-    o(!1);
-  }, []), D = {
+  const U = y(() => {
+    n((c) => !c);
+  }, []), L = y(() => {
+    n(!0);
+  }, []), _ = y(() => {
+    n(!1);
+  }, []), A = {
     state: {
-      enabled: n,
-      collapsed: a,
-      metrics: k
+      enabled: o,
+      collapsed: h,
+      metrics: x
     },
-    toggle: I,
-    setCollapsed: p,
-    enable: M,
-    disable: x
+    toggle: U,
+    setCollapsed: P,
+    enable: L,
+    disable: _
   };
-  return /* @__PURE__ */ w(C.Provider, { value: D, children: [
+  return /* @__PURE__ */ w(k.Provider, { value: A, children: [
     t,
-    n && /* @__PURE__ */ f(V, { fallback: null, children: /* @__PURE__ */ f(
-      ie,
+    o && !a && /* @__PURE__ */ m(E, { fallback: null, children: /* @__PURE__ */ m(
+      I,
       {
-        metrics: k,
-        collapsed: a,
-        onCollapse: p,
-        onClose: x,
-        position: i,
+        metrics: x,
+        collapsed: h,
+        onCollapse: P,
+        onClose: _,
+        position: s,
         keyboardShortcut: e
       }
     ) })
   ] });
 }
-function se() {
-  const t = W.useContext(C);
+function we({
+  keyboardShortcut: t = "ctrl+shift+d"
+}) {
+  const e = J(k);
+  return !e || !e.state.enabled ? null : /* @__PURE__ */ m(E, { fallback: null, children: /* @__PURE__ */ m(
+    I,
+    {
+      docked: !0,
+      metrics: e.state.metrics,
+      collapsed: e.state.collapsed,
+      onCollapse: e.setCollapsed,
+      onClose: e.disable,
+      keyboardShortcut: t
+    }
+  ) });
+}
+function oe() {
+  const t = q.useContext(k);
   if (!t)
     throw new Error("useDebuggerContext must be used within a DebuggerProvider");
   return t;
 }
-function ne({ onUpdate: t }) {
-  const e = h(0), r = h(!0);
-  return Q(() => {
+function ae({ onUpdate: t }) {
+  const e = p(0), r = p(!0);
+  return ee(() => {
     if (r.current)
       r.current = !1;
     else {
-      const n = performance.now() - e.current;
-      t(n);
+      const a = performance.now() - e.current;
+      t(a);
     }
     e.current = performance.now();
   }, -1e3), null;
 }
-function oe() {
-  const t = se();
+function ce() {
+  const t = oe();
   return {
     metrics: t.state.metrics,
     enabled: t.state.enabled,
@@ -486,39 +505,40 @@ function oe() {
     disable: t.disable
   };
 }
-function be() {
-  const { enabled: t } = oe(), e = (r) => {
-    const i = window;
-    i.__xr_metrics_collector && i.__xr_metrics_collector.updateRenderTime(r);
+function Se() {
+  const { enabled: t } = ce(), e = (r) => {
+    const s = window;
+    s.__xr_metrics_collector && s.__xr_metrics_collector.updateRenderTime(r);
   };
-  return t ? /* @__PURE__ */ f(ne, { onUpdate: e }) : null;
+  return t ? /* @__PURE__ */ m(ae, { onUpdate: e }) : null;
 }
 const S = 600;
-function R() {
+function M() {
   if (typeof window > "u")
     return;
   const t = window;
   return t.__xrCalibrationDebugState || (t.__xrCalibrationDebugState = { events: [] }), t.__xrCalibrationDebugState;
 }
-function ve(t, e, r) {
-  const i = R();
-  i && (i.events.push({
+function ke(t, e, r) {
+  const s = M();
+  s && (s.events.push({
     source: t,
     label: e,
     payload: r,
     ts: performance.now()
-  }), i.events.length > S && i.events.splice(0, i.events.length - S));
+  }), s.events.length > S && s.events.splice(0, s.events.length - S));
 }
-function Te(t = S) {
-  const e = R();
+function Pe(t = S) {
+  const e = M();
   return e ? e.events.slice(Math.max(0, e.events.length - t)) : [];
 }
 export {
-  ge as D,
-  he as X,
-  be as a,
-  ve as b,
-  pe as f,
-  Te as r,
-  oe as u
+  we as D,
+  ve as X,
+  ye as a,
+  Se as b,
+  ke as c,
+  Te as f,
+  Pe as r,
+  ce as u
 };

package/dist/internal-Cjinca64.cjs

@@ -0,0 +1 @@
+"use strict";var O=Object.defineProperty;var $=(t,e,r)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var n=(t,e,r)=>$(t,typeof e!="symbol"?e+"":e,r);const c=require("react/jsx-runtime"),i=require("react"),B=require("./selectors-C4X71aoD.cjs"),K=require("./index-CfSF8LXa.cjs"),V=require("@react-three/fiber");require("./hasFullUnitUVBounds-p1Dl0ejX.cjs");require("./uv-BMFt19bg.cjs");require("./FaceSurface-CHAMEeG1.cjs");const W=({children:t,defaultCollapsed:e=!0,title:r,width:s=320})=>{const[l,a]=i.useState(e);return l?c.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:"◫"}):c.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:[c.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,marginBottom:10},children:[c.jsx("div",{style:{fontSize:13,fontWeight:700},children:r}),c.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 X{constructor(){n(this,"frameTimestamps",[]);n(this,"lastUpdateTime",0);n(this,"currentFPS",0);n(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 J(t,e=1){return t.toFixed(e)}function P(t){return t/(1024*1024)}function G(t,e){return e===0?0:t/e*100}class Q{constructor(e=1e3){n(this,"intervalId",null);n(this,"memoryUsage",null);n(this,"updateInterval");n(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:P(r),total:P(s),percentage:G(r,s)}}getMemoryUsage(){return this.memoryUsage}isMemorySupported(){return this.isSupported}}class Y{constructor(){n(this,"resolution","N/A");n(this,"videoElement",null);n(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 Z{constructor(e={}){n(this,"options");n(this,"isRunning",!1);n(this,"metrics",{cameraFPS:0,detectionTime:0,modelPerformance:[],renderTime:0,effectiveFPS:0,memory:null,resolution:"N/A"});n(this,"cameraFPSTracker");n(this,"memoryTracker");n(this,"resolutionTracker");n(this,"frameTimes",[]);n(this,"lastEffectiveFPSUpdate",0);this.options={enableMemoryTracking:e.enableMemoryTracking??!0,memoryUpdateInterval:e.memoryUpdateInterval??1e3},this.cameraFPSTracker=new X,this.memoryTracker=new Q(this.options.memoryUpdateInterval),this.resolutionTracker=new Y}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(o=>o&&typeof o.getPerformanceData=="function"?o.getPerformanceData():Promise.resolve({name:"unknown",processingTime:0})),l=await Promise.all(s);this.metrics.modelPerformance=l.map(o=>({name:o.name,processingTime:o.processingTime||0}));const a=l.reduce((o,p)=>o+(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((l,a)=>l+a,0)/this.frameTimes.length;this.metrics.effectiveFPS=s>0?1e3/s:0}this.frameTimes=[],this.lastEffectiveFPSUpdate=e}}isActive(){return this.isRunning}}const C=i.lazy(async()=>({default:(await Promise.resolve().then(()=>require("./DebuggerUI-CoglgKdO.cjs"))).DebuggerUI})),y=i.createContext(null);function ee({children:t,keyboardShortcut:e="ctrl+shift+d",initialEnabled:r=!1,position:s="top-left",docked:l=!1}){const[a,o]=i.useState(r),[p,T]=i.useState(!1),[w,R]=i.useState({cameraFPS:0,detectionTime:0,modelPerformance:[],renderTime:0,effectiveFPS:0,memory:null,resolution:"N/A"}),f=i.useRef(null),m=i.useRef(null),g=i.useRef(!1),{session:b}=K.useXRContext(),S=B.useXRReady();i.useEffect(()=>(f.current||(f.current=new Z,window.__xr_metrics_collector=f.current),()=>{f.current&&f.current.stop(),m.current&&clearInterval(m.current),window.__xr_metrics_collector&&delete window.__xr_metrics_collector}),[]),i.useEffect(()=>{const u=f.current;if(u){if(a&&S){const d=b._getVideoElement();u.start(d),m.current=window.setInterval(async()=>{if(!g.current){g.current=!0;try{const k=Object.fromEntries(b.store.getSnapshot().pipeline);await u.updateDetectionTime(k),R(u.getMetrics())}finally{g.current=!1}}},100)}else u.stop(),m.current&&(clearInterval(m.current),m.current=null),g.current=!1;return()=>{m.current&&(clearInterval(m.current),m.current=null)}}},[a,S,b]),i.useEffect(()=>{const u=d=>{const h=e.toLowerCase().split("+"),M=h.includes("ctrl")||h.includes("control"),U=h.includes("shift"),j=h.includes("alt"),L=h[h.length-1],q=M?d.ctrlKey||d.metaKey:!0,A=U?d.shiftKey:!0,N=j?d.altKey:!0,H=d.key.toLowerCase()===L;q&&A&&N&&H&&(d.preventDefault(),o(z=>!z))};return window.addEventListener("keydown",u),()=>{window.removeEventListener("keydown",u)}},[e]);const E=i.useCallback(()=>{o(u=>!u)},[]),D=i.useCallback(()=>{o(!0)},[]),x=i.useCallback(()=>{o(!1)},[]),I={state:{enabled:a,collapsed:p,metrics:w},toggle:E,setCollapsed:T,enable:D,disable:x};return c.jsxs(y.Provider,{value:I,children:[t,a&&!l&&c.jsx(i.Suspense,{fallback:null,children:c.jsx(C,{metrics:w,collapsed:p,onCollapse:T,onClose:x,position:s,keyboardShortcut:e})})]})}function te({keyboardShortcut:t="ctrl+shift+d"}){const e=i.useContext(y);return!e||!e.state.enabled?null:c.jsx(i.Suspense,{fallback:null,children:c.jsx(C,{docked:!0,metrics:e.state.metrics,collapsed:e.state.collapsed,onCollapse:e.setCollapsed,onClose:e.disable,keyboardShortcut:t})})}function re(){const t=i.useContext(y);if(!t)throw new Error("useDebuggerContext must be used within a DebuggerProvider");return t}function se({onUpdate:t}){const e=i.useRef(0),r=i.useRef(!0);return V.useFrame(()=>{if(r.current)r.current=!1;else{const l=performance.now()-e.current;t(l)}e.current=performance.now()},-1e3),null}function F(){const t=re();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 ie(){const{enabled:t}=F(),e=r=>{const s=window;s.__xr_metrics_collector&&s.__xr_metrics_collector.updateRenderTime(r)};return t?c.jsx(se,{onUpdate:e}):null}const v=600;function _(){if(typeof window>"u")return;const t=window;return t.__xrCalibrationDebugState||(t.__xrCalibrationDebugState={events:[]}),t.__xrCalibrationDebugState}function ne(t,e,r){const s=_();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 oe(t=v){const e=_();return e?e.events.slice(Math.max(0,e.events.length-t)):[]}exports.DebuggerOverlay=ie;exports.DebuggerPanel=te;exports.DebuggerProvider=ee;exports.XRDebugView=W;exports.formatNumber=J;exports.readCalibrationDebugEvents=oe;exports.recordCalibrationDebugEvent=ne;exports.useDebugger=F;

package/dist/internal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./internal-BYza1h8_.cjs"),r=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),n=require("./selectors-Du_PsVnW.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-Cjinca64.cjs"),a=require("./hasFullUnitUVBounds-p1Dl0ejX.cjs"),n=require("./uv-BMFt19bg.cjs"),r=require("./FaceSurface-CHAMEeG1.cjs");exports.DebuggerOverlay=e.DebuggerOverlay;exports.DebuggerPanel=e.DebuggerPanel;exports.DebuggerProvider=e.DebuggerProvider;exports.XRDebugView=e.XRDebugView;exports.readCalibrationDebugEvents=e.readCalibrationDebugEvents;exports.recordCalibrationDebugEvent=e.recordCalibrationDebugEvent;exports.useDebugger=e.useDebugger;exports._resetUVBoundsWarnings=a._resetUVBoundsWarnings;exports.logUVBoundsWarningOnce=a.logUVBoundsWarningOnce;exports.RENDER_LAYERS=n.RENDER_LAYERS;exports.FACE_SURFACE_FRAME_PRIORITY=r.FACE_SURFACE_FRAME_PRIORITY;exports.FaceSurfaceContext=r.FaceSurfaceContext;exports.createFaceSurfaceState=r.createFaceSurfaceState;

package/dist/internal.js

@@ -1,14 +1,19 @@
-import { a, D as s, X as o, r as g, b as n, u } from "./internal-vsfNQycj.js";
-import { _ as i, l as t } from "./hasFullUnitUVBounds-BGvcFsQM.js";
-import { R as d } from "./selectors-C5G1PMYL.js";
+import { b as r, D as s, a as o, X as g, r as t, c as n, u } from "./internal-B90P-clC.js";
+import { _ as c, l as D } from "./hasFullUnitUVBounds-BGvcFsQM.js";
+import { R as i } from "./uv-DJU_XfmN.js";
+import { F as f, a as l, c as F } from "./FaceSurface-DmP9AEeC.js";
 export {
-  a as DebuggerOverlay,
-  s as DebuggerProvider,
-  d as RENDER_LAYERS,
-  o as XRDebugView,
-  i as _resetUVBoundsWarnings,
-  t as logUVBoundsWarningOnce,
-  g as readCalibrationDebugEvents,
+  r as DebuggerOverlay,
+  s as DebuggerPanel,
+  o as DebuggerProvider,
+  f as FACE_SURFACE_FRAME_PRIORITY,
+  l as FaceSurfaceContext,
+  i as RENDER_LAYERS,
+  g as XRDebugView,
+  c as _resetUVBoundsWarnings,
+  F as createFaceSurfaceState,
+  D as logUVBoundsWarningOnce,
+  t as readCalibrationDebugEvents,
   n as recordCalibrationDebugEvent,
   u as useDebugger
 };

package/dist/iris/compute.d.ts

@@ -5,17 +5,19 @@ export declare const createIrisEye: (side: IrisSide) => IrisEye;
 export declare const createIrisResult: (faceIndex?: number) => IrisResult;
 /**
  * Derive one eye's iris data from a refined face-mesh landmark set (478
- * points, MediaPipe image space). Returns `false`, and marks the eye
- * undetected, when the landmarks are missing. Allocation-free: writes into
- * `eye`.
+ * points, MediaPipe image space). `side` is the person's own eye; `mirrored`
+ * says the frame is the mirrored webcam, where that eye is MediaPipe's other
+ * side (#298). Returns `false`, and marks the eye undetected, when the
+ * landmarks are missing. Allocation-free: writes into `eye`.
  */
 export declare const computeIrisEye: (landmarks: ReadonlyArray<IrisPoint> | undefined, side: IrisSide, eye: IrisEye, confidenceScale?: number, mirrored?: boolean) => boolean;
 /**
  * Update a full `IrisResult` from one face's landmarks. `faceConfidence` is
  * 1 for a live face and the hold decay while held; it scales both eyes'
  * confidence. `mirrored` says the frame is a mirror of the person (the
- * session's webcam feed) so `offset.x` keeps its anatomical sign. Pass
- * `undefined` landmarks for an absent face.
+ * session's webcam feed) so `left` / `right` stay the person's own eyes and
+ * `offset.x` keeps its anatomical sign. Pass `undefined` landmarks for an
+ * absent face.
  */
 export declare const updateIrisResult: (result: IrisResult, landmarks: ReadonlyArray<IrisPoint> | undefined, nowMs: number, options?: {
     faceIndex?: number;

package/dist/iris/types.d.ts

@@ -1,10 +1,12 @@
 import { TrackerPoint } from '../types/common';
-/** Person's perspective: `left` is the person's left eye (MediaPipe mesh indices 473–477). */
+/** Person's perspective: `left` is the person's own left eye, on every feed. */
 export type IrisSide = "left" | "right";
 /**
- * MediaPipe face-mesh indices used for iris tracking, per side. Sides follow
- * the mesh topology, so they are the person's anatomical sides on every
- * source, mirrored webcam included.
+ * MediaPipe face-mesh indices used for iris tracking, per MediaPipe side
+ * (`left` = MediaPipe's left eye, 473–477). That is the person's own left eye
+ * on an unmirrored feed and their RIGHT eye on the mirrored webcam;
+ * `IrisResult.left` / `.right` already pick the person's own eye for the feed
+ * (`IRIS_LANDMARKS[personSide(side, mirrored)]`).
  */
 export declare const IRIS_LANDMARKS: {
     readonly left: {

package/dist/{landmarkMask-CbTFzBYG.js → landmarkMask-BFDyBnKM.js}

@@ -206,18 +206,18 @@ const S = [
 };
 export {
   O as D,
-  _ as F,
+  d as F,
   F as I,
   I as L,
   A as O,
   N as R,
   g as S,
-  d as a,
-  v as b,
-  L as c,
+  v as a,
+  L as b,
+  _ as c,
   u as d,
-  P as e,
-  Y as f,
+  Y as e,
+  P as f,
   S as g,
   w as p,
   M as r

package/dist/landmarks-BlUqf5MZ.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react"),M=require("./index-CfSF8LXa.cjs");function _(n){return JSON.stringify(n??{})}function d(n,i,E=!0){const{session:e}=M.useXRContext(),c=o.useId(),[r,h]=o.useState(null),l=_(i),f=o.useRef(i);f.current=i,o.useEffect(()=>{let y=!1;return h(null),e.registry.acquire(n,c,f.current).catch(t=>{y||h(t instanceof Error?t:new Error(String(t)))}),()=>{y=!0,e.registry.release(n,c)}},[e,n,c,l]),o.useEffect(()=>{e.registry.setActive(n,c,E)},[e,n,c,E]);const u=e.store,s=o.useSyncExternalStore(y=>u.subscribe(y),()=>u.getSnapshot().pipeline.get(n)??null,()=>null),a=o.useMemo(()=>s?s.getModelNode():null,[s]),x=o.useMemo(()=>r?M.mapModelErrorToReason(r):null,[r]);return{ready:s!==null&&r===null,node:a,error:r,fallback:x}}const S={"face.forehead":10,"face.noseTip":1,"face.chin":152,"face.leftEyeOuter":263,"face.rightEyeOuter":33,"face.leftCheek":425,"face.rightCheek":205,"face.mouthCenter":13,"face.leftEarlobe":454,"face.rightEarlobe":234},R={"face.center":[10,152,234,454],"face.leftEye":[263,362,387,373],"face.rightEye":[33,133,158,145]},I=(n,i=0)=>Number.isFinite(n)?n:i,C=n=>Math.max(-1,Math.min(1,I(n))),O={x:0,y:0,z:0},z=(n,i,E=O,e={x:0,y:0,z:0,visibility:0},c=!1)=>{const r=M.feedSidedName(n,c),h=S[r];if(h!==void 0){const t=i[h];return t?Object.assign(e,t):null}const l=R[r];if(l){e.x=0,e.y=0,e.z=0;for(const t of l){const A=i[t];if(!A)return null;e.x+=A.x,e.y+=A.y,e.z+=A.z}return e.x/=l.length,e.y/=l.length,e.z/=l.length,e.visibility=1,e}if(n!=="face.custom"||i.length===0)return null;let f=1/0,u=1/0,s=-1/0,a=-1/0,x=0;for(const t of i)f=Math.min(f,t.x),u=Math.min(u,t.y),s=Math.max(s,t.x),a=Math.max(a,t.y),x+=t.z;const y=s-f;return e.x=(f+s)*.5-M.personLeftSign(c)*C(E.x)*y*.5,e.y=(u+a)*.5-C(E.y)*(a-u)*.5,e.z=x/i.length-I(E.z)*y,e.visibility=1,e},b={left:S["face.leftEyeOuter"],right:S["face.rightEyeOuter"]};exports.FACE_EYE_DISTANCE_LANDMARKS=b;exports.FACE_LANDMARK_INDICES=S;exports.resolveFaceAnchorPoint=z;exports.useXRModel=d;

package/dist/landmarks-bftdwq6Z.js

@@ -0,0 +1,76 @@
+import { useId as C, useState as I, useRef as O, useEffect as S, useSyncExternalStore as m, useMemo as d } from "react";
+import { u as z, m as b, f as _, p as R } from "./index-CIe7eCMH.js";
+function F(n) {
+  return JSON.stringify(n ?? {});
+}
+function L(n, i, a = !0) {
+  const { session: e } = z(), r = C(), [o, h] = I(null), c = F(i), l = O(i);
+  l.current = i, S(() => {
+    let u = !1;
+    return h(null), e.registry.acquire(n, r, l.current).catch((t) => {
+      u || h(t instanceof Error ? t : new Error(String(t)));
+    }), () => {
+      u = !0, e.registry.release(n, r);
+    };
+  }, [e, n, r, c]), S(() => {
+    e.registry.setActive(n, r, a);
+  }, [e, n, r, a]);
+  const f = e.store, s = m(
+    (u) => f.subscribe(u),
+    () => f.getSnapshot().pipeline.get(n) ?? null,
+    () => null
+  ), y = d(() => s ? s.getModelNode() : null, [s]), E = d(() => o ? b(o) : null, [o]);
+  return {
+    ready: s !== null && o === null,
+    node: y,
+    error: o,
+    fallback: E
+  };
+}
+const M = {
+  "face.forehead": 10,
+  "face.noseTip": 1,
+  "face.chin": 152,
+  "face.leftEyeOuter": 263,
+  "face.rightEyeOuter": 33,
+  "face.leftCheek": 425,
+  "face.rightCheek": 205,
+  "face.mouthCenter": 13,
+  "face.leftEarlobe": 454,
+  "face.rightEarlobe": 234
+}, T = {
+  "face.center": [10, 152, 234, 454],
+  "face.leftEye": [263, 362, 387, 373],
+  "face.rightEye": [33, 133, 158, 145]
+}, A = (n, i = 0) => Number.isFinite(n) ? n : i, p = (n) => Math.max(-1, Math.min(1, A(n))), g = { x: 0, y: 0, z: 0 }, v = (n, i, a = g, e = { x: 0, y: 0, z: 0, visibility: 0 }, r = !1) => {
+  const o = _(n, r), h = M[o];
+  if (h !== void 0) {
+    const t = i[h];
+    return t ? Object.assign(e, t) : null;
+  }
+  const c = T[o];
+  if (c) {
+    e.x = 0, e.y = 0, e.z = 0;
+    for (const t of c) {
+      const x = i[t];
+      if (!x) return null;
+      e.x += x.x, e.y += x.y, e.z += x.z;
+    }
+    return e.x /= c.length, e.y /= c.length, e.z /= c.length, e.visibility = 1, e;
+  }
+  if (n !== "face.custom" || i.length === 0) return null;
+  let l = 1 / 0, f = 1 / 0, s = -1 / 0, y = -1 / 0, E = 0;
+  for (const t of i)
+    l = Math.min(l, t.x), f = Math.min(f, t.y), s = Math.max(s, t.x), y = Math.max(y, t.y), E += t.z;
+  const u = s - l;
+  return e.x = (l + s) * 0.5 - R(r) * p(a.x) * u * 0.5, e.y = (f + y) * 0.5 - p(a.y) * (y - f) * 0.5, e.z = E / i.length - A(a.z) * u, e.visibility = 1, e;
+}, K = {
+  left: M["face.leftEyeOuter"],
+  right: M["face.rightEyeOuter"]
+};
+export {
+  K as F,
+  M as a,
+  v as r,
+  L as u
+};