@react-three/drei 9.106.0 → 9.106.2

package/core/useFBX.js

@@ -1,10 +0,0 @@
-import { FBXLoader } from 'three-stdlib';
-import { useLoader } from '@react-three/fiber';
-
-function useFBX(path) {
-  return useLoader(FBXLoader, path);
-}
-useFBX.preload = path => useLoader.preload(FBXLoader, path);
-useFBX.clear = input => useLoader.clear(FBXLoader, input);
-
-export { useFBX };

package/core/useGLTF.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three-stdlib"),r=require("@react-three/fiber");let o=null,t="https://www.gstatic.com/draco/versioned/decoders/1.5.5/";function d(r,d,s){return a=>{s&&s(a),r&&(o||(o=new e.DRACOLoader),o.setDecoderPath("string"==typeof r?r:t),a.setDRACOLoader(o)),d&&a.setMeshoptDecoder("function"==typeof e.MeshoptDecoder?e.MeshoptDecoder():e.MeshoptDecoder)}}function s(o,t=!0,s=!0,a){return r.useLoader(e.GLTFLoader,o,d(t,s,a))}s.preload=(o,t=!0,s=!0,a)=>r.useLoader.preload(e.GLTFLoader,o,d(t,s,a)),s.clear=o=>r.useLoader.clear(e.GLTFLoader,o),s.setDecoderPath=e=>{t=e},exports.useGLTF=s;

package/core/useGLTF.d.ts

@@ -1,8 +0,0 @@
-import { type GLTF, GLTFLoader } from 'three-stdlib';
-import { type ObjectMap } from '@react-three/fiber';
-export declare function useGLTF<T extends string | string[]>(path: T, useDraco?: boolean | string, useMeshOpt?: boolean, extendLoader?: (loader: GLTFLoader) => void): T extends any[] ? (GLTF & ObjectMap)[] : GLTF & ObjectMap;
-export declare namespace useGLTF {
-    var preload: (path: string | string[], useDraco?: string | boolean, useMeshOpt?: boolean, extendLoader?: ((loader: GLTFLoader) => void) | undefined) => undefined;
-    var clear: (input: string | string[]) => void;
-    var setDecoderPath: (path: string) => void;
-}

package/core/useGLTF.js

@@ -1,32 +0,0 @@
-import { GLTFLoader, DRACOLoader, MeshoptDecoder } from 'three-stdlib';
-import { useLoader } from '@react-three/fiber';
-
-let dracoLoader = null;
-let decoderPath = 'https://www.gstatic.com/draco/versioned/decoders/1.5.5/';
-function extensions(useDraco, useMeshopt, extendLoader) {
-  return loader => {
-    if (extendLoader) {
-      extendLoader(loader);
-    }
-    if (useDraco) {
-      if (!dracoLoader) {
-        dracoLoader = new DRACOLoader();
-      }
-      dracoLoader.setDecoderPath(typeof useDraco === 'string' ? useDraco : decoderPath);
-      loader.setDRACOLoader(dracoLoader);
-    }
-    if (useMeshopt) {
-      loader.setMeshoptDecoder(typeof MeshoptDecoder === 'function' ? MeshoptDecoder() : MeshoptDecoder);
-    }
-  };
-}
-function useGLTF(path, useDraco = true, useMeshOpt = true, extendLoader) {
-  return useLoader(GLTFLoader, path, extensions(useDraco, useMeshOpt, extendLoader));
-}
-useGLTF.preload = (path, useDraco = true, useMeshOpt = true, extendLoader) => useLoader.preload(GLTFLoader, path, extensions(useDraco, useMeshOpt, extendLoader));
-useGLTF.clear = input => useLoader.clear(GLTFLoader, input);
-useGLTF.setDecoderPath = path => {
-  decoderPath = path;
-};
-
-export { useGLTF };

package/core/useHelper.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@react-three/fiber");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=t(e);exports.useHelper=function(e,t,...n){const c=u.useRef(),a=r.useThree((e=>e.scene));return u.useLayoutEffect((()=>{let r;if(e&&null!=e&&e.current&&t&&(c.current=r=new t(e.current,...n)),r)return r.traverse((e=>e.raycast=()=>null)),a.add(r),()=>{c.current=void 0,a.remove(r),null==r.dispose||r.dispose()}}),[a,t,e,...n]),r.useFrame((()=>{var e;null==(e=c.current)||null==e.update||e.update()})),c};

