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

package/dist/components/XRViewport/hooks/useViewportMediaTexture.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { XRViewportSourceKind } from '../types';
+import * as THREE from "three";
+export declare const useViewportMediaTexture: ({ enabled, imageRef, selectedSource, status, videoRef, }: {
+    enabled: boolean;
+    imageRef: RefObject<HTMLImageElement>;
+    selectedSource: XRViewportSourceKind;
+    status: "idle" | "requesting" | "ready" | "error";
+    videoRef: RefObject<HTMLVideoElement>;
+}) => THREE.Texture | null;

package/dist/components/XRViewport/hooks/useViewportPipeline.d.ts

@@ -0,0 +1,41 @@
+import { XRSceneRenderOutputs } from '../../XRScene';
+import { XRViewportFitMode, XRViewportMediaAssetOption, XRViewportMediaStrategy, XRViewportPreviewMode, XRViewportRenderOutputRequest, XRViewportSourceConfig, XRViewportSourceKind } from '../types';
+export declare const useViewportPipeline: ({ fitMode, imageOptions, initialImageId, initialMirrored, initialSource, initialVideoId, mediaStrategy, previewMode, renderOutputs, showMediaControlsByDefault, source, videoOptions, }: {
+    fitMode: XRViewportFitMode;
+    imageOptions: XRViewportMediaAssetOption[];
+    initialImageId?: string;
+    initialMirrored: boolean;
+    initialSource: XRViewportSourceKind;
+    initialVideoId?: string;
+    mediaStrategy: XRViewportMediaStrategy;
+    previewMode: XRViewportPreviewMode;
+    renderOutputs: XRViewportRenderOutputRequest;
+    showMediaControlsByDefault: boolean;
+    source?: XRViewportSourceConfig;
+    videoOptions: XRViewportMediaAssetOption[];
+}) => {
+    containerRef: import('react').RefObject<HTMLDivElement>;
+    displayCanvasRef: import('react').RefObject<HTMLCanvasElement>;
+    displayMirrored: boolean;
+    layout: import('../../../types').XRMediaLayout | null;
+    managesOwnMedia: boolean;
+    media: {
+        videoRef: import('react').RefObject<HTMLVideoElement>;
+        imageRef: import('react').RefObject<HTMLImageElement>;
+        stream: MediaStream | null;
+        mediaSize: import('..').XRViewportSize;
+        status: "ready" | "error" | "requesting" | "idle";
+        error: string | null;
+    };
+    renderOutputState: import('..').XRViewportRenderOutputs;
+    renderState: import('..').XRViewportRenderState;
+    selectedImageId: string;
+    selectedSource: XRViewportSourceKind;
+    selectedVideoId: string;
+    setSceneRenderOutputs: import('react').Dispatch<import('react').SetStateAction<XRSceneRenderOutputs>>;
+    setSelectedImageId: import('react').Dispatch<import('react').SetStateAction<string>>;
+    setSelectedSource: import('react').Dispatch<import('react').SetStateAction<XRViewportSourceKind>>;
+    setSelectedVideoId: import('react').Dispatch<import('react').SetStateAction<string>>;
+    showMediaControls: boolean;
+    viewportSize: import('..').XRViewportSize;
+};

package/dist/components/XRViewport/hooks/useViewportRenderState.d.ts

@@ -0,0 +1,47 @@
+import { XRViewportMediaAssetOption, XRViewportPreviewMode, XRViewportRenderOutputRequest, XRViewportRenderOutputs, XRViewportRenderState, XRViewportSize, XRViewportSourceKind } from '../types';
+import { XRMediaLayout } from '../../../types/compositor';
+import { FaceTrackingResult } from '../../../types/face';
+import { XRSceneRenderOutputs } from '../../XRScene';
+import type * as THREE from "three";
+type InternalTrackerState = {
+    activeDelegate: "GPU" | "CPU" | null;
+    error: string | null;
+    faces: FaceTrackingResult[];
+    status: "idle" | "initializing" | "ready" | "error";
+};
+type ExternalTrackerState = {
+    faces: FaceTrackingResult[];
+    trackerStatus: "idle" | "ready";
+};
+export declare const useViewportRenderState: ({ externalTracker, imageOptions, layout, managesOwnMedia, mediaError, mediaFitMode, mediaSize, mediaStatus, mirrored, selectedImage, selectedImageId, selectedSource, selectedVideo, selectedVideoId, setMirrored, setSelectedImageId, setSelectedSource, setSelectedVideoId, setShowMediaControls, showMediaControls, tracker, videoOptions, viewportSize, }: {
+    externalTracker: ExternalTrackerState;
+    imageOptions: XRViewportMediaAssetOption[];
+    layout: XRMediaLayout | null;
+    managesOwnMedia: boolean;
+    mediaError: string | null;
+    mediaFitMode: Exclude<XRViewportRenderState["mediaFitMode"], "auto">;
+    mediaSize: XRViewportSize;
+    mediaStatus: XRViewportRenderState["mediaStatus"];
+    mirrored: boolean;
+    selectedImage?: XRViewportMediaAssetOption;
+    selectedImageId: string;
+    selectedSource: XRViewportSourceKind;
+    selectedVideo?: XRViewportMediaAssetOption;
+    selectedVideoId: string;
+    setMirrored: (value: boolean) => void;
+    setSelectedImageId: (value: string) => void;
+    setSelectedSource: (value: XRViewportSourceKind) => void;
+    setSelectedVideoId: (value: string) => void;
+    setShowMediaControls: (value: boolean) => void;
+    showMediaControls: boolean;
+    tracker: InternalTrackerState;
+    videoOptions: XRViewportMediaAssetOption[];
+    viewportSize: XRViewportSize;
+}) => XRViewportRenderState;
+export declare const useViewportRenderOutputs: ({ mediaTexture, previewMode, renderOutputs, sceneRenderOutputs, }: {
+    mediaTexture: THREE.Texture | null;
+    previewMode: XRViewportPreviewMode;
+    renderOutputs: XRViewportRenderOutputRequest;
+    sceneRenderOutputs: XRSceneRenderOutputs;
+}) => XRViewportRenderOutputs;
+export {};

package/dist/components/XRViewport/index.d.ts

