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

package/dist/scene-object.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./renderPasses-BOoBSr8z.cjs"),t=require("./renderGroups-80H3DpTl.cjs");exports.addComponentToObject=e.addComponentToObject;exports.componentDefaults=e.componentDefaults;exports.createDefaultComponent=e.createDefaultComponent;exports.createDefaultFaceMeshRendererSettings=e.createDefaultFaceMeshRendererSettings;exports.createDefaultMaterialSettings=e.createDefaultMaterialSettings;exports.createDefaultMeshRendererSettings=e.createDefaultMeshRendererSettings;exports.createDefaultScreenImageSettings=e.createDefaultScreenImageSettings;exports.createDefaultScreenShapeSettings=e.createDefaultScreenShapeSettings;exports.createDefaultScreenTextSettings=e.createDefaultScreenTextSettings;exports.createDefaultScreenTransformSettings=e.createDefaultScreenTransformSettings;exports.createDefaultTextureSettings=e.createDefaultTextureSettings;exports.createDefaultTransformSettings=e.createDefaultTransformSettings;exports.createOrderedComponentsSelector=e.createOrderedComponentsSelector;exports.createSceneComponentId=e.createSceneComponentId;exports.createSceneId=e.createSceneId;exports.createSceneObject=e.createSceneObject;exports.createSceneObjectId=e.createSceneObjectId;exports.deleteSceneObject=e.deleteSceneObject;exports.getOrderedComponents=e.getOrderedComponents;exports.getSceneObjectChildren=e.getSceneObjectChildren;exports.moveComponent=e.moveComponent;exports.removeComponent=e.removeComponent;exports.replaceSceneComponent=e.replaceSceneComponent;exports.replaceSceneObject=e.replaceSceneObject;exports.setSceneObjectParent=e.setSceneObjectParent;exports.setSceneObjectParentPreserveWorldTransform=e.setSceneObjectParentPreserveWorldTransform;exports.setSceneObjectVisible=e.setSceneObjectVisible;exports.DEFAULT_RENDER_GROUP_IDS=t.DEFAULT_RENDER_GROUP_IDS;exports.RENDER_GROUP_POLICIES=t.RENDER_GROUP_POLICIES;exports.createRenderPlan=t.createRenderPlan;exports.getDefaultRenderGroupId=t.getDefaultRenderGroupId;exports.migrateToRenderGroups=t.migrateToRenderGroups;exports.moveObjectToGroup=t.moveObjectToGroup;exports.reorderObjectWithinGroup=t.reorderObjectWithinGroup;exports.reorderRenderGroup=t.reorderRenderGroup;exports.validateGroupCompatibility=t.validateGroupCompatibility;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./renderPasses-Cg-zqmEz.cjs"),t=require("./renderGroups-O4KmaMl9.cjs");exports.addComponentToObject=e.addComponentToObject;exports.componentDefaults=e.componentDefaults;exports.createDefaultComponent=e.createDefaultComponent;exports.createDefaultFaceMeshRendererSettings=e.createDefaultFaceMeshRendererSettings;exports.createDefaultMaterialSettings=e.createDefaultMaterialSettings;exports.createDefaultMeshRendererSettings=e.createDefaultMeshRendererSettings;exports.createDefaultScreenImageSettings=e.createDefaultScreenImageSettings;exports.createDefaultScreenShapeSettings=e.createDefaultScreenShapeSettings;exports.createDefaultScreenTextSettings=e.createDefaultScreenTextSettings;exports.createDefaultScreenTransformSettings=e.createDefaultScreenTransformSettings;exports.createDefaultTextureSettings=e.createDefaultTextureSettings;exports.createDefaultTransformSettings=e.createDefaultTransformSettings;exports.createOrderedComponentsSelector=e.createOrderedComponentsSelector;exports.createSceneComponentId=e.createSceneComponentId;exports.createSceneId=e.createSceneId;exports.createSceneObject=e.createSceneObject;exports.createSceneObjectId=e.createSceneObjectId;exports.deleteSceneObject=e.deleteSceneObject;exports.getOrderedComponents=e.getOrderedComponents;exports.getSceneObjectChildren=e.getSceneObjectChildren;exports.moveComponent=e.moveComponent;exports.removeComponent=e.removeComponent;exports.replaceSceneComponent=e.replaceSceneComponent;exports.replaceSceneObject=e.replaceSceneObject;exports.setSceneObjectParent=e.setSceneObjectParent;exports.setSceneObjectParentPreserveWorldTransform=e.setSceneObjectParentPreserveWorldTransform;exports.setSceneObjectVisible=e.setSceneObjectVisible;exports.DEFAULT_RENDER_GROUP_IDS=t.DEFAULT_RENDER_GROUP_IDS;exports.RENDER_GROUP_POLICIES=t.RENDER_GROUP_POLICIES;exports.createRenderPlan=t.createRenderPlan;exports.getDefaultRenderGroupId=t.getDefaultRenderGroupId;exports.migrateToRenderGroups=t.migrateToRenderGroups;exports.moveObjectToGroup=t.moveObjectToGroup;exports.reorderObjectWithinGroup=t.reorderObjectWithinGroup;exports.reorderRenderGroup=t.reorderRenderGroup;exports.validateGroupCompatibility=t.validateGroupCompatibility;

package/dist/scene-object.js