package/core/useHelper.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { Object3D } from 'three';
-import { Falsey } from 'utility-types';
-type Helper = Object3D & {
-    update: () => void;
-    dispose: () => void;
-};
-type Constructor = new (...args: any[]) => any;
-type Rest<T> = T extends [infer _, ...infer R] ? R : never;
-export declare function useHelper<T extends Constructor>(object3D: React.MutableRefObject<Object3D> | Falsey, helperConstructor: T, ...args: Rest<ConstructorParameters<T>>): React.MutableRefObject<Helper | undefined>;
-export {};

package/core/useHelper.js

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { useThree, useFrame } from '@react-three/fiber';
-
-function useHelper(object3D, helperConstructor, ...args) {
-  const helper = React.useRef();
-  const scene = useThree(state => state.scene);
-  React.useLayoutEffect(() => {
-    let currentHelper = undefined;
-    if (object3D && object3D != null && object3D.current && helperConstructor) {
-      helper.current = currentHelper = new helperConstructor(object3D.current, ...args);
-    }
-    if (currentHelper) {
-      // Prevent the helpers from blocking rays
-      currentHelper.traverse(child => child.raycast = () => null);
-      scene.add(currentHelper);
-      return () => {
-        helper.current = undefined;
-        scene.remove(currentHelper);
-        currentHelper.dispose == null || currentHelper.dispose();
-      };
-    }
-  }, [scene, helperConstructor, object3D, ...args]);
-  useFrame(() => {
-    var _helper$current;
-    return void ((_helper$current = helper.current) == null || _helper$current.update == null ? void 0 : _helper$current.update());
-  });
-  return helper;
-}
-
-export { useHelper };

package/core/useKTX2.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@react-three/fiber"),r=require("react"),s=require("three-stdlib"),t=require("./useTexture.cjs.js");require("three");const a="https://cdn.jsdelivr.net/gh/pmndrs/drei-assets@master";function c(c,u=`${a}/basis/`){const o=e.useThree((e=>e.gl)),i=e.useLoader(s.KTX2Loader,t.IsObject(c)?Object.values(c):c,(e=>{e.detectSupport(o),e.setTranscoderPath(u)}));if(r.useEffect((()=>{(Array.isArray(i)?i:[i]).forEach(o.initTexture)}),[o,i]),t.IsObject(c)){const e=Object.keys(c),r={};return e.forEach((s=>Object.assign(r,{[s]:i[e.indexOf(s)]}))),r}return i}c.preload=(r,t=`${a}/basis/`)=>e.useLoader.preload(s.KTX2Loader,r,(e=>{e.setTranscoderPath(t)})),c.clear=r=>e.useLoader.clear(s.KTX2Loader,r),exports.useKTX2=c;

package/core/useMatcapTexture.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./useTexture.cjs.js"),r=require("suspend-react");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("three"),require("@react-three/fiber");var u=s(e);exports.useMatcapTexture=function(e=0,s=1024,n){const c=r.suspend((()=>fetch("https://cdn.jsdelivr.net/gh/pmndrs/drei-assets@master/matcaps.json").then((e=>e.json()))),["matcapList"]),a=c[0],i=u.useMemo((()=>Object.keys(c).length),[]),p=`${u.useMemo((()=>"string"==typeof e?e:"number"==typeof e?c[e]:null),[e])||a}${function(e){switch(e){case 64:return"-64px";case 128:return"-128px";case 256:return"-256px";case 512:return"-512px";default:return""}}(s)}.png`,o=`https://rawcdn.githack.com/emmelleppi/matcaps/9b36ccaaf0a24881a39062d05566c9e92be4aa0d/${s}/${p}`;return[t.useTexture(o,n),o,i]};

package/core/useMatcapTexture.d.ts

@@ -1,2 +0,0 @@
-import { Texture } from 'three';
-export declare function useMatcapTexture(id?: number | string, format?: number, onLoad?: (texture: Texture | Texture[]) => void): [Texture, string, number];

