@react-three/drei 8.19.5 → 9.0.0-beta.3

package/core/Clone.js

@@ -1,92 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as React from 'react';
-import pick from 'lodash.pick';
-
-function createSpread(child, {
-  keys = ['near', 'far', 'color', 'distance', 'decay', 'penumbra', 'angle', 'intensity', 'skeleton', 'visible', 'castShadow', 'receiveShadow', 'morphTargetDictionary', 'morphTargetInfluences', 'name', 'geometry', 'material', 'position', 'rotation', 'scale', 'up', 'userData'],
-  deep,
-  inject,
-  castShadow,
-  receiveShadow
-}) {
-  let spread = pick(child, keys);
-
-  if (deep) {
-    if (spread.geometry && deep !== 'materialsOnly') spread.geometry = spread.geometry.clone();
-    if (spread.material && deep !== 'geometriesOnly') spread.material = spread.material.clone();
-  }
-
-  if (inject) {
-    if (typeof inject === 'function') spread = { ...spread,
-      children: inject(child)
-    };else if ( /*#__PURE__*/React.isValidElement(inject)) spread = { ...spread,
-      children: inject
-    };else spread = { ...spread,
-      ...inject
-    };
-  }
-
-  if (child.type === 'Mesh') {
-    if (castShadow) spread.castShadow = true;
-    if (receiveShadow) spread.receiveShadow = true;
-  }
-
-  return spread;
-}
-
-const Clone = /*#__PURE__*/React.forwardRef(({
-  object,
-  children,
-  deep,
-  castShadow,
-  receiveShadow,
-  inject,
-  keys,
-  ...props
-}, forwardRef) => {
-  const config = {
-    keys,
-    deep,
-    inject,
-    castShadow,
-    receiveShadow
-  }; // Deal with arrayed clones
-
-  if (Array.isArray(object)) {
-    return /*#__PURE__*/React.createElement("group", _extends({}, props, {
-      ref: forwardRef
-    }), object.map(o => /*#__PURE__*/React.createElement(Clone, _extends({
-      key: o.uuid,
-      object: o
-    }, config))), children);
-  } // Singleton clones
-
-
-  const {
-    children: injectChildren,
-    ...spread
-  } = createSpread(object, config);
-  const Element = object.type[0].toLowerCase() + object.type.slice(1);
-  return /*#__PURE__*/React.createElement(Element, _extends({}, spread, props, {
-    ref: forwardRef
-  }), (object == null ? void 0 : object.children).map(child => {
-    let spread = {};
-    let Element = child.type[0].toLowerCase() + child.type.slice(1);
-
-    if (Element === 'group' || Element === 'object3D') {
-      Element = Clone;
-      spread = {
-        object: child,
-        ...config
-      };
-    } else {
-      spread = createSpread(child, config);
-    }
-
-    return /*#__PURE__*/React.createElement(Element, _extends({
-      key: child.uuid
-    }, spread));
-  }), children, injectChildren);
-});
-
-export { Clone };

package/core/ComputedAttribute.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=u(e),a=n(t);exports.ComputedAttribute=({compute:e,name:t,...u})=>{const[n]=a.useState((()=>new r.BufferAttribute(new Float32Array(0),1))),f=a.useRef(null);return a.useLayoutEffect((()=>{if(f.current){var t;const r=null!==(t=f.current.parent)&&void 0!==t?t:f.current.__r3f.parent,u=e(r);f.current.copy(u)}}),[e]),a.createElement("primitive",c.default({ref:f,object:n,attachObject:["attributes",t]},u))};

package/core/ComputedAttribute.d.ts

@@ -1,9 +0,0 @@
-import { BufferAttributeProps } from '@react-three/fiber';
-import * as React from 'react';
-import { BufferAttribute, BufferGeometry } from 'three';
-declare type Props = {
-    compute: (geometry: BufferGeometry) => BufferAttribute;
-    name: string;
-};
-export declare const ComputedAttribute: ({ compute, name, ...props }: React.PropsWithChildren<Props & BufferAttributeProps>) => JSX.Element;
-export {};

package/core/ComputedAttribute.js

