@react-three/drei 9.68.1 → 9.68.3

package/README.md

@@ -1887,7 +1887,7 @@ function Scene() {
 
 [![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.vercel.app/?path=/story/misc-example--example-st)
 
-> :warning: solely for [`CONTRIBUTING`](CONTRIBUTING.md#example) purposes
+> **Warning** solely for [`CONTRIBUTING`](CONTRIBUTING.md#example) purposes
 
 A "counter" example.
 

package/core/Example.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./Text3D.cjs.js"),t=require("./Center.cjs.js");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,c.get?c:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@babel/runtime/helpers/extends"),require("@react-three/fiber"),require("three-stdlib"),require("./useFont.cjs.js"),require("suspend-react"),require("three");var a=c(e);const n=a.forwardRef((({font:e,color:c="#cbcbcb",bevelSize:n=.04,debug:u=!1,children:l,...i},s)=>{const[o,b]=a.useState(0),f=a.useCallback(((e=1)=>b(o+e)),[o]),d=a.useCallback(((e=1)=>b(o-e)),[o]),m=a.useMemo((()=>({incr:f,decr:d})),[f,d]);return a.useImperativeHandle(s,(()=>m),[m]),a.createElement("group",i,a.createElement(t.Center,{top:!0,cacheKey:JSON.stringify({counter:o,font:e})},a.createElement(r.Text3D,{bevelEnabled:!0,bevelSize:n,font:e},o,u?a.createElement("meshNormalMaterial",{wireframe:!0}):a.createElement("meshStandardMaterial",{color:c}))),l)}));exports.Example=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./Text3D.cjs.js"),t=require("./Center.cjs.js");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@babel/runtime/helpers/extends"),require("@react-three/fiber"),require("three-stdlib"),require("./useFont.cjs.js"),require("suspend-react"),require("three");var c=a(e);const n=c.forwardRef((({font:e,color:a="#cbcbcb",bevelSize:n=.04,debug:l=!1,children:u,...s},i)=>{const[o,b]=c.useState(0),f=c.useCallback(((e=1)=>b(o+e)),[o]),d=c.useCallback(((e=1)=>b(o-e)),[o]),m=c.useMemo((()=>({incr:f,decr:d})),[f,d]);return c.useImperativeHandle(i,(()=>m),[m]),c.createElement("group",s,c.createElement(c.Suspense,{fallback:null},c.createElement(t.Center,{top:!0,cacheKey:JSON.stringify({counter:o,font:e})},c.createElement(r.Text3D,{bevelEnabled:!0,bevelSize:n,font:e},l?c.createElement("meshNormalMaterial",{wireframe:!0}):c.createElement("meshStandardMaterial",{color:a}),o))),u)}));exports.Example=n;

package/core/Example.js

@@ -20,7 +20,9 @@ const Example = /*#__PURE__*/React.forwardRef(({
     decr
   }), [incr, decr]);
   React.useImperativeHandle(fref, () => api, [api]);
-  return /*#__PURE__*/React.createElement("group", props, /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/React.createElement("group", props, /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(Center, {
     top: true,
     cacheKey: JSON.stringify({
       counter,
@@ -30,11 +32,11 @@ const Example = /*#__PURE__*/React.forwardRef(({
     bevelEnabled: true,
     bevelSize: bevelSize,
     font: font
-  }, counter, debug ? /*#__PURE__*/React.createElement("meshNormalMaterial", {
+  }, debug ? /*#__PURE__*/React.createElement("meshNormalMaterial", {
     wireframe: true
   }) : /*#__PURE__*/React.createElement("meshStandardMaterial", {
     color: color
-  }))), children);
+  }), counter))), children);
 });
 
 export { Example };

package/core/Resize.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("three"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=n(e),a=u(r),l=u(t);const i=l.forwardRef((({children:e,width:r,height:t,depth:n,box3:u,precise:i=!0,...o},f)=>{const s=l.useRef(null),d=l.useRef(null),m=l.useRef(null);return l.useLayoutEffect((()=>{d.current.matrixWorld.identity(),u||(u=(new a.Box3).setFromObject(m.current,i));const e=u.max.x-u.min.x,c=u.max.y-u.min.y,l=u.max.z-u.min.z;let o=Math.max(e,c,l);r&&(o=e),t&&(o=c),n&&(o=l),d.current.scale.setScalar(1/o)}),[r,t,n,u,i]),l.useImperativeHandle(f,(()=>s.current),[]),l.createElement("group",c.default({ref:s},o),l.createElement("group",{ref:d},l.createElement("group",{ref:m},e)))}));exports.Resize=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=n(e),a=u(t),l=u(r);const i=l.forwardRef((({children:e,width:t,height:r,depth:n,box3:u,precise:i=!0,...o},f)=>{const s=l.useRef(null),d=l.useRef(null),m=l.useRef(null);return l.useLayoutEffect((()=>{d.current.matrixWorld.identity();let e=u||(new a.Box3).setFromObject(m.current,i);const c=e.max.x-e.min.x,l=e.max.y-e.min.y,o=e.max.z-e.min.z;let f=Math.max(c,l,o);t&&(f=c),r&&(f=l),n&&(f=o),d.current.scale.setScalar(1/f)}),[t,r,n,u,i]),l.useImperativeHandle(f,(()=>s.current),[]),l.createElement("group",c.default({ref:s},o),l.createElement("group",{ref:d},l.createElement("group",{ref:m},e)))}));exports.Resize=i;

package/core/Resize.js

@@ -16,10 +16,10 @@ const Resize = /*#__PURE__*/React.forwardRef(({
   const inner = React.useRef(null);
   React.useLayoutEffect(() => {
     outer.current.matrixWorld.identity();
-    box3 || (box3 = new THREE.Box3().setFromObject(inner.current, precise));
-    const w = box3.max.x - box3.min.x;
-    const h = box3.max.y - box3.min.y;
-    const d = box3.max.z - box3.min.z;
+    let box = box3 || new THREE.Box3().setFromObject(inner.current, precise);
+    const w = box.max.x - box.min.x;
+    const h = box.max.y - box.min.y;
+    const d = box.max.z - box.min.z;
     let dimension = Math.max(w, h, d);
     if (width) dimension = w;
     if (height) dimension = h;