package/core/useNormalTexture.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./useTexture.cjs.js"),t=require("three"),s=require("suspend-react");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("@react-three/fiber");var a=n(e);exports.useNormalTexture=function(e=0,n={},o){const{repeat:u=[1,1],anisotropy:c=1,offset:i=[0,0]}=n,f=s.suspend((()=>fetch("https://cdn.jsdelivr.net/gh/pmndrs/drei-assets@master/normals/normals.json").then((e=>e.json()))),["normalsList"]),p=a.useMemo((()=>Object.keys(f).length),[]),d=f[0],l=`https://rawcdn.githack.com/pmndrs/drei-assets/7a3104997e1576f83472829815b00880d88b32fb/normals/${f[e]||d}`,b=r.useTexture(l,o);return a.useLayoutEffect((()=>{b&&(b.wrapS=b.wrapT=t.RepeatWrapping,b.repeat=new t.Vector2(u[0],u[1]),b.offset=new t.Vector2(i[0],i[1]),b.anisotropy=c)}),[b,c,u,i]),[b,l,p]};

package/core/useNormalTexture.d.ts

@@ -1,8 +0,0 @@
-import { Texture } from 'three';
-type Settings = {
-    repeat?: number[];
-    anisotropy?: number;
-    offset?: number[];
-};
-export declare function useNormalTexture(id?: number, settings?: Settings, onLoad?: (texture: Texture | Texture[]) => void): [Texture, string, number];
-export {};

package/core/useProgress.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("zustand");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}let a=0;const o=t(r).default((r=>(e.DefaultLoadingManager.onStart=(e,t,o)=>{r({active:!0,item:e,loaded:t,total:o,progress:(t-a)/(o-a)*100})},e.DefaultLoadingManager.onLoad=()=>{r({active:!1})},e.DefaultLoadingManager.onError=e=>r((r=>({errors:[...r.errors,e]}))),e.DefaultLoadingManager.onProgress=(e,t,o)=>{t===o&&(a=o),r({active:!0,item:e,loaded:t,total:o,progress:(t-a)/(o-a)*100||100})},{errors:[],active:!1,progress:0,item:"",loaded:0,total:0})));exports.useProgress=o;

package/core/useTexture.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("@react-three/fiber"),t=require("react");const u=e=>e===Object(e)&&!Array.isArray(e)&&"function"!=typeof e;function o(o,s){const a=r.useThree((e=>e.gl)),c=r.useLoader(e.TextureLoader,u(o)?Object.values(o):o);t.useLayoutEffect((()=>{null==s||s(c)}),[s]),t.useEffect((()=>{if("initTexture"in a){let r=[];Array.isArray(c)?r=c:c instanceof e.Texture?r=[c]:u(c)&&(r=Object.values(c)),r.forEach((r=>{r instanceof e.Texture&&a.initTexture(r)}))}}),[a,c]);return t.useMemo((()=>{if(u(o)){const e={};let r=0;for(const t in o)e[t]=c[r++];return e}return c}),[o,c])}o.preload=t=>r.useLoader.preload(e.TextureLoader,t),o.clear=t=>r.useLoader.clear(e.TextureLoader,t),exports.IsObject=u,exports.useTexture=o;