@@ -1,34 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as React from 'react';
-import { BufferAttribute } from 'three';
-
-/**
- * Used exclusively as a child of a BufferGeometry.
- * Computes the BufferAttribute by calling the `compute` function
- * and attaches the attribute to the geometry.
- */
-const ComputedAttribute = ({
-  compute,
-  name,
-  ...props
-}) => {
-  const [bufferAttribute] = React.useState(() => new BufferAttribute(new Float32Array(0), 1));
-  const primitive = React.useRef(null);
-  React.useLayoutEffect(() => {
-    if (primitive.current) {
-      var _ref;
-
-      // @ts-expect-error brittle
-      const parent = (_ref = primitive.current.parent) !== null && _ref !== void 0 ? _ref : primitive.current.__r3f.parent;
-      const attr = compute(parent);
-      primitive.current.copy(attr);
-    }
-  }, [compute]);
-  return /*#__PURE__*/React.createElement("primitive", _extends({
-    ref: primitive,
-    object: bufferAttribute,
-    attachObject: ['attributes', name]
-  }, props));
-};
-
-export { ComputedAttribute };

package/core/Lightformer.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@react-three/fiber"),t=require("react"),a=require("three"),l=require("react-merge-refs");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 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)}var u=n(e),i=c(t),o=c(a),s=n(l);const f=i.forwardRef((({args:e,map:t,toneMapped:a=!1,color:l="white",form:n="rect",intensity:c=1,scale:f=1,target:m,children:p,...d},y)=>{const g=i.useRef(null);return i.useLayoutEffect((()=>{p||d.material||(r.applyProps(g.current.material,{color:l}),g.current.material.color.multiplyScalar(c))}),[l,c,p,d.material]),i.useLayoutEffect((()=>{m&&g.current.lookAt(Array.isArray(m)?new o.Vector3(...m):m)}),[m]),f=Array.isArray(f)&&2===f.length?[f[0],f[1],1]:f,i.createElement("mesh",u.default({ref:s.default([g,y]),scale:f},d),"circle"===n?i.createElement("ringGeometry",{args:[0,1,64]}):"ring"===n?i.createElement("ringGeometry",{args:[.5,1,64]}):"rect"===n?i.createElement("planeGeometry",null):i.createElement(n,{args:e}),p||(d.material?null:i.createElement("meshBasicMaterial",{toneMapped:a,map:t,side:o.DoubleSide})))}));exports.Lightformer=f;

package/core/Lightformer.d.ts