@@ -1,101 +1,3 @@
-import { CSSProperties, ReactNode } from 'react';
-import { CalibrationMediaSourceKind } from '../../hooks/useCalibrationFaceTracker';
-import { XRMediaLayout } from '../../types/compositor';
-import { FaceTrackingResult } from '../../types/face';
-import { XRModelNodeFaceTracking } from '../../types/nodes';
-export type XRViewportMode = "dom" | "r3f" | "hybrid";
-export type XRViewportSourceKind = "webcam" | "image" | "video";
-export type XRViewportFitMode = "auto" | "cover" | "contain";
-export type XRViewportMediaStrategy = "internal" | "external";
-export type XRViewportMediaAssetOption = {
-    id: string;
-    label: string;
-    src: string;
-};
-export type XRViewportSourceConfig = {
-    kind: "webcam";
-} | {
-    kind: "image";
-    assetId?: string;
-} | {
-    kind: "video";
-    assetId?: string;
-};
-export type XRViewportSize = {
-    width: number;
-    height: number;
-};
-export type XRViewportRenderState = {
-    activeDelegate: "GPU" | "CPU" | null;
-    faces: FaceTrackingResult[];
-    imageOptions: XRViewportMediaAssetOption[];
-    layout: XRMediaLayout | null;
-    mediaError: string | null;
-    mediaFitMode: Exclude<XRViewportFitMode, "auto">;
-    mediaLabel: string;
-    mediaStatus: "idle" | "requesting" | "ready" | "error";
-    mirrored: boolean;
-    selectedImageId: string;
-    selectedSource: XRViewportSourceKind;
-    selectedVideoId: string;
-    setMirrored: (value: boolean) => void;
-    setSelectedImageId: (value: string) => void;
-    setSelectedSource: (value: XRViewportSourceKind) => void;
-    setSelectedVideoId: (value: string) => void;
-    setShowMediaControls: (value: boolean) => void;
-    showMediaControls: boolean;
-    trackerError: string | null;
-    trackerStatus: "idle" | "initializing" | "ready" | "error";
-    videoOptions: XRViewportMediaAssetOption[];
-    viewportSize: XRViewportSize;
-    mediaSize: XRViewportSize;
-};
-type XRViewportProps = {
-    children?: ReactNode | ((state: XRViewportRenderState) => ReactNode);
-    fitMode?: XRViewportFitMode;
-    imageOptions?: XRViewportMediaAssetOption[];
-    initialImageId?: string;
-    initialMirrored?: boolean;
-    initialSource?: XRViewportSourceKind;
-    initialVideoId?: string;
-    mediaStrategy?: XRViewportMediaStrategy;
-    mediaDock?: "top-left" | "bottom-left";
-    mode?: XRViewportMode;
-    showMediaControlsByDefault?: boolean;
-    source?: XRViewportSourceConfig;
-    style?: CSSProperties;
-    videoOptions?: XRViewportMediaAssetOption[];
-};
-type XRViewportSlotProps = {
-    children?: ReactNode | ((state: XRViewportRenderState) => ReactNode);
-};
-type XRViewportComponent = ((props: XRViewportProps) => JSX.Element) & {
-    Scene: (props: XRViewportSlotProps) => JSX.Element;
-    Overlay: (props: XRViewportSlotProps) => JSX.Element;
-};
-export declare const resolveViewportFitMode: (fitMode: XRViewportFitMode, selectedSource: XRViewportSourceKind) => Exclude<XRViewportFitMode, "auto">;
-export declare const resolveViewportSourceSelection: ({ imageOptions, initialImageId, initialSource, initialVideoId, source, videoOptions, }: {
-    imageOptions: XRViewportMediaAssetOption[];
-    initialImageId?: string;
-    initialSource?: XRViewportSourceKind;
-    initialVideoId?: string;
-    source?: XRViewportSourceConfig;
-    videoOptions: XRViewportMediaAssetOption[];
-}) => {
-    selectedSource: XRViewportSourceKind;
-    selectedImageId: string;
-    selectedVideoId: string;
-};
-export declare const computeViewportLayout: (source: XRViewportSize, destination: XRViewportSize, fitMode: Exclude<XRViewportFitMode, "auto">) => XRMediaLayout | null;
-export declare const resolveViewportSlots: (mode: XRViewportMode, children: ReactNode) => {
-    sceneContent: ReactNode;
-    overlayContent: ReactNode;
-};
-export declare const resolveViewportSlotContent: (content: ReactNode | ((state: XRViewportRenderState) => ReactNode), state: XRViewportRenderState) => ReactNode;
-export declare const resolveViewportExternalFaces: ({ detectionResults, selectedSource, }: {
-    detectionResults: ReturnType<XRModelNodeFaceTracking["getDetectionResults"]> | null | undefined;
-    selectedSource: CalibrationMediaSourceKind;
-}) => FaceTrackingResult[];
-export declare const useXRViewportState: () => XRViewportRenderState | null;
-export declare const XRViewport: XRViewportComponent;
-export {};
+export { XRViewport, resolveViewportExternalFaces, resolveViewportSlotContent, resolveViewportSlots, useXRViewportRenderOutputs, useXRViewportState, useViewportMediaSource, } from './XRViewport';
+export { computeViewportLayout, resolveViewportFitMode, resolveViewportSourceSelection, } from './layout';
+export type * from './types';

package/dist/components/XRViewport/layout.d.ts

@@ -0,0 +1,16 @@
+import { XRMediaLayout } from '../../types/compositor';
+import { XRViewportFitMode, XRViewportMediaAssetOption, XRViewportSize, XRViewportSourceConfig, XRViewportSourceKind } from './types';
+export declare const resolveViewportFitMode: (fitMode: XRViewportFitMode, selectedSource: XRViewportSourceKind) => Exclude<XRViewportFitMode, "auto">;
+export declare const resolveViewportSourceSelection: ({ imageOptions, initialImageId, initialSource, initialVideoId, source, videoOptions, }: {
+    imageOptions: XRViewportMediaAssetOption[];
+    initialImageId?: string;
+    initialSource?: XRViewportSourceKind;
+    initialVideoId?: string;
+    source?: XRViewportSourceConfig;
+    videoOptions: XRViewportMediaAssetOption[];
+}) => {
+    selectedSource: XRViewportSourceKind;
+    selectedImageId: string;
+    selectedVideoId: string;
+};
+export declare const computeViewportLayout: (source: XRViewportSize, destination: XRViewportSize, fitMode: Exclude<XRViewportFitMode, "auto">) => XRMediaLayout | null;