@@ -1,5 +1,5 @@
-import { a, c as r, b as s, d as n, e as c, f as o, g as S, i as l, h as d, j as m, k as p, l as i, q as u, m as f, n as D, o as g, p as O, r as b, s as R, t as j, u as C, v as T, w as G, x as I, y as v, z as P, A as h } from "./renderPasses-BcquyVtu.js";
-import { D as x, R as _, c as M, g as U, m as y, a as A, r as F, b as L, v as N } from "./renderGroups-KZk6eRiY.js";
+import { a, c as r, b as s, d as n, e as c, f as o, g as S, i as l, h as d, j as m, k as p, l as i, q as u, m as f, n as D, o as g, p as O, r as b, s as R, t as j, u as C, v as T, w as G, x as I, y as v, z as P, A as h } from "./renderPasses-NnKZVfBy.js";
+import { D as x, R as _, c as M, g as U, m as y, a as A, r as F, b as L, v as N } from "./renderGroups-CN1cGFUo.js";
 export {
   x as DEFAULT_RENDER_GROUP_IDS,
   _ as RENDER_GROUP_POLICIES,

package/dist/screenTransform-BenfCtZt.js

@@ -0,0 +1,44 @@
+const R = {
+  width: 720,
+  height: 1280
+}, _ = 32, d = 0.5, o = {
+  enabled: !0,
+  position: { x: 0, y: 0 },
+  size: { width: 680, height: 1230 },
+  pivot: [0.5, 0.5],
+  rotation: 0,
+  scale2D: { x: 1, y: 1 },
+  referencePixelsPerUnit: _,
+  renderOrder: 999,
+  overlay: !0,
+  visible: !0,
+  showTransformGuides: !1
+}, x = Math.PI / 180, l = (e, i) => i <= 0 ? e : Math.round(e / i) * i, a = ({
+  transform: e,
+  parentSize: i,
+  root: h = R,
+  snapIncrement: E = d
+}) => {
+  const s = Math.min(i.width / h.width, i.height / h.height) * (_ / e.referencePixelsPerUnit), t = e.size.width * e.scale2D.x * s, c = e.size.height * e.scale2D.y * s, T = l(e.position.x, E) * s, p = l(e.position.y, E) * s, n = (e.pivot[0] - 0.5) * t, D = (e.pivot[1] - 0.5) * c;
+  return {
+    center: [T - n, p - D, 0],
+    size: [t, c, 1],
+    rotation: [0, 0, e.rotation * x],
+    pivotOffset: [n / Math.max(t, 1e-6), D / Math.max(c, 1e-6), 0],
+    aspect: t > 0 && c > 0 ? Math.abs(t / c) : 1
+  };
+}, M = (e) => ({
+  ...o,
+  ...e,
+  position: { ...o.position, ...e == null ? void 0 : e.position },
+  size: { ...o.size, ...e == null ? void 0 : e.size },
+  scale2D: { ...o.scale2D, ...e == null ? void 0 : e.scale2D }
+});
+export {
+  R as D,
+  _ as a,
+  o as b,
+  d as c,
+  M as m,
+  a as r
+};

package/dist/screenTransform-BiXdpVf0.cjs

@@ -0,0 +1 @@
+"use strict";const n={width:720,height:1280},s=32,N=.5,c={enabled:!0,position:{x:0,y:0},size:{width:680,height:1230},pivot:[.5,.5],rotation:0,scale2D:{x:1,y:1},referencePixelsPerUnit:s,renderOrder:999,overlay:!0,visible:!0,showTransformGuides:!1},A=Math.PI/180,D=(e,i)=>i<=0?e:Math.round(e/i)*i,F=({transform:e,parentSize:i,root:_=n,snapIncrement:h=N})=>{const o=Math.min(i.width/_.width,i.height/_.height)*(s/e.referencePixelsPerUnit),t=e.size.width*e.scale2D.x*o,E=e.size.height*e.scale2D.y*o,S=D(e.position.x,h)*o,l=D(e.position.y,h)*o,T=(e.pivot[0]-.5)*t,R=(e.pivot[1]-.5)*E;return{center:[S-T,l-R,0],size:[t,E,1],rotation:[0,0,e.rotation*A],pivotOffset:[T/Math.max(t,1e-6),R/Math.max(E,1e-6),0],aspect:t>0&&E>0?Math.abs(t/E):1}},U=e=>({...c,...e,position:{...c.position,...e==null?void 0:e.position},size:{...c.size,...e==null?void 0:e.size},scale2D:{...c.scale2D,...e==null?void 0:e.scale2D}});exports.DEFAULT_PIXEL_SNAP_INCREMENT=N;exports.DEFAULT_REFERENCE_PIXELS_PER_UNIT=s;exports.DEFAULT_SCREEN_TRANSFORM_2D=c;exports.DEFAULT_SCREEN_TRANSFORM_ROOT=n;exports.mergeScreenTransform2D=U;exports.resolveScreenTransform2D=F;

package/dist/segmentation-9PhSvc-R.cjs

@@ -0,0 +1 @@
+"use strict";const E=["portrait"],T=["hair","multiclass"];exports.SEGMENTATION_TYPES=E;exports.SEMANTIC_SEGMENTATION_PRESETS=T;

package/dist/segmentation-CeOTKemr.js

@@ -0,0 +1,5 @@
+const E = ["portrait"], S = ["hair", "multiclass"];
+export {
+  S,
+  E as a
+};

package/dist/segmentation2d/faceMemory.d.ts

@@ -0,0 +1,28 @@
+import { TrackPoint } from './types';
+export type FaceTrackMemoryOptions = {
+    /** Keep a lost face for this long (ms) before dropping it. */
+    holdMs: number;
+    /** While held, move the face along its last velocity for up to this long (ms). */
+    predictMs: number;
+    /**
+     * Velocity is only estimated from two detections closer than this (ms);
+     * after a longer gap the face is treated as stationary. Default 250.
+     */
+    maxVelocityGapMs?: number;
+};
+/**
+ * Bridges tracker dropouts for landmark sets. Each face slot remembers its
+ * last landmarks and a smoothed velocity. While a face is missing it is
+ * replayed for `holdMs`, extrapolated along the velocity for the first
+ * `predictMs`, then held still. Arrays are reused; treat results as
+ * read-only and valid until the next `update`.
+ */
+export declare class FaceTrackMemory {
+    private options;
+    private slots;
+    constructor(options: FaceTrackMemoryOptions);
+    setOptions(options: FaceTrackMemoryOptions): void;
+    /** Landmark sets to draw this frame: live faces, plus held/predicted ones. */
+    update<P extends TrackPoint>(faces: ReadonlyArray<ReadonlyArray<P>>, nowMs: number): ReadonlyArray<ReadonlyArray<P | Required<TrackPoint>>>;
+    reset(): void;
+}

package/dist/segmentation2d/faceRegions.d.ts

@@ -0,0 +1,24 @@
+import { MaskPoint, SemanticMask } from './types';
+/** Regions the landmark rasterizer can produce from MediaPipe's 468 points. */
+export declare const FACE_REGION_LABELS: readonly ["bg", "face_skin", "brows", "eyes", "lips", "mouth"];
+export type FaceRegionLabel = (typeof FACE_REGION_LABELS)[number];
+/**
+ * Landmark polygons per region, drawn in this order so features overwrite
+ * the skin they sit on and the mouth interior overwrites the lips.
+ */
+export declare const FACE_REGION_POLYGONS: ReadonlyArray<{
+    label: Exclude<FaceRegionLabel, "bg">;
+    polygons: ReadonlyArray<readonly number[]>;
+}>;
+export type RasterizeFaceRegionsOptions = {
+    /** Only draw these regions; the rest stay `bg`. Default: all. */
+    regions?: readonly FaceRegionLabel[];
+    /** Reset the mask first. Default true; pass false to stack several faces. */
+    clear?: boolean;
+};
+/**
+ * Rasterize one face's landmark regions into a mask whose labels are
+ * `FACE_REGION_LABELS`. Landmarks are normalized feed coordinates (y down),
+ * exactly as the face tracker publishes them, so the result is in feed space.
+ */
+export declare const rasterizeFaceRegions: (mask: SemanticMask, landmarks: ReadonlyArray<MaskPoint>, { regions, clear }?: RasterizeFaceRegionsOptions, scratch?: MaskPoint[]) => void;

package/dist/segmentation2d/index.d.ts

@@ -0,0 +1,9 @@
+export { SEMANTIC_MASK_LABELS } from './types';
+export type { MaskPoint, SemanticMask, SemanticMaskLabel, SemanticMaskSpace, TrackPoint, } from './types';
+export { clearSemanticMask, createSemanticMask, fillLandmarkPolygon, fillPolygon, semanticMaskLabelIndex, } from './rasterize';
+export { FACE_REGION_LABELS, FACE_REGION_POLYGONS, rasterizeFaceRegions } from './faceRegions';
+export type { FaceRegionLabel, RasterizeFaceRegionsOptions } from './faceRegions';
+export { computeMaskUvTransform } from './maskUv';
+export { FaceTrackMemory } from './faceMemory';
+export type { FaceTrackMemoryOptions } from './faceMemory';
+export type { MaskUvTransformInput } from './maskUv';

package/dist/segmentation2d/maskUv.d.ts

@@ -0,0 +1,23 @@
+import { SemanticMaskSpace } from './types';
+import * as THREE from "three";
+export type MaskUvTransformInput = {
+    space?: SemanticMaskSpace;
+    /** Flip the mask horizontally (the feed is mirrored relative to the mask's source). */
+    mirrored?: boolean;
+    /** Mask pixel size; with `space: "source"` this is also the source aspect ratio. */
+    maskWidth: number;
+    maskHeight: number;
+    /** Feed (camera texture) pixel size, used to cover-fit a source-space mask. */
+    feedWidth: number;
+    feedHeight: number;
+    /** The session's framing zoom (`perf.cameraZoom`) for source-space masks. Default 1. */
+    zoom?: number;
+};
+/**
+ * The matrix that maps feed UV (the full-screen quad's `uv`, v up) to mask UV
+ * (`DataTexture` space, row 0 at v = 0). Feed-space masks only need the row
+ * flip and the optional mirror; source-space masks are additionally
+ * cover-fitted with the same `computeFitLayout` the session uses to build
+ * the feed, undoing the centred crop (and zoom) it applied to the media.
+ */
+export declare const computeMaskUvTransform: ({ space, mirrored, maskWidth, maskHeight, feedWidth, feedHeight, zoom, }: MaskUvTransformInput, target?: THREE.Matrix3) => THREE.Matrix3;

package/dist/segmentation2d/rasterize.d.ts

@@ -0,0 +1,14 @@
+import { MaskPoint, SemanticMask, SemanticMaskSpace } from './types';
+export declare const createSemanticMask: (width: number, height: number, labels: readonly string[], space?: SemanticMaskSpace) => SemanticMask;
+/** Reset every pixel to class 0 (`bg`). Does not bump `version`. */
+export declare const clearSemanticMask: (mask: SemanticMask) => void;
+/** Class index for a label, or -1 when the mask does not carry it. */
+export declare const semanticMaskLabelIndex: (mask: Pick<SemanticMask, "labels">, label: string) => number;
+/**
+ * Fill a polygon given in normalized mask coordinates (0..1, y down) with a
+ * class index, even-odd scanline rule. Pixels are filled when their centre
+ * lies inside, so a polygon's edges land within half a pixel.
+ */
+export declare const fillPolygon: (mask: SemanticMask, points: MaskPoint[], classIndex: number) => void;
+/** Fill the polygon formed by the given landmark indices (normalized x/y, y down). */
+export declare const fillLandmarkPolygon: (mask: SemanticMask, landmarks: ReadonlyArray<MaskPoint>, landmarkIndices: readonly number[], classIndex: number, scratch?: MaskPoint[]) => void;

package/dist/segmentation2d/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * A semantic segmentation mask: one class index per pixel plus the label
+ * each index stands for. Row 0 is the top row.
+ *
+ * `space` says which pixels the mask describes:
+ * - `"feed"` (default): the session camera texture — what the trackers see,
+ *   already cover-cropped to the viewport and mirrored for webcams. Landmark
+ *   and SDK segmentation masks are in this space.
+ * - `"source"`: the raw media frame (a `<video>` / `<img>` at native size).
+ *   The overlay cover-fits it to the feed; set `mirrored` on the overlay
+ *   when the feed is mirrored relative to the source (webcam selfie view).
+ */
+export type SemanticMask = {
+    width: number;
+    height: number;
+    /** Row-major class indices, `width * height` entries. */
+    indices: Uint8Array;
+    /** `labels[index]` names class `index`; index 0 is conventionally `bg`. */
+    labels: readonly string[];
+    space?: SemanticMaskSpace;
+    /**
+     * Bumped by producers on every change so consumers can re-upload lazily.
+     * `0` means "no data yet"; overlays draw nothing until the first bump.
+     */
+    version: number;
+};
+export type SemanticMaskSpace = "feed" | "source";
+/**
+ * Labels the SDK's own providers can produce: face regions from landmarks,
+ * person / background from portrait segmentation, and hair from the hair
+ * segmenter. A mask may carry any other
+ * label an external model emits (for example `beard` or `ears` from a
+ * face-parsing model); nothing in the SDK produces those today.
+ */
+export declare const SEMANTIC_MASK_LABELS: readonly ["bg", "brows", "eyes", "face_skin", "hair", "lips", "mouth", "person"];
+export type SemanticMaskLabel = (typeof SEMANTIC_MASK_LABELS)[number];
+export type MaskPoint = {
+    x: number;
+    y: number;
+};
+/** A landmark with optional depth; `FaceTrackMemory` carries `z` through when present. */
+export type TrackPoint = {
+    x: number;
+    y: number;
+    z?: number;
+};

package/dist/selectors-C5G1PMYL.js

@@ -0,0 +1,195 @@
+import { useSyncExternalStore as t, useMemo as i } from "react";
+import { u as p, m as d, s as h, i as g, c as S } from "./index-CnGox6Xr.js";
+const C = {
+  /** Camera background and segmentation mask. `depthTest` disabled. */
+  BACKGROUND: -1e3,
+  /** Free world-space content. `depthTest` enabled. */
+  WORLD: 0,
+  /** Descendants of `FaceTracker` / `HandTracker` / `BodyTracker`. `depthTest` enabled. */
+  TRACKED: 100,
+  /** Descendants of `ScreenSpaceUI`. `depthTest` disabled. */
+  SCREEN_UI: 1e3
+}, n = () => p().session.store, s = (e) => (o) => e.subscribe(o), k = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().ready,
+    () => !1
+  );
+}, R = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().error,
+    () => {
+    }
+  );
+}, m = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().lifecycle,
+    () => "idle"
+  );
+}, M = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().modelErrors,
+    () => f
+  );
+}, f = /* @__PURE__ */ new Map(), T = () => {
+  const e = n(), o = t(
+    s(e),
+    () => e.getSnapshot().sourceKind,
+    () => {
+    }
+  );
+  return g(o);
+}, D = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().orientation,
+    () => E
+  );
+}, E = { type: "portrait", angle: 0 }, v = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().cameraDeviceId,
+    () => null
+  );
+}, O = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().qualityConfig,
+    () => null
+  );
+}, A = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().quality,
+    () => null
+  );
+}, F = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().cameraFacing,
+    () => null
+  );
+}, K = () => {
+  const e = n(), o = t(
+    s(e),
+    () => e.getSnapshot().cameraPermission,
+    () => "unknown"
+  ), r = t(
+    s(e),
+    () => e.getSnapshot().cameraPermissionReason,
+    () => null
+  );
+  return i(() => ({ state: o, reason: r }), [o, r]);
+}, W = (e) => {
+  const o = n(), { session: r } = p(), a = R(), u = t(
+    s(o),
+    () => o.getSnapshot().pipeline.get(e) ?? null,
+    () => null
+  ), c = t(
+    s(o),
+    () => o.getSnapshot().modelErrors.get(e) ?? null,
+    () => null
+  ), l = m();
+  return i(() => c ? { status: "error", fallback: d(c.error) } : a ? { status: "blocked", fallback: h(a.reason) } : u ? { status: "ready", fallback: null } : { status: r.registry.getState(e) === "initializing" ? "loading" : "unavailable", fallback: null }, [c, a, u, r, e, l]);
+}, w = () => {
+  const e = n();
+  return t(
+    s(e),
+    () => e.getSnapshot().cameraTexture,
+    () => {
+    }
+  );
+}, x = () => {
+  const e = n(), o = t(
+    s(e),
+    () => e.getSnapshot().renderWidth,
+    () => 0
+  ), r = t(
+    s(e),
+    () => e.getSnapshot().renderHeight,
+    () => 0
+  );
+  return i(() => ({ width: o, height: r }), [o, r]);
+}, H = () => {
+  const e = n(), o = t(
+    s(e),
+    () => e.getSnapshot().sourceWidth,
+    () => 0
+  ), r = t(
+    s(e),
+    () => e.getSnapshot().sourceHeight,
+    () => 0
+  ), a = t(
+    s(e),
+    () => e.getSnapshot().renderWidth,
+    () => 0
+  ), u = t(
+    s(e),
+    () => e.getSnapshot().renderHeight,
+    () => 0
+  ), c = t(
+    s(e),
+    () => e.getSnapshot().cameraZoom,
+    () => 1.2
+  ), l = t(
+    s(e),
+    () => e.getSnapshot().sourceKind,
+    () => {
+    }
+  );
+  return i(
+    () => S({
+      source: { width: o, height: r },
+      feed: { width: a, height: u },
+      zoom: c,
+      mirrored: g(l)
+    }),
+    [o, r, a, u, c, l]
+  );
+}, I = (e) => {
+  const o = n(), r = t(
+    s(o),
+    () => o.getSnapshot().pipeline.get(e) ?? null,
+    () => null
+  );
+  return i(() => r ? r.getModelNode() : null, [r]);
+}, L = () => {
+  const e = n(), o = t(
+    s(e),
+    () => e.getSnapshot().pipeline,
+    () => e.getSnapshot().pipeline
+  );
+  return i(() => Array.from(o.keys()), [o]);
+};
+export {
+  C as R,
+  I as a,
+  k as b,
+  R as c,
+  A as d,
+  O as e,
+  m as f,
+  M as g,
+  W as h,
+  K as i,
+  F as j,
+  v as k,
+  T as l,
+  D as m,
+  x as n,
+  H as o,
+  L as p,
+  w as u
+};