@@ -1,41 +0,0 @@
-import { ReactThreeFiber } from '@react-three/fiber';
-import * as React from 'react';
-import * as THREE from 'three';
-export declare type LightProps = JSX.IntrinsicElements['mesh'] & {
-    args?: any[];
-    map?: THREE.Texture;
-    toneMapped?: boolean;
-    color?: ReactThreeFiber.Color;
-    form?: 'circle' | 'ring' | 'rect' | any;
-    scale?: number | [number, number, number] | [number, number];
-    intensity?: number;
-    target?: [number, number, number] | THREE.Vector3;
-};
-export declare const Lightformer: React.ForwardRefExoticComponent<Pick<Omit<ReactThreeFiber.Node<THREE.Mesh<THREE.BufferGeometry, THREE.Material | THREE.Material[]>, typeof THREE.Mesh>, ReactThreeFiber.NonFunctionKeys<{
-    position?: ReactThreeFiber.Vector3 | undefined;
-    up?: ReactThreeFiber.Vector3 | undefined;
-    scale?: ReactThreeFiber.Vector3 | undefined;
-    rotation?: ReactThreeFiber.Euler | undefined;
-    matrix?: ReactThreeFiber.Matrix4 | undefined;
-    quaternion?: ReactThreeFiber.Quaternion | undefined;
-    layers?: ReactThreeFiber.Layers | undefined;
-    dispose?: (() => void) | null | undefined;
-}>> & {
-    position?: ReactThreeFiber.Vector3 | undefined;
-    up?: ReactThreeFiber.Vector3 | undefined;
-    scale?: ReactThreeFiber.Vector3 | undefined;
-    rotation?: ReactThreeFiber.Euler | undefined;
-    matrix?: ReactThreeFiber.Matrix4 | undefined;
-    quaternion?: ReactThreeFiber.Quaternion | undefined;
-    layers?: ReactThreeFiber.Layers | undefined;
-    dispose?: (() => void) | null | undefined;
-} & import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers & {
-    args?: any[] | undefined;
-    map?: THREE.Texture | undefined;
-    toneMapped?: boolean | undefined;
-    color?: ReactThreeFiber.Color | undefined;
-    form?: 'circle' | 'ring' | 'rect' | any;
-    scale?: number | [number, number] | [number, number, number] | undefined;
-    intensity?: number | undefined;
-    target?: THREE.Vector3 | [number, number, number] | undefined;
-}, "visible" | "attach" | "attachArray" | "attachObject" | "args" | "children" | "key" | "onUpdate" | "position" | "up" | "scale" | "rotation" | "matrix" | "quaternion" | "layers" | "dispose" | "type" | "id" | "uuid" | "name" | "parent" | "modelViewMatrix" | "normalMatrix" | "matrixWorld" | "matrixAutoUpdate" | "matrixWorldNeedsUpdate" | "castShadow" | "receiveShadow" | "frustumCulled" | "renderOrder" | "animations" | "userData" | "customDepthMaterial" | "customDistanceMaterial" | "isObject3D" | "onBeforeRender" | "onAfterRender" | "applyMatrix4" | "applyQuaternion" | "setRotationFromAxisAngle" | "setRotationFromEuler" | "setRotationFromMatrix" | "setRotationFromQuaternion" | "rotateOnAxis" | "rotateOnWorldAxis" | "rotateX" | "rotateY" | "rotateZ" | "translateOnAxis" | "translateX" | "translateY" | "translateZ" | "localToWorld" | "worldToLocal" | "lookAt" | "add" | "remove" | "removeFromParent" | "clear" | "getObjectById" | "getObjectByName" | "getObjectByProperty" | "getWorldPosition" | "getWorldQuaternion" | "getWorldScale" | "getWorldDirection" | "raycast" | "traverse" | "traverseVisible" | "traverseAncestors" | "updateMatrix" | "updateMatrixWorld" | "updateWorldMatrix" | "toJSON" | "clone" | "copy" | "addEventListener" | "hasEventListener" | "removeEventListener" | "dispatchEvent" | "color" | keyof import("@react-three/fiber/dist/declarations/src/core/events").EventHandlers | "form" | "map" | "material" | "target" | "toneMapped" | "geometry" | "morphTargetInfluences" | "morphTargetDictionary" | "isMesh" | "updateMorphTargets" | "intensity"> & React.RefAttributes<unknown>>;

package/core/Lightformer.js

@@ -1,51 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import { applyProps } from '@react-three/fiber';
-import * as React from 'react';
-import * as THREE from 'three';
-import mergeRefs from 'react-merge-refs';
-
-const Lightformer = /*#__PURE__*/React.forwardRef(({
-  args,
-  map,
-  toneMapped = false,
-  color = 'white',
-  form: Form = 'rect',
-  intensity = 1,
-  scale = 1,
-  target,
-  children,
-  ...props
-}, forwardRef) => {
-  // Apply emissive power
-  const ref = React.useRef(null);
-  React.useLayoutEffect(() => {
-    if (!children && !props.material) {
-      applyProps(ref.current.material, {
-        color
-      });
-      ref.current.material.color.multiplyScalar(intensity);
-    }
-  }, [color, intensity, children, props.material]); // Target light
-
-  React.useLayoutEffect(() => {
-    if (target) ref.current.lookAt(Array.isArray(target) ? new THREE.Vector3(...target) : target);
-  }, [target]); // Fix 2-dimensional scale
-
-  scale = Array.isArray(scale) && scale.length === 2 ? [scale[0], scale[1], 1] : scale;
-  return /*#__PURE__*/React.createElement("mesh", _extends({
-    ref: mergeRefs([ref, forwardRef]),
-    scale: scale
-  }, props), Form === 'circle' ? /*#__PURE__*/React.createElement("ringGeometry", {
-    args: [0, 1, 64]
-  }) : Form === 'ring' ? /*#__PURE__*/React.createElement("ringGeometry", {
-    args: [0.5, 1, 64]
-  }) : Form === 'rect' ? /*#__PURE__*/React.createElement("planeGeometry", null) : /*#__PURE__*/React.createElement(Form, {
-    args: args
-  }), children ? children : !props.material ? /*#__PURE__*/React.createElement("meshBasicMaterial", {
-    toneMapped: toneMapped,
-    map: map,
-    side: THREE.DoubleSide
-  }) : null);
-});
-
-export { Lightformer };

