@react-three/drei 11.0.0-alpha.4 → 11.0.0-alpha.6

package/experimental/index.d.mts

@@ -4,6 +4,7 @@ import { MarchingCubes as MarchingCubes$1 } from 'three/examples/jsm/objects/Mar
 import { ThreeElements, ReactThreeFiber, ThreeElement } from '@react-three/fiber';
 import * as React from 'react';
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { MeshBVHUniformStruct } from 'three-mesh-bvh';
 import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js';
 import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass.js';
 import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
@@ -149,12 +150,31 @@ declare module '@react-three/fiber' {
     }
 }
 
+declare module '@react-three/fiber' {
+    interface ThreeElements {
+        meshRefractionMaterial_: ThreeElements['shaderMaterial'] & {
+            envMap?: THREE.CubeTexture | THREE.Texture | null;
+            bounces?: number;
+            ior?: number;
+            correctMips?: boolean;
+            aberrationStrength?: number;
+            fresnel?: number;
+            bvh?: MeshBVHUniformStruct;
+            color?: ReactThreeFiber.Color;
+            opacity?: number;
+            resolution?: [number, number] | THREE.Vector2;
+            viewMatrixInverse?: THREE.Matrix4;
+            projectionMatrixInverse?: THREE.Matrix4;
+        };
+    }
+}
+
 declare module '@react-three/fiber' {
     interface ThreeElements {
         portalMaterialImpl: ThreeElements['shaderMaterial'] & {
             resolution: ReactThreeFiber.Vector2;
-            blur: number;
-            blend: number;
+            blur?: number;
+            blend?: number;
             size?: number;
             sdf?: THREE.Texture;
             map?: THREE.Texture;
@@ -197,8 +217,8 @@ declare module '@react-three/fiber' {
 }
 declare class SegmentObject {
     color: THREE.Color;
-    start: THREE.Vector3;
-    end: THREE.Vector3;
+    start?: THREE.Vector3;
+    end?: THREE.Vector3;
     constructor();
 }
 

package/experimental/index.d.ts

@@ -4,6 +4,7 @@ import { MarchingCubes as MarchingCubes$1 } from 'three/examples/jsm/objects/Mar
 import { ThreeElements, ReactThreeFiber, ThreeElement } from '@react-three/fiber';
 import * as React from 'react';
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import { MeshBVHUniformStruct } from 'three-mesh-bvh';
 import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js';
 import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass.js';
 import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
@@ -149,12 +150,31 @@ declare module '@react-three/fiber' {
     }
 }
 
+declare module '@react-three/fiber' {
+    interface ThreeElements {
+        meshRefractionMaterial_: ThreeElements['shaderMaterial'] & {
+            envMap?: THREE.CubeTexture | THREE.Texture | null;
+            bounces?: number;
+            ior?: number;
+            correctMips?: boolean;
+            aberrationStrength?: number;
+            fresnel?: number;
+            bvh?: MeshBVHUniformStruct;
+            color?: ReactThreeFiber.Color;
+            opacity?: number;
+            resolution?: [number, number] | THREE.Vector2;
+            viewMatrixInverse?: THREE.Matrix4;
+            projectionMatrixInverse?: THREE.Matrix4;
+        };
+    }
+}
+
 declare module '@react-three/fiber' {
     interface ThreeElements {
         portalMaterialImpl: ThreeElements['shaderMaterial'] & {
             resolution: ReactThreeFiber.Vector2;
-            blur: number;
-            blend: number;
+            blur?: number;
+            blend?: number;
             size?: number;
             sdf?: THREE.Texture;
             map?: THREE.Texture;
@@ -197,8 +217,8 @@ declare module '@react-three/fiber' {
 }
 declare class SegmentObject {
     color: THREE.Color;
-    start: THREE.Vector3;
-    end: THREE.Vector3;
+    start?: THREE.Vector3;
+    end?: THREE.Vector3;
     constructor();
 }
 

package/experimental/index.mjs

@@ -75,6 +75,7 @@ function shaderMaterial(uniforms, vertexShader, fragmentShader, onInit) {
         });
       }
       this.uniforms = THREE.UniformsUtils.clone(this.uniforms);
+      Object.assign(this, parameters);
     }
   };
 }

package/external/index.d.mts

@@ -1,9 +1,10 @@
+import * as _react_three_fiber from '@react-three/fiber';
 import { ThreeElements, ThreeElement, ReactThreeFiber, Vector2, Vector3 } from '@react-three/fiber';
 import * as React from 'react';
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, ReactNode } from 'react';
 import * as THREE from 'three';
 import { Mesh, Group, PerspectiveCamera, OrthographicCamera, EventDispatcher, MeshStandardMaterial, Texture, Matrix4, Color, ColorRepresentation } from 'three';