package/dist/selectors-Du_PsVnW.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),a=require("./index-CeVkgsag.cjs"),d={BACKGROUND:-1e3,WORLD:0,TRACKED:100,SCREEN_UI:1e3},n=()=>a.useXRContext().session.store,r=e=>s=>e.subscribe(s),g=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().ready,()=>!1)},S=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().error,()=>{})},R=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().lifecycle,()=>"idle")},p=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().modelErrors,()=>h)},h=new Map,E=()=>{const e=n(),s=t.useSyncExternalStore(r(e),()=>e.getSnapshot().sourceKind,()=>{});return a.isMirroredSourceKind(s)},y=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().orientation,()=>X)},X={type:"portrait",angle:0},m=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().cameraDeviceId,()=>null)},x=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().qualityConfig,()=>null)},C=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().quality,()=>null)},M=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().cameraFacing,()=>null)},f=()=>{const e=n(),s=t.useSyncExternalStore(r(e),()=>e.getSnapshot().cameraPermission,()=>"unknown"),o=t.useSyncExternalStore(r(e),()=>e.getSnapshot().cameraPermissionReason,()=>null);return t.useMemo(()=>({state:s,reason:o}),[s,o])},T=e=>{const s=n(),{session:o}=a.useXRContext(),u=S(),i=t.useSyncExternalStore(r(s),()=>s.getSnapshot().pipeline.get(e)??null,()=>null),c=t.useSyncExternalStore(r(s),()=>s.getSnapshot().modelErrors.get(e)??null,()=>null),l=R();return t.useMemo(()=>c?{status:"error",fallback:a.mapModelErrorToReason(c.error)}:u?{status:"blocked",fallback:a.sessionReasonToFallback(u.reason)}:i?{status:"ready",fallback:null}:{status:o.registry.getState(e)==="initializing"?"loading":"unavailable",fallback:null},[c,u,i,o,e,l])},b=()=>{const e=n();return t.useSyncExternalStore(r(e),()=>e.getSnapshot().cameraTexture,()=>{})},k=()=>{const e=n(),s=t.useSyncExternalStore(r(e),()=>e.getSnapshot().renderWidth,()=>0),o=t.useSyncExternalStore(r(e),()=>e.getSnapshot().renderHeight,()=>0);return t.useMemo(()=>({width:s,height:o}),[s,o])},D=()=>{const e=n(),s=t.useSyncExternalStore(r(e),()=>e.getSnapshot().sourceWidth,()=>0),o=t.useSyncExternalStore(r(e),()=>e.getSnapshot().sourceHeight,()=>0),u=t.useSyncExternalStore(r(e),()=>e.getSnapshot().renderWidth,()=>0),i=t.useSyncExternalStore(r(e),()=>e.getSnapshot().renderHeight,()=>0),c=t.useSyncExternalStore(r(e),()=>e.getSnapshot().cameraZoom,()=>1.2),l=t.useSyncExternalStore(r(e),()=>e.getSnapshot().sourceKind,()=>{});return t.useMemo(()=>a.computeFeedCrop({source:{width:s,height:o},feed:{width:u,height:i},zoom:c,mirrored:a.isMirroredSourceKind(l)}),[s,o,u,i,c,l])},v=e=>{const s=n(),o=t.useSyncExternalStore(r(s),()=>s.getSnapshot().pipeline.get(e)??null,()=>null);return t.useMemo(()=>o?o.getModelNode():null,[o])},F=()=>{const e=n(),s=t.useSyncExternalStore(r(e),()=>e.getSnapshot().pipeline,()=>e.getSnapshot().pipeline);return t.useMemo(()=>Array.from(s.keys()),[s])};exports.RENDER_LAYERS=d;exports.useXRCameraDeviceId=m;exports.useXRCameraFacing=M;exports.useXRCameraTexture=b;exports.useXRError=S;exports.useXRFeedCrop=D;exports.useXRLifecycle=R;exports.useXRMirrored=E;exports.useXRModelErrors=p;exports.useXRModelNode=v;exports.useXROrientation=y;exports.useXRPipelineSnapshot=F;exports.useXRQualityConfig=x;exports.useXRQualityState=C;exports.useXRReady=g;exports.useXRRenderSize=k;exports.useXRSessionCameraPermission=f;exports.useXRTrackerStatus=T;