package/core/Sampler.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("three-stdlib"),n=require("three");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 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 i=u(e),l=c(r);exports.Sampler=({children:e,weight:r,transform:u,instances:c,mesh:o,...a})=>{const s=l.useRef(null),d=l.useRef(null),f=l.useRef(null);return l.useEffect((()=>{var e,r;d.current=null!==(e=null==c?void 0:c.current)&&void 0!==e?e:s.current.children.find((e=>e.hasOwnProperty("instanceMatrix"))),f.current=null!==(r=null==o?void 0:o.current)&&void 0!==r?r:s.current.children.find((e=>"Mesh"===e.type))}),[e,null==o?void 0:o.current,null==c?void 0:c.current]),l.useEffect((()=>{if(void 0===f.current)return;if(void 0===d.current)return;const e=new t.MeshSurfaceSampler(f.current);r&&e.setWeightAttribute(r),e.build();const c=new n.Vector3,i=new n.Vector3,l=new n.Color,o=new n.Object3D;f.current.updateMatrixWorld(!0);for(let r=0;r<d.current.count;r++)e.sample(c,i,l),"function"==typeof u?u({dummy:o,sampledMesh:f.current,position:c,normal:i,color:l},r):o.position.copy(c),o.updateMatrix(),d.current.setMatrixAt(r,o.matrix);d.current.instanceMatrix.needsUpdate=!0}),[e,null==o?void 0:o.current,null==c?void 0:c.current]),l.createElement("group",i.default({ref:s},a),e)};

package/core/Sampler.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { Color, InstancedMesh, Mesh, Object3D, Vector3 } from 'three';
-import { GroupProps } from '@react-three/fiber';
-declare type SamplePayload = {
-    position: Vector3;
-    normal: Vector3;
-    color: Color;
-};
-export declare type TransformFn = (payload: TransformPayload, i: number) => void;
-declare type TransformPayload = SamplePayload & {
-    dummy: Object3D;
-    sampledMesh: Mesh;
-};
-declare type Props = {
-    mesh?: React.RefObject<Mesh>;
-    instances?: React.RefObject<InstancedMesh>;
-    weight?: string;
-    transform?: TransformFn;
-};
-export declare const Sampler: ({ children, weight, transform, instances, mesh, ...props }: React.PropsWithChildren<Props & GroupProps>) => JSX.Element;
-export {};

package/core/Sampler.js

@@ -1,65 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as React from 'react';
-import { MeshSurfaceSampler } from 'three-stdlib';
-import { Vector3, Color, Object3D } from 'three';
-
-const Sampler = ({
-  children,
-  weight,
-  transform,
-  instances,
-  mesh,
-  ...props
-}) => {
-  const group = React.useRef(null);
-  const instancedRef = React.useRef(null);
-  const meshToSampleRef = React.useRef(null);
-  React.useEffect(() => {
-    var _instances$current, _mesh$current;
-
-    instancedRef.current = (_instances$current = instances == null ? void 0 : instances.current) !== null && _instances$current !== void 0 ? _instances$current : group.current.children.find(c => c.hasOwnProperty('instanceMatrix'));
-    meshToSampleRef.current = (_mesh$current = mesh == null ? void 0 : mesh.current) !== null && _mesh$current !== void 0 ? _mesh$current : group.current.children.find(c => c.type === 'Mesh');
-  }, [children, mesh == null ? void 0 : mesh.current, instances == null ? void 0 : instances.current]);
-  React.useEffect(() => {
-    if (typeof meshToSampleRef.current === 'undefined') return;
-    if (typeof instancedRef.current === 'undefined') return;
-    const sampler = new MeshSurfaceSampler(meshToSampleRef.current);
-
-    if (weight) {
-      sampler.setWeightAttribute(weight);
-    }
-
-    sampler.build();
-    const position = new Vector3();
-    const normal = new Vector3();
-    const color = new Color();
-    const dummy = new Object3D();
-    meshToSampleRef.current.updateMatrixWorld(true);
-
-    for (let i = 0; i < instancedRef.current.count; i++) {
-      sampler.sample(position, normal, color);
-
-      if (typeof transform === 'function') {
-        transform({
-          dummy,
-          sampledMesh: meshToSampleRef.current,
-          position,
-          normal,
-          color
-        }, i);
-      } else {
-        dummy.position.copy(position);
-      }
-
-      dummy.updateMatrix();
-      instancedRef.current.setMatrixAt(i, dummy.matrix);
-    }
-
-    instancedRef.current.instanceMatrix.needsUpdate = true;
-  }, [children, mesh == null ? void 0 : mesh.current, instances == null ? void 0 : instances.current]);
-  return /*#__PURE__*/React.createElement("group", _extends({
-    ref: group
-  }, props), children);
-};
-
-export { Sampler };