-import { SplitStrategy } from 'three-mesh-bvh';
+import { SplitStrategy, MeshBVHUniformStruct } from 'three-mesh-bvh';
 import CameraControlsImpl from 'camera-controls';
 export { default as CameraControlsImpl } from 'camera-controls';
 import { FaceLandmarkerResult, FaceLandmarkerOptions, FaceLandmarker as FaceLandmarker$1 } from '@mediapipe/tasks-vision';
@@ -205,12 +206,31 @@ declare module '@react-three/fiber' {
     }
 }
 
+declare module '@react-three/fiber' {
+    interface ThreeElements {
+        meshRefractionMaterial_: ThreeElements['shaderMaterial'] & {
+            envMap?: THREE.CubeTexture | THREE.Texture | null;
+            bounces?: number;
+            ior?: number;
+            correctMips?: boolean;
+            aberrationStrength?: number;
+            fresnel?: number;
+            bvh?: MeshBVHUniformStruct;
+            color?: ReactThreeFiber.Color;
+            opacity?: number;
+            resolution?: [number, number] | THREE.Vector2;
+            viewMatrixInverse?: THREE.Matrix4;
+            projectionMatrixInverse?: THREE.Matrix4;
+        };
+    }
+}
+
 declare module '@react-three/fiber' {
     interface ThreeElements {
         portalMaterialImpl: ThreeElements['shaderMaterial'] & {
             resolution: ReactThreeFiber.Vector2;
-            blur: number;
-            blend: number;
+            blur?: number;
+            blend?: number;
             size?: number;
             sdf?: THREE.Texture;
             map?: THREE.Texture;
@@ -262,8 +282,8 @@ declare module '@react-three/fiber' {
 }
 declare class SegmentObject {
     color: THREE.Color;
-    start: THREE.Vector3;
-    end: THREE.Vector3;
+    start?: THREE.Vector3;
+    end?: THREE.Vector3;
     constructor();
 }
 
@@ -292,7 +312,23 @@ type FacemeshApi = {
     eyeRightRef: React.RefObject<FacemeshEyeApi>;
     eyeLeftRef: React.RefObject<FacemeshEyeApi>;
 };
-declare const Facemesh: React.ForwardRefExoticComponent<Omit<FacemeshProps, "ref"> & React.RefAttributes<FacemeshApi>>;
+declare const Facemesh: React.ForwardRefExoticComponent<{
+    points?: MediaPipePoints;
+    face?: MediaPipeFaceMesh;
+    width?: number;
+    height?: number;
+    depth?: number;
+    verticalTri?: [number, number, number];
+    origin?: number | THREE.Vector3;
+    facialTransformationMatrix?: (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.facialTransformationMatrixes)[0];
+    offset?: boolean;
+    offsetScalar?: number;
+    faceBlendshapes?: (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.faceBlendshapes)[0];
+    eyes?: boolean;
+    eyesAsOrigin?: boolean;
+    debug?: boolean;
+    LineComponent?: React.ComponentType<LineProps>;
+} & Omit<_react_three_fiber.Mutable<_react_three_fiber.Overwrite<Partial<_react_three_fiber.Overwrite<THREE.Group<THREE.Object3DEventMap>, _react_three_fiber.MathProps<THREE.Group<THREE.Object3DEventMap>> & _react_three_fiber.ReactProps<THREE.Group<THREE.Object3DEventMap>> & Partial<_react_three_fiber.EventHandlers> & _react_three_fiber.NodeProps<THREE.Group<THREE.Object3DEventMap>>>>, Omit<_react_three_fiber.InstanceProps<THREE.Group<THREE.Object3DEventMap>, typeof THREE.Group>, "object">>>, "ref"> & React.RefAttributes<FacemeshApi>>;
 type FacemeshEyeProps = {
     side: 'left' | 'right';
     debug?: boolean;

package/external/index.d.ts

@@ -1,9 +1,10 @@
+import * as _react_three_fiber from '@react-three/fiber';
 import { ThreeElements, ThreeElement, ReactThreeFiber, Vector2, Vector3 } from '@react-three/fiber';
 import * as React from 'react';
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, RefObject, ReactNode } from 'react';
 import * as THREE from 'three';
 import { Mesh, Group, PerspectiveCamera, OrthographicCamera, EventDispatcher, MeshStandardMaterial, Texture, Matrix4, Color, ColorRepresentation } from 'three';
-import { SplitStrategy } from 'three-mesh-bvh';
+import { SplitStrategy, MeshBVHUniformStruct } from 'three-mesh-bvh';
 import CameraControlsImpl from 'camera-controls';
 export { default as CameraControlsImpl } from 'camera-controls';
 import { FaceLandmarkerResult, FaceLandmarkerOptions, FaceLandmarker as FaceLandmarker$1 } from '@mediapipe/tasks-vision';
@@ -205,12 +206,31 @@ declare module '@react-three/fiber' {
     }
 }
 
+declare module '@react-three/fiber' {
+    interface ThreeElements {
+        meshRefractionMaterial_: ThreeElements['shaderMaterial'] & {
+            envMap?: THREE.CubeTexture | THREE.Texture | null;
+            bounces?: number;
+            ior?: number;
+            correctMips?: boolean;
+            aberrationStrength?: number;
+            fresnel?: number;
+            bvh?: MeshBVHUniformStruct;
+            color?: ReactThreeFiber.Color;
+            opacity?: number;
+            resolution?: [number, number] | THREE.Vector2;
+            viewMatrixInverse?: THREE.Matrix4;
+            projectionMatrixInverse?: THREE.Matrix4;
+        };
+    }
+}
+
 declare module '@react-three/fiber' {
     interface ThreeElements {
         portalMaterialImpl: ThreeElements['shaderMaterial'] & {
             resolution: ReactThreeFiber.Vector2;
-            blur: number;
-            blend: number;
+            blur?: number;
+            blend?: number;
             size?: number;
             sdf?: THREE.Texture;
             map?: THREE.Texture;
@@ -262,8 +282,8 @@ declare module '@react-three/fiber' {
 }
 declare class SegmentObject {
     color: THREE.Color;
-    start: THREE.Vector3;
-    end: THREE.Vector3;
+    start?: THREE.Vector3;
+    end?: THREE.Vector3;
     constructor();
 }
 
@@ -292,7 +312,23 @@ type FacemeshApi = {
     eyeRightRef: React.RefObject<FacemeshEyeApi>;
     eyeLeftRef: React.RefObject<FacemeshEyeApi>;
 };
-declare const Facemesh: React.ForwardRefExoticComponent<Omit<FacemeshProps, "ref"> & React.RefAttributes<FacemeshApi>>;
+declare const Facemesh: React.ForwardRefExoticComponent<{
+    points?: MediaPipePoints;
+    face?: MediaPipeFaceMesh;
+    width?: number;
+    height?: number;
+    depth?: number;
+    verticalTri?: [number, number, number];
+    origin?: number | THREE.Vector3;
+    facialTransformationMatrix?: (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.facialTransformationMatrixes)[0];
+    offset?: boolean;
+    offsetScalar?: number;
+    faceBlendshapes?: (typeof FacemeshDatas.SAMPLE_FACELANDMARKER_RESULT.faceBlendshapes)[0];
+    eyes?: boolean;
+    eyesAsOrigin?: boolean;
+    debug?: boolean;
+    LineComponent?: React.ComponentType<LineProps>;
+} & Omit<_react_three_fiber.Mutable<_react_three_fiber.Overwrite<Partial<_react_three_fiber.Overwrite<THREE.Group<THREE.Object3DEventMap>, _react_three_fiber.MathProps<THREE.Group<THREE.Object3DEventMap>> & _react_three_fiber.ReactProps<THREE.Group<THREE.Object3DEventMap>> & Partial<_react_three_fiber.EventHandlers> & _react_three_fiber.NodeProps<THREE.Group<THREE.Object3DEventMap>>>>, Omit<_react_three_fiber.InstanceProps<THREE.Group<THREE.Object3DEventMap>, typeof THREE.Group>, "object">>>, "ref"> & React.RefAttributes<FacemeshApi>>;
 type FacemeshEyeProps = {
     side: 'left' | 'right';
     debug?: boolean;

package/external/index.mjs

@@ -8,7 +8,6 @@ import CameraControlsImpl from 'camera-controls';
 export { default as CameraControlsImpl } from 'camera-controls';
 import { easing } from 'maath';
 import { suspend, clear } from 'suspend-react';
-import { Events } from 'hls.js';
 import { Line2 } from 'three/examples/jsm/lines/Line2.js';
 import { LineSegments2 } from 'three/examples/jsm/lines/LineSegments2.js';
 import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js';
@@ -271,8 +270,8 @@ function useVideoTexture(srcOrSrcObject, {
       });
       if (src && IS_BROWSER && src.endsWith(".m3u8")) {
         const hls = hlsRef.current = await getHls(hlsConfig);
-        if (hls) {
-          hls.on(Events.MEDIA_ATTACHED, () => void hls.loadSource(src));
+        if (hls && _HLSModule) {
+          hls.on(_HLSModule.Events.MEDIA_ATTACHED, () => void hls.loadSource(src));
           hls.attachMedia(video2);
         }
       }
@@ -355,6 +354,7 @@ function shaderMaterial(uniforms, vertexShader, fragmentShader, onInit) {
         });
       }
       this.uniforms = THREE.UniformsUtils.clone(this.uniforms);
+      Object.assign(this, parameters);
     }
   };
 }
@@ -4378,7 +4378,7 @@ const FacemeshDatas = {
 
 const FaceLandmarkerContext = /* @__PURE__ */ createContext({});
 const FaceLandmarkerDefaults = {
-  basePath: "https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@0.10.17/wasm",
+  basePath: `https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@${"0.10.17"}/wasm`,
   options: {
     baseOptions: {
       modelAssetPath: "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task",