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

package/dist/index-9dlAQAhy.js

@@ -1,1462 +0,0 @@
-var De = Object.defineProperty;
-var _e = (a, s, e) => s in a ? De(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
-var h = (a, s, e) => _e(a, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as ce } from "react/jsx-runtime";
-import { useRef as ue, useMemo as ee, useEffect as Oe, useContext as le, useCallback as he, createElement as Ue, createContext as ge } from "react";
-import { FilesetResolver as V, PoseLandmarker as ze, FaceLandmarker as Le, GestureRecognizer as Be, HandLandmarker as Ve, ImageSegmenter as Ke, DrawingUtils as Ne } from "@mediapipe/tasks-vision";
-import * as E from "three";
-import { RGBAFormat as me, LinearFilter as G, CanvasTexture as fe, SRGBColorSpace as He } from "three";
-var T = /* @__PURE__ */ ((a) => (a.WEBCAM = "webcam", a.STREAM = "stream", a.CANVAS = "canvas", a))(T || {}), U = /* @__PURE__ */ ((a) => (a.HAND_TRACKER = "vincentt.xr.hand-tracker", a.GESTURE_TRACKER = "vincentt.xr.gesture-tracker", a.FACE_TRACKER = "vincentt.xr.face-tracker", a.BODY_TRACKER = "vincentt.xr.body-tracker", a.BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation", a))(U || {});
-class b extends Error {
-  constructor(s) {
-    super(s), this.name = "VincenttXRError";
-  }
-}
-const qe = (a, s) => s, I = {
-  apiBaseUrl: qe(void 0, "https://api.vincentt.studio"),
-  // Pinned to the CDN, NOT build-env-driven: a stale VITE_ASSET_STORAGE_ENDPOINT
-  // baked a now-deleted CloudFront domain into every published bundle, breaking
-  // WASM/model loads at runtime. The host must never come from a mutable env value.
-  assetStorageEndpoint: "https://cdn.vincentt.studio",
-  // Versioned bucket for SDK-shipped reference assets (canonical face model, face textures, etc.).
-  sdkAssetsBaseUrl: "https://cdn.vincentt.studio/assets/sdk/face/v1",
-  loggerPrefix: "[vincentt-xr]:",
-  sessionCheckInterval: 3e4
-};
-class Ge {
-  constructor(s) {
-    h(this, "options");
-    const e = {
-      verbose: !1,
-      prefix: I.loggerPrefix
-    };
-    this.options = { ...e, ...s };
-  }
-  log(...s) {
-    const { verbose: e, prefix: t } = this.options;
-    e && console.info(t, ...s);
-  }
-  error(...s) {
-    const { verbose: e, prefix: t } = this.options;
-    e && console.error(t, ...s);
-  }
-}
-const te = (a, s = { x: 0, y: 0, z: 0 }) => (s.x = a.x * 2 - 1, s.y = 1 - a.y * 2, s.z = -a.z, s), Vt = (a, s = { x: 0, y: 0, z: 0 }) => (s.x = (a.x + 1) / 2, s.y = (1 - a.y) / 2, s.z = -a.z, s), Q = new E.Vector3(), $ = new E.Vector3(), q = ({ x: a, y: s, z: e }, t, i) => {
-  Q.set((a - 0.5) * 2, (0.5 - s) * 2, -e), Q.unproject(t), $.copy(Q).sub(t.position).normalize();
-  const r = -t.position.z / $.z;
-  return i.copy(t.position).addScaledVector($, r), i;
-}, Kt = (a, s) => q(a, s, new E.Vector3()), We = (a, s, e = 0.2) => e * s + (1 - e) * a;
-class se {
-  constructor(s) {
-    h(this, "canvas");
-    this.maxDimension = s;
-  }
-  /**
-   * Returns a downscaled copy of `source` capped to `maxDimension` on its
-   * longest side (or `source` unchanged if it's already within the cap, or if a
-   * 2D context can't be obtained). The returned canvas is reused across calls.
-   */
-  draw(s) {
-    const e = s.width, t = s.height, i = Math.min(1, this.maxDimension / Math.max(e, t));
-    if (i >= 1) return s;
-    const r = Math.max(1, Math.round(e * i)), c = Math.max(1, Math.round(t * i));
-    (!this.canvas || this.canvas.width !== r || this.canvas.height !== c) && (this.canvas = new OffscreenCanvas(r, c));
-    const d = this.canvas.getContext("2d");
-    return d ? (d.setTransform(1, 0, 0, 1, 0, 0), d.clearRect(0, 0, r, c), d.drawImage(s, 0, 0, r, c), this.canvas) : s;
-  }
-  dispose() {
-    this.canvas = void 0;
-  }
-}
-const Xe = {
-  "/assets/xr/models/face_tracking.task": "sha384-tYQh+yJE8llY+zO4RviZmWaSKs5W9tsB0ix5rjQVpF5/CLTqmwtP7bYtkUi2w65P",
-  "/assets/xr/models/hand_tracking.task": "sha384-uWvruVKd887ov8k43S+DBHCsi7UXXS+CKvvdM1PX00rjPzx/B0QrAPfJ1U9yKcze",
-  "/assets/xr/models/gesture_tracking.task": "sha384-2zuseP9JKKWAYlWQGKA2N+ooabB8V/yIxu23Mv8mtY7SowcySB+xKiOmqBhVvlUC",
-  "/assets/xr/models/body_tracking.task": "sha384-3Wk9dvRYo36b3Nc9xVjKamb4wCKt9FwiPjcHKfrvyJL/jXoGs+uRLnii6yjWLKul",
-  "/assets/xr/models/segmentation.tflite": "sha384-A2bQ8+iZyQM3KIGVBUf0FyetqxuynyKpjsjCE8uzoJEnj1ghCu6ge2daiRffAiS5",
-  "/assets/xr/3d-models/head-occluder-v2.glb": "sha384-+0G60Q6EBVE6hpITxGzQgofAeKexPltpsfPq5T5et9GGBjRhFP5HOdsKAhe73OaI",
-  "/assets/sdk/face/v1/canonical_face_model.obj": "sha384-xP8YM/72TXKvbMptXB9a8JUlUf3MZQ8uLurExrsZc05v6/P5RrsaNGMUYS/BZx8A",
-  "/opencv/facial_expression_recognition/resolve/main/facial_expression_recognition_mobilefacenet_2022july_int8.onnx": "sha384-g8mtFubiIc/yhqi591RsxD76AJLw2CfYgKhKbVkIiFlwBmIyG7ZAIVyGPXafrDGB"
-};
-async function je(a) {
-  const s = await fetch(a);
-  if (!s.ok)
-    throw new Error(`fetchAndVerify: ${s.status} ${a}`);
-  const e = await s.arrayBuffer(), t = Qe(a);
-  if (!t) {
-    if (Ye(a))
-      throw new Error(`[xr-sdk integrity] no SRI hash for SDK asset ${a}`);
-    return console.warn(`[xr-sdk integrity] no SRI hash for ${a} — passing through`), e;
-  }
-  const i = await $e(e);
-  if (i !== t)
-    throw new Error(
-      `[xr-sdk integrity] SRI mismatch for ${a}: expected ${t}, got ${i}`
-    );
-  return e;
-}
-function Ye(a) {
-  try {
-    return new URL(a).origin === new URL(I.assetStorageEndpoint).origin;
-  } catch {
-    return !1;
-  }
-}
-async function K(a) {
-  const s = await je(a);
-  return new Uint8Array(s);
-}
-function Qe(a) {
-  try {
-    const s = new URL(a);
-    return Xe[s.pathname];
-  } catch {
-    return;
-  }
-}
-async function $e(a) {
-  const s = await crypto.subtle.digest("SHA-384", a), e = new Uint8Array(s);
-  let t = "";
-  for (let i = 0; i < e.byteLength; i++)
-    t += String.fromCharCode(e[i]);
-  return `sha384-${btoa(t)}`;
-}
-const Z = /* @__PURE__ */ new Map();
-function N(a) {
-  const s = a.wasmBinaryPath;
-  let e = Z.get(s);
-  return e || (e = Ze(s).catch(() => {
-    Z.delete(s);
-  }), Z.set(s, e)), e;
-}
-async function Ze(a) {
-  const s = await fetch(a, { credentials: "same-origin" });
-  if (!s.ok || !s.body)
-    throw new Error(`warmVisionWasm: ${s.status} ${a}`);
-  const e = s.body.getReader();
-  for (; ; ) {
-    const { done: t } = await e.read();
-    if (t) return;
-  }
-}
-class H {
-  constructor() {
-    h(this, "disposed", !1);
-    h(this, "paused", !1);
-    h(this, "rafId", null);
-    // Inference-rate throttle. `targetFrameIntervalMs` is 0 when uncapped
-    // (detect every frame); a positive value skips detection until that many ms
-    // have elapsed since the last inference. `run()` sets this from
-    // `params.targetFps`; subclasses call `shouldRunInference()` in their RAF
-    // loop to gate the expensive MediaPipe call.
-    h(this, "targetFrameIntervalMs", 0);
-    h(this, "lastInferenceMs", 0);
-  }
-  /** Set the per-frame inference cap. fps <= 0 (or undefined) → uncapped. */
-  setTargetFps(s) {
-    this.targetFrameIntervalMs = s && s > 0 ? 1e3 / s : 0;
-  }
-  /**
-   * True if enough time has elapsed to run inference this frame (and records
-   * the timestamp). Always true when uncapped. Call once per RAF tick, right
-   * before the detect call; skip the detect (but keep rescheduling RAF) when
-   * it returns false.
-   */
-  shouldRunInference() {
-    if (this.targetFrameIntervalMs <= 0) return !0;
-    const s = performance.now();
-    return s - this.lastInferenceMs < this.targetFrameIntervalMs ? !1 : (this.lastInferenceMs = s, !0);
-  }
-  // load models
-  async initialize(s) {
-  }
-  // setup for running + start running
-  async run(s) {
-  }
-  // get model's data while processing
-  getModelNode() {
-    return {};
-  }
-  async getPerformanceData() {
-    return {
-      name: this.constructor.name,
-      processingTime: null
-    };
-  }
-  // Cancel the per-frame RAF loop without releasing MediaPipe resources or
-  // dropping refs. Subclasses' process* methods check `paused` and return
-  // without rescheduling. Idempotent.
-  pause() {
-    this.paused = !0, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
-  }
-  // Resume a paused loop by running the process function once. Subclasses
-  // override to kick their specific process* method. Idempotent — no-op if
-  // not paused. Calling resume() before run() is a no-op.
-  resume() {
-    this.paused = !1;
-  }
-  // Release MediaPipe landmarkers, cancel rAF loops, drop refs.
-  // Subclasses MUST override and call super.dispose() at the end.
-  dispose() {
-    this.disposed = !0, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
-  }
-}
-const Je = 768;
-class et extends H {
-  constructor() {
-    super();
-    h(this, "landmarker", null);
-    h(this, "processingTime", null);
-    h(this, "coordinates");
-    h(this, "sourceCanvas");
-    h(this, "downscaler", new se(Je));
-  }
-  async getBodyData() {
-    if (!this.landmarker || !this.sourceCanvas)
-      return;
-    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.detectForVideo(e, t), r = performance.now();
-    this.processingTime = r - t;
-    const c = i.landmarks, d = [];
-    if (c)
-      return c.forEach((m, u) => {
-        d[u] || (d[u] = []), m.forEach((C) => {
-          d[u].push(te(C));
-        });
-      }), {
-        coordinatesList: d
-      };
-  }
-  async processBodyTracking() {
-    if (!(this.disposed || this.paused || !this.landmarker)) {
-      if (this.shouldRunInference()) {
-        const e = await this.getBodyData();
-        e && (this.coordinates = e.coordinatesList);
-      }
-      this.disposed || this.paused || (this.rafId = requestAnimationFrame(this.processBodyTracking.bind(this)));
-    }
-  }
-  resume() {
-    this.paused && (super.resume(), this.processBodyTracking());
-  }
-  dispose() {
-    if (super.dispose(), this.landmarker) {
-      try {
-        this.landmarker.close();
-      } catch {
-      }
-      this.landmarker = null;
-    }
-    this.sourceCanvas = void 0, this.downscaler.dispose(), this.coordinates = void 0;
-  }
-  getLandmarks2D(e = 0) {
-    if (this.coordinates)
-      return this.coordinates[e];
-  }
-  async initialize(e) {
-    const t = await V.forVisionTasks(
-      new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), [i] = await Promise.all([
-      K(
-        new URL("/assets/xr/models/body_tracking.task", I.assetStorageEndpoint).toString()
-      ),
-      N(t)
-    ]);
-    this.landmarker = await ze.createFromOptions(t, {
-      baseOptions: {
-        modelAssetBuffer: i,
-        delegate: "GPU"
-      },
-      runningMode: "VIDEO",
-      numPoses: (e == null ? void 0 : e.numPoses) || 1
-    });
-  }
-  async run({ sourceCanvas: e, targetFps: t }) {
-    this.sourceCanvas = e, this.setTargetFps(t), this.rafId === null && await this.processBodyTracking();
-  }
-  getModelNode() {
-    return {
-      getLandmarks2D: this.getLandmarks2D.bind(this)
-    };
-  }
-  async getPerformanceData() {
-    return {
-      name: this.constructor.name,
-      processingTime: this.processingTime
-    };
-  }
-}
-const tt = 0.11, st = 4e-3, at = (a, s) => s.set(a.x, -a.y, a.z);
-class nt extends H {
-  constructor() {
-    super();
-    h(this, "landmarker", null);
-    h(this, "processingTime", null);
-    h(this, "sourceCanvas");
-    h(this, "analysisCanvas");
-    h(this, "getSource");
-    h(this, "detectionResults");
-    h(this, "numFaces", 1);
-    h(this, "cameras", []);
-    // camera object to unproject each face's translation
-    h(this, "faces", []);
-    // Reused per-face work vectors. Allocated once per face index and mutated
-    // in place each frame, so the published Face[] doesn't churn the GC at
-    // 30+ fps. Per-face indexing means two faces don't alias each other's
-    // transforms; consumers see "current value" each frame.
-    h(this, "leftCheekScratch", []);
-    h(this, "rightCheekScratch", []);
-    // Reused per-frame landmark used to feed unprojectToZZeroInto with an
-    // x-mirrored copy for non-webcam sources, without allocating a new
-    // landmark array (~468 entries) each frame.
-    h(this, "landmarkScratch", { x: 0, y: 0, z: 0, visibility: 0 });
-    // Reused per-frame rotation scratch (matrix -> quaternion -> mirror -> euler),
-    // allocated once to avoid per-frame churn at 30+ fps.
-    h(this, "rotMatrixScratch", new E.Matrix4());
-    h(this, "rotQuatScratch", new E.Quaternion());
-    h(this, "rotEulerScratch", new E.Euler());
-  }
-  // For non-webcam sources MediaPipe landmarks read as mirrored; flip x in
-  // place into the reused scratch so downstream unprojection sees the
-  // corrected position. Webcam input is already correct, so it's returned
-  // by reference.
-  landmarkForSource(e, t) {
-    return t ? (this.landmarkScratch.x = 1 - e.x, this.landmarkScratch.y = e.y, this.landmarkScratch.z = e.z, this.landmarkScratch.visibility = e.visibility, this.landmarkScratch) : e;
-  }
-  extractAndUpdateFaceData(e) {
-    var i;
-    if (!e.faceLandmarks.length) {
-      this.faces = [];
-      return;
-    }
-    const t = e.faceLandmarks.length;
-    for (this.faces.length > t && (this.faces.length = t, this.leftCheekScratch.length = t, this.rightCheekScratch.length = t); this.faces.length < t; )
-      this.faces.push({
-        transform: {
-          position: new E.Vector3(),
-          rotation: new E.Vector3(),
-          scale: new E.Vector3()
-        },
-        gestures: {}
-      }), this.leftCheekScratch.push(new E.Vector3()), this.rightCheekScratch.push(new E.Vector3());
-    for (let r = 0; r < t; r += 1) {
-      if (!this.cameras[r])
-        continue;
-      const c = this.faces[r], d = (i = this.getSource) == null ? void 0 : i.call(this), m = !(d === "webcam" || !d), u = e.faceLandmarks[r], C = e.facialTransformationMatrixes[r];
-      this.rotMatrixScratch.fromArray(C.data), this.rotQuatScratch.setFromRotationMatrix(this.rotMatrixScratch), this.rotQuatScratch.set(
-        -this.rotQuatScratch.x,
-        this.rotQuatScratch.y,
-        this.rotQuatScratch.z,
-        this.rotQuatScratch.w
-      ), this.rotEulerScratch.setFromQuaternion(this.rotQuatScratch, "XYZ"), at(this.rotEulerScratch, c.transform.rotation), q(
-        this.landmarkForSource(u[4], m),
-        this.cameras[r],
-        c.transform.position
-      ), q(
-        this.landmarkForSource(u[50], m),
-        this.cameras[r],
-        this.leftCheekScratch[r]
-      ), q(
-        this.landmarkForSource(u[280], m),
-        this.cameras[r],
-        this.rightCheekScratch[r]
-      );
-      const M = this.leftCheekScratch[r].distanceTo(this.rightCheekScratch[r]) * tt, F = Math.abs(E.MathUtils.radToDeg(this.rotEulerScratch.y)), l = M + F * st, f = c.transform.scale.x, v = We(
-        isNaN(f) ? 0 : f,
-        l
-      );
-      c.transform.scale.set(v, v, v);
-      const p = c.gestures, k = e.faceBlendshapes[r].categories;
-      for (const S of k)
-        p[S.categoryName] = S.score;
-    }
-  }
-  async processFaceTracking() {
-    if (this.disposed || this.paused || !this.landmarker || !this.sourceCanvas)
-      return null;
-    if (!this.shouldRunInference()) {
-      this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this));
-      return;
-    }
-    const e = it(this.numFaces), t = this.sourceCanvas.width, i = this.sourceCanvas.height, r = Math.min(1, e / Math.max(t, i)), c = Math.max(1, Math.round(t * r)), d = Math.max(1, Math.round(i * r));
-    (!this.analysisCanvas || this.analysisCanvas.width !== c || this.analysisCanvas.height !== d) && (this.analysisCanvas = new OffscreenCanvas(c, d));
-    const m = this.analysisCanvas.getContext("2d");
-    if (!m) {
-      this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this));
-      return;
-    }
-    m.setTransform(1, 0, 0, 1, 0, 0), m.clearRect(0, 0, c, d), m.drawImage(this.sourceCanvas, 0, 0, c, d);
-    const u = performance.now(), C = this.landmarker.detectForVideo(this.analysisCanvas, u), x = performance.now();
-    this.processingTime = x - u, this.detectionResults = C, this.extractAndUpdateFaceData(C), !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processFaceTracking.bind(this)));
-  }
-  resume() {
-    this.paused && (super.resume(), this.processFaceTracking());
-  }
-  dispose() {
-    if (super.dispose(), this.landmarker) {
-      try {
-        this.landmarker.close();
-      } catch {
-      }
-      this.landmarker = null;
-    }
-    this.sourceCanvas = void 0, this.analysisCanvas = void 0, this.getSource = void 0, this.detectionResults = void 0, this.processingTime = null, this.cameras = [], this.faces = [], this.leftCheekScratch = [], this.rightCheekScratch = [];
-  }
-  getFace(e = 0) {
-    return this.faces[e];
-  }
-  getDetectionResults() {
-    return this.detectionResults;
-  }
-  getRawFaceTrackingData(e = 0) {
-    var t, i, r, c;
-    if (this.detectionResults)
-      return {
-        landmarks: (t = this.detectionResults.faceLandmarks) == null ? void 0 : t[e],
-        blendshapes: (r = (i = this.detectionResults.faceBlendshapes) == null ? void 0 : i[e]) == null ? void 0 : r.categories,
-        transformationMatrix: (c = this.detectionResults.facialTransformationMatrixes) == null ? void 0 : c[e]
-      };
-  }
-  async initialize(e) {
-    this.numFaces = (e == null ? void 0 : e.numFaces) || 1;
-    const t = await V.forVisionTasks(
-      new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), [i] = await Promise.all([
-      K(
-        new URL("/assets/xr/models/face_tracking.task", I.assetStorageEndpoint).toString()
-      ),
-      N(t)
-    ]), r = await Le.createFromOptions(t, {
-      baseOptions: {
-        modelAssetBuffer: i,
-        delegate: "GPU"
-      },
-      // Keep detection permissive for calibration workflows with dark webcam input.
-      minFaceDetectionConfidence: 0.3,
-      minFacePresenceConfidence: 0.3,
-      minTrackingConfidence: 0.3,
-      outputFaceBlendshapes: !0,
-      outputFacialTransformationMatrixes: !0,
-      runningMode: "VIDEO",
-      numFaces: this.numFaces
-    });
-    if (this.disposed) {
-      r.close();
-      return;
-    }
-    this.landmarker = r;
-  }
-  async run({ sourceCanvas: e, getSource: t, targetFps: i }) {
-    this.sourceCanvas = e, this.getSource = t, this.setTargetFps(i), this.analysisCanvas = void 0, this.rafId === null && this.processFaceTracking();
-  }
-  getModelNode() {
-    const e = this;
-    return {
-      get detectionResults() {
-        return e.detectionResults;
-      },
-      getDetectionResults: this.getDetectionResults.bind(this),
-      getFace: this.getFace.bind(this),
-      getRawFaceTrackingData: this.getRawFaceTrackingData.bind(this),
-      setCamera: (i, r = 0) => {
-        this.cameras[r] = i;
-      }
-    };
-  }
-  async getPerformanceData() {
-    return {
-      name: this.constructor.name,
-      processingTime: this.processingTime
-    };
-  }
-}
-const it = (a) => a > 1 ? 1024 : 512;
-var P = /* @__PURE__ */ ((a) => (a.ClosedFist = "closed_fist", a.OpenPalm = "open_palm", a.PointingUp = "pointing_up", a.ThumbDown = "thumb_down", a.ThumbUp = "thumb_up", a.Victory = "victory", a.ILoveYou = "i_love_you", a.None = "none", a))(P || {});
-const rt = 512, ot = {
-  Closed_Fist: P.ClosedFist,
-  Open_Palm: P.OpenPalm,
-  Pointing_Up: P.PointingUp,
-  Thumb_Down: P.ThumbDown,
-  Thumb_Up: P.ThumbUp,
-  Victory: P.Victory,
-  ILoveYou: P.ILoveYou,
-  None: P.None
-}, ct = 15;
-class ht extends H {
-  constructor() {
-    super();
-    h(this, "landmarker", null);
-    h(this, "processingTime", null);
-    h(this, "coordinates");
-    h(this, "gesture");
-    h(this, "sourceCanvas");
-    h(this, "downscaler", new se(rt));
-  }
-  async getGestureData() {
-    if (!this.landmarker || !this.sourceCanvas)
-      return;
-    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.recognizeForVideo(e, t), r = performance.now();
-    this.processingTime = r - t;
-    const c = i.landmarks[0], d = [];
-    if (c) {
-      const m = i.gestures[0][0].categoryName;
-      return c.forEach((u) => {
-        d.push(te(u));
-      }), {
-        coordinates: d,
-        gesture: ot[m]
-      };
-    }
-    return { coordinates: void 0, gesture: void 0 };
-  }
-  async processGestureTracking() {
-    if (!this.disposed) {
-      if (this.shouldRunInference()) {
-        const e = await this.getGestureData();
-        e && (this.coordinates = e.coordinates, this.gesture = e.gesture);
-      }
-      this.disposed || this.paused || (this.rafId = requestAnimationFrame(this.processGestureTracking.bind(this)));
-    }
-  }
-  resume() {
-    this.paused && (super.resume(), this.processGestureTracking());
-  }
-  dispose() {
-    if (super.dispose(), this.landmarker) {
-      try {
-        this.landmarker.close();
-      } catch {
-      }
-      this.landmarker = null;
-    }
-    this.sourceCanvas = void 0, this.downscaler.dispose(), this.coordinates = void 0, this.gesture = void 0;
-  }
-  async initialize() {
-    const e = await V.forVisionTasks(
-      new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), [t] = await Promise.all([
-      K(
-        new URL(
-          "/assets/xr/models/gesture_tracking.task",
-          I.assetStorageEndpoint
-        ).toString()
-      ),
-      N(e)
-    ]), i = await Be.createFromOptions(e, {
-      baseOptions: {
-        modelAssetBuffer: t,
-        delegate: "GPU"
-      },
-      runningMode: "VIDEO",
-      numHands: 1
-    });
-    this.landmarker = i;
-  }
-  async run({ sourceCanvas: e, targetFps: t }) {
-    this.sourceCanvas = e, this.setTargetFps(t ?? ct), this.rafId === null && await this.processGestureTracking();
-  }
-  getModelNode() {
-    const e = this;
-    return {
-      get coordinates() {
-        return e.coordinates;
-      },
-      get gesture() {
-        return e.gesture;
-      }
-    };
-  }
-  async getPerformanceData() {
-    return {
-      name: this.constructor.name,
-      processingTime: this.processingTime
-    };
-  }
-}
-const dt = 512;
-class ut extends H {
-  constructor() {
-    super();
-    h(this, "landmarker", null);
-    h(this, "processingTime", null);
-    h(this, "hands");
-    h(this, "coordinates");
-    h(this, "gesture");
-    h(this, "handedness");
-    h(this, "sourceCanvas");
-    h(this, "downscaler", new se(dt));
-  }
-  async getHandData() {
-    if (!this.landmarker || !this.sourceCanvas)
-      return;
-    const e = this.downscaler.draw(this.sourceCanvas), t = performance.now(), i = this.landmarker.detectForVideo(e, t), r = performance.now();
-    this.processingTime = r - t;
-    const c = [], d = i.handedness ?? i.handednesses ?? [];
-    if (i.landmarks.forEach((u, C) => {
-      var f, v, p;
-      if (!u || u.length === 0)
-        return;
-      const x = u.map(
-        (k) => te(k)
-      ), M = (p = (v = (f = d[C]) == null ? void 0 : f[0]) == null ? void 0 : v.categoryName) == null ? void 0 : p.toLowerCase(), F = M === "left" || M === "right" ? M : void 0, l = u[0].z < 0 ? "closed_fist" : "open_palm";
-      c.push({ coordinates: x, gesture: l, handedness: F });
-    }), !c.length)
-      return {
-        hands: void 0,
-        coordinates: void 0,
-        gesture: void 0,
-        handedness: void 0
-      };
-    const m = c[0];
-    return {
-      hands: c,
-      coordinates: m.coordinates,
-      gesture: m.gesture,
-      handedness: m.handedness
-    };
-  }
-  async processHandTracking() {
-    if (!this.disposed) {
-      if (this.shouldRunInference()) {
-        const e = await this.getHandData();
-        e && (this.hands = e.hands, this.coordinates = e.coordinates, this.gesture = e.gesture, this.handedness = e.handedness);
-      }
-      this.disposed || this.paused || (this.rafId = requestAnimationFrame(this.processHandTracking.bind(this)));
-    }
-  }
-  resume() {
-    this.paused && (super.resume(), this.processHandTracking());
-  }
-  dispose() {
-    if (super.dispose(), this.landmarker) {
-      try {
-        this.landmarker.close();
-      } catch {
-      }
-      this.landmarker = null;
-    }
-    this.sourceCanvas = void 0, this.hands = void 0, this.downscaler.dispose(), this.coordinates = void 0, this.gesture = void 0, this.handedness = void 0;
-  }
-  async initialize() {
-    const e = await V.forVisionTasks(
-      new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), [t] = await Promise.all([
-      K(
-        new URL("/assets/xr/models/hand_tracking.task", I.assetStorageEndpoint).toString()
-      ),
-      N(e)
-    ]), i = await Ve.createFromOptions(e, {
-      baseOptions: {
-        modelAssetBuffer: t,
-        delegate: "GPU"
-      },
-      runningMode: "VIDEO",
-      numHands: 2
-    });
-    this.landmarker = i;
-  }
-  async run({ sourceCanvas: e, targetFps: t }) {
-    this.sourceCanvas = e, this.setTargetFps(t), this.rafId === null && await this.processHandTracking();
-  }
-  getModelNode() {
-    const e = this;
-    return {
-      get hands() {
-        return e.hands;
-      },
-      get coordinates() {
-        return e.coordinates;
-      },
-      get gesture() {
-        return e.gesture;
-      },
-      get handedness() {
-        return e.handedness;
-      }
-    };
-  }
-  async getPerformanceData() {
-    return {
-      name: this.constructor.name,
-      processingTime: this.processingTime
-    };
-  }
-}
-const lt = 24, gt = 720, mt = [
-  [255, 255, 255, 255],
-  // 0: background → green 255, kept
-  [0, 0, 0, 0]
-  // 1: person → green 0, discarded
-];
-class ft extends H {
-  constructor() {
-    super();
-    h(this, "segmenter", null);
-    h(this, "processingTime", null);
-    h(this, "sourceCanvas");
-    // input source canvas
-    h(this, "processCanvas");
-    // downscaled canvas of sourceCanvas for processing
-    h(this, "filterCanvas");
-    // post-processing (blur) canvas
-    // Optional high-resolution input override. The shared session feed canvas is
-    // sized to the on-screen display layout (often a small, display-fit crop),
-    // which starves the segmenter of the resolution it needs to capture the whole
-    // body. When a consumer supplies a native-resolution source here (e.g. the raw
-    // <video>/<img>), the segmenter runs on THAT instead — letterboxed into the
-    // process canvas so nothing is cropped. Falls back to `sourceCanvas` when unset.
-    h(this, "inputSource");
-    h(this, "inputSourceSize");
-    // The segmenter's own WebGL2 context. DrawingUtils renders the inverted mask
-    // into this context on the GPU; we then blit that GL canvas straight into the
-    // mask canvas with a single `drawImage` — a GPU→GPU transfer, no CPU readback
-    // and no per-pixel JS loop. (A spike proved `drawImage(glCanvas)` reads the
-    // full DrawingUtils output correctly; the earlier "reads empty" wall that once
-    // forced a readPixels path was a false alarm.)
-    h(this, "glCanvas");
-    h(this, "drawingUtils");
-    h(this, "useGpuMaskPath", !1);
-    // CPU-fallback reused ImageData, allocated on size change only. Used ONLY when
-    // WebGL2 is unavailable and we must read the single-channel mask back by hand.
-    h(this, "maskImageData");
-    h(this, "maskCanvas", null);
-    h(this, "segmentationMaskTexture");
-    h(this, "isMaskSetup", !1);
-    h(this, "isProcessing", !1);
-    // Live clone of the most recent category mask, kept so getRawSegmentationData()
-    // can read the single-channel Uint8Array lazily — that readback is paid ONLY
-    // when a consumer actually asks for raw data. Cloned because the mask returned
-    // by segmentForVideo is invalidated on the next inference call.
-    h(this, "latestMask", null);
-    // Per-frame cache of the read-back array, so repeated getRawSegmentationData()
-    // calls within one frame don't re-run the GPU→CPU transfer.
-    h(this, "rawCache", null);
-    h(this, "quality", "medium");
-    h(this, "stagingCanvas");
-  }
-  getQualityScaleFactor() {
-    switch (this.quality) {
-      case "low":
-        return 0.5;
-      case "medium":
-        return 0.75;
-      case "high":
-        return 1;
-      default:
-        return 0.5;
-    }
-  }
-  /**
-   * Set (or clear) a high-resolution input override. Pass the raw <video>/<img>
-   * (or any CanvasImageSource with intrinsic dimensions) to run segmentation on
-   * native-resolution, uncropped frames instead of the small display-fit session
-   * feed. Pass `undefined` to revert to the shared feed canvas.
-   */
-  setInputSource(e) {
-    this.inputSource = e, this.inputSourceSize = e ? this.readIntrinsicSize(e) : void 0;
-  }
-  readIntrinsicSize(e) {
-    if (e instanceof HTMLVideoElement)
-      return e.videoWidth > 0 ? { width: e.videoWidth, height: e.videoHeight } : void 0;
-    if (e instanceof HTMLImageElement)
-      return e.naturalWidth > 0 ? { width: e.naturalWidth, height: e.naturalHeight } : void 0;
-    const t = e.width, i = e.height;
-    return typeof t == "number" && t > 0 && typeof i == "number" && i > 0 ? { width: t, height: i } : void 0;
-  }
-  /**
-   * Size the process canvas to the override input's aspect ratio, bounded by
-   * PROCESS_MAX_DIM on the long edge, and keep the GL canvas in sync so the GPU
-   * mask renders at the same resolution. No-op when there is no override, or when
-   * the intrinsic size hasn't changed since the last frame.
-   */
-  ensureProcessCanvasForInput() {
-    if (!this.processCanvas || !this.inputSource) return;
-    const e = this.readIntrinsicSize(this.inputSource);
-    if (!e) return;
-    this.inputSourceSize = e;
-    const t = Math.min(1, gt / Math.max(e.width, e.height)), i = Math.max(1, Math.round(e.width * t)), r = Math.max(1, Math.round(e.height * t));
-    this.processCanvas.width === i && this.processCanvas.height === r || (this.processCanvas.width = i, this.processCanvas.height = r, this.glCanvas && (this.glCanvas.width = i, this.glCanvas.height = r), this.maskImageData = void 0);
-  }
-  async processSegmentation() {
-    if (this.disposed || !this.isProcessing || !this.maskCanvas || !this.processCanvas)
-      return;
-    if (!this.shouldRunInference()) {
-      if (this.disposed || this.paused) return;
-      this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
-      return;
-    }
-    const e = this.inputSource ?? this.sourceCanvas;
-    if (!this.segmenter || !e) {
-      if (this.disposed || this.paused) return;
-      this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
-      return;
-    }
-    const t = performance.now();
-    this.ensureProcessCanvasForInput();
-    const i = this.processCanvas.getContext("2d");
-    if (i) {
-      const d = this.processCanvas.width, m = this.processCanvas.height;
-      if (i.clearRect(0, 0, d, m), this.inputSource && this.inputSourceSize) {
-        const { width: u, height: C } = this.inputSourceSize, x = Math.min(d / u, m / C), M = u * x, F = C * x;
-        i.drawImage(this.inputSource, (d - M) / 2, (m - F) / 2, M, F);
-      } else
-        i.drawImage(e, 0, 0, d, m);
-    }
-    const c = this.segmenter.segmentForVideo(
-      this.processCanvas,
-      performance.now()
-    ).categoryMask;
-    if (!c) {
-      if (this.disposed || this.paused) return;
-      this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
-      return;
-    }
-    if (this.rawCache = null, this.latestMask && (this.latestMask.close(), this.latestMask = null), this.useGpuMaskPath && this.drawingUtils && this.glCanvas)
-      this.drawingUtils.drawCategoryMask(c, mt), this.latestMask = c.clone(), c.close(), this.blitGlToMask();
-    else {
-      this.latestMask = c.clone();
-      const d = this.readMaskToImageData(c);
-      c.close(), d && this.blitImageDataToMask(d);
-    }
-    this.segmentationMaskTexture && (this.isMaskSetup || (this.segmentationMaskTexture.format = me, this.segmentationMaskTexture.minFilter = G, this.segmentationMaskTexture.magFilter = G, this.segmentationMaskTexture.generateMipmaps = !1, this.isMaskSetup = !0), this.segmentationMaskTexture.needsUpdate = !0), this.processingTime = performance.now() - t, !(this.disposed || this.paused) && (this.rafId = requestAnimationFrame(this.processSegmentation.bind(this)));
-  }
-  /**
-   * Blit the GPU-rendered mask (already RGBA-inverted by drawCategoryMask)
-   * straight from the GL canvas into the mask canvas, cover-fitted through the
-   * soft-edge blur. `drawImage(glCanvas)` is a GPU→GPU transfer — no readPixels,
-   * no CPU array, no ImageData, no row flip (the 2D canvas presents the WebGL
-   * canvas right-side-up). This is the zero-readback path.
-   */
-  blitGlToMask() {
-    if (!this.maskCanvas || !this.filterCanvas || !this.glCanvas) return;
-    const e = this.maskCanvas.getContext("2d"), t = this.filterCanvas.getContext("2d");
-    !e || !t || (t.filter = "blur(0.5px)", t.clearRect(0, 0, this.filterCanvas.width, this.filterCanvas.height), t.drawImage(this.glCanvas, 0, 0, this.filterCanvas.width, this.filterCanvas.height), e.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height), e.drawImage(this.filterCanvas, 0, 0, this.maskCanvas.width, this.maskCanvas.height));
-  }
-  /**
-   * CPU-fallback inverted-alpha ImageData build (only when the GPU path is off).
-   * The single-channel mask is expanded to RGBA with the person→transparent,
-   * background→opaque convention (green carries the signal for the alphaMap).
-   */
-  readMaskToImageData(e) {
-    const t = e.getAsUint8Array(), { width: i, height: r } = e;
-    if (!t || i <= 0 || r <= 0) return null;
-    (!this.maskImageData || this.maskImageData.width !== i || this.maskImageData.height !== r) && (this.maskImageData = new ImageData(i, r));
-    const c = this.maskImageData.data;
-    for (let d = 0; d < t.length; d += 1) {
-      const m = t[d] === 255 ? 0 : 255;
-      c[d * 4] = 255, c[d * 4 + 1] = m, c[d * 4 + 2] = 255, c[d * 4 + 3] = m;
-    }
-    return this.maskImageData;
-  }
-  /**
-   * CPU-fallback blit: put the inverted-alpha mask ImageData into maskCanvas
-   * with a soft-edge blur, cover-fitted to the render target. Only used when the
-   * GPU path is off; the GPU path blits the GL canvas directly (blitGlToMask).
-   */
-  blitImageDataToMask(e) {
-    if (!this.maskCanvas || !this.filterCanvas) return;
-    const t = this.maskCanvas.getContext("2d"), i = this.filterCanvas.getContext("2d");
-    if (!t || !i) return;
-    const r = this.getStagingCanvas(e.width, e.height), c = r.getContext("2d");
-    c && (c.putImageData(e, 0, 0), i.filter = "blur(0.5px)", i.clearRect(0, 0, this.filterCanvas.width, this.filterCanvas.height), i.drawImage(r, 0, 0, this.filterCanvas.width, this.filterCanvas.height), t.clearRect(0, 0, this.maskCanvas.width, this.maskCanvas.height), t.drawImage(this.filterCanvas, 0, 0, this.maskCanvas.width, this.maskCanvas.height));
-  }
-  getStagingCanvas(e, t) {
-    return this.stagingCanvas || (this.stagingCanvas = document.createElement("canvas")), this.stagingCanvas.width !== e && (this.stagingCanvas.width = e), this.stagingCanvas.height !== t && (this.stagingCanvas.height = t), this.stagingCanvas;
-  }
-  resume() {
-    this.paused && (super.resume(), this.processSegmentation());
-  }
-  dispose() {
-    if (super.dispose(), this.isProcessing = !1, this.latestMask) {
-      try {
-        this.latestMask.close();
-      } catch {
-      }
-      this.latestMask = null;
-    }
-    if (this.rawCache = null, this.segmenter) {
-      try {
-        this.segmenter.close();
-      } catch {
-      }
-      this.segmenter = null;
-    }
-    this.drawingUtils = void 0, this.glCanvas = void 0, this.maskImageData = void 0, this.segmentationMaskTexture && (this.segmentationMaskTexture.dispose(), this.segmentationMaskTexture = void 0), this.sourceCanvas = void 0, this.inputSource = void 0, this.inputSourceSize = void 0, this.processCanvas = void 0, this.filterCanvas = void 0, this.stagingCanvas = void 0, this.maskCanvas = null;
-  }
-  async initialize(e) {
-    this.quality = (e == null ? void 0 : e.quality) ?? "low";
-    const t = await V.forVisionTasks(
-      new URL("/assets/xr/wasm", I.assetStorageEndpoint).toString()
-    ), [i] = await Promise.all([
-      K(
-        new URL("/assets/xr/models/segmentation.tflite", I.assetStorageEndpoint).toString()
-      ),
-      N(t)
-    ]);
-    this.glCanvas = new OffscreenCanvas(1, 1);
-    const r = this.glCanvas.getContext("webgl2", {
-      preserveDrawingBuffer: !0
-    });
-    this.segmenter = await Ke.createFromOptions(t, {
-      baseOptions: {
-        modelAssetBuffer: i,
-        delegate: "GPU"
-      },
-      ...r ? { canvas: this.glCanvas } : {},
-      outputCategoryMask: !0,
-      outputConfidenceMasks: !1,
-      runningMode: "VIDEO"
-    }), r ? (this.drawingUtils = new Ne(r), this.useGpuMaskPath = !0) : this.useGpuMaskPath = !1;
-  }
-  async run({
-    sourceCanvas: e,
-    renderWidth: t,
-    renderHeight: i,
-    targetFps: r
-  }) {
-    var d;
-    if (!e)
-      return;
-    this.setTargetFps(r ?? lt), this.isProcessing = !1, this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null);
-    const c = this.getQualityScaleFactor();
-    this.sourceCanvas = e, this.processCanvas = document.createElement("canvas"), this.processCanvas.width = e.width * c, this.processCanvas.height = e.height * c, this.glCanvas && (this.glCanvas.width = this.processCanvas.width, this.glCanvas.height = this.processCanvas.height), this.maskImageData = void 0, this.maskCanvas = document.createElement("canvas"), this.maskCanvas.width = t, this.maskCanvas.height = i, this.filterCanvas = document.createElement("canvas"), this.filterCanvas.width = t, this.filterCanvas.height = i, (d = this.segmentationMaskTexture) == null || d.dispose(), this.segmentationMaskTexture = new fe(this.maskCanvas), this.isMaskSetup = !1, this.rawCache = null, this.isProcessing = !0, this.lastInferenceMs = 0, this.rafId = requestAnimationFrame(this.processSegmentation.bind(this));
-  }
-  /**
-   * Lazily read the single-channel mask back to a Uint8Array. Only invoked when
-   * a consumer calls getRawSegmentationData(); the default texture path never
-   * touches it, so apps that only use <VideoBackground> pay no extra readback.
-   */
-  getRawSegmentationData() {
-    if (this.rawCache) return this.rawCache;
-    if (!this.latestMask) return null;
-    const e = this.latestMask.getAsUint8Array();
-    return this.rawCache = {
-      maskData: e,
-      width: this.latestMask.width,
-      height: this.latestMask.height
-    }, this.rawCache;
-  }
-  getModelNode() {
-    const e = this;
-    return {
-      get backgroundSegmentationMask() {
-        return e.segmentationMaskTexture;
-      },
-      getMaskCanvas: () => e.maskCanvas,
-      getRawSegmentationData: () => e.getRawSegmentationData(),
-      setInputSource: (t) => e.setInputSource(t ?? void 0)
-    };
-  }
-  async getPerformanceData() {
-    return {
-      name: this.constructor.name,
-      processingTime: this.processingTime
-    };
-  }
-}
-const de = {
-  [U.BACKGROUND_SEGMENTATION]: ft,
-  [U.HAND_TRACKER]: ut,
-  [U.GESTURE_TRACKER]: ht,
-  [U.FACE_TRACKER]: nt,
-  [U.BODY_TRACKER]: et
-}, pt = async (a) => {
-  const s = document.createElement("video");
-  s.srcObject = a, s.muted = !0, s.playsInline = !0, s.autoplay = !0, await new Promise((t) => {
-    s.onloadedmetadata = () => {
-      s.play(), t();
-    };
-  });
-  const e = s;
-  return await new Promise((t) => {
-    const i = setTimeout(t, 150), r = () => {
-      clearTimeout(i), t();
-    };
-    typeof e.requestVideoFrameCallback == "function" ? e.requestVideoFrameCallback(r) : requestAnimationFrame(() => requestAnimationFrame(() => r()));
-  }), s;
-}, wt = (a) => {
-  const s = new fe(a);
-  return s.colorSpace = He, s.format = me, s.minFilter = G, s.magFilter = G, s.generateMipmaps = !1, s.needsUpdate = !0, s;
-}, vt = (a, s) => {
-  const e = a.videoWidth, t = a.videoHeight;
-  e > 0 && t > 0 && (s.width !== e && (s.width = e), s.height !== t && (s.height = t));
-  const i = s.getContext("2d", {
-    colorSpace: "srgb"
-  });
-  i.save(), i.scale(-1, 1), i.drawImage(a, -s.width, 0, s.width, s.height), i.restore();
-}, St = (a, s, e = 1) => {
-  const t = s.getContext("2d", {
-    colorSpace: "srgb"
-  }), i = s.width / s.height, r = a.width / a.height;
-  let c, d;
-  r > i ? (d = s.height, c = a.width * (s.height / a.height)) : (c = s.width, d = a.height * (s.width / a.width));
-  const m = Number.isFinite(e) && e > 0 ? e : 1;
-  c *= m, d *= m;
-  const u = (s.width - c) / 2, C = (s.height - d) / 2;
-  t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, s.width, s.height), t.drawImage(
-    a,
-    0,
-    0,
-    a.width,
-    a.height,
-    u,
-    C,
-    c,
-    d
-  );
-}, Ct = (a) => {
-  switch (a instanceof DOMException ? a.name : "") {
-    case "NotAllowedError":
-    case "PermissionDeniedError":
-      return "permission-denied";
-    case "NotReadableError":
-    case "TrackStartError":
-      return "camera-in-use";
-    case "NotFoundError":
-    case "DevicesNotFoundError":
-      return "no-camera";
-    case "NotSupportedError":
-    case "SecurityError":
-      return "unsupported";
-    default:
-      return a instanceof TypeError ? "unsupported" : "unknown";
-  }
-}, kt = {
-  "permission-denied": "Camera access was blocked. Allow camera permissions in your browser, then refresh.",
-  "camera-in-use": "Camera is already in use by another app or browser tab. Close it and refresh.",
-  "no-camera": "No camera was found on this device.",
-  unsupported: "Unable to access camera. Allow camera permissions in your browser, then refresh.",
-  unknown: "Unable to access camera. Allow camera permissions in your browser, then refresh."
-}, yt = (a, s, e) => {
-  const t = /* @__PURE__ */ new Map();
-  let i = !1;
-  const r = (l, f) => {
-    var v;
-    try {
-      (v = f.dispose) == null || v.call(f);
-    } catch (p) {
-      console.warn(`[xr-sdk registry] dispose threw for ${l}`, p);
-    }
-  };
-  return { acquire: async (l, f, v) => {
-    let p = t.get(l);
-    if (p)
-      return p.refs.add(f), p.activeRefs.add(f), p.initPromise;
-    const k = s[l];
-    if (!k)
-      throw new Error(`Invalid model: ${l}`);
-    const S = new k(), O = /* @__PURE__ */ new Set([f]), z = /* @__PURE__ */ new Set([f]), D = (async () => {
-      await S.initialize(v);
-      const _ = t.get(l);
-      if (!_ || _.model !== S || _.refs.size === 0)
-        return r(l, S), S;
-      e && await e(l, S);
-      const L = t.get(l);
-      return L && L.refs.size > 0 && a.setPipeline((A) => A.set(l, S)), S;
-    })();
-    return p = { model: S, refs: O, activeRefs: z, initPromise: D, options: v }, t.set(l, p), D.catch(() => {
-      t.get(l) === p && (t.delete(l), a.setPipeline((L) => L.delete(l))), r(l, S);
-    }), D;
-  }, release: (l, f) => {
-    const v = t.get(l);
-    v && (v.refs.delete(f), v.activeRefs.delete(f) && v.refs.size > 0 && v.activeRefs.size === 0 && v.model.pause(), !(v.refs.size > 0) && (t.delete(l), r(l, v.model), a.setPipeline((p) => p.delete(l))));
-  }, setActive: (l, f, v) => {
-    const p = t.get(l);
-    if (!p || !p.refs.has(f)) return;
-    const k = p.activeRefs.size > 0;
-    v ? p.activeRefs.add(f) : p.activeRefs.delete(f);
-    const S = p.activeRefs.size > 0;
-    k !== S && (S && !i ? p.model.resume() : p.model.pause());
-  }, suspendAll: () => {
-    i = !0;
-    for (const l of t.values())
-      l.model.pause();
-  }, resumeActive: () => {
-    i = !1;
-    for (const l of t.values())
-      l.activeRefs.size > 0 && l.model.resume();
-  }, get: (l) => {
-    var f;
-    return (f = t.get(l)) == null ? void 0 : f.model;
-  }, getOptions: (l) => {
-    var f;
-    return (f = t.get(l)) == null ? void 0 : f.options;
-  }, releaseAll: () => {
-    for (const l of Array.from(t.keys())) {
-      const f = t.get(l);
-      f && (f.refs.clear(), t.delete(l), r(l, f.model));
-    }
-    a.setPipeline((l) => l.clear());
-  } };
-}, Mt = {
-  lifecycle: "idle",
-  ready: !1,
-  error: void 0,
-  cameraTexture: void 0,
-  renderWidth: 0,
-  renderHeight: 0,
-  source: void 0,
-  sourceKind: void 0,
-  pipeline: /* @__PURE__ */ new Map()
-}, Tt = () => {
-  let a = { ...Mt, pipeline: /* @__PURE__ */ new Map() };
-  const s = /* @__PURE__ */ new Set(), e = () => {
-    s.forEach((t) => t());
-  };
-  return {
-    getSnapshot: () => a,
-    set: (t) => {
-      let i = !1;
-      for (const r of Object.keys(t))
-        if (t[r] !== a[r]) {
-          i = !0;
-          break;
-        }
-      i && (a = { ...a, ...t }, e());
-    },
-    setPipeline: (t) => {
-      const i = new Map(a.pipeline);
-      return t(i), a = { ...a, pipeline: i }, e(), i;
-    },
-    subscribe: (t) => (s.add(t), () => {
-      s.delete(t);
-    })
-  };
-}, Rt = ({
-  renderHeight: a,
-  renderWidth: s,
-  videoHeight: e,
-  videoWidth: t
-}) => ({
-  height: a || e,
-  width: s || t
-}), xt = (a) => {
-  const s = new Ge({ verbose: !0 }), e = Tt();
-  let t = a;
-  const i = (n) => {
-    var g;
-    const o = (g = A.getOptions(n)) == null ? void 0 : g.targetFps;
-    return typeof o == "number" ? o : t == null ? void 0 : t.targetFps;
-  };
-  let r, c, d, m, u, C, x, M, F, l, f, v, p = !1, k = !1, S = 0;
-  const O = /* @__PURE__ */ new Set(), z = /* @__PURE__ */ new Set(), D = (n) => {
-    const o = e.getSnapshot().cameraTexture;
-    o && o.dispose();
-    const g = wt(n);
-    return e.set({ cameraTexture: g }), g;
-  }, _ = async (n, o) => {
-    if (O.has(n) || e.getSnapshot().lifecycle !== "running" || !u) return;
-    O.add(n);
-    const g = S;
-    try {
-      await o.run({
-        sourceCanvas: u,
-        renderWidth: e.getSnapshot().renderWidth,
-        renderHeight: e.getSnapshot().renderHeight,
-        getSource: () => e.getSnapshot().sourceKind,
-        targetFps: i(n)
-      }), k && (await new Promise((w) => requestAnimationFrame(() => w())), await new Promise((w) => requestAnimationFrame(() => w())), k && S === g && A.suspendAll());
-    } catch (w) {
-      throw O.delete(n), w;
-    }
-  }, A = yt(e, de, (n, o) => _(n, o));
-  e.subscribe(() => {
-    if (e.getSnapshot().lifecycle !== "running") return;
-    const n = e.getSnapshot().pipeline;
-    for (const [o, g] of n.entries())
-      O.has(o) || _(o, g);
-  });
-  const B = () => {
-    if (v !== void 0 && (cancelAnimationFrame(v), v = void 0), c) {
-      try {
-        c.pause();
-      } catch {
-      }
-      try {
-        c.srcObject = null;
-      } catch {
-      }
-      c = void 0;
-    }
-    if (d) {
-      try {
-        d.getTracks().forEach((n) => n.stop());
-      } catch {
-      }
-      d = void 0;
-    }
-  }, W = () => {
-    if (p || !c || !m || !u) return;
-    const n = window.__xr_debugger_metrics;
-    if (n != null && n.trackCameraFrame && n.trackCameraFrame(), (e.getSnapshot().sourceKind ?? "webcam") === "webcam")
-      vt(c, m);
-    else {
-      const w = m.getContext("2d");
-      if (!w) return;
-      const y = c.videoWidth, R = c.videoHeight;
-      m.width !== y && (m.width = y), m.height !== R && (m.height = R), w.setTransform(1, 0, 0, 1, 0, 0), w.clearRect(0, 0, y, R), w.drawImage(c, 0, 0, y, R);
-    }
-    St(m, u, (t == null ? void 0 : t.cameraZoom) ?? 1.2);
-    const g = e.getSnapshot().cameraTexture;
-    g && (g.needsUpdate = !0);
-  }, ae = () => {
-    if (!c || !m || !u) return;
-    if (k) {
-      W();
-      return;
-    }
-    const n = () => {
-      v = requestAnimationFrame(n), W();
-    };
-    v = requestAnimationFrame(n);
-  }, Ce = async (n) => {
-    if (n.source === T.WEBCAM)
-      try {
-        const o = t != null && t.camRes && t.camRes > 0 ? t.camRes : 960;
-        return await navigator.mediaDevices.getUserMedia({
-          video: {
-            facingMode: "user",
-            frameRate: { min: 24, ideal: 30, max: 60 },
-            width: { ideal: o }
-          }
-        });
-      } catch (o) {
-        const g = Ct(o), w = kt[g];
-        throw e.set({ error: { error: "PermissionError", message: w, reason: g } }), new b(o instanceof Error ? o.message : "getUserMedia failed");
-      }
-    return n.stream;
-  }, X = async (n) => {
-    const o = await Ce(n);
-    d = o;
-    const g = await pt(o);
-    c = g, m = new OffscreenCanvas(g.videoWidth, g.videoHeight);
-    const { renderWidth: w, renderHeight: y } = e.getSnapshot(), R = Rt({
-      renderWidth: w,
-      renderHeight: y,
-      videoWidth: g.videoWidth,
-      videoHeight: g.videoHeight
-    });
-    u ? (u.width !== R.width || u.height !== R.height) && (u.width = R.width, u.height = R.height, D(u)) : (u = new OffscreenCanvas(R.width, R.height), D(u));
-    const oe = n.source === T.STREAM ? n.static === !0 : !1;
-    k = oe, r = n.source === T.WEBCAM ? { source: T.WEBCAM, sourceKind: "webcam" } : {
-      source: T.STREAM,
-      stream: n.stream,
-      static: oe,
-      sourceKind: n.sourceKind ?? "webcam"
-    }, e.set({
-      source: n.source,
-      sourceKind: r.sourceKind,
-      error: void 0
-    });
-  }, j = async (n) => {
-    const o = n.sourceKind ?? "webcam";
-    u = n.canvas;
-    const g = D(u);
-    e.set({
-      cameraTexture: g,
-      source: T.CANVAS,
-      sourceKind: o,
-      renderWidth: u.width,
-      renderHeight: u.height,
-      error: void 0
-    }), r = {
-      source: T.CANVAS,
-      canvas: n.canvas,
-      sourceKind: o
-    };
-  }, ke = (n, o) => !o || n.source !== o.source ? !1 : n.source === T.STREAM && o.source === T.STREAM ? n.stream === o.stream && (n.sourceKind ?? "webcam") === o.sourceKind : !0, ye = async () => {
-    if (!u) return;
-    const n = S, o = e.getSnapshot().pipeline;
-    for (const [, g] of o.entries())
-      g.resume();
-    await new Promise((g) => requestAnimationFrame(() => g())), await new Promise((g) => requestAnimationFrame(() => g())), k && S === n && A.suspendAll();
-  }, Me = (n, o) => !o || o.source !== T.CANVAS ? !1 : n.canvas === o.canvas && (n.sourceKind ?? "webcam") === o.sourceKind, Te = async (n) => {
-    const o = n.source;
-    if (o !== T.WEBCAM && o !== T.STREAM)
-      throw new b(`Invalid media source: ${String(o)}`);
-    if (ke(n, r)) {
-      s.log("Media source unchanged, skipping rebind.");
-      return;
-    }
-    S += 1;
-    const { lifecycle: g } = e.getSnapshot();
-    if (g === "idle" || g === "stopped") {
-      await X(n), e.set({ lifecycle: "media-bound" }), s.log("Media source set to:", n.source);
-      return;
-    }
-    if (g === "media-bound") {
-      B(), await X(n), s.log("Media source rebound to:", n.source);
-      return;
-    }
-    p = !0, await new Promise((w) => requestAnimationFrame(() => w())), B(), await X(n), p = !1, ae(), k ? await ye() : A.resumeActive(), s.log("Media source swapped to:", n.source);
-  }, Re = async (n) => {
-    if (Me(n, r)) {
-      s.log("Frame source unchanged, skipping rebind.");
-      return;
-    }
-    S += 1;
-    const { lifecycle: o } = e.getSnapshot();
-    if (o === "idle" || o === "stopped") {
-      await j(n), e.set({ lifecycle: "media-bound" }), s.log("Frame source set to canvas.");
-      return;
-    }
-    if (o === "media-bound") {
-      B(), await j(n), s.log("Frame source rebound to canvas.");
-      return;
-    }
-    p = !0, await new Promise((g) => requestAnimationFrame(() => g())), B(), await j(n), p = !1, s.log("Frame source swapped to canvas.");
-  }, xe = async () => {
-    const { lifecycle: n } = e.getSnapshot();
-    if (n === "running") return;
-    if (n === "idle")
-      throw new b("session.start() called before setMediaSource — call setMediaSource first");
-    if (!u)
-      throw new b("session.start(): media source not bound");
-    const o = (r == null ? void 0 : r.source) === T.CANVAS;
-    if (!o && (!c || !m))
-      throw n === "stopped" ? new b(
-        "session.start() called from stopped state without a media source — call setMediaSource first"
-      ) : new b("session.start(): media source not bound");
-    o || ae(), A.resumeActive(), e.set({ lifecycle: "running" }), await new Promise((w) => requestAnimationFrame(() => w()));
-    const g = e.getSnapshot().pipeline;
-    for (const [w, y] of g.entries())
-      await _(w, y);
-    e.set({ ready: !0 }), s.log("XR session started.");
-  }, ne = async () => {
-    const { lifecycle: n } = e.getSnapshot();
-    n === "stopped" || n === "idle" || (B(), A.suspendAll(), e.set({ lifecycle: "stopped", ready: !1 }), s.log("XR session stopped."));
-  }, Fe = async () => {
-    await ne(), A.releaseAll(), z.clear();
-    const n = e.getSnapshot().cameraTexture;
-    n && n.dispose(), O.clear(), r = void 0, S += 1, u = void 0, m = void 0, x = void 0, k = !1, e.set({
-      lifecycle: "idle",
-      cameraTexture: void 0,
-      source: void 0
-    }), s.log("XR session reset.");
-  }, Ae = async (n) => {
-    const o = "legacy:registerXRPipeline", g = [];
-    await Promise.all(
-      n.map(async (w) => {
-        const { model: y } = w;
-        if (!de[y])
-          throw new b(`Invalid model: ${y}`);
-        z.has(y) || g.push(y);
-        const R = "options" in w ? w.options : void 0;
-        await A.acquire(y, o, R);
-      })
-    ), g.length > 0 && (g.forEach((w) => z.add(w)), s.log("XR pipeline registered."));
-  }, be = (n) => {
-    const o = A.get(n);
-    if (!o)
-      throw new b(`Model ${n} is not registered in the pipeline`);
-    return o.getModelNode();
-  }, ie = async (n, o) => {
-    n <= 0 || o <= 0 || (e.set({ renderWidth: n, renderHeight: o }), u && (u.width !== n || u.height !== o) && (u.width = n, u.height = o, D(u), k && W()), s.log(`Source canvas set. Render size: ${n}x${o}`));
-  }, Ee = async (n) => {
-    var y;
-    C = n;
-    const o = (y = n.getBoundingClientRect) == null ? void 0 : y.call(n), g = o && o.width > 0 ? Math.round(o.width) : n.clientWidth, w = o && o.height > 0 ? Math.round(o.height) : n.clientHeight;
-    await ie(g, w);
-  }, Ie = (n) => {
-    x = n;
-  }, Y = () => C && M && F && l ? C : x, Pe = (n) => {
-    M = n.renderer, F = n.scene, l = n.camera, f = n.renderFrame;
-  }, re = () => {
-    if (!M || !F || !l)
-      throw new b(
-        "XR frame render requested before the R3F state was bound — make sure <XRScene> is mounted"
-      );
-    f ? f() : M.render(F, l);
-  };
-  return {
-    store: e,
-    registry: A,
-    setMediaSource: Te,
-    start: xe,
-    stop: ne,
-    reset: Fe,
-    setFrameSource: Re,
-    registerXRPipeline: Ae,
-    getModelNode: be,
-    captureFrame: () => {
-      const n = C;
-      if (n && Y() === n)
-        return re(), n.toDataURL("image/png");
-      const o = Y();
-      if (o) return o.toDataURL("image/png");
-      throw new b(
-        "session.captureFrame() called before an XRScene or XRMediaSurface capture target was bound"
-      );
-    },
-    captureStream: (n = 30) => {
-      const o = Y();
-      if (!(o != null && o.captureStream))
-        throw new b(
-          "session.captureStream() called before an XRScene or XRMediaSurface capture target was bound"
-        );
-      return o.captureStream(n);
-    },
-    getInputFrame: () => u ?? null,
-    _setRenderTarget: Ee,
-    _setCaptureTarget: Ie,
-    _setRenderSize: ie,
-    _setR3FState: Pe,
-    _renderFrame: re,
-    _getVideoElement: () => c,
-    _setPerf: (n) => {
-      if (t = n, e.getSnapshot().lifecycle !== "running" || !u) return;
-      const o = e.getSnapshot().pipeline;
-      for (const [g, w] of o.entries())
-        w.run({
-          sourceCanvas: u,
-          renderWidth: e.getSnapshot().renderWidth,
-          renderHeight: e.getSnapshot().renderHeight,
-          getSource: () => e.getSnapshot().sourceKind,
-          targetFps: i(g)
-        });
-    }
-  };
-}, Ft = (a) => {
-  const s = ue(a), e = ee(() => xt(s.current), []), t = JSON.stringify(a ?? {});
-  return Oe(() => {
-    e._setPerf(a);
-  }, [e, t]), e;
-}, J = /* @__PURE__ */ new Map(), At = () => ({
-  register: (a, s) => {
-    s ? J.set(a, s) : J.delete(a);
-  },
-  resolve: (a) => a ? J.get(a) ?? null : null
-}), pe = At(), we = ge(null), bt = ({ children: a }) => {
-  const s = ue(/* @__PURE__ */ new Map()), e = he((r, c) => {
-    c ? s.current.set(r, c) : s.current.delete(r);
-  }, []), t = he(
-    (r) => r ? s.current.get(r) ?? null : null,
-    []
-  ), i = ee(() => ({ register: e, resolve: t }), [e, t]);
-  return Ue(we.Provider, { value: i }, a);
-}, ve = () => le(we) ?? pe, Nt = () => ve().register, Ht = () => ve().resolve;
-pe.register;
-const Se = ge(void 0), qt = () => {
-  const a = le(Se);
-  if (!a)
-    throw new b(
-      "XR context can only be used inside XRProvider, did you forget to wrap your app in <XRProvider>?"
-    );
-  return a;
-}, Gt = ({ children: a, perf: s }) => {
-  const e = Ft(s), t = ee(() => ({ session: e }), [e]);
-  return /* @__PURE__ */ ce(Se.Provider, { value: t, children: /* @__PURE__ */ ce(bt, { children: a }) });
-};
-export {
-  U as X,
-  q as a,
-  Kt as b,
-  T as c,
-  Gt as d,
-  Ht as e,
-  je as f,
-  Nt as g,
-  I as l,
-  te as n,
-  Vt as t,
-  qt as u
-};