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

package/dist/components/SpringSwing/SpringSwing.d.ts

@@ -0,0 +1,22 @@
+import { Euler, Vector3 } from '@react-three/fiber';
+import { ReactNode } from 'react';
+import { SpringSwingOptions } from '../../spring/swing';
+export type SpringSwingProps = SpringSwingOptions & {
+    /** False: the children hang still at rest. Default true. */
+    enabled?: boolean;
+    /** The pivot in the parent (the children swing about it). */
+    position?: Vector3;
+    /** Turns the rest direction (the children hang along this group's −Y). */
+    rotation?: Euler;
+    children?: ReactNode;
+};
+/**
+ * Its children swing about its origin, hanging along its own −Y, as
+ * whatever it sits in moves and turns, then settle: drop earrings,
+ * pendants, charms. `frequency`, `damping`, `maxAngle` and `length` set the
+ * feel (gentle jewellery by default). The rest direction is the parent's own
+ * down, so a tilt of the head tilts them too; only motion swings them. It
+ * swings from the pose it is drawn at (the scene's before-render hook) and
+ * rests while hidden.
+ */
+export declare const SpringSwing: ({ enabled, position, rotation, children, ...options }: SpringSwingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { SpringSwing, type SpringSwingProps } from './SpringSwing';

package/dist/components/XRScene/renderOutputTarget.d.ts

@@ -0,0 +1,12 @@
+import * as THREE from "three";
+/**
+ * The render target `XRScene` captures the scene into for `renderOutputs`
+ * (scene colour and/or depth). It has a stencil buffer, as the canvas does:
+ * the captured frame must match the screen, and face effects use stencil
+ * bits (the mouth cut-out 0x01, the face surface's self-occlusion 0x80).
+ * With `sceneDepth` a depth texture replaces the depth renderbuffer, so it
+ * carries the stencil too (DEPTH24_STENCIL8); sampling it still reads depth.
+ */
+export declare const createXRSceneRenderOutputTarget: (width: number, height: number, { sceneDepth }?: {
+    sceneDepth?: boolean;
+}) => THREE.WebGLRenderTarget;

package/dist/components/index.d.ts

@@ -5,6 +5,9 @@ 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';
@@ -18,11 +21,16 @@ export * from './HandJoints2D';
 export * from './HeadBinding';
 export * from './HeadBindingOccluder';
 export * from './HeadOccluder';
+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';

package/dist/config/index.d.ts

@@ -1,5 +1,4 @@
 export declare const libConfig: {
-    apiBaseUrl: string;
     assetStorageEndpoint: string;
     sdkAssetsBaseUrl: string;
     loggerPrefix: string;

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-BH7PdKFS.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-C4X71aoD.cjs"),ue=require("./index-CfSF8LXa.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;