package/core/Trail.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@react-three/fiber"),t=require("react"),r=require("three"),n=require("meshline");function o(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 i=o(t);const s={width:.2,length:1,decay:1,local:!1,stride:0,interval:1},u=(e,t=1)=>(e.set(e.subarray(t)),e.fill(-1/0,-t),e);function c(t,n){const{length:o,local:c,decay:l,interval:a,stride:f}={...s,...n},d=i.useRef(),[h]=i.useState((()=>new r.Vector3));i.useLayoutEffect((()=>{t&&(d.current=Float32Array.from({length:10*o*3},((e,r)=>t.position.getComponent(r%3))))}),[o,t]);const p=i.useRef(new r.Vector3),y=i.useRef(0);return e.useFrame((()=>{if(t&&d.current){if(0===y.current){let e;c?e=t.position:(t.getWorldPosition(h),e=h);const r=1*l;for(let t=0;t<r;t++)e.distanceTo(p.current)<f||(u(d.current,3),d.current.set(e.toArray(),d.current.length-3));p.current.copy(e)}y.current++,y.current=y.current%a}})),d}const l=i.forwardRef(((t,o)=>{const{children:u}=t,{width:l,length:a,decay:f,local:d,stride:h,interval:p}={...s,...t},{color:y="hotpink",attenuation:g,target:m}=t,v=e.useThree((e=>e.size)),b=i.useRef(null),[w,M]=i.useState(null),j=c(w,{length:a,decay:f,local:d,stride:h,interval:p});i.useEffect((()=>{const e=(null==m?void 0:m.current)||b.current.children.find((e=>e instanceof r.Object3D));e&&M(e)}),[j,m]);const O=i.useMemo((()=>new n.MeshLine),[]),E=i.useMemo((()=>{var e;const t=new n.MeshLineMaterial({lineWidth:.1*l,color:y,sizeAttenuation:1,resolution:new r.Vector2(v.width,v.height)});let o;if(u)if(Array.isArray(u))o=u.find((e=>{const t=e;return"string"==typeof t.type&&"meshLineMaterial"===t.type}));else{const e=u;"string"==typeof e.type&&"meshLineMaterial"===e.type&&(o=e)}return"object"==typeof(null==(e=o)?void 0:e.props)&&t.setValues(o.props),t}),[l,y,v,u]);return i.useEffect((()=>{E.uniforms.resolution.value.set(v.width,v.height)}),[v]),e.useFrame((()=>{j.current&&O.setPoints(j.current,g)})),i.createElement("group",null,i.createElement("mesh",{ref:o,geometry:O,material:E}),i.createElement("group",{ref:b},u))}));exports.Trail=l,exports.useTrail=c;

package/core/Trail.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { ColorRepresentation, Object3D } from 'three';
-import { MeshLine } from 'meshline';
-declare type Settings = {
-    width: number;
-    length: number;
-    decay: number;
-    local: boolean;
-    stride: number;
-    interval: number;
-};
-export declare function useTrail(target: Object3D, settings: Partial<Settings>): React.MutableRefObject<Float32Array | undefined>;
-export declare const Trail: React.ForwardRefExoticComponent<{
-    color?: ColorRepresentation | undefined;
-    attenuation?: ((width: number) => number) | undefined;
-    target?: React.MutableRefObject<Object3D<import("three").Event>> | undefined;
-} & Partial<Settings> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<MeshLine>>;
-export {};

