@react-three/drei 10.4.0 → 10.4.2

package/core/Fbo.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("three"),r=require("@react-three/fiber");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e),i=n(t);function o(e,t,n){const o=r.useThree((e=>e.size)),s=r.useThree((e=>e.viewport)),a="number"==typeof e?e:o.width*s.dpr,l="number"==typeof t?t:o.height*s.dpr,f=("number"==typeof e?n:e)||{},{samples:c=0,depth:p,...d}=f,h=null!=p?p:f.depthBuffer,b=u.useMemo((()=>{const e=new i.WebGLRenderTarget(a,l,{minFilter:i.LinearFilter,magFilter:i.LinearFilter,type:i.HalfFloatType,...d});return h&&(e.depthTexture=new i.DepthTexture(a,l,i.FloatType)),e.samples=c,e}),[]);return u.useLayoutEffect((()=>{b.setSize(a,l),c&&(b.samples=c)}),[c,b,a,l]),u.useEffect((()=>()=>b.dispose()),[]),b}const s=e.forwardRef((({children:e,width:t,height:r,...n},i)=>{const s=o(t,r,n);return u.createElement(u.Fragment,null,null==e?void 0:e(s))}));exports.Fbo=s,exports.useFBO=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("three"),r=require("@react-three/fiber");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e),i=n(t);function o(e,t,n){const o=r.useThree((e=>e.size)),s=r.useThree((e=>e.viewport)),a="number"==typeof e?e:o.width*s.dpr,l="number"==typeof t?t:o.height*s.dpr,f=("number"==typeof e?n:e)||{},{samples:p=0,depth:c,...d}=f,h=null!=c?c:f.depthBuffer,b=u.useMemo((()=>{const e=new i.WebGLRenderTarget(a,l,{minFilter:i.LinearFilter,magFilter:i.LinearFilter,type:i.HalfFloatType,...d});return h&&(e.depthTexture=new i.DepthTexture(a,l,i.FloatType)),e.samples=p,e}),[]);return u.useLayoutEffect((()=>{b.setSize(a,l),p&&(b.samples=p)}),[p,b,a,l]),u.useEffect((()=>()=>b.dispose()),[]),b}const s=e.forwardRef((({children:t,width:r,height:n,...i},s)=>{const a=o(r,n,i);return e.useImperativeHandle(s,(()=>a),[a]),u.createElement(u.Fragment,null,null==t?void 0:t(a))}));exports.Fbo=s,exports.useFBO=o;

package/core/Fbo.d.ts

@@ -1,22 +1,21 @@
 import * as React from 'react';
 import * as THREE from 'three';
-type WebGLRenderTargetCtorParams = ConstructorParameters<typeof THREE.WebGLRenderTarget>;
-type WebGLRenderTargetOptions = WebGLRenderTargetCtorParams[2];
+import { type WebGLRenderTargetOptions } from 'three';
 type FBOSettings = {
     depth?: boolean;
 } & WebGLRenderTargetOptions;
-export declare function useFBO(width?: number | FBOSettings, height?: number, settings?: FBOSettings): THREE.WebGLRenderTarget;
+export declare function useFBO(width?: number | FBOSettings, height?: number, settings?: FBOSettings): THREE.WebGLRenderTarget<THREE.Texture>;
 type UseFBOParams = Parameters<typeof useFBO>;
 type Fbo = ReturnType<typeof useFBO>;
 export type FboProps = {
     children?: (target: Fbo) => React.ReactNode;
-    width: UseFBOParams[0];
-    height: UseFBOParams[1];
+    width?: UseFBOParams[0];
+    height?: UseFBOParams[1];
 } & FBOSettings;
 export declare const Fbo: React.ForwardRefExoticComponent<{
     children?: (target: Fbo) => React.ReactNode;
-    width: UseFBOParams[0];
-    height: UseFBOParams[1];
+    width?: UseFBOParams[0];
+    height?: UseFBOParams[1];
 } & {
     depth?: boolean;
 } & THREE.WebGLRenderTargetOptions & React.RefAttributes<THREE.WebGLRenderTarget<THREE.Texture>>>;

package/core/Fbo.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { forwardRef } from 'react';
+import { forwardRef, useImperativeHandle } from 'react';
 import * as THREE from 'three';
 import { useThree } from '@react-three/fiber';
 
@@ -55,6 +55,8 @@ const Fbo = /* @__PURE__ */forwardRef(({
   ...settings
 }, fref) => {
   const target = useFBO(width, height, settings);
+  useImperativeHandle(fref, () => target, [target]); // expose target through ref
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, children == null ? void 0 : children(target));
 });