package/dist/components/XRViewport/slots.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { XRViewportComponent, XRViewportMode, XRViewportRenderState, XRViewportSlotProps } from './types';
+export declare const XRViewportSceneSlot: {
+    ({ children }: XRViewportSlotProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const XRViewportOverlaySlot: {
+    ({ children }: XRViewportSlotProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const resolveViewportSlots: (mode: XRViewportMode, children: ReactNode) => {
+    sceneContent: ReactNode;
+    overlayContent: ReactNode;
+};
+export declare const resolveViewportSlotContent: (content: ReactNode | ((state: XRViewportRenderState) => ReactNode), state: XRViewportRenderState) => ReactNode;
+export declare function attachXRViewportSlots(component: XRViewportComponent): XRViewportComponent;

package/dist/components/XRViewport/types.d.ts

@@ -0,0 +1,89 @@
+import { CSSProperties, ReactNode } from 'react';
+import { XRMediaLayout } from '../../types/compositor';
+import { FaceTrackingResult } from '../../types/face';
+import { RenderOutputKind } from '../../screen2d';
+import type * as THREE from "three";
+export type XRViewportMode = "dom" | "r3f" | "hybrid";
+export type XRViewportSourceKind = "webcam" | "image" | "video";
+export type XRViewportFitMode = "auto" | "cover" | "contain";
+export type XRViewportMediaStrategy = "internal" | "external";
+export type XRViewportMediaAssetOption = {
+    id: string;
+    label: string;
+    src: string;
+};
+export type XRViewportSourceConfig = {
+    kind: "webcam";
+} | {
+    kind: "image";
+    assetId?: string;
+} | {
+    kind: "video";
+    assetId?: string;
+};
+export type XRViewportSize = {
+    width: number;
+    height: number;
+};
+export type XRViewportPreviewMode = "media" | "scene" | "finalColor" | "sceneDepth";
+export type XRViewportRenderOutputRequest = Partial<Record<RenderOutputKind, boolean>>;
+export type XRViewportRenderOutputs = {
+    requested: XRViewportRenderOutputRequest;
+    previewMode: XRViewportPreviewMode;
+    mediaColorTexture: THREE.Texture | null;
+    sceneColorTexture: THREE.Texture | null;
+    finalColorTexture: THREE.Texture | null;
+    sceneDepthTexture: THREE.Texture | null;
+    estimatedDepthTexture: THREE.Texture | null;
+    available: Record<RenderOutputKind, boolean>;
+};
+export type XRViewportRenderState = {
+    activeDelegate: "GPU" | "CPU" | null;
+    faces: FaceTrackingResult[];
+    imageOptions: XRViewportMediaAssetOption[];
+    layout: XRMediaLayout | null;
+    mediaError: string | null;
+    mediaFitMode: Exclude<XRViewportFitMode, "auto">;
+    mediaLabel: string;
+    mediaStatus: "idle" | "requesting" | "ready" | "error";
+    mirrored: boolean;
+    selectedImageId: string;
+    selectedSource: XRViewportSourceKind;
+    selectedVideoId: string;
+    setMirrored: (value: boolean) => void;
+    setSelectedImageId: (value: string) => void;
+    setSelectedSource: (value: XRViewportSourceKind) => void;
+    setSelectedVideoId: (value: string) => void;
+    setShowMediaControls: (value: boolean) => void;
+    showMediaControls: boolean;
+    trackerError: string | null;
+    trackerStatus: "idle" | "initializing" | "ready" | "error";
+    videoOptions: XRViewportMediaAssetOption[];
+    viewportSize: XRViewportSize;
+    mediaSize: XRViewportSize;
+};
+export type XRViewportProps = {
+    children?: ReactNode | ((state: XRViewportRenderState) => ReactNode);
+    fitMode?: XRViewportFitMode;
+    imageOptions?: XRViewportMediaAssetOption[];
+    initialImageId?: string;
+    initialMirrored?: boolean;
+    initialSource?: XRViewportSourceKind;
+    initialVideoId?: string;
+    mediaStrategy?: XRViewportMediaStrategy;
+    mediaDock?: "top-left" | "bottom-left";
+    mode?: XRViewportMode;
+    previewMode?: XRViewportPreviewMode;
+    renderOutputs?: XRViewportRenderOutputRequest;
+    showMediaControlsByDefault?: boolean;
+    source?: XRViewportSourceConfig;
+    style?: CSSProperties;
+    videoOptions?: XRViewportMediaAssetOption[];
+};
+export type XRViewportSlotProps = {
+    children?: ReactNode | ((state: XRViewportRenderState) => ReactNode);
+};
+export type XRViewportComponent = ((props: XRViewportProps) => JSX.Element) & {
+    Scene: (props: XRViewportSlotProps) => JSX.Element;
+    Overlay: (props: XRViewportSlotProps) => JSX.Element;
+};

package/dist/components/XRViewport/useViewportSize.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+import { XRViewportSize } from './types';
+export declare const useViewportSize: <T extends HTMLElement>(ref: RefObject<T>) => XRViewportSize;

package/dist/components/index.d.ts

@@ -1,21 +1,52 @@
 export * from './AspectRatioContainer';
+export * from './Axes';
 export * from './BodyTracker';
 export * from './FaceTracker';
 export * from './FaceMesh';
 export * from './FaceRetouch';
+export * from './FaceWarp3D';
+export * from './FaceInset';
+export * from './FaceLiquify';
+export * from './Faceless';
 export * from './GestureTracker';
+export * from './GestureListener';
 export * from './GestureTrigger';
 export * from './HandTracker';
+export * from './IrisEffect';
+export * from './HolisticTracker';
+export * from './HandTracking3D';
+export * from './HandTracking2DController';
+export * from './HandTracking2D';
+export * from './HandJoints2D';
 export * from './HeadBinding';
 export * from './HeadBindingOccluder';
 export * from './HeadOccluder';
+export { HandEffect } from './HandEffect';
+export * from './ShoulderOccluder';
+export * from './SpringSwing';
+export * from './Necklace';
+export * from './HairLock';
+export * from './MeshRenderer';
+export * from './LightObject';
+export * from './LookAt';
 export * from './Panel';
+export * from './PinToMesh';
+export * from './ParticleEmitter';
 export * from './PerspectiveCamera';
+export * from './RenderGroupLayer';
+export * from './ScreenImage';
+export * from './ScreenGradient';
+export * from './ScreenGlass';
+export * from './ScreenShape';
+export * from './SceneObjectRenderer';
+export * from './SequentialRenderPasses';
 export * from './ScreenSpaceUI';
+export * from './ScreenText';
 export * from './Segmentation';
 export * from './SpriteAnimation';
 export * from './TextLabel';
 export * from './TrackingAnchor';
+export * from './Transform3D';
 export * from './VideoBackground';
 export * from './XRProvider';
 export * from './XRCompositor';

package/dist/components/occluder/skinnedOccluder.d.ts

@@ -0,0 +1,39 @@
+import * as THREE from "three";
+/** Drawn before everything in the scene so its depth is in place for what it hides. */
+export declare const SKINNED_OCCLUDER_RENDER_ORDER = -1;
+/**
+ * Pushes every vertex along its (skinned) normal by the `inflate` uniform, in
+ * model units, after skinning — so the posed model grows or shrinks evenly.
+ *
+ * Coupled to three's MeshBasicMaterial vertex shader text (pinned
+ * `three@0.173.0`; the test patches the real shader): it needs the
+ * `void main() {` and `#include <skinning_vertex>` tokens. If either is missing
+ * it returns the shader UNCHANGED (no inflate) rather than half-patched — a
+ * uniform used but never declared would fail to compile and lose the occluder.
+ */
+export declare const patchOccluderInflate: (vertexShader: string) => string;
+/**
+ * A depth-only material for a skinned model (a hand, a body), with an
+ * `inflate` (model units) uniform in `userData.inflate`. With colour writes on
+ * it draws as a translucent grey (the debug view).
+ */
+export declare const createSkinnedOccluderMaterial: () => THREE.MeshBasicMaterial;
+export type SkinnedOccluderOptions = {
+    /** Grow (+) or shrink (−) along the normals, model units. Default `0`. */
+    inflate?: number;
+    /** Draw the occluder (translucent grey) instead of depth only — for calibration. */
+    showDebugMaterial?: boolean;
+    /** Debug material opacity. Default `0.5`. */
+    opacity?: number;
+};
+/**
+ * The occluder material of a rig component (`HandOccluder`, `BodyOccluder`),
+ * kept in step with its options, and an `onModel` that draws the model's own
+ * meshes (marked `userData[modelMeshFlag]`) first — the content riding on its
+ * bones keeps its own order, or it could be drawn before the occluder and
+ * never be hidden.
+ */
+export declare const useSkinnedOccluder: ({ inflate, showDebugMaterial, opacity }: SkinnedOccluderOptions, modelMeshFlag: string, onModel?: (clone: THREE.Object3D) => void) => {
+    material: THREE.MeshBasicMaterial;
+    onModel: (clone: THREE.Object3D) => void;
+};

package/dist/config/index.d.ts

@@ -1,7 +1,7 @@
 export declare const libConfig: {
-    apiBaseUrl: string;
     assetStorageEndpoint: string;
     sdkAssetsBaseUrl: string;
+    debugMediaBaseUrl: string;
     loggerPrefix: string;
     sessionCheckInterval: number;
 };

package/dist/constants/index.d.ts

@@ -8,7 +8,10 @@ export declare enum XRModel {
     GESTURE_TRACKER = "vincentt.xr.gesture-tracker",
     FACE_TRACKER = "vincentt.xr.face-tracker",
     BODY_TRACKER = "vincentt.xr.body-tracker",
-    BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation"
+    /** One MediaPipe Holistic inference for face + both hands + pose (single person). */
+    HOLISTIC_TRACKER = "vincentt.xr.holistic-tracker",
+    BACKGROUND_SEGMENTATION = "vincentt.xr.background-segmentation",
+    SEMANTIC_SEGMENTATION = "vincentt.xr.semantic-segmentation"
 }
 export declare enum XRComponentEnum {
     CAMERA = "vincentt.component.camera",

package/dist/context-DTxSQvp4.js

@@ -0,0 +1,13 @@
+import { createContext as t, useContext as c } from "react";
+const n = t(null), o = () => {
+  const e = c(n);
+  if (!e)
+    throw new Error("useScreenSpace must be used within ScreenSpaceUI");
+  return e;
+}, s = t(null), a = () => c(s) ?? 1;
+export {
+  s as S,
+  a,
+  n as b,
+  o as u
+};

package/dist/context-hA0Rb2Xa.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react"),c=e.createContext(null),s=()=>{const t=e.useContext(c);if(!t)throw new Error("useScreenSpace must be used within ScreenSpaceUI");return t},n=e.createContext(null),r=()=>e.useContext(n)??1;exports.ScreenRectAspectContext=n;exports.ScreenSpaceContext=c;exports.useScreenRectAspect=r;exports.useScreenSpace=s;

package/dist/contexts-DQc7zyqT.cjs

@@ -0,0 +1 @@
+"use strict";var Ee=Object.defineProperty;var Te=(e,t,n)=>t in e?Ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var O=(e,t,n)=>Te(e,typeof t!="symbol"?t+"":t,n);const B=require("react/jsx-runtime"),ae=require("@react-three/fiber"),C=require("react"),Ae=require("three"),fe=require("./uv-BMFt19bg.cjs"),K=require("./selectors-QB2qsaxy.cjs"),ue=require("./index-Sho4F4it.cjs"),se=require("./context-hA0Rb2Xa.cjs");function Me(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const j=Me(Ae),xe={display:"flex",alignItems:"center",justifyContent:"center",height:"100%",background:"#363636",color:"white",fontFamily:"monospace"},Ce=()=>B.jsx("div",{style:xe,children:"Loading..."}),Fe=e=>B.jsx("div",{style:xe,children:e.error}),ke=(e,t,{sceneDepth:n=!1}={})=>{const a=new j.WebGLRenderTarget(e,t,{colorSpace:j.SRGBColorSpace,depthBuffer:!0,stencilBuffer:!0});return n&&(a.depthTexture=new j.DepthTexture(e,t),a.depthTexture.format=j.DepthStencilFormat,a.depthTexture.type=j.UnsignedInt248Type),a},Ie=e=>typeof e=="number"?e:Array.isArray(e)?e[1]:3,le={position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:10},ce={sceneColorTexture:null,sceneDepthTexture:null},Le=e=>{const t=K.useXRQualityState(),a=K.useXRQualityConfig()?(t==null?void 0:t.decision.tier.renderScale)??1:1,r=typeof window<"u"&&window.devicePixelRatio||1;return Math.max(.5,Math.min(r,e)*a)},Xe=({onRenderOutputs:e,renderOutputs:t,size:n})=>{const{gl:a,scene:r,size:i}=ae.useThree(),{session:c}=ue.useXRContext(),o=Math.max(1,Math.round((n==null?void 0:n.width)??i.width)),h=Math.max(1,Math.round((n==null?void 0:n.height)??i.height)),f=!!(t.sceneColor||t.sceneDepth),s=C.useMemo(()=>f?ke(o,h,{sceneDepth:!!t.sceneDepth}):null,[f,h,t.sceneDepth,o]);return C.useEffect(()=>{if(!s){e==null||e(ce);return}return e==null||e({sceneColorTexture:t.sceneColor?s.texture:null,sceneDepthTexture:t.sceneDepth&&s.depthTexture?s.depthTexture:null}),()=>{var l;s.dispose(),(l=s.depthTexture)==null||l.dispose(),e==null||e(ce)}},[e,t.sceneColor,t.sceneDepth,s]),ae.useFrame(()=>{if(!s)return;const l=[];t.excludeScreenUI!==!1&&r.traverse(u=>{u.visible&&u.renderOrder>=fe.RENDER_LAYERS.SCREEN_UI&&(l.push(u),u.visible=!1)});const p=a.getRenderTarget(),m=a.xr.enabled;a.xr.enabled=!1,a.setRenderTarget(s),a.clear(),c._renderFrame(),a.setRenderTarget(p),a.xr.enabled=m,l.forEach(u=>{u.visible=!0})},-100),null},Be=({style:e,canvasProps:t,children:n,loadingComponent:a,loadingTransitionDuration:r,errorComponent:i,renderTargetSize:c,renderOutputs:o={},onRenderOutputs:h})=>{const f=C.useRef(null),s=C.useRef(null),l=C.useRef(null),p=C.useRef(!1),m=Le(Ie(t==null?void 0:t.dpr)),{session:u}=ue.useXRContext(),x=K.useXRReady(),d=K.useXRError(),[g,R]=C.useState(!0);return C.useEffect(()=>{if(c){u._setRenderSize(Math.round(c.width),Math.round(c.height));return}const v=(E,F)=>{E<=0||F<=0||u._setRenderSize(Math.round(E),Math.round(F))},A=()=>{!s.current||p.current||(p.current=!0,u._setRenderTarget(s.current))},S=(E,F)=>{l.current!==null&&cancelAnimationFrame(l.current),l.current=requestAnimationFrame(()=>{l.current=null,v(E,F)})},y=new ResizeObserver(E=>{const F=E[0];if(!F)return;const{width:L,height:G}=F.contentRect;A(),S(L,G)});return f.current&&y.observe(f.current),A(),()=>{y.disconnect(),l.current!==null&&(cancelAnimationFrame(l.current),l.current=null),p.current=!1}},[c,u]),C.useEffect(()=>{x&&(r?setTimeout(()=>{R(!1)},r):R(!1))},[x,r]),B.jsxs("div",{id:"vincentt-xr-container",ref:f,style:{width:"100%",height:"100%",...e,position:"relative"},children:[g&&B.jsx("div",{style:le,children:a||B.jsx(Ce,{})}),d&&B.jsx("div",{style:le,children:i||B.jsx(Fe,{error:d.message})}),B.jsxs(ae.Canvas,{id:"vincentt-xr-canvas",ref:s,gl:{alpha:!0,preserveDrawingBuffer:!1,antialias:!0,stencil:!0,premultipliedAlpha:!1,toneMapping:j.NoToneMapping},...t,dpr:m,onCreated:v=>{c?u._setRenderSize(Math.round(c.width),Math.round(c.height)):u._setRenderTarget(s.current),u._setR3FState({renderer:v.gl,scene:v.scene,camera:v.camera}),v.gl.outputColorSpace=j.SRGBColorSpace,t!=null&&t.onCreated&&t.onCreated(v)},children:[B.jsx(Xe,{onRenderOutputs:h,renderOutputs:o,size:c}),n]})]})},ve=(e,t,n,a,r)=>{const i=e/2,c=t/2,o=n.left*i+a.left,h=n.right*i-a.right,f=n.bottom*c+a.bottom,s=n.top*c-a.top,l=h-o,p=s-f,m=(o+h)/2,u=(f+s)/2,x=r[0]*l/2,d=r[1]*p/2;return{centerX:m,centerY:u,width:l,height:p,pivotX:x,pivotY:d}},Ge={left:0,right:0,top:0,bottom:0},De={left:0,right:0,top:0,bottom:0},Ue=[0,0],je=({anchors:e,offsets:t,pivot:n=Ue,children:a})=>{const{width:r,height:i}=se.useScreenSpace(),c=C.useMemo(()=>({anchors:{...Ge,...e??{}},offsets:{...De,...t??{}}}),[e,t]),o=C.useMemo(()=>ve(r,i,c.anchors,c.offsets,n),[r,i,c,n]);C.useEffect(()=>{const l=c.anchors;l.left>l.right&&console.warn(`[ScreenTransform] inverted X axis: anchors.left (${l.left}) > anchors.right (${l.right})`),l.bottom>l.top&&console.warn(`[ScreenTransform] inverted Y axis: anchors.bottom (${l.bottom}) > anchors.top (${l.top})`),o.width<=0&&console.warn(`[ScreenTransform] zero or negative width (${o.width.toFixed(3)}) — anchors + offsets collapse the X extent`),o.height<=0&&console.warn(`[ScreenTransform] zero or negative height (${o.height.toFixed(3)}) — anchors + offsets collapse the Y extent`)},[c,o.width,o.height]);const h=n[0]!==0||n[1]!==0,f=h?[1,1,1]:[o.width,o.height,1],s=!h&&o.width>0&&o.height>0?o.width/o.height:null;return B.jsx("group",{position:[o.centerX-o.pivotX,o.centerY-o.pivotY,0],scale:f,renderOrder:fe.RENDER_LAYERS.SCREEN_UI,children:B.jsx(se.ScreenRectAspectContext.Provider,{value:s,children:a})})};class pe{constructor(t,n){O(this,"capabilities");O(this,"snapshot");O(this,"listeners",new Set);O(this,"eventListeners",new Map);this.capabilities=t,this.snapshot={state:"idle",frame:0,time:0,playMode:"forward",loop:!0,loopCount:0,...n}}play(){const t=this.snapshot.state==="paused";this.update({state:"playing"}),this.emit(t?"Resume":"PlayBegin")}pause(){this.update({state:"paused"}),this.emit("Pause")}restart(){this.update({state:"playing",frame:0,time:0}),this.emit("PlayBegin")}setPlayMode(t){!this.capabilities.canReverse&&(t==="reverse"||t==="ping-pong"||t==="random")||this.update({playMode:t})}setLoop(t,n=0){this.update({loop:t,loopCount:n})}seek(t){this.capabilities.canSeek&&this.update({frame:Math.max(0,Math.floor(t)),time:Math.max(0,t)})}subscribe(t){return this.listeners.add(t),()=>this.listeners.delete(t)}on(t,n){const a=this.eventListeners.get(t)??new Set;return a.add(n),this.eventListeners.set(t,a),()=>this.off(t,n)}off(t,n){var a;(a=this.eventListeners.get(t))==null||a.delete(n)}getSnapshot(){return this.snapshot}dispose(){this.listeners.clear(),this.eventListeners.clear(),this.snapshot={...this.snapshot,state:"idle"}}updateSnapshot(t){this.update(t)}emit(t){var n;(n=this.eventListeners.get(t))==null||n.forEach(a=>a({type:t,snapshot:this.snapshot}))}update(t){this.snapshot={...this.snapshot,...t},this.listeners.forEach(n=>n(this.snapshot))}}const ge=(e,t,n,a,r)=>{const i=Math.max(1,Math.floor(t)),c=Math.max(0,Math.floor(e)),o=n==="ping-pong"&&i>1?i*2-2:i,h=Math.floor(c/o),f=r>0?h>=r:!a&&c>=o,s=f?o-1:c%o;return{frame:n==="reverse"?i-1-s%i:n==="random"?s*7919%i:n==="ping-pong"&&s>=i?o-s:s,ended:f,loop:h}},$e=(e,t,n)=>{const a=Math.max(1,Math.floor(n));return Math.floor(Math.max(0,e)*Math.max(0,t))%a};var de={},me,qe;function We(e,t,n,i){var r=0,i=i===void 0?{}:i,c=i.loop===void 0?null:i.loop,o=i.palette===void 0?null:i.palette;if(t<=0||n<=0||t>65535||n>65535)throw new Error("Width/Height invalid.");function h(d){var g=d.length;if(g<2||g>256||g&g-1)throw new Error("Invalid code/color length, must be power of 2 and 2 .. 256.");return g}e[r++]=71,e[r++]=73,e[r++]=70,e[r++]=56,e[r++]=57,e[r++]=97;var f=0,s=0;if(o!==null){for(var l=h(o);l>>=1;)++f;if(l=1<<f,--f,i.background!==void 0){if(s=i.background,s>=l)throw new Error("Background index out of range.");if(s===0)throw new Error("Background index explicitly passed as 0.")}}if(e[r++]=t&255,e[r++]=t>>8&255,e[r++]=n&255,e[r++]=n>>8&255,e[r++]=(o!==null?128:0)|f,e[r++]=s,e[r++]=0,o!==null)for(var p=0,m=o.length;p<m;++p){var u=o[p];e[r++]=u>>16&255,e[r++]=u>>8&255,e[r++]=u&255}if(c!==null){if(c<0||c>65535)throw new Error("Loop count invalid.");e[r++]=33,e[r++]=255,e[r++]=11,e[r++]=78,e[r++]=69,e[r++]=84,e[r++]=83,e[r++]=67,e[r++]=65,e[r++]=80,e[r++]=69,e[r++]=50,e[r++]=46,e[r++]=48,e[r++]=3,e[r++]=1,e[r++]=c&255,e[r++]=c>>8&255,e[r++]=0}var x=!1;this.addFrame=function(d,g,R,v,A,S){if(x===!0&&(--r,x=!1),S=S===void 0?{}:S,d<0||g<0||d>65535||g>65535)throw new Error("x/y invalid.");if(R<=0||v<=0||R>65535||v>65535)throw new Error("Width/Height invalid.");if(A.length<R*v)throw new Error("Not enough pixels for the frame size.");var y=!0,E=S.palette;if(E==null&&(y=!1,E=o),E==null)throw new Error("Must supply either a local or global palette.");for(var F=h(E),L=0;F>>=1;)++L;F=1<<L;var G=S.delay===void 0?0:S.delay,_=S.disposal===void 0?0:S.disposal;if(_<0||_>3)throw new Error("Disposal out of range.");var T=!1,I=0;if(S.transparent!==void 0&&S.transparent!==null&&(T=!0,I=S.transparent,I<0||I>=F))throw new Error("Transparent color index.");if((_!==0||T||G!==0)&&(e[r++]=33,e[r++]=249,e[r++]=4,e[r++]=_<<2|(T===!0?1:0),e[r++]=G&255,e[r++]=G>>8&255,e[r++]=I,e[r++]=0),e[r++]=44,e[r++]=d&255,e[r++]=d>>8&255,e[r++]=g&255,e[r++]=g>>8&255,e[r++]=R&255,e[r++]=R>>8&255,e[r++]=v&255,e[r++]=v>>8&255,e[r++]=y===!0?128|L-1:0,y===!0)for(var $=0,X=E.length;$<X;++$){var k=E[$];e[r++]=k>>16&255,e[r++]=k>>8&255,e[r++]=k&255}return r=Pe(e,r,L<2?2:L,A),r},this.end=function(){return x===!1&&(e[r++]=59,x=!0),r},this.getOutputBuffer=function(){return e},this.setOutputBuffer=function(d){e=d},this.getOutputBufferPosition=function(){return r},this.setOutputBufferPosition=function(d){r=d}}function Pe(e,t,n,a){e[t++]=n;var r=t++,i=1<<n,c=i-1,o=i+1,h=o+1,f=n+1,s=0,l=0;function p(S){for(;s>=S;)e[t++]=l&255,l>>=8,s-=8,t===r+256&&(e[r]=255,r=t++)}function m(S){l|=S<<s,s+=f,p(8)}var u=a[0]&c,x={};m(i);for(var d=1,g=a.length;d<g;++d){var R=a[d]&c,v=u<<8|R,A=x[v];if(A===void 0){for(l|=u<<s,s+=f;s>=8;)e[t++]=l&255,l>>=8,s-=8,t===r+256&&(e[r]=255,r=t++);h===4096?(m(i),h=o+1,f=n+1,x={}):(h>=1<<f&&++f,x[v]=h++),u=R}else u=A}return m(u),m(o),p(1),r+1===t?e[r]=0:(e[r]=t-r-1,e[t++]=0),t}function Ne(e){var t=0;if(e[t++]!==71||e[t++]!==73||e[t++]!==70||e[t++]!==56||(e[t++]+1&253)!==56||e[t++]!==97)throw new Error("Invalid GIF 87a/89a header.");var n=e[t++]|e[t++]<<8,a=e[t++]|e[t++]<<8,r=e[t++],i=r>>7,c=r&7,o=1<<c+1;e[t++],e[t++];var h=null,f=null;i&&(h=t,f=o,t+=o*3);var s=!0,l=[],p=0,m=null,u=0,x=null;for(this.width=n,this.height=a;s&&t<e.length;)switch(e[t++]){case 33:switch(e[t++]){case 255:if(e[t]!==11||e[t+1]==78&&e[t+2]==69&&e[t+3]==84&&e[t+4]==83&&e[t+5]==67&&e[t+6]==65&&e[t+7]==80&&e[t+8]==69&&e[t+9]==50&&e[t+10]==46&&e[t+11]==48&&e[t+12]==3&&e[t+13]==1&&e[t+16]==0)t+=14,x=e[t++]|e[t++]<<8,t++;else for(t+=12;;){var d=e[t++];if(!(d>=0))throw Error("Invalid block size");if(d===0)break;t+=d}break;case 249:if(e[t++]!==4||e[t+4]!==0)throw new Error("Invalid graphics extension block.");var g=e[t++];p=e[t++]|e[t++]<<8,m=e[t++],g&1||(m=null),u=g>>2&7,t++;break;case 254:for(;;){var d=e[t++];if(!(d>=0))throw Error("Invalid block size");if(d===0)break;t+=d}break;default:throw new Error("Unknown graphic control label: 0x"+e[t-1].toString(16))}break;case 44:var R=e[t++]|e[t++]<<8,v=e[t++]|e[t++]<<8,A=e[t++]|e[t++]<<8,S=e[t++]|e[t++]<<8,y=e[t++],E=y>>7,F=y>>6&1,L=y&7,G=1<<L+1,_=h,T=f,I=!1;if(E){var I=!0;_=t,T=G,t+=G*3}var $=t;for(t++;;){var d=e[t++];if(!(d>=0))throw Error("Invalid block size");if(d===0)break;t+=d}l.push({x:R,y:v,width:A,height:S,has_local_palette:I,palette_offset:_,palette_size:T,data_offset:$,data_length:t-$,transparent_index:m,interlaced:!!F,delay:p,disposal:u});break;case 59:s=!1;break;default:throw new Error("Unknown gif block: 0x"+e[t-1].toString(16))}this.numFrames=function(){return l.length},this.loopCount=function(){return x},this.frameInfo=function(X){if(X<0||X>=l.length)throw new Error("Frame index out of range.");return l[X]},this.decodeAndBlitFrameBGRA=function(X,k){var w=this.frameInfo(X),Q=w.width*w.height,q=new Uint8Array(Q);he(e,w.data_offset,q,Q);var W=w.palette_offset,P=w.transparent_index;P===null&&(P=256);var D=w.width,N=n-D,Y=D,Z=(w.y*n+w.x)*4,b=((w.y+w.height)*n+w.x)*4,M=Z,V=N*4;w.interlaced===!0&&(V+=n*4*7);for(var H=8,z=0,ee=q.length;z<ee;++z){var U=q[z];if(Y===0&&(M+=V,Y=D,M>=b&&(V=N*4+n*4*(H-1),M=Z+(D+N)*(H<<1),H>>=1)),U===P)M+=4;else{var te=e[W+U*3],re=e[W+U*3+1],ne=e[W+U*3+2];k[M++]=ne,k[M++]=re,k[M++]=te,k[M++]=255}--Y}},this.decodeAndBlitFrameRGBA=function(X,k){var w=this.frameInfo(X),Q=w.width*w.height,q=new Uint8Array(Q);he(e,w.data_offset,q,Q);var W=w.palette_offset,P=w.transparent_index;P===null&&(P=256);var D=w.width,N=n-D,Y=D,Z=(w.y*n+w.x)*4,b=((w.y+w.height)*n+w.x)*4,M=Z,V=N*4;w.interlaced===!0&&(V+=n*4*7);for(var H=8,z=0,ee=q.length;z<ee;++z){var U=q[z];if(Y===0&&(M+=V,Y=D,M>=b&&(V=N*4+n*4*(H-1),M=Z+(D+N)*(H<<1),H>>=1)),U===P)M+=4;else{var te=e[W+U*3],re=e[W+U*3+1],ne=e[W+U*3+2];k[M++]=te,k[M++]=re,k[M++]=ne,k[M++]=255}--Y}}}function he(e,t,n,a){for(var r=e[t++],i=1<<r,c=i+1,o=c+1,h=r+1,f=(1<<h)-1,s=0,l=0,p=0,m=e[t++],u=new Int32Array(4096),x=null;;){for(;s<16&&m!==0;)l|=e[t++]<<s,s+=8,m===1?m=e[t++]:--m;if(s<h)break;var d=l&f;if(l>>=h,s-=h,d===i){o=c+1,h=r+1,f=(1<<h)-1,x=null;continue}else if(d===c)break;for(var g=d<o?d:x,R=0,v=g;v>i;)v=u[v]>>8,++R;var A=v,S=p+R+(g!==d?1:0);if(S>a){console.log("Warning, gif stream longer than expected.");return}n[p++]=A,p+=R;var y=p;for(g!==d&&(n[p++]=A),v=g;R--;)v=u[v],n[--y]=v&255,v>>=8;x!==null&&o<4096&&(u[o++]=x<<8|A,o>=f+1&&h<12&&(++h,f=f<<1|1)),x=d}return p!==a&&console.log("Warning, gif stream shorter than expected."),n}try{qe=de.GifWriter=We,me=de.GifReader=Ne}catch{}const Ye=me;function Ve(e){return async(t,n)=>{const a=e.find(r=>r.canResolve(t));if(!a)throw new we("No texture provider matched source",t);return Se(a.resolve.bind(a),t,n)}}class we extends Error{constructor(n,a){super(n);O(this,"source");this.name="TextureSourceLoadError",this.source=a}}function J(e){if(e.aborted)throw new DOMException("Texture source load aborted","AbortError")}async function Se(e,t,n){J(n);const a=await e(t,n);return n.aborted&&(a.dispose(),J(n)),a}function He(e){e==null||e.dispose()}const ye=5*1024*1024,oe=1e6,ie=180,ze=(e,t,n)=>{for(let a=n.y;a<n.y+n.height;a+=1)e.fill(0,(a*t+n.x)*4,(a*t+n.x+n.width)*4)},Oe=(e,t,n,a,r)=>t.byteLength>ye?`file is ${(t.byteLength/1024/1024).toFixed(1)} MB; max is 5 MB`:n*a>oe?`canvas is ${n}x${a}; max area is ${oe}`:r>ie?`frame count is ${r}; max is ${ie}`:r===0?"frame count is 0":e?null:"source URL is empty",Qe=e=>typeof e=="string"?e:e.src,Ze={canResolve:e=>typeof e=="string"?/\.gif(?:[?#].*)?$/i.test(e):e.kind==="gif",async resolve(e,t){const n=Qe(e),a=await fetch(n,{signal:t});if(!a.ok)throw new Error(`GIF request failed with ${a.status}`);const r=new Uint8Array(await a.arrayBuffer());J(t);const i=new Ye(r),c=i.numFrames(),o=Oe(n,r,i.width,i.height,c);if(o)throw console.warn(`[xr-sdk] GIF ScreenImage source rejected: ${o}`,n),new Error(`GIF source rejected: ${o}`);const h=document.createElement("canvas");h.width=i.width,h.height=i.height;const f=h.getContext("2d");if(!f)throw new Error("Could not create GIF canvas context");const s=new j.CanvasTexture(h);s.colorSpace=j.SRGBColorSpace;const l=new Uint8Array(i.width*i.height*4),p=new ImageData(new Uint8ClampedArray(l.buffer),i.width,i.height),m=Array.from({length:c},(_,T)=>i.frameInfo(T)),u=m.reduce((_,T)=>_+Math.max(20,T.delay*10),0)/1e3,x=new pe({canSeek:!1,canReverse:!1,supportsLoopCount:!0},{state:"ready",duration:u,frameCount:c});let d=0,g=0,R=!1,v=!1,A=0,S=0,y=null;const E=(_,T=!1)=>{T&&(l.fill(0),y=null),(y==null?void 0:y.info.disposal)===2?ze(l,i.width,y.info):y!=null&&y.restorePixels&&l.set(y.restorePixels);const I=m[_],$=I.disposal===3?new Uint8Array(l):null;return i.decodeAndBlitFrameRGBA(_,l),f.putImageData(p,0,0),s.needsUpdate=!0,y={info:I,restorePixels:$},v=!0,x.updateSnapshot({frame:_,time:m.slice(0,_).reduce((X,k)=>X+Math.max(20,k.delay*10),0)/1e3}),v=!1,x.emit("KeyFrameInSecond"),Math.max(20,I.delay*10)},F=_=>{g=window.setTimeout(()=>{d=requestAnimationFrame(L)},_)},L=()=>{if(R||x.getSnapshot().state!=="playing")return;const _=x.getSnapshot(),T=ge(A,c,_.playMode,_.loop,_.loopCount);if(T.ended){x.updateSnapshot({state:"ended",frame:T.frame,time:u}),x.emit("PlayEnd");return}const I=T.loop!==S;S=T.loop,A+=1,F(E(T.frame,I))},G=x.subscribe(_=>{v||(clearTimeout(g),cancelAnimationFrame(d),_.state==="playing"&&(d=requestAnimationFrame(L)))});return E(0),x.play(),{texture:s,controller:x,metadata:{width:i.width,height:i.height,duration:u,frameCount:c},dispose(){R=!0,G(),clearTimeout(g),cancelAnimationFrame(d),x.dispose(),s.dispose()}}}},_e=C.createContext(null),Re=C.createContext(null),Ke=()=>C.useContext(_e),Je=()=>C.useContext(Re);exports.BasicAnimatedTextureController=pe;exports.MAX_GIF_BYTES=ye;exports.MAX_GIF_FRAMES=ie;exports.MAX_GIF_PIXELS=oe;exports.ScreenTransform=je;exports.TextureSourceLoadError=we;exports.XRScene=Be;exports.XRViewportRenderOutputsContext=Re;exports.XRViewportStateContext=_e;exports.computeScreenTransform=ve;exports.createTextureSourceResolver=Ve;exports.disposeResolvedTextureSource=He;exports.getPlaybackFrame=ge;exports.getSequenceFrame=$e;exports.gifTextureSourceProvider=Ze;exports.resolveTextureSource=Se;exports.throwIfAborted=J;exports.useXRViewportRenderOutputs=Je;exports.useXRViewportState=Ke;