package/core/Trail.js

@@ -1,160 +0,0 @@
-import { useFrame, useThree } from '@react-three/fiber';
-import * as React from 'react';
-import { Vector3, Object3D, Vector2 } from 'three';
-import { MeshLine, MeshLineMaterial } from 'meshline';
-
-const defaults = {
-  width: 0.2,
-  length: 1,
-  decay: 1,
-  local: false,
-  stride: 0,
-  interval: 1
-};
-
-const shiftLeft = (collection, steps = 1) => {
-  collection.set(collection.subarray(steps));
-  collection.fill(-Infinity, -steps);
-  return collection;
-};
-
-function useTrail(target, settings) {
-  const {
-    length,
-    local,
-    decay,
-    interval,
-    stride
-  } = { ...defaults,
-    ...settings
-  };
-  const points = React.useRef();
-  const [worldPosition] = React.useState(() => new Vector3());
-  React.useLayoutEffect(() => {
-    if (target) {
-      points.current = Float32Array.from({
-        length: length * 10 * 3
-      }, (_, i) => target.position.getComponent(i % 3));
-    }
-  }, [length, target]);
-  const prevPosition = React.useRef(new Vector3());
-  const frameCount = React.useRef(0);
-  useFrame(() => {
-    if (!target) return;
-    if (!points.current) return;
-
-    if (frameCount.current === 0) {
-      let newPosition;
-
-      if (local) {
-        newPosition = target.position;
-      } else {
-        target.getWorldPosition(worldPosition);
-        newPosition = worldPosition;
-      }
-
-      const steps = 1 * decay;
-
-      for (let i = 0; i < steps; i++) {
-        if (newPosition.distanceTo(prevPosition.current) < stride) continue;
-        shiftLeft(points.current, 3);
-        points.current.set(newPosition.toArray(), points.current.length - 3);
-      }
-
-      prevPosition.current.copy(newPosition);
-    }
-
-    frameCount.current++;
-    frameCount.current = frameCount.current % interval;
-  });
-  return points;
-}
-const Trail = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
-  const {
-    children
-  } = props;
-  const {
-    width,
-    length,
-    decay,
-    local,
-    stride,
-    interval
-  } = { ...defaults,
-    ...props
-  };
-  const {
-    color = 'hotpink',
-    attenuation,
-    target
-  } = props;
-  const size = useThree(s => s.size);
-  const ref = React.useRef(null);
-  const [anchor, setAnchor] = React.useState(null);
-  const points = useTrail(anchor, {
-    length,
-    decay,
-    local,
-    stride,
-    interval
-  });
-  React.useEffect(() => {
-    const t = (target == null ? void 0 : target.current) || ref.current.children.find(o => {
-      return o instanceof Object3D;
-    });
-
-    if (t) {
-      setAnchor(t);
-    }
-  }, [points, target]);
-  const geo = React.useMemo(() => new MeshLine(), []);
-  const mat = React.useMemo(() => {
-    var _matOverride;
-
-    const m = new MeshLineMaterial({
-      lineWidth: 0.1 * width,
-      color: color,
-      sizeAttenuation: 1,
-      resolution: new Vector2(size.width, size.height)
-    }); // Get and apply first <meshLineMaterial /> from children
-
-    let matOverride;
-
-    if (children) {
-      if (Array.isArray(children)) {
-        matOverride = children.find(child => {
-          const c = child;
-          return typeof c.type === 'string' && c.type === 'meshLineMaterial';
-        });
-      } else {
-        const c = children;
-
-        if (typeof c.type === 'string' && c.type === 'meshLineMaterial') {
-          matOverride = c;
-        }
-      }
-    }
-
-    if (typeof ((_matOverride = matOverride) == null ? void 0 : _matOverride.props) === 'object') {
-      m.setValues(matOverride.props);
-    }
-
-    return m;
-  }, [width, color, size, children]);
-  React.useEffect(() => {
-    mat.uniforms.resolution.value.set(size.width, size.height);
-  }, [size]);
-  useFrame(() => {
-    if (!points.current) return;
-    geo.setPoints(points.current, attenuation);
-  });
-  return /*#__PURE__*/React.createElement("group", null, /*#__PURE__*/React.createElement("mesh", {
-    ref: forwardRef,
-    geometry: geo,
-    material: mat
-  }), /*#__PURE__*/React.createElement("group", {
-    ref: ref
-  }, children));
-});
-
-export { Trail, useTrail };