package/core/useTrailTexture.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("@react-three/fiber"),i=require("three");const s=t=>Math.sqrt(1-Math.pow(t-1,2));class a{constructor({size:t=256,maxAge:e=750,radius:i=.3,intensity:a=.2,interpolate:h=0,smoothing:r=0,minForce:c=.3,blend:n="screen",ease:o=s}={}){this.size=t,this.maxAge=e,this.radius=i,this.intensity=a,this.ease=o,this.interpolate=h,this.smoothing=r,this.minForce=c,this.blend=n,this.trail=[],this.force=0,this.initTexture()}initTexture(){this.canvas=document.createElement("canvas"),this.canvas.width=this.canvas.height=this.size;const t=this.canvas.getContext("2d");if(null===t)throw new Error("2D not available");this.ctx=t,this.ctx.fillStyle="black",this.ctx.fillRect(0,0,this.canvas.width,this.canvas.height),this.texture=new i.Texture(this.canvas),this.canvas.id="touchTexture",this.canvas.style.width=this.canvas.style.height=`${this.canvas.width}px`}update(t){this.clear(),this.trail.forEach(((e,i)=>{e.age+=1e3*t,e.age>this.maxAge&&this.trail.splice(i,1)})),this.trail.length||(this.force=0),this.trail.forEach((t=>{this.drawTouch(t)})),this.texture.needsUpdate=!0}clear(){this.ctx.globalCompositeOperation="source-over",this.ctx.fillStyle="black",this.ctx.fillRect(0,0,this.canvas.width,this.canvas.height)}addTouch(t){const e=this.trail[this.trail.length-1];if(e){const i=e.x-t.x,s=e.y-t.y,a=i*i+s*s,h=Math.max(this.minForce,Math.min(1e4*a,1));if(this.force=function(t,e,i=.9){return e*i+t*(1-i)}(h,this.force,this.smoothing),this.interpolate){const t=Math.ceil(a/Math.pow(.5*this.radius/this.interpolate,2));if(t>1)for(let a=1;a<t;a++)this.trail.push({x:e.x-i/t*a,y:e.y-s/t*a,age:0,force:h})}}this.trail.push({x:t.x,y:t.y,age:0,force:this.force})}drawTouch(t){const e={x:t.x*this.size,y:(1-t.y)*this.size};let i=1;i=t.age<.3*this.maxAge?this.ease(t.age/(.3*this.maxAge)):this.ease(1-(t.age-.3*this.maxAge)/(.7*this.maxAge)),i*=t.force,this.ctx.globalCompositeOperation=this.blend;const s=this.size*this.radius*i,a=this.ctx.createRadialGradient(e.x,e.y,Math.max(0,.25*s),e.x,e.y,Math.max(0,s));a.addColorStop(0,`rgba(255, 255, 255, ${this.intensity})`),a.addColorStop(1,"rgba(0, 0, 0, 0.0)"),this.ctx.beginPath(),this.ctx.fillStyle=a,this.ctx.arc(e.x,e.y,Math.max(0,s),0,2*Math.PI),this.ctx.fill()}}exports.useTrailTexture=function(i={}){const{size:s,maxAge:h,radius:r,intensity:c,interpolate:n,smoothing:o,minForce:l,blend:x,ease:u}=i,d=t.useMemo((()=>new a(i)),[s,h,r,c,n,o,l,x,u]);e.useFrame(((t,e)=>{d.update(e)}));const g=t.useCallback((t=>d.addTouch(t.uv)),[d]);return[d.texture,g]};

package/core/useVideoTexture.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("react"),n=require("@react-three/fiber"),r=require("suspend-react");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u,i,s=o(e);const c="undefined"!=typeof window&&"function"==typeof(null==(u=window.document)?void 0:u.createElement)&&"string"==typeof(null==(i=window.navigator)?void 0:i.userAgent);let a=null;exports.useVideoTexture=function(e,u){const{unsuspend:i,start:l,crossOrigin:d,muted:f,loop:p,hls:g,...m}={unsuspend:"loadedmetadata",crossOrigin:"Anonymous",muted:!0,loop:!0,start:!0,playsInline:!0,hls:{},...u},y=new URL("string"==typeof e?e:"",window.location.href),v=t.useRef(null),w=t.useRef(null),h=n.useThree((e=>e.gl)),O=r.suspend((()=>new Promise((async(t,n)=>{const r=Object.assign(document.createElement("video"),{src:"string"==typeof e&&e||void 0,srcObject:e instanceof MediaStream&&e||void 0,crossOrigin:d,loop:p,muted:f,...m});if(w.current=r,"string"==typeof e){const t=v.current=await async function(e,t){var n;return c&&e.pathname.endsWith(".m3u8")&&(null!==(n=a)&&void 0!==n||(a=await Promise.resolve().then((function(){return o(require("hls.js"))}))),a.default.isSupported())?new a.default({...t}):null}(y,g);t?(t.attachMedia(r),t.on("hlsMediaAttached",(()=>{t.loadSource(e)}))):r.src=e}else e instanceof MediaStream&&(r.srcObject=e);const u=new s.VideoTexture(r);"colorSpace"in u?u.colorSpace=h.outputColorSpace:u.encoding=h.outputEncoding,r.addEventListener(i,(()=>t(u)))}))),[e]);return t.useEffect((()=>(l&&O.image.play(),()=>{v.current&&(v.current.destroy(),v.current=null)})),[O,l]),O};

package/core/useVideoTexture.d.ts

@@ -1,12 +0,0 @@
-import * as THREE from 'three';
-import type { HlsConfig } from 'hls.js';
-interface VideoTextureProps extends HTMLVideoElement {
-    unsuspend?: 'canplay' | 'canplaythrough' | 'loadstart' | 'loadedmetadata';
-    start?: boolean;
-    hls?: HLSConfiguration;
-}
-interface HLSConfiguration {
-    hls: HlsConfig;
-}
-export declare function useVideoTexture(src: string | MediaStream, props?: Partial<VideoTextureProps>): THREE.VideoTexture;
-export {};