@vincentt-xr/sdk 2.0.0-alpha.0

package/dist/index-BVBVg96G.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("react/jsx-runtime"),s=require("react"),v=require("./index-PtFmD6B8.cjs"),F=require("@react-three/fiber"),_=require("three"),y=require("./selectors-Bub0o3qy.cjs");function X(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,u.get?u:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const b=X(_),E=s.createContext(null),j=()=>{const t=s.useContext(E);if(!t)throw new Error("useScreenSpace must be used within ScreenSpaceUI");return t},R=s.createContext(null),O=()=>s.useContext(R)??1,A=(t,o,n,u,f)=>{const p=t/2,r=o/2,e=n.left*p+u.left,a=n.right*p-u.right,i=n.bottom*r+u.bottom,l=n.top*r-u.top,c=a-e,m=l-i,x=(e+a)/2,g=(i+l)/2,d=f[0]*c/2,S=f[1]*m/2;return{centerX:x,centerY:g,width:c,height:m,pivotX:d,pivotY:S}},L={left:0,right:0,top:0,bottom:0},M={left:0,right:0,top:0,bottom:0},D=[0,0],q=({anchors:t,offsets:o,pivot:n=D,children:u})=>{const{width:f,height:p}=j(),r=s.useMemo(()=>({anchors:{...L,...t??{}},offsets:{...M,...o??{}}}),[t,o]),e=s.useMemo(()=>A(f,p,r.anchors,r.offsets,n),[f,p,r,n]);s.useEffect(()=>{const c=r.anchors;c.left>c.right&&console.warn(`[ScreenTransform] inverted X axis: anchors.left (${c.left}) > anchors.right (${c.right})`),c.bottom>c.top&&console.warn(`[ScreenTransform] inverted Y axis: anchors.bottom (${c.bottom}) > anchors.top (${c.top})`),e.width<=0&&console.warn(`[ScreenTransform] zero or negative width (${e.width.toFixed(3)}) — anchors + offsets collapse the X extent`),e.height<=0&&console.warn(`[ScreenTransform] zero or negative height (${e.height.toFixed(3)}) — anchors + offsets collapse the Y extent`)},[r,e.width,e.height]);const a=n[0]!==0||n[1]!==0,i=a?[1,1,1]:[e.width,e.height,1],l=!a&&e.width>0&&e.height>0?e.width/e.height:null;return h.jsx("group",{position:[e.centerX-e.pivotX,e.centerY-e.pivotY,0],scale:i,renderOrder:v.RENDER_LAYERS.SCREEN_UI,children:h.jsx(R.Provider,{value:l,children:u})})},T={display:"flex",alignItems:"center",justifyContent:"center",height:"100%",background:"#363636",color:"white",fontFamily:"monospace"},Y=()=>h.jsx("div",{style:T,children:"Loading..."}),$=t=>h.jsx("div",{style:T,children:t.error}),C={position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:10},H=({style:t,canvasProps:o,children:n,loadingComponent:u,loadingTransitionDuration:f,errorComponent:p,renderTargetSize:r})=>{const e=s.useRef(null),a=s.useRef(null),i=s.useRef(null),{session:l}=v.useXRContext(),c=y.useXRReady(),m=y.useXRError(),[x,g]=s.useState(!0);return s.useEffect(()=>{if(r){l._setRenderSize(Math.round(r.width),Math.round(r.height));return}const d=()=>{a.current&&l._setRenderTarget(a.current)},S=()=>{i.current!==null&&cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{i.current=null,d()})},w=new ResizeObserver(()=>{S()});return e.current&&w.observe(e.current),S(),()=>{w.disconnect(),i.current!==null&&(cancelAnimationFrame(i.current),i.current=null)}},[r,l]),s.useEffect(()=>{c&&(f?setTimeout(()=>{g(!1)},f):g(!1))},[c,f]),h.jsxs("div",{id:"vincentt-xr-container",ref:e,style:{width:"100%",height:"100%",...t,position:"relative"},children:[x&&h.jsx("div",{style:C,children:u||h.jsx(Y,{})}),m&&h.jsx("div",{style:C,children:p||h.jsx($,{error:m.message})}),h.jsx(F.Canvas,{id:"vincentt-xr-canvas",ref:a,dpr:[1,3],gl:{alpha:!0,preserveDrawingBuffer:!0,antialias:!0,premultipliedAlpha:!1,toneMapping:b.NoToneMapping},...o,onCreated:d=>{r?l._setRenderSize(Math.round(r.width),Math.round(r.height)):l._setRenderTarget(a.current),l._setR3FState({renderer:d.gl,scene:d.scene,camera:d.camera}),d.gl.outputColorSpace=b.SRGBColorSpace,o!=null&&o.onCreated&&o.onCreated(d)},children:n})]})};exports.ScreenRectAspectContext=R;exports.ScreenSpaceContext=E;exports.ScreenTransform=q;exports.XRScene=H;exports.computeScreenTransform=A;exports.useScreenRectAspect=O;exports.useScreenSpace=j;