package/core/useBoxProjectedEnv.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),n=require("@react-three/fiber");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var o=i(e),t=i(r);exports.useBoxProjectedEnv=function(e=new o.Vector3,r=new o.Vector3){const[i]=t.useState((()=>({position:new o.Vector3,size:new o.Vector3})));n.applyProps(i,{position:e,size:r});const a=t.useRef(null),c=t.useMemo((()=>({ref:a,onBeforeCompile:e=>function(e,r,n){e.defines.BOX_PROJECTED_ENV_MAP=!0,e.uniforms.envMapPosition={value:r},e.uniforms.envMapSize={value:n},e.vertexShader=`\n  varying vec3 vWorldPosition;\n  ${e.vertexShader.replace("#include <worldpos_vertex>","\n#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n  vec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n  #ifdef BOX_PROJECTED_ENV_MAP\n    vWorldPosition = worldPosition.xyz;\n  #endif\n#endif\n")}`,e.fragmentShader=`\n    \n#ifdef BOX_PROJECTED_ENV_MAP\n  uniform vec3 envMapSize;\n  uniform vec3 envMapPosition;\n  varying vec3 vWorldPosition;\n    \n  vec3 parallaxCorrectNormal( vec3 v, vec3 cubeSize, vec3 cubePos ) {\n    vec3 nDir = normalize( v );\n    vec3 rbmax = ( .5 * cubeSize + cubePos - vWorldPosition ) / nDir;\n    vec3 rbmin = ( -.5 * cubeSize + cubePos - vWorldPosition ) / nDir;\n    vec3 rbminmax;\n    rbminmax.x = ( nDir.x > 0. ) ? rbmax.x : rbmin.x;\n    rbminmax.y = ( nDir.y > 0. ) ? rbmax.y : rbmin.y;\n    rbminmax.z = ( nDir.z > 0. ) ? rbmax.z : rbmin.z;\n    float correction = min( min( rbminmax.x, rbminmax.y ), rbminmax.z );\n    vec3 boxIntersection = vWorldPosition + nDir * correction;    \n    return boxIntersection - cubePos;\n  }\n#endif\n\n    ${e.fragmentShader.replace("#include <envmap_physical_pars_fragment>",o.ShaderChunk.envmap_physical_pars_fragment).replace("vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );","vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n         \n#ifdef BOX_PROJECTED_ENV_MAP\n  worldNormal = parallaxCorrectNormal( worldNormal, envMapSize, envMapPosition );\n#endif\n\n         ").replace("reflectVec = inverseTransformDirection( reflectVec, viewMatrix );","reflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n         \n#ifdef BOX_PROJECTED_ENV_MAP\n  reflectVec = parallaxCorrectNormal( reflectVec, envMapSize, envMapPosition );\n#endif\n\n        ")}`}(e,i.position,i.size),customProgramCacheKey:()=>JSON.stringify(i.position.toArray())+JSON.stringify(i.size.toArray())})),[...i.position.toArray(),...i.size.toArray()]);return t.useLayoutEffect((()=>{a.current.needsUpdate=!0}),[i]),c};

package/core/useBoxProjectedEnv.d.ts

@@ -1,8 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import { ReactThreeFiber } from '@react-three/fiber';
-export declare function useBoxProjectedEnv(position?: ReactThreeFiber.Vector3, size?: ReactThreeFiber.Vector3): {
-    ref: React.MutableRefObject<THREE.Material>;
-    onBeforeCompile: (shader: THREE.Shader) => void;
-    customProgramCacheKey: () => string;
-};

package/core/useBoxProjectedEnv.js

@@ -1,98 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import { applyProps } from '@react-three/fiber';
-
-// and @0beqz https://gist.github.com/0beqz/8d51b4ae16d68021a09fb504af708fca
-
-const worldposReplace =
-/* glsl */
-`
-#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )
-  vec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );
-  #ifdef BOX_PROJECTED_ENV_MAP
-    vWorldPosition = worldPosition.xyz;
-  #endif
-#endif
-`;
-const boxProjectDefinitions =
-/*glsl */
-`
-#ifdef BOX_PROJECTED_ENV_MAP
-  uniform vec3 envMapSize;
-  uniform vec3 envMapPosition;
-  varying vec3 vWorldPosition;
-    
-  vec3 parallaxCorrectNormal( vec3 v, vec3 cubeSize, vec3 cubePos ) {
-    vec3 nDir = normalize( v );
-    vec3 rbmax = ( .5 * cubeSize + cubePos - vWorldPosition ) / nDir;
-    vec3 rbmin = ( -.5 * cubeSize + cubePos - vWorldPosition ) / nDir;
-    vec3 rbminmax;
-    rbminmax.x = ( nDir.x > 0. ) ? rbmax.x : rbmin.x;
-    rbminmax.y = ( nDir.y > 0. ) ? rbmax.y : rbmin.y;
-    rbminmax.z = ( nDir.z > 0. ) ? rbmax.z : rbmin.z;
-    float correction = min( min( rbminmax.x, rbminmax.y ), rbminmax.z );
-    vec3 boxIntersection = vWorldPosition + nDir * correction;    
-    return boxIntersection - cubePos;
-  }
-#endif
-`; // will be inserted after "vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );"
-
-const getIBLIrradiance_patch =
-/* glsl */
-`
-#ifdef BOX_PROJECTED_ENV_MAP
-  worldNormal = parallaxCorrectNormal( worldNormal, envMapSize, envMapPosition );
-#endif
-`; // will be inserted after "reflectVec = inverseTransformDirection( reflectVec, viewMatrix );"
-
-const getIBLRadiance_patch =
-/* glsl */
-`
-#ifdef BOX_PROJECTED_ENV_MAP
-  reflectVec = parallaxCorrectNormal( reflectVec, envMapSize, envMapPosition );
-#endif
-`;
-
-function boxProjectedEnvMap(shader, envMapPosition, envMapSize) {
-  shader.defines.BOX_PROJECTED_ENV_MAP = true; // uniforms
-
-  shader.uniforms.envMapPosition = {
-    value: envMapPosition
-  };
-  shader.uniforms.envMapSize = {
-    value: envMapSize
-  }; // vertex shader
-
-  shader.vertexShader = `
-  varying vec3 vWorldPosition;
-  ${shader.vertexShader.replace('#include <worldpos_vertex>', worldposReplace)}`; // fragment shader
-
-  shader.fragmentShader = `
-    ${boxProjectDefinitions}
-    ${shader.fragmentShader.replace('#include <envmap_physical_pars_fragment>', THREE.ShaderChunk.envmap_physical_pars_fragment).replace('vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );', `vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );
-         ${getIBLIrradiance_patch}
-         `).replace('reflectVec = inverseTransformDirection( reflectVec, viewMatrix );', `reflectVec = inverseTransformDirection( reflectVec, viewMatrix );
-         ${getIBLRadiance_patch}
-        `)}`;
-}
-
-function useBoxProjectedEnv(position = new THREE.Vector3(), size = new THREE.Vector3()) {
-  const [config] = React.useState(() => ({
-    position: new THREE.Vector3(),
-    size: new THREE.Vector3()
-  }));
-  applyProps(config, {
-    position,
-    size
-  });
-  const ref = React.useRef(null);
-  const spread = React.useMemo(() => ({
-    ref,
-    onBeforeCompile: shader => boxProjectedEnvMap(shader, config.position, config.size),
-    customProgramCacheKey: () => JSON.stringify(config.position.toArray()) + JSON.stringify(config.size.toArray())
-  }), [...config.position.toArray(), ...config.size.toArray()]);
-  React.useLayoutEffect(() => void (ref.current.needsUpdate = true), [config]);
-  return spread;
-}
-
-export { useBoxProjectedEnv };