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

package/dist/renderPasses-dqmkft4P.cjs

@@ -0,0 +1,158 @@
+"use strict";const i=require("react/jsx-runtime"),ee=require("@react-three/fiber"),s=require("react"),Z=require("three"),W=require("./index-CfSF8LXa.cjs"),_e=require("./selectors-C4X71aoD.cjs"),Fe=require("./index-DE17y0ZI.cjs"),Zt=require("./updateThrottle-Of5Y4SVa.cjs"),X=require("./index-D5GTzOzD.cjs"),en=require("@react-three/drei");function tn(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const M=tn(Z),qe=e=>{const n=s.useRef(null);if(n.current){const t=n.current;Object.keys(e).forEach(r=>{t[r].value=e[r]})}else{const t={};Object.keys(e).forEach(r=>{t[r]={value:e[r]}}),n.current=t}return n.current},me=8,V={type:"linear",stops:[{offset:0,color:"#38bdf8"},{offset:1,color:"#a78bfa"}],angle:0,center:{x:.5,y:.5},radius:.5},nn=e=>{const n=e.slice(0,me).map(t=>({...t,offset:Z.MathUtils.clamp(t.offset,0,1)})).sort((t,r)=>t.offset-r.offset);return n.length>=2?n:V.stops.map(t=>({...t}))},Ye=e=>({...V,...e,center:{...V.center,...e==null?void 0:e.center},radius:Math.max(.01,(e==null?void 0:e.radius)??V.radius),stops:nn((e==null?void 0:e.stops)??V.stops)}),rn=`
+  varying vec2 vPosition;
+  void main() {
+    vPosition = position.xy;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`,sn=`
+  #define MAX_STOPS 8
+  uniform vec3 stopColors[MAX_STOPS];
+  uniform float stopOffsets[MAX_STOPS];
+  uniform int stopCount;
+  uniform int gradientType;
+  uniform vec2 direction;
+  uniform vec2 center;
+  uniform float radius;
+  uniform float angleOffset;
+  uniform float opacity;
+  varying vec2 vPosition;
+
+  vec3 sampleGradient(float amount) {
+    vec3 color = stopColors[0];
+    for (int index = 1; index < MAX_STOPS; index++) {
+      if (index >= stopCount) break;
+      if (amount <= stopOffsets[index]) {
+        float width = max(0.0001, stopOffsets[index] - stopOffsets[index - 1]);
+        return mix(stopColors[index - 1], stopColors[index], clamp((amount - stopOffsets[index - 1]) / width, 0.0, 1.0));
+      }
+      color = stopColors[index];
+    }
+    return color;
+  }
+
+  void main() {
+    vec2 delta = vPosition - center;
+    float amount;
+    if (gradientType == 1) {
+      amount = clamp(length(delta) / radius, 0.0, 1.0);
+    } else if (gradientType == 2) {
+      amount = fract(atan(delta.y, delta.x) / 6.28318530718 + 0.5 + angleOffset);
+    } else {
+      amount = clamp(dot(delta, direction) + 0.5, 0.0, 1.0);
+    }
+    gl_FragColor = vec4(sampleGradient(amount), opacity);
+  }
+`,an={linear:0,radial:1,angular:2},Qe=({opacity:e=1,value:n})=>{const t=s.useMemo(()=>{const o=Ye(n),a=Z.MathUtils.degToRad(o.angle),l=o.stops.map(p=>new Z.Color(p.color)),f=o.stops.map(p=>p.offset);for(;l.length<me;)l.push(l[l.length-1]);for(;f.length<me;)f.push(1);return{stopColors:l,stopOffsets:f,stopCount:o.stops.length,gradientType:an[o.type],direction:new Z.Vector2(Math.cos(a),Math.sin(a)),center:new Z.Vector2(o.center.x-.5,.5-o.center.y),radius:o.radius,angleOffset:o.angle/360,opacity:e}},[e,n]),r=qe(t);return i.jsx("shaderMaterial",{uniforms:r,vertexShader:rn,fragmentShader:sn,transparent:e<1,depthTest:!1,depthWrite:!1,toneMapped:!1})},on="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO2YpZcAAAAASUVORK5CYII=",ln={source:"solid",color:"#ffffff",opacity:1,textureUrl:"",gradient:V},Ne=e=>({...V,stops:[{offset:0,color:"#ffffff"},{offset:1,color:e}]}),cn=({depthTest:e,depthWrite:n,settings:t,side:r,toneMapped:o})=>{const a=ee.useLoader(M.TextureLoader,t.textureUrl||on);return i.jsx("meshBasicMaterial",{color:t.color,map:a,transparent:!0,opacity:t.opacity,side:r,depthWrite:n,depthTest:e,toneMapped:o})},Je=({depthTest:e=!1,depthWrite:n=!1,settings:t,side:r,toneMapped:o=!1})=>{const a=s.useMemo(()=>t.gradient??Ne(t.color),[t.color,t.gradient]);return t.source==="gradient"?i.jsx(Qe,{value:a,opacity:t.opacity}):t.source==="texture"?i.jsx(cn,{settings:t,side:r,depthTest:e,depthWrite:n,toneMapped:o}):i.jsx("meshBasicMaterial",{color:t.color,transparent:!0,opacity:t.opacity,side:r,depthWrite:n,depthTest:e,toneMapped:o})},xe=Math.PI/180,Te=180/Math.PI,G=e=>Number(e.toFixed(6)),Ue={enabled:!0,linked:{position:!1,rotation:!1,scale:!1},showTransformControls:!1,transformControlMode:"translate",transformControlSpace:"local",position:{x:0,y:0,z:0},rotation:{x:0,y:0,z:0},scale:{x:1,y:1,z:1},visible:!0},un=({children:e,objectRef:n,onChange:t,value:r})=>{const o=s.useRef(null),a=s.useRef(n);a.current=n;const[l,f]=s.useState(null),p=s.useCallback(c=>{var U;o.current=c,f(c),(U=a.current)==null||U.call(a,c)},[]),y=s.useCallback(()=>{const c=o.current;!c||!t||t({...r,position:{x:G(c.position.x),y:G(c.position.y),z:G(c.position.z)},rotation:{x:G(c.rotation.x*Te),y:G(c.rotation.y*Te),z:G(c.rotation.z*Te)},scale:{x:G(c.scale.x),y:G(c.scale.y),z:G(c.scale.z)}})},[t,r]);return r.enabled?i.jsxs(i.Fragment,{children:[i.jsx("group",{ref:p,position:[r.position.x,r.position.y,r.position.z],rotation:[r.rotation.x*xe,r.rotation.y*xe,r.rotation.z*xe],scale:[r.scale.x,r.scale.y,r.scale.z],visible:r.visible,children:e}),l&&r.showTransformControls&&i.jsx(en.TransformControls,{object:l,mode:r.transformControlMode,space:r.transformControlSpace,size:.85,onMouseUp:y,onObjectChange:y})]}):null},h={basic:"basic",standard:"standard",physical:"physical",toon:"toon",normal:"normal",matcap:"matcap",wireframe:"wireframe",shader:"shader"},j={originalFace:"originalFace",composite:"composite"},H={none:"none",canonical:"canonical",style2:"style2"},Y={none:"none",canonical:"canonical"},re={solid:"solid",gradient:"gradient",imageUrl:"imageUrl",mediaUrl:"mediaUrl"},te={front:"front",back:"back",double:"double"},De={normal:"normal",add:"add",subtract:"subtract",multiply:"multiply",screen:"screen",overlay:"overlay",softLight:"softLight",hardLight:"hardLight",lighten:"lighten",darken:"darken",difference:"difference",exclusion:"exclusion"},fn={textureMap:H.canonical,alphaMap:Y.canonical,alphaOpacity:1},$e={...fn,blendMode:De.hardLight,blendOpacity:.85,baseColor:"#ffffff",opacity:1,compositeShading:!0},F={materialType:h.basic,shaderPreset:j.originalFace,textureMap:H.none,alphaMap:Y.none,alphaOpacity:1,side:te.front,blendMode:De.normal,blendOpacity:1,baseColor:"#38bdf8",opacity:.45,compositeShading:!1};h.shader,j.composite,te.front;const de={mouth:!0,eyes:!0,nose:!0},ne={textureSource:re.solid,color:"#111111",opacity:.5},dn=24,Ze=10,Pe=(e,n,t)=>e!==h.shader?"none":n===j.originalFace?"originalFace":n===j.composite?t===H.none?"originalFace":"composite":"none",mn=(e,n)=>e===h.basic||e===h.standard||e===h.physical||e===h.toon||e===h.shader&&n===j.composite,hn=(e,n,t=H.canonical)=>Pe(e,n,t)==="composite",pn=(e,n,t)=>Pe(e,n,t)==="originalFace",he=e=>e===re.imageUrl||e===re.mediaUrl,et=e=>e===re.solid||e===re.gradient,Se=new Set([61,146,91,181,84,17,314,405,321,375,291,78,95,88,178,87,14,317,402,318,324,308,191,80,81,82,13,312,311,310,415]),Ie=[61,146,91,181,84,17,314,405,321,375,291,409,270,269,267,0,37,39,40,185],Le=[78,95,88,178,87,14,317,402,318,324,308,415,310,311,312,13,82,81,80,191],ve=new Set([33,7,163,144,145,153,154,155,133,173,157,158,159,160,161,246]),Ce=new Set([362,382,381,380,374,373,390,249,263,466,388,387,386,385,384,398]),En=[814,815,816,817,818,819,830,831,832,833],yn=new Set(En),gn=(e,n,t)=>{const r=Se.has(e)&&Se.has(n)&&Se.has(t),o=ve.has(e)&&ve.has(n)&&ve.has(t),a=Ce.has(e)&&Ce.has(n)&&Ce.has(t);return r?"mouth":o?"leftEye":a?"rightEye":"base"},tt=e=>{const n=[],t=[],r=[],o=[],a=[],l=[],f=[],p=[];let y=0,c=0;e.split(`
+`).forEach(g=>{const S=g.trim();if(!S)return;if(S.startsWith("v ")){y+=1;return}if(S.startsWith("vt ")){const[,C,m]=S.split(/\s+/);f.push([Number(C),Number(m)]);return}if(!S.startsWith("f "))return;const v=c;c+=1;const[,...O]=S.split(/\s+/),L=O.map(C=>{const[m,A]=C.split("/"),E=Number(m)-1,x=Number(A)-1;return x>=0&&f[x]&&!p[E]&&(p[E]=f[x]),E});if(!(L.length<3))for(let C=1;C<L.length-1;C+=1){const m=L[0],A=L[C],E=L[C+1];n.push(m,A,E);const x=gn(m,A,E);yn.has(v)?l.push(m,A,E):x==="mouth"?r.push(m,A,E):x==="leftEye"?o.push(m,A,E):x==="rightEye"?a.push(m,A,E):t.push(m,A,E)}});const U=[];for(let g=0;g<y;g+=1){const[S,v]=p[g]??[0,0];U.push(S,v)}const I=new Uint16Array(o),K=new Uint16Array(a),b=new Uint16Array(o.length+a.length);b.set(I),b.set(K,I.length);const _=X.triangleIdsToVertices(X.collectRingBandTriangles(n,Ie,Le),n);return{baseIndices:new Uint16Array(t),mouthIndices:new Uint16Array(r),lipIndices:_,lipEdgeDistance:X.computeRingDistance(_,y,Ie,Le),leftEyeIndices:I,rightEyeIndices:K,eyeIndices:b,noseIndices:new Uint16Array(l),uvs:new Float32Array(U),vertexCount:y}},Mn="canonical_face_model.obj",An=new TextDecoder("utf-8"),ke=new Map,Rn=e=>{const n=ke.get(e);if(n)return n;const t=W.fetchAndVerify(e).then(r=>tt(An.decode(r))).catch(r=>{throw ke.delete(e),r});return ke.set(e,t),t},nt=e=>{const{mesh:n,url:t}=e??{},r=t??`${W.libConfig.sdkAssetsBaseUrl}/${Mn}`,[o,a]=s.useState(n??null);return s.useEffect(()=>{if(n){a(n);return}let l=!1;return Rn(r).then(f=>{l||a(f)}).catch(f=>{l||console.error(`${W.libConfig.loggerPrefix} canonical face mesh load failed`,f)}),()=>{l=!0}},[n,r]),o},Oe={normal:0,add:1,subtract:2,multiply:3,screen:4,overlay:5,softLight:6,hardLight:7,lighten:8,darken:9,difference:10,exclusion:11},bn=`
+  attribute vec2 faceUv;
+  varying vec2 vUv;
+  varying vec2 vFaceUv;
+  varying vec3 vNormal;
+
+  void main() {
+    vUv = uv;
+    vFaceUv = faceUv;
+    vNormal = normalize(normalMatrix * normal);
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`,_n=`
+  uniform sampler2D cameraTexture;
+  uniform sampler2D canonicalTexture;
+  uniform sampler2D alphaMask;
+  uniform vec3 textureTint;
+  uniform float opacity;
+  uniform int blendMode;
+  uniform float blendOpacity;
+  uniform float useCanonicalTexture;
+  uniform float useAlphaMask;
+  uniform float alphaOpacity;
+  uniform float compositeShading;
+  uniform vec3 lightDirection;
+  uniform float ambientStrength;
+  uniform float directionalStrength;
+  varying vec2 vUv;
+  varying vec2 vFaceUv;
+  varying vec3 vNormal;
+
+  vec3 linearToSrgb(vec3 value) {
+    vec3 low = value * 12.92;
+    vec3 high = 1.055 * pow(max(value, vec3(0.0)), vec3(1.0 / 2.4)) - 0.055;
+    return mix(high, low, step(value, vec3(0.0031308)));
+  }
+
+  vec3 srgbToLinear(vec3 value) {
+    vec3 low = value / 12.92;
+    vec3 high = pow(max((value + 0.055) / 1.055, vec3(0.0)), vec3(2.4));
+    return mix(high, low, step(value, vec3(0.04045)));
+  }
+
+  float overlayChannel(float base, float blend) {
+    return base < 0.5 ? 2.0 * base * blend : 1.0 - 2.0 * (1.0 - base) * (1.0 - blend);
+  }
+
+  float hardLightChannel(float base, float blend) {
+    return blend < 0.5 ? 2.0 * base * blend : 1.0 - 2.0 * (1.0 - base) * (1.0 - blend);
+  }
+
+  float softLightChannel(float base, float blend) {
+    if (blend <= 0.5) {
+      return base - (1.0 - 2.0 * blend) * base * (1.0 - base);
+    }
+
+    float d = base <= 0.25
+      ? ((16.0 * base - 12.0) * base + 4.0) * base
+      : sqrt(base);
+
+    return base + (2.0 * blend - 1.0) * (d - base);
+  }
+
+  vec3 applyBlendMode(vec3 base, vec3 blend, int mode) {
+    if (mode == 0) return blend;
+    if (mode == 1) return min(base + blend, 1.0);
+    if (mode == 2) return max(base - blend, 0.0);
+    if (mode == 3) return base * blend;
+    if (mode == 4) return 1.0 - (1.0 - base) * (1.0 - blend);
+    if (mode == 5) {
+      return vec3(
+        overlayChannel(base.r, blend.r),
+        overlayChannel(base.g, blend.g),
+        overlayChannel(base.b, blend.b)
+      );
+    }
+    if (mode == 6) {
+      return vec3(
+        softLightChannel(base.r, blend.r),
+        softLightChannel(base.g, blend.g),
+        softLightChannel(base.b, blend.b)
+      );
+    }
+    if (mode == 7) {
+      return vec3(
+        hardLightChannel(base.r, blend.r),
+        hardLightChannel(base.g, blend.g),
+        hardLightChannel(base.b, blend.b)
+      );
+    }
+    if (mode == 8) return max(base, blend);
+    if (mode == 9) return min(base, blend);
+    if (mode == 10) return abs(base - blend);
+    return base + blend - 2.0 * base * blend;
+  }
+
+  void main() {
+    vec3 base = linearToSrgb(texture2D(cameraTexture, vFaceUv).rgb);
+    vec4 textureSample = texture2D(canonicalTexture, vUv);
+    vec3 blend = linearToSrgb(textureSample.rgb) * textureTint;
+    float light = ambientStrength + max(dot(normalize(vNormal), normalize(lightDirection)), 0.0) * directionalStrength;
+    blend *= mix(1.0, clamp(light, 0.35, 1.35), compositeShading);
+    float maskSample = texture2D(alphaMask, vUv).r;
+    float mask = useAlphaMask > 0.5 ? mix(1.0, maskSample, alphaOpacity) : 1.0;
+    float textureAlpha = useCanonicalTexture > 0.5 ? textureSample.a : 1.0;
+    vec3 blended = applyBlendMode(base, blend, blendMode);
+    vec3 color = useCanonicalTexture > 0.5 ? mix(base, blended, blendOpacity) : base;
+    gl_FragColor = vec4(srgbToLinear(color), opacity * mask * textureAlpha);
+    // Blending above runs in sRGB; the result is linear here and three only
+    // encodes built-in materials, so encode for the output colour space.
+    #include <colorspace_fragment>
+  }
+`,rt=({alphaMap:e,alphaOpacity:n,blendMode:t,blendOpacity:r,cameraTexture:o,color:a,compositeShading:l,faceAlphaMaskUrl:f,faceTextureStyle2Url:p,faceTextureUrl:y,masked:c=!1,maskColor:U,maskOpacity:I,maskSourceUrl:K,maskTextureSource:b,materialType:_,opacity:g,shaderPreset:S,side:v,textureMap:O})=>{const L=ee.useLoader(M.TextureLoader,y||X.TRANSPARENT_TEXTURE_DATA_URL),C=ee.useLoader(M.TextureLoader,p||y||X.TRANSPARENT_TEXTURE_DATA_URL),m=ee.useLoader(M.TextureLoader,f||X.TRANSPARENT_TEXTURE_DATA_URL),A=s.useMemo(()=>X.createToonGradientTexture(),[]),E=s.useMemo(()=>X.createMatcapTexture(),[]);s.useEffect(()=>()=>{A.dispose(),E.dispose()},[E,A]);const x=O===H.style2?C:L,$=O!==H.none,ie=Pe(_,S,O),pe=["composite-material",O,e,n,t,r,l?"lit":"flat",a,g,y,p,f].join("|"),B={side:v,transparent:!0,opacity:g,wireframe:!1},Ee=s.useMemo(()=>({source:he(b)?"texture":b,color:et(b)?U:"#ffffff",opacity:I,textureUrl:he(b)?K:"",gradient:Ne(U)}),[U,I,K,b]),R=s.useMemo(()=>({cameraTexture:{value:null},canonicalTexture:{value:null},alphaMask:{value:null},textureTint:{value:new M.Color(a)},opacity:{value:g},blendMode:{value:Oe[t]},blendOpacity:{value:r},useCanonicalTexture:{value:$?1:0},useAlphaMask:{value:e===Y.canonical?1:0},alphaOpacity:{value:n},compositeShading:{value:l?1:0},lightDirection:{value:new M.Vector3(.3,.65,.7).normalize()},ambientStrength:{value:.78},directionalStrength:{value:.38}}),[e,n,t,r,a,l,$,g]);if(s.useEffect(()=>{R.cameraTexture.value=o??L,R.canonicalTexture.value=x,R.alphaMask.value=m,R.textureTint.value.set(a),R.opacity.value=g,R.blendMode.value=Oe[t],R.blendOpacity.value=r,R.useCanonicalTexture.value=$?1:0,R.useAlphaMask.value=e===Y.canonical?1:0,R.alphaOpacity.value=n,R.compositeShading.value=l?1:0},[e,m,n,t,r,o,a,l,R,L,$,g,x]),c)return i.jsx(Je,{settings:Ee,side:v},`masked-${b}-material`);if(_===h.wireframe)return i.jsx("meshBasicMaterial",{color:a,transparent:!0,opacity:g,side:v,depthWrite:!1,depthTest:!1,wireframe:!0,toneMapped:!1},"wireframe-material");if(ie==="originalFace"&&o)return i.jsx("meshBasicMaterial",{map:o,alphaMap:m,transparent:!0,opacity:g,side:v,depthWrite:!1,depthTest:!0,toneMapped:!1},"use-original-face-material");if(ie==="composite"&&o)return i.jsx("shaderMaterial",{uniforms:R,vertexShader:bn,fragmentShader:_n,transparent:!0,side:v,depthWrite:!1,depthTest:!0,toneMapped:!1},pe);const Q=$?x:null,z=e===Y.canonical&&n>0?m:null,J=`${_}-${O}-${e}-${n>0?"alpha-on":"alpha-off"}`;return _===h.standard?i.jsx("meshStandardMaterial",{...B,color:a,map:Q??void 0,alphaMap:z??void 0,depthWrite:!0,depthTest:!0,metalness:.05,roughness:.72},J):_===h.physical?i.jsx("meshPhysicalMaterial",{...B,color:a,map:Q??void 0,alphaMap:z??void 0,depthWrite:!0,depthTest:!0,roughness:.58,metalness:.08,clearcoat:.35,clearcoatRoughness:.4},J):_===h.toon?i.jsx("meshToonMaterial",{...B,color:a,map:Q??void 0,alphaMap:z??void 0,gradientMap:A,depthWrite:!0,depthTest:!0},J):_===h.normal?i.jsx("meshNormalMaterial",{...B,depthWrite:!0,depthTest:!0,flatShading:!1},"normal-material"):_===h.matcap?i.jsx("meshMatcapMaterial",{...B,color:a,matcap:E,depthWrite:!0,depthTest:!0},"matcap-material"):i.jsx("meshBasicMaterial",{...B,color:a,map:Q??void 0,alphaMap:z??void 0,depthWrite:!1,depthTest:O!==H.none||e!==Y.none,toneMapped:!1},J)},st=[{key:"base",getIndices:e=>e.baseIndices,masked:!1,renderOrderOffset:0},{key:"mouth",getIndices:e=>e.mouthIndices,masked:!1,renderOrderOffset:2},{key:"lips",getIndices:e=>e.lipIndices,masked:!1,renderOrderOffset:3},{key:"left-eye",getIndices:e=>e.leftEyeIndices,masked:!1,renderOrderOffset:2},{key:"right-eye",getIndices:e=>e.rightEyeIndices,masked:!1,renderOrderOffset:2},{key:"nose",getIndices:e=>e.noseIndices,masked:!1,renderOrderOffset:2},{key:"mouth-mask",getIndices:e=>e.mouthIndices,masked:!0,renderOrderOffset:3},{key:"left-eye-mask",getIndices:e=>e.leftEyeIndices,masked:!0,renderOrderOffset:3},{key:"right-eye-mask",getIndices:e=>e.rightEyeIndices,masked:!0,renderOrderOffset:3},{key:"nose-mask",getIndices:e=>e.noseIndices,masked:!0,renderOrderOffset:3}],at=(e,n)=>n?{"left-eye":e.leftEye,"right-eye":e.rightEye,"left-eye-mask":e.leftEyeMask,"right-eye-mask":e.rightEyeMask}:{"left-eye":e.rightEye,"right-eye":e.leftEye,"left-eye-mask":e.rightEyeMask,"right-eye-mask":e.leftEyeMask},xn={[te.front]:M.FrontSide,[te.back]:M.BackSide,[te.double]:M.DoubleSide},Tn=e=>({position:new M.BufferAttribute(new Float32Array(e.vertexCount*3),3),uv:new M.BufferAttribute(new Float32Array(e.uvs),2),faceUv:new M.BufferAttribute(new Float32Array(e.vertexCount*2),2),lipEdge:new M.BufferAttribute(new Float32Array(e.lipEdgeDistance),1)}),Sn=(e,n,t)=>{e.setAttribute("position",n.position),e.setAttribute("uv",n.uv),e.setAttribute("faceUv",n.faceUv),e.setAttribute("lipEdge",n.lipEdge),e.setIndex(new M.BufferAttribute(t,1))},ot=({faceIndex:e=0,baseColor:n,color:t=F.baseColor,opacity:r=F.opacity,materialType:o=F.materialType,shaderPreset:a=F.shaderPreset,textureMap:l=F.textureMap,alphaMap:f=F.alphaMap,alphaOpacity:p=F.alphaOpacity,side:y=F.side,blendMode:c=F.blendMode,blendOpacity:U=F.blendOpacity,showOverlayMask:I=!1,showMouthMask:K=de.mouth,showEyeMask:b=de.eyes,showLeftEyeMask:_,showRightEyeMask:g,showNoseMask:S=de.nose,showEyeGeometry:v=!0,showLeftEyeGeometry:O,showRightEyeGeometry:L,showMouthGeometry:C=!0,showLipsGeometry:m=!1,showBaseGeometry:A=!0,showNoseGeometry:E=!0,maskTextureSource:x=ne.textureSource,maskSourceUrl:$="",maskColor:ie=ne.color,maskOpacity:pe=ne.opacity,faceTextureUrl:B="",faceTextureStyle2Url:Ee="",faceAlphaMaskUrl:R="",compositeShading:Q=!1,transform:z,renderOrder:J=Ze,externalScale:ye=1,mesh:ht,meshUrl:pt,materialOverride:se,maxUpdateFps:Et,holdMs:we=250,predictMs:Ge=0})=>{const ge=_e.useXRModelNode(W.XRModel.FACE_TRACKER),je=_e.useXRCameraTexture(),{camera:yt}=ee.useThree(),N=nt({mesh:ht,url:pt}),He=s.useRef(null),gt=s.useRef(null),Mt=s.useRef(null),At=s.useRef(null),Rt=s.useRef(null),bt=s.useRef(null),_t=s.useRef(null),xt=s.useRef(null),Tt=s.useRef(null),St=s.useRef(null),vt=s.useRef(null),Ct=s.useRef(null),kt=s.useRef(null),Ft=s.useRef(null),Ut=s.useRef(null),It=s.useRef(null),Lt=s.useRef(null),Ot=s.useRef(null),Nt=s.useRef(null),Dt=s.useRef(null),T=s.useMemo(()=>N?Tn(N):null,[N]),Be=s.useRef(null),ze=s.useRef(-1/0),le=s.useRef(null);le.current||(le.current=new W.FaceTrackMemory({holdMs:we,predictMs:Ge})),le.current.setOptions({holdMs:we,predictMs:Ge});const Pt=s.useRef(new M.Vector3),wt=s.useRef({x:0,y:0,z:0}),Gt=s.useRef({x:0,y:0,z:0}),ce=s.useRef(!1),jt=xn[y],Ht=n??t,Bt=_e.useXRMirrored(),ue=at({leftEye:O??v,rightEye:L??v,leftEyeMask:I||(_??b),rightEyeMask:I||(g??b)},Bt),zt=I||K,Xt=I||S,Vt={base:He,mouth:gt,lips:Mt,"left-eye":At,"right-eye":Rt,nose:bt,"mouth-mask":_t,"left-eye-mask":xt,"right-eye-mask":Tt,"nose-mask":St},Wt={base:vt,mouth:Ct,lips:kt,"left-eye":Ft,"right-eye":Ut,nose:It,"mouth-mask":Lt,"left-eye-mask":Ot,"right-eye-mask":Nt,"nose-mask":Dt},Kt={base:A,mouth:C,lips:m,"left-eye":ue["left-eye"],"right-eye":ue["right-eye"],nose:E,"mouth-mask":zt,"left-eye-mask":ue["left-eye-mask"],"right-eye-mask":ue["right-eye-mask"],"nose-mask":Xt},$t=d=>i.jsx(rt,{alphaMap:f,alphaOpacity:p,blendMode:c,blendOpacity:U,cameraTexture:je,color:Ht,compositeShading:Q,faceAlphaMaskUrl:R,faceTextureStyle2Url:Ee,faceTextureUrl:B,masked:d,maskColor:ie,maskOpacity:pe,maskSourceUrl:$,maskTextureSource:x,materialType:o,opacity:r,shaderPreset:a,side:jt,textureMap:l}),q=st.map(d=>({...d,geometryRef:Vt[d.key],meshRef:Wt[d.key],visible:Kt[d.key]})),qt=d=>Fe.projectLandmarkWithDepth(d,yt,Pt.current);return ee.useFrame(d=>{var We,Ke;const P=He.current,ae=(Ke=(We=ge==null?void 0:ge.detectionResults)==null?void 0:We.faceLandmarks)==null?void 0:Ke[e],Yt=q.every(u=>u.geometryRef.current&&u.meshRef.current);if(!N||!T||!P||!Yt)return;const w=le.current.update([ae??[]],d.clock.elapsedTime*1e3)[0];if(!w||w.length<N.vertexCount){q.forEach(u=>{u.meshRef.current.visible=!1});return}if((Be.current!==N||q.some(u=>!u.geometryRef.current.index))&&(q.forEach(u=>{Sn(u.geometryRef.current,T,u.getIndices(N))}),T.uv.needsUpdate=!0,T.lipEdge.needsUpdate=!0,Be.current=N,ce.current=!1),Zt.shouldSkipUpdate(d.clock.elapsedTime,ze.current,Et))return;ze.current=d.clock.elapsedTime;const Me=T.position.array,Xe=T.faceUv.array,Ae=T.uv.array,Ve=pn(o,a,l),k=z?Gt.current:null;if(k){k.x=0,k.y=0,k.z=0;for(let u=0;u<w.length;u++){const D=w[u];k.x+=D.x,k.y+=D.y,k.z+=D.z}k.x/=w.length,k.y/=w.length,k.z/=w.length}const Qt=Math.min(w.length,N.vertexCount);for(let u=0;u<Qt;u++){const D=w[u],Jt=z&&k?Fe.transformFaceMeshLandmark(D,k,z,wt.current):D,Re=u*3,fe=u*2,be=qt(Jt);Me[Re]=be.x,Me[Re+1]=be.y,Me[Re+2]=be.z,Xe[fe]=D.x,Xe[fe+1]=1-D.y,Ve&&(Ae[fe]=D.x,Ae[fe+1]=1-D.y)}Ve?(P.attributes.uv.needsUpdate=!0,ce.current=!0):ce.current&&(Ae.set(N.uvs),P.attributes.uv.needsUpdate=!0,ce.current=!1),q.forEach(u=>{u.meshRef.current.visible=u.visible}),P.attributes.position.needsUpdate=!0,P.attributes.faceUv.needsUpdate=!0,q.forEach(u=>{u.geometryRef.current.computeVertexNormals()})}),i.jsx("group",{scale:[ye,ye,ye],children:q.map(d=>{const P=se?typeof se=="function"?se({cameraTexture:je??null,geometryKey:d.key,faceUv:(T==null?void 0:T.faceUv)??null,lipEdge:(T==null?void 0:T.lipEdge)??null}):se:void 0,ae=P instanceof M.Material?P:void 0;return i.jsxs("mesh",{ref:d.meshRef,renderOrder:J+d.renderOrderOffset,frustumCulled:!1,material:ae,children:[i.jsx("bufferGeometry",{ref:d.geometryRef}),ae?null:se?P:$t(d.masked)]},`${d.key}:${ae?"instance":"node"}`)})})},it=`${W.libConfig.sdkAssetsBaseUrl}/Canonical_Face_Color.png`,lt=`${W.libConfig.sdkAssetsBaseUrl}/Canonical_Face_Color_style_2.png`,ct=`${W.libConfig.sdkAssetsBaseUrl}/Canonical_Face_Color_Mask.png`,ut={...Ue,position:{...Ue.position,y:.001}},vn={enabled:!0,faceIndex:0,targetFps:dn,...F,showLeftEyeGeometry:!0,showRightEyeGeometry:!0,showMouthGeometry:!0,showNoseGeometry:!0,externalScale:1,showOverlayMask:!1,showMouthMask:!1,showLeftEyeMask:!1,showRightEyeMask:!1,showNoseMask:!1,maskTextureSource:ne.textureSource,maskSourceUrl:"",maskColor:ne.color,maskOpacity:ne.opacity,faceTextureUrl:it,faceTextureStyle2Url:lt,faceAlphaMaskUrl:ct,renderOrder:Ze},ft=e=>{const{externalMeshUrl:n,...t}=e;return{...t,color:t.baseColor,meshUrl:n}},dt=({materialOverride:e,value:n})=>({...ft(n),materialOverride:e}),Cn=(e,n)=>{const t={...e,...n};return n.maskTextureSource&&!he(n.maskTextureSource)&&(t.maskSourceUrl=""),t.materialType===h.shader&&n.shaderPreset===j.composite?{...t,...$e,materialType:h.shader,shaderPreset:j.composite}:t.materialType===h.shader&&t.shaderPreset===j.composite&&t.textureMap===H.none?{...t,textureMap:$e.textureMap}:t},kn=({transform:e,value:n,materialOverride:t})=>n.enabled?i.jsxs(i.Fragment,{children:[i.jsx(Fe.FaceTracker,{active:n.enabled,faceIndex:n.faceIndex,numFaces:n.faceIndex+1,targetFps:n.targetFps}),i.jsx(ot,{...dt({value:n,materialOverride:t}),transform:e??ut})]}):null,mt=30,Fn=31,Un=(e,n=1)=>{const t=n+e;if(t<1||t>mt)throw new RangeError(`Render-group layer ${t} is outside the supported range 1-30.`);return t},oe=new WeakMap,In=e=>oe.get(e)??null,Ln=({renderer:e,scene:n,camera:t,layers:r,includeDefaultLayer:o=!0})=>{const a=t.layers.mask,l=e.autoClear,f=oe.get(e);try{if(e.autoClear=!1,e.clear(!0,!0,!0),r.length===0){t.layers.set(0),e.render(n,t);return}const p={index:0,count:r.length};oe.set(e,p),r.forEach((y,c)=>{p.index=c,t.layers.set(y),o&&y!==0&&t.layers.enable(0),c>0&&e.clearDepth(),e.render(n,t)})}finally{f?oe.set(e,f):oe.delete(e),t.layers.mask=a,e.autoClear=l}};exports.CANONICAL_FACE_MESH_GEOMETRY_SPECS=st;exports.CANONICAL_INNER_LIP_RING=Le;exports.CANONICAL_OUTER_LIP_RING=Ie;exports.CanonicalFaceMeshRenderer=ot;exports.DEFAULT_APPEARANCE=F;exports.DEFAULT_FACE_MESH_RENDERER=vn;exports.DEFAULT_FACE_MESH_TRANSFORM=ut;exports.DEFAULT_MASKING=de;exports.DEFAULT_MATERIAL_FILL=ln;exports.DEFAULT_SCREEN_GRADIENT=V;exports.DEFAULT_TRANSFORM_3D=Ue;exports.EXTERNAL_BACKGROUND_RENDER_LAYER=Fn;exports.FACE_MESH_ALPHA_MAPS=Y;exports.FACE_MESH_BLEND_MODES=De;exports.FACE_MESH_MASK_TEXTURE_SOURCES=re;exports.FACE_MESH_MATERIAL_TYPES=h;exports.FACE_MESH_SHADER_PRESETS=j;exports.FACE_MESH_SIDES=te;exports.FACE_MESH_TEXTURE_MAPS=H;exports.FaceMeshMaterial=rt;exports.FaceMeshRenderer=kn;exports.MAX_RENDER_GROUP_PASSES=mt;exports.MAX_SCREEN_GRADIENT_STOPS=me;exports.MaterialFill=Je;exports.ScreenGradientMaterial=Qe;exports.Transform3D=un;exports.blendModeIndices=Oe;exports.canonicalFaceAlphaMaskUrl=ct;exports.canonicalFaceTextureStyle2Url=lt;exports.canonicalFaceTextureUrl=it;exports.createTwoStopGradient=Ne;exports.getRenderGroupLayer=Un;exports.getRenderPassContext=In;exports.mapFaceMeshRendererProps=dt;exports.mapFaceMeshRendererSettingsToProps=ft;exports.normalizeScreenGradient=Ye;exports.parseCanonicalFaceModel=tt;exports.renderSequentialPasses=Ln;exports.resolveFaceMeshEyeVisibility=at;exports.resolveFaceMeshRendererSettings=Cn;exports.supportsBlendMode=hn;exports.supportsTexturePanel=mn;exports.useCanonicalFaceMesh=nt;exports.useStableUniforms=qe;exports.usesMaskColor=et;exports.usesMaskSourceUrl=he;

package/dist/renderState-CJNmj5jz.js

@@ -0,0 +1,39 @@
+import * as r from "three";
+const n = (e) => {
+  const s = Number(e);
+  return Number.isFinite(s) ? Math.max(0, Math.round(s)) : 0;
+}, o = (e, s) => {
+  const t = Number(s);
+  return Number.isFinite(t) ? Math.max(e + 1, Math.round(t)) : e + 1;
+}, c = -2.5, a = /* @__PURE__ */ Object.freeze({
+  prepass: -1.99,
+  contour: -1.9,
+  blush: -1.86,
+  highlighter: -1.83,
+  eyeshadow: -1.8,
+  eyeliner: -1.76,
+  brows: -1.72,
+  design: -1.68,
+  lips: -1.64,
+  restore: -1.55
+}), u = (e, s = !0) => s && e > a.prepass && e < a.restore, l = /* @__PURE__ */ Object.freeze({
+  blending: r.CustomBlending,
+  blendEquation: r.AddEquation,
+  blendSrc: r.OneFactor,
+  blendDst: r.OneMinusSrcAlphaFactor,
+  blendSrcAlpha: r.OneFactor,
+  blendDstAlpha: r.OneMinusSrcAlphaFactor,
+  transparent: !1
+}), b = /* @__PURE__ */ Object.freeze({
+  mouth: 1,
+  surface: 128
+});
+export {
+  c as F,
+  a as M,
+  n as a,
+  b,
+  l as c,
+  u as f,
+  o as r
+};

package/dist/renderState-apSfg4eR.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("three");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=o(a),u=e=>{const t=Number(e);return Number.isFinite(t)?Math.max(0,Math.round(t)):0},l=(e,t)=>{const r=Number(t);return Number.isFinite(r)?Math.max(e+1,Math.round(r)):e+1},E=-2.5,s=Object.freeze({prepass:-1.99,contour:-1.9,blush:-1.86,highlighter:-1.83,eyeshadow:-1.8,eyeliner:-1.76,brows:-1.72,design:-1.68,lips:-1.64,restore:-1.55}),i=(e,t=!0)=>t&&e>s.prepass&&e<s.restore,b=Object.freeze({blending:n.CustomBlending,blendEquation:n.AddEquation,blendSrc:n.OneFactor,blendDst:n.OneMinusSrcAlphaFactor,blendSrcAlpha:n.OneFactor,blendDstAlpha:n.OneMinusSrcAlphaFactor,transparent:!1}),R=Object.freeze({mouth:1,surface:128});exports.FACE_ATLAS_STENCIL=R;exports.FACE_RETOUCH_RENDER_ORDER=E;exports.MAKEUP_BLENDING=b;exports.MAKEUP_RENDER_ORDER=s;exports.faceAtlasLayerSelfOccludes=i;exports.resolveFaceIndex=u;exports.resolveNumFaces=l;

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("./index-BfFmpddl.cjs"),t=require("./renderGroups-Cb_4Ar1Q.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 "./index-w1S7fI2B.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-B38pUaX2.js";
 export {
   x as DEFAULT_RENDER_GROUP_IDS,
   _ as RENDER_GROUP_POLICIES,