package/dist/{session-CpkiK5YA.cjs → session-BBr0yN8h.cjs}

@@ -1,31 +1,31 @@
-"use strict";const p=require("./index-DCiMbxC3.cjs"),n=require("react/jsx-runtime"),L=require("react-dom"),c=require("react"),d=require("./x-KC8E4Gaj.cjs"),v=(t,e)=>new URL(`/assets/sdk/debug-ui/v1/${t}/${e}`,p.libConfig.assetStorageEndpoint).href,j=t=>t.replace(/\.[^.]+$/,"").replace(/[_-]+/g," ").replace(/\s+/g," ").trim().replace(/\b\w/g,e=>e.toUpperCase()),$=["person_fullbody.mp4","person_looking.mp4","person_shaking_head.mp4","person_thumbUp.mp4","two_people_smiling.mp4"],z=["person_fist_sign.jpg","person_fullbody.jpg","person_peace_sign.jpg","person_portrait.jpg","person_side_portrait.jpg","three_people_smiling.jpg","two_people_smiling.jpg"],W=(t,e)=>({id:`sdk-video-${e+1}`,kind:"video",label:j(t),url:v("videos",t)}),F=(t,e)=>({id:`sdk-image-${e+1}`,kind:"image",label:j(t),url:v("images",t)}),M=$.map(W),_=z.map(F),V=[{id:"webcam",kind:"webcam",label:"Webcam"},...M,..._];/**
+"use strict";const p=require("./index-CeVkgsag.cjs"),n=require("react/jsx-runtime"),L=require("react-dom"),c=require("react"),d=require("./x-KC8E4Gaj.cjs"),v=(t,e)=>new URL(`/assets/sdk/debug-ui/v1/${t}/${e}`,p.libConfig.assetStorageEndpoint).href,j=t=>t.replace(/\.[^.]+$/,"").replace(/[_-]+/g," ").replace(/\s+/g," ").trim().replace(/\b\w/g,e=>e.toUpperCase()),$=["person_fullbody.mp4","person_looking.mp4","person_shaking_head.mp4","person_thumbUp.mp4","two_people_smiling.mp4"],z=["person_fist_sign.jpg","person_fullbody.jpg","person_peace_sign.jpg","person_portrait.jpg","person_side_portrait.jpg","three_people_smiling.jpg","two_people_smiling.jpg"],W=(t,e)=>({id:`sdk-video-${e+1}`,kind:"video",label:j(t),url:v("videos",t)}),F=(t,e)=>({id:`sdk-image-${e+1}`,kind:"image",label:j(t),url:v("images",t)}),M=$.map(W),_=z.map(F),V=[...M,{id:"webcam",kind:"webcam",label:"Webcam"},..._];/**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const X=[["path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",key:"18u6gg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]],P=d.createLucideIcon("camera",X);/**
+ */const X=[["path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",key:"18u6gg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]],N=d.createLucideIcon("camera",X);/**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const T=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],U=d.createLucideIcon("chevron-down",T);/**
+ */const P=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],T=d.createLucideIcon("chevron-down",P);/**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const q=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],D=d.createLucideIcon("grip-vertical",q);/**
+ */const U=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],q=d.createLucideIcon("grip-vertical",U);/**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const N=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],A=d.createLucideIcon("image",N);/**
+ */const D=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],K=d.createLucideIcon("image",D);/**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const K=[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]],B=d.createLucideIcon("menu",K);/**
+ */const A=[["path",{d:"M4 5h16",key:"1tepv9"}],["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 19h16",key:"1djgab"}]],O=d.createLucideIcon("menu",A);/**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const O=[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]],H=d.createLucideIcon("video",O),G=t=>t==="webcam"?"📷 ":t==="image"?"🖼 ":"▶ ",Y={position:"fixed",zIndex:2e4,pointerEvents:"none"},I={pointerEvents:"auto",border:"1px solid rgba(255, 255, 255, 0.12)",background:"rgba(8, 15, 28, 0.58)",boxShadow:"0 12px 32px rgba(0, 0, 0, 0.28)",backdropFilter:"blur(20px) saturate(1.15)",WebkitBackdropFilter:"blur(20px) saturate(1.15)",color:"#f8fafc",display:"flex"},J={...I,width:34,height:34,borderRadius:17,alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"transform 150ms ease"},Q={...I,flexDirection:"column",borderRadius:12,overflow:"hidden",padding:4,gap:4},Z={display:"flex",alignItems:"center",gap:3},ee={width:1,height:12,background:"rgba(255, 255, 255, 0.12)",margin:"0 3px"},te={display:"flex",width:16,height:24,alignItems:"center",justifyContent:"center",cursor:"grab",color:"rgba(148, 163, 184, 0.8)",flex:"0 0 auto"},k=(t=!1)=>({display:"flex",width:24,height:24,alignItems:"center",justifyContent:"center",borderRadius:8,border:`1px solid ${t?"rgba(255, 255, 255, 0.12)":"transparent"}`,background:t?"rgba(255, 255, 255, 0.08)":"transparent",color:t?"#f8fafc":"rgba(226, 232, 240, 0.72)",cursor:"pointer",flex:"0 0 auto",transition:"background 120ms ease, color 120ms ease"}),re={position:"relative",display:"flex",alignItems:"center"},ne={width:"100%",minWidth:140,height:24,borderRadius:8,border:"1px solid rgba(255, 255, 255, 0.10)",background:"rgba(15, 23, 42, 0.65)",color:"#f8fafc",fontSize:11,outline:"none",paddingLeft:7,paddingRight:20,appearance:"none",cursor:"pointer"},ie={pointerEvents:"none",position:"absolute",right:5,top:0,bottom:0,display:"flex",alignItems:"center",color:"rgba(148, 163, 184, 0.9)"},se={height:24,display:"flex",alignItems:"center",padding:"0 8px",borderRadius:8,border:"1px solid rgba(255, 255, 255, 0.08)",background:"rgba(255, 255, 255, 0.04)",color:"rgba(226, 232, 240, 0.72)",fontSize:11},S={width:14,height:14},oe=({value:t,onChange:e,sources:i,style:a})=>{const[l,m]=c.useState(!1),[o,y]=c.useState({x:16,y:16}),[u,f]=c.useState(t.kind),g=c.useRef(null),x=c.useMemo(()=>({webcam:i.filter(r=>r.kind==="webcam"),image:i.filter(r=>r.kind==="image"),video:i.filter(r=>r.kind==="video")}),[i]),b=x[u];c.useEffect(()=>{f(t.kind)},[t.kind]);const E=r=>{f(r);const s=x[r][0];s&&e(s)};c.useEffect(()=>{const r=h=>{g.current&&y({x:Math.max(8,h.clientX-g.current.x),y:Math.max(8,h.clientY-g.current.y)})},s=()=>{g.current=null,document.body.classList.remove("select-none")};return window.addEventListener("pointermove",r),window.addEventListener("pointerup",s),()=>{window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",s)}},[]);const w=r=>{const s=r.currentTarget.getBoundingClientRect();g.current={x:r.clientX-s.left,y:r.clientY-s.top},document.body.classList.add("select-none"),r.currentTarget.setPointerCapture(r.pointerId)},C=()=>{if(b.length===0){const r=u==="webcam"?"No camera source":u==="image"?"No image preview":"No video preview";return n.jsx("div",{style:se,children:r})}return n.jsxs("div",{style:re,children:[n.jsx("select",{value:t.id,onChange:r=>{const s=i.find(h=>h.id===r.target.value);s&&e(s)},style:ne,children:b.map(r=>n.jsxs("option",{value:r.id,children:[G(u),r.label]},r.id))}),n.jsx("div",{style:ie,children:n.jsx("span",{style:{width:10,height:10},children:n.jsx(U,{size:10,strokeWidth:1.8})})})]})};return typeof document>"u"?null:L.createPortal(n.jsx("div",{style:{...Y,left:o.x,top:o.y,...a},children:l?n.jsxs("div",{style:Q,children:[n.jsxs("div",{style:Z,children:[n.jsx("div",{onPointerDown:w,style:te,title:"Drag to move",children:n.jsx(D,{size:11,strokeWidth:2})}),n.jsx("button",{type:"button",onClick:()=>m(!1),style:k(!1),title:"Close Menu",children:n.jsx("span",{style:S,children:n.jsx(d.X,{size:14,strokeWidth:1.8})})}),n.jsx("div",{style:ee}),["webcam","image","video"].map(r=>n.jsx("button",{type:"button",onClick:()=>E(r),style:k(u===r),title:r.charAt(0).toUpperCase()+r.slice(1),children:n.jsx("span",{style:S,children:r==="webcam"?n.jsx(P,{size:14,strokeWidth:1.8}):r==="image"?n.jsx(A,{size:14,strokeWidth:1.8}):n.jsx(H,{size:14,strokeWidth:1.8})})},r))]}),C()]}):n.jsx("div",{style:J,onClick:()=>m(!0),onPointerDown:w,title:"Open Media Menu",children:n.jsx("span",{style:{width:16,height:16},children:n.jsx(B,{size:14,strokeWidth:1.8})})})}),document.body)},ce=async t=>{const e=new Image;e.crossOrigin="anonymous",e.src=t,await e.decode();const i=document.createElement("canvas");i.width=e.naturalWidth,i.height=e.naturalHeight;const a=i.getContext("2d");if(!a)throw new Error("Unable to create image media canvas");return a.drawImage(e,0,0,i.width,i.height),i.captureStream(30)},ae=async t=>{const e=document.createElement("video");return e.src=t,e.loop=!0,e.muted=!0,e.playsInline=!0,e.crossOrigin="anonymous",await e.play(),e.captureStream()},R=(t,e)=>{const{session:i}=p.useXRContext();c.useEffect(()=>{let a=!1,l=null;return(async()=>{try{if(t.kind==="webcam")await i.setMediaSource({source:p.XRMediaSource.WEBCAM});else{if(!t.url)throw new Error(`Missing media URL for ${t.id}`);const o=t.kind==="image"?await ce(t.url):await ae(t.url);if(l=o,a){o.getTracks().forEach(y=>y.stop());return}await i.setMediaSource({source:p.XRMediaSource.STREAM,stream:o,sourceKind:t.kind})}await i.registerXRPipeline((e==null?void 0:e.pipeline)??[{model:p.XRModel.FACE_TRACKER,options:{numFaces:(e==null?void 0:e.numFaces)??1}}]),await i.start()}catch(o){console.error("[MediaSourceSession] Error initializing XR session:",o)}})(),()=>{a=!0,l==null||l.getTracks().forEach(o=>o.stop())}},[t,e==null?void 0:e.numFaces,e==null?void 0:e.pipeline,i])},de=R;exports.MediaSourceSwitcher=oe;exports.defaultMediaSources=V;exports.sdkImageMediaSources=_;exports.sdkVideoMediaSources=M;exports.useFaceTrackingMediaSourceSession=de;exports.useMediaSourceSession=R;
+ */const B=[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]],H=d.createLucideIcon("video",B),G=t=>t==="webcam"?"📷 ":t==="image"?"🖼 ":"▶ ",Y={position:"fixed",zIndex:2e4,pointerEvents:"none"},I={pointerEvents:"auto",border:"1px solid rgba(255, 255, 255, 0.12)",background:"rgba(8, 15, 28, 0.58)",boxShadow:"0 12px 32px rgba(0, 0, 0, 0.28)",backdropFilter:"blur(20px) saturate(1.15)",WebkitBackdropFilter:"blur(20px) saturate(1.15)",color:"#f8fafc",display:"flex"},J={...I,width:34,height:34,borderRadius:17,alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"transform 150ms ease"},Q={...I,flexDirection:"column",borderRadius:12,overflow:"hidden",padding:4,gap:4},Z={display:"flex",alignItems:"center",gap:3},ee={width:1,height:12,background:"rgba(255, 255, 255, 0.12)",margin:"0 3px"},te={display:"flex",width:16,height:24,alignItems:"center",justifyContent:"center",cursor:"grab",color:"rgba(148, 163, 184, 0.8)",flex:"0 0 auto"},k=(t=!1)=>({display:"flex",width:24,height:24,alignItems:"center",justifyContent:"center",borderRadius:8,border:`1px solid ${t?"rgba(255, 255, 255, 0.12)":"transparent"}`,background:t?"rgba(255, 255, 255, 0.08)":"transparent",color:t?"#f8fafc":"rgba(226, 232, 240, 0.72)",cursor:"pointer",flex:"0 0 auto",transition:"background 120ms ease, color 120ms ease"}),re={position:"relative",display:"flex",alignItems:"center"},ne={width:"100%",minWidth:140,height:24,borderRadius:8,border:"1px solid rgba(255, 255, 255, 0.10)",background:"rgba(15, 23, 42, 0.65)",color:"#f8fafc",fontSize:11,outline:"none",paddingLeft:7,paddingRight:20,appearance:"none",cursor:"pointer"},ie={pointerEvents:"none",position:"absolute",right:5,top:0,bottom:0,display:"flex",alignItems:"center",color:"rgba(148, 163, 184, 0.9)"},se={height:24,display:"flex",alignItems:"center",padding:"0 8px",borderRadius:8,border:"1px solid rgba(255, 255, 255, 0.08)",background:"rgba(255, 255, 255, 0.04)",color:"rgba(226, 232, 240, 0.72)",fontSize:11},S={width:14,height:14},oe=({value:t,onChange:e,sources:i,style:l})=>{const[h,u]=c.useState(!1),[a,f]=c.useState({x:16,y:16}),[s,m]=c.useState(t.kind),g=c.useRef(null),x=c.useMemo(()=>({webcam:i.filter(r=>r.kind==="webcam"),image:i.filter(r=>r.kind==="image"),video:i.filter(r=>r.kind==="video")}),[i]),b=x[s];c.useEffect(()=>{m(t.kind)},[t.kind]);const E=r=>{m(r);const o=x[r][0];o&&e(o)};c.useEffect(()=>{const r=y=>{g.current&&f({x:Math.max(8,y.clientX-g.current.x),y:Math.max(8,y.clientY-g.current.y)})},o=()=>{g.current=null,document.body.classList.remove("select-none")};return window.addEventListener("pointermove",r),window.addEventListener("pointerup",o),()=>{window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",o)}},[]);const w=r=>{const o=r.currentTarget.getBoundingClientRect();g.current={x:r.clientX-o.left,y:r.clientY-o.top},document.body.classList.add("select-none"),r.currentTarget.setPointerCapture(r.pointerId)},C=()=>{if(b.length===0){const r=s==="webcam"?"No camera source":s==="image"?"No image preview":"No video preview";return n.jsx("div",{style:se,children:r})}return n.jsxs("div",{style:re,children:[n.jsx("select",{value:t.id,onChange:r=>{const o=i.find(y=>y.id===r.target.value);o&&e(o)},style:ne,children:b.map(r=>n.jsxs("option",{value:r.id,children:[G(s),r.label]},r.id))}),n.jsx("div",{style:ie,children:n.jsx("span",{style:{width:10,height:10},children:n.jsx(T,{size:10,strokeWidth:1.8})})})]})};return typeof document>"u"?null:L.createPortal(n.jsx("div",{style:{...Y,left:a.x,top:a.y,...l},children:h?n.jsxs("div",{style:Q,children:[n.jsxs("div",{style:Z,children:[n.jsx("div",{onPointerDown:w,style:te,title:"Drag to move",children:n.jsx(q,{size:11,strokeWidth:2})}),n.jsx("button",{type:"button",onClick:()=>u(!1),style:k(!1),title:"Close Menu",children:n.jsx("span",{style:S,children:n.jsx(d.X,{size:14,strokeWidth:1.8})})}),n.jsx("div",{style:ee}),["webcam","image","video"].map(r=>n.jsx("button",{type:"button",onClick:()=>E(r),style:k(s===r),title:r.charAt(0).toUpperCase()+r.slice(1),children:n.jsx("span",{style:S,children:r==="webcam"?n.jsx(N,{size:14,strokeWidth:1.8}):r==="image"?n.jsx(K,{size:14,strokeWidth:1.8}):n.jsx(H,{size:14,strokeWidth:1.8})})},r))]}),C()]}):n.jsx("div",{style:J,onClick:()=>u(!0),onPointerDown:w,title:"Open Media Menu",children:n.jsx("span",{style:{width:16,height:16},children:n.jsx(O,{size:14,strokeWidth:1.8})})})}),document.body)},ce=async t=>{const e=new Image;e.crossOrigin="anonymous",e.src=t,await e.decode();const i=document.createElement("canvas");i.width=e.naturalWidth,i.height=e.naturalHeight;const l=i.getContext("2d");if(!l)throw new Error("Unable to create image media canvas");return l.drawImage(e,0,0,i.width,i.height),i.captureStream(30)},ae=async t=>{const e=document.createElement("video");return e.src=t,e.loop=!0,e.muted=!0,e.playsInline=!0,e.crossOrigin="anonymous",await e.play(),e.captureStream()},R=(t,e)=>{const{session:i}=p.useXRContext(),l=JSON.stringify((e==null?void 0:e.pipeline)??null),h=c.useRef(e==null?void 0:e.pipeline);h.current=e==null?void 0:e.pipeline,c.useEffect(()=>{let u=!1,a=null;return(async()=>{try{if(t.kind==="webcam")await i.setMediaSource({source:p.XRMediaSource.WEBCAM});else{if(!t.url)throw new Error(`Missing media URL for ${t.id}`);const s=t.kind==="image"?await ce(t.url):await ae(t.url);if(a=s,u){s.getTracks().forEach(m=>m.stop());return}await i.setMediaSource({source:p.XRMediaSource.STREAM,stream:s,sourceKind:t.kind})}await i.registerXRPipeline(h.current??[{model:p.XRModel.FACE_TRACKER,options:{numFaces:(e==null?void 0:e.numFaces)??1}}]),await i.start()}catch(s){console.error("[MediaSourceSession] Error initializing XR session:",s)}})(),()=>{u=!0,a==null||a.getTracks().forEach(s=>s.stop())}},[t,e==null?void 0:e.numFaces,l,i])},de=R;exports.MediaSourceSwitcher=oe;exports.defaultMediaSources=V;exports.sdkImageMediaSources=_;exports.sdkVideoMediaSources=M;exports.useFaceTrackingMediaSourceSession=de;exports.useMediaSourceSession=R;