@react-three/drei 9.92.5 → 9.92.6

package/core/MeshDistortMaterial.d.ts

@@ -1,4 +1,4 @@
-import { MeshPhysicalMaterial, MeshPhysicalMaterialParameters, Shader } from 'three';
+import { IUniform, MeshPhysicalMaterial, MeshPhysicalMaterialParameters } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
 type DistortMaterialType = JSX.IntrinsicElements['meshPhysicalMaterial'] & {
     time?: number;
@@ -24,7 +24,12 @@ declare class DistortMaterialImpl extends MeshPhysicalMaterial {
     _distort: Uniform<number>;
     _radius: Uniform<number>;
     constructor(parameters?: MeshPhysicalMaterialParameters);
-    onBeforeCompile(shader: Shader): void;
+    onBeforeCompile(shader: {
+        vertexShader: string;
+        uniforms: {
+            [uniform: string]: IUniform;
+        };
+    }): void;
     get time(): number;
     set time(v: number);
     get distort(): number;

package/core/MeshDistortMaterial.js

@@ -18,6 +18,8 @@ class DistortMaterialImpl extends MeshPhysicalMaterial {
       value: 1
     };
   }
+
+  // FIXME Use `THREE.WebGLProgramParametersWithUniforms` type when able to target @types/three@0.160.0
   onBeforeCompile(shader) {
     shader.uniforms.time = this._time;
     shader.uniforms.radius = this._radius;

package/core/MeshWobbleMaterial.d.ts

@@ -1,4 +1,4 @@
-import { MeshStandardMaterial, MeshStandardMaterialParameters, Shader } from 'three';
+import { IUniform, MeshStandardMaterial, MeshStandardMaterialParameters } from 'three';
 import { ForwardRefComponent } from '../helpers/ts-utils';
 type WobbleMaterialType = JSX.IntrinsicElements['meshStandardMaterial'] & {
     time?: number;
@@ -23,7 +23,12 @@ declare class WobbleMaterialImpl extends MeshStandardMaterial {
     _time: Uniform<number>;
     _factor: Uniform<number>;
     constructor(parameters?: MeshStandardMaterialParameters);
-    onBeforeCompile(shader: Shader): void;
+    onBeforeCompile(shader: {
+        vertexShader: string;
+        uniforms: {
+            [uniform: string]: IUniform;
+        };
+    }): void;
     get time(): number;
     set time(v: number);
     get factor(): number;

package/core/MeshWobbleMaterial.js

@@ -14,6 +14,8 @@ class WobbleMaterialImpl extends MeshStandardMaterial {
       value: 1
     };
   }
+
+  // FIXME Use `THREE.WebGLProgramParametersWithUniforms` type when able to target @types/three@0.160.0
   onBeforeCompile(shader) {
     shader.uniforms.time = this._time;
     shader.uniforms.factor = this._factor;

package/core/useBoxProjectedEnv.d.ts

@@ -1,8 +1,19 @@
 import * as THREE from 'three';
 import * as React from 'react';
 import { ReactThreeFiber } from '@react-three/fiber';
+interface MaterialShader {
+    vertexShader: string;
+    fragmentShader: string;
+    defines: {
+        [define: string]: string | number | boolean;
+    } | undefined;
+    uniforms: {
+        [uniform: string]: THREE.IUniform;
+    };
+}
 export declare function useBoxProjectedEnv(position?: ReactThreeFiber.Vector3, size?: ReactThreeFiber.Vector3): {
     ref: React.MutableRefObject<THREE.Material>;
-    onBeforeCompile: (shader: THREE.Shader) => void;
+    onBeforeCompile: (shader: MaterialShader) => void;
     customProgramCacheKey: () => string;
 };
+export {};

package/core/useBoxProjectedEnv.js

@@ -47,7 +47,11 @@ const getIBLRadiance_patch = /* glsl */`
   reflectVec = parallaxCorrectNormal( reflectVec, envMapSize, envMapPosition );
 #endif
 `;
+
+// FIXME Replace with `THREE.WebGLProgramParametersWithUniforms` type when able to target @types/three@0.160.0
+
 function boxProjectedEnvMap(shader, envMapPosition, envMapSize) {
+  // defines
   shader.defines.BOX_PROJECTED_ENV_MAP = true;
   // uniforms
   shader.uniforms.envMapPosition = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/drei",
-  "version": "9.92.5",
+  "version": "9.92.6",
   "private": false,
   "description": "useful add-ons for react-three-fiber",
   "keywords": [