@react-three/drei 10.7.7 → 11.0.0-alpha.1

package/core/MarchingCubes.d.ts

@@ -1,24 +0,0 @@
-import * as THREE from 'three';
-import { Color } from 'three';
-import { MarchingCubes as MarchingCubesImpl } from 'three-stdlib';
-import { ThreeElements } from '@react-three/fiber';
-import { ForwardRefComponent } from '../helpers/ts-utils';
-export type MarchingCubesProps = {
-    resolution?: number;
-    maxPolyCount?: number;
-    enableUvs?: boolean;
-    enableColors?: boolean;
-} & Omit<ThreeElements['group'], 'ref'>;
-export declare const MarchingCubes: ForwardRefComponent<MarchingCubesProps, MarchingCubesImpl>;
-export type MarchingCubeProps = {
-    strength?: number;
-    subtract?: number;
-    color?: Color;
-} & ThreeElements['group'];
-export declare const MarchingCube: ForwardRefComponent<MarchingCubeProps, THREE.Group>;
-export type MarchingPlaneProps = {
-    planeType?: 'x' | 'y' | 'z';
-    strength?: number;
-    subtract?: number;
-} & ThreeElements['group'];
-export declare const MarchingPlane: ForwardRefComponent<MarchingPlaneProps, THREE.Group>;

package/core/MarchingCubes.js

@@ -1,78 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as THREE from 'three';
-import * as React from 'react';
-import { MarchingCubes as MarchingCubes$1 } from 'three-stdlib';
-import { useFrame } from '@react-three/fiber';
-
-const globalContext = /* @__PURE__ */React.createContext(null);
-const MarchingCubes = /* @__PURE__ */React.forwardRef(({
-  resolution = 28,
-  maxPolyCount = 10000,
-  enableUvs = false,
-  enableColors = false,
-  children,
-  ...props
-}, ref) => {
-  const marchingCubesRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => marchingCubesRef.current, []);
-  const marchingCubes = React.useMemo(() => new MarchingCubes$1(resolution, null, enableUvs, enableColors, maxPolyCount), [resolution, maxPolyCount, enableUvs, enableColors]);
-  const api = React.useMemo(() => ({
-    getParent: () => marchingCubesRef
-  }), []);
-  useFrame(() => {
-    marchingCubes.update();
-    marchingCubes.reset();
-  }, -1); // To make sure the reset runs before the balls or planes are added
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("primitive", _extends({
-    object: marchingCubes,
-    ref: marchingCubesRef
-  }, props), /*#__PURE__*/React.createElement(globalContext.Provider, {
-    value: api
-  }, children)));
-});
-const MarchingCube = /* @__PURE__ */React.forwardRef(({
-  strength = 0.5,
-  subtract = 12,
-  color,
-  ...props
-}, ref) => {
-  const {
-    getParent
-  } = React.useContext(globalContext);
-  const parentRef = React.useMemo(() => getParent(), [getParent]);
-  const cubeRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => cubeRef.current, []);
-  const vec = new THREE.Vector3();
-  useFrame(state => {
-    if (!parentRef.current || !cubeRef.current) return;
-    cubeRef.current.getWorldPosition(vec);
-    parentRef.current.addBall(0.5 + vec.x * 0.5, 0.5 + vec.y * 0.5, 0.5 + vec.z * 0.5, strength, subtract, color);
-  });
-  return /*#__PURE__*/React.createElement("group", _extends({
-    ref: cubeRef
-  }, props));
-});
-const MarchingPlane = /* @__PURE__ */React.forwardRef(({
-  planeType: _planeType = 'x',
-  strength = 0.5,
-  subtract = 12,
-  ...props
-}, ref) => {
-  const {
-    getParent
-  } = React.useContext(globalContext);
-  const parentRef = React.useMemo(() => getParent(), [getParent]);
-  const wallRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => wallRef.current, []);
-  const planeType = React.useMemo(() => _planeType === 'x' ? 'addPlaneX' : _planeType === 'y' ? 'addPlaneY' : 'addPlaneZ', [_planeType]);
-  useFrame(() => {
-    if (!parentRef.current || !wallRef.current) return;
-    parentRef.current[planeType](strength, subtract);
-  });
-  return /*#__PURE__*/React.createElement("group", _extends({
-    ref: wallRef
-  }, props));
-});
-
-export { MarchingCube, MarchingCubes, MarchingPlane };

package/core/Mask.cjs.js

@@ -1 +0,0 @@
-"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 c(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=n(e),l=c(t),u=c(r);const s=u.forwardRef((({id:e=1,colorWrite:t=!1,depthWrite:r=!1,...n},c)=>{const s=u.useRef(null),a=u.useMemo((()=>({colorWrite:t,depthWrite:r,stencilWrite:!0,stencilRef:e,stencilFunc:l.AlwaysStencilFunc,stencilFail:l.ReplaceStencilOp,stencilZFail:l.ReplaceStencilOp,stencilZPass:l.ReplaceStencilOp})),[e,t,r]);return u.useLayoutEffect((()=>{Object.assign(s.current.material,a)})),u.useImperativeHandle(c,(()=>s.current),[]),u.createElement("mesh",i.default({ref:s,renderOrder:-e},n))}));exports.Mask=s,exports.useMask=function(e,t=!1){return{stencilWrite:!0,stencilRef:e,stencilFunc:t?l.NotEqualStencilFunc:l.EqualStencilFunc,stencilFail:l.KeepStencilOp,stencilZFail:l.KeepStencilOp,stencilZPass:l.KeepStencilOp}};

package/core/Mask.d.ts

@@ -1,17 +0,0 @@
-import * as THREE from 'three';
-import { ForwardRefComponent } from '../helpers/ts-utils';
-import { ThreeElements } from '@react-three/fiber';
-export type MaskProps = Omit<ThreeElements['mesh'], 'ref' | 'id'> & {
-    id: number;
-    colorWrite?: boolean;
-    depthWrite?: boolean;
-};
-export declare const Mask: ForwardRefComponent<MaskProps, THREE.Mesh>;
-export declare function useMask(id: number, inverse?: boolean): {
-    stencilWrite: boolean;
-    stencilRef: number;
-    stencilFunc: 514 | 517;
-    stencilFail: 7680;
-    stencilZFail: 7680;
-    stencilZPass: 7680;
-};

package/core/Mask.js

@@ -1,42 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as THREE from 'three';
-import * as React from 'react';
-
-const Mask = /* @__PURE__ */React.forwardRef(({
-  id = 1,
-  colorWrite = false,
-  depthWrite = false,
-  ...props
-}, fref) => {
-  const ref = React.useRef(null);
-  const spread = React.useMemo(() => ({
-    colorWrite,
-    depthWrite,
-    stencilWrite: true,
-    stencilRef: id,
-    stencilFunc: THREE.AlwaysStencilFunc,
-    stencilFail: THREE.ReplaceStencilOp,
-    stencilZFail: THREE.ReplaceStencilOp,
-    stencilZPass: THREE.ReplaceStencilOp
-  }), [id, colorWrite, depthWrite]);
-  React.useLayoutEffect(() => {
-    Object.assign(ref.current.material, spread);
-  });
-  React.useImperativeHandle(fref, () => ref.current, []);
-  return /*#__PURE__*/React.createElement("mesh", _extends({
-    ref: ref,
-    renderOrder: -id
-  }, props));
-});
-function useMask(id, inverse = false) {
-  return {
-    stencilWrite: true,
-    stencilRef: id,
-    stencilFunc: inverse ? THREE.NotEqualStencilFunc : THREE.EqualStencilFunc,
-    stencilFail: THREE.KeepStencilOp,
-    stencilZFail: THREE.KeepStencilOp,
-    stencilZPass: THREE.KeepStencilOp
-  };
-}
-
-export { Mask, useMask };

package/core/MatcapTexture.cjs.js

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

package/core/MatcapTexture.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Texture } from 'three';
-export declare function useMatcapTexture(id?: number | string, format?: number, onLoad?: (texture: Texture | Texture[]) => void): [Texture, string, number];
-export declare const MatcapTexture: ({ children, id, format, onLoad, }: {
-    children?: (texture: ReturnType<typeof useMatcapTexture>) => React.ReactNode;
-    id?: Parameters<typeof useMatcapTexture>[0];
-    format?: Parameters<typeof useMatcapTexture>[1];
-    onLoad?: Parameters<typeof useMatcapTexture>[2];
-}) => React.JSX.Element;

package/core/MatcapTexture.js

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { useTexture } from './Texture.js';
-import { suspend } from 'suspend-react';
-
-function getFormatString(format) {
-  switch (format) {
-    case 64:
-      return '-64px';
-    case 128:
-      return '-128px';
-    case 256:
-      return '-256px';
-    case 512:
-      return '-512px';
-    default:
-      return '';
-  }
-}
-const LIST_URL = 'https://cdn.jsdelivr.net/gh/pmndrs/drei-assets@master/matcaps.json';
-const MATCAP_ROOT = 'https://rawcdn.githack.com/emmelleppi/matcaps/9b36ccaaf0a24881a39062d05566c9e92be4aa0d';
-function useMatcapTexture(id = 0, format = 1024, onLoad) {
-  const matcapList = suspend(() => fetch(LIST_URL).then(res => res.json()), ['matcapList']);
-  const DEFAULT_MATCAP = matcapList[0];
-  const numTot = React.useMemo(() => Object.keys(matcapList).length, []);
-  const fileHash = React.useMemo(() => {
-    if (typeof id === 'string') {
-      return id;
-    } else if (typeof id === 'number') {
-      return matcapList[id];
-    }
-    return null;
-  }, [id]);
-  const fileName = `${fileHash || DEFAULT_MATCAP}${getFormatString(format)}.png`;
-  const url = `${MATCAP_ROOT}/${format}/${fileName}`;
-  const matcapTexture = useTexture(url, onLoad);
-  return [matcapTexture, url, numTot];
-}
-
-//
-
-const MatcapTexture = ({
-  children,
-  id,
-  format,
-  onLoad
-}) => {
-  const texture = useMatcapTexture(id, format, onLoad);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children == null ? void 0 : children(texture));
-};
-
-export { MatcapTexture, useMatcapTexture };

package/core/MeshDiscardMaterial.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("@react-three/fiber"),a=require("../materials/DiscardMaterial.cjs.js");function i(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)}require("./shaderMaterial.cjs.js"),require("three");var u=i(e),l=c(r);const n=l.forwardRef(((e,r)=>(t.extend({DiscardMaterialImpl:a.DiscardMaterial}),l.createElement("discardMaterialImpl",u.default({ref:r},e)))));exports.MeshDiscardMaterial=n;

package/core/MeshDiscardMaterial.d.ts

@@ -1,10 +0,0 @@
-import { ShaderMaterial } from 'three';
-import { ThreeElements } from '@react-three/fiber';
-import { ForwardRefComponent } from '../helpers/ts-utils';
-declare module '@react-three/fiber' {
-    interface ThreeElements {
-        discardMaterialImpl: ThreeElements['shaderMaterial'];
-    }
-}
-export type MeshDiscardMaterialProps = Omit<ThreeElements['shaderMaterial'], 'ref'>;
-export declare const MeshDiscardMaterial: ForwardRefComponent<MeshDiscardMaterialProps, ShaderMaterial>;

package/core/MeshDiscardMaterial.js

@@ -1,15 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as React from 'react';
-import { extend } from '@react-three/fiber';
-import { DiscardMaterial } from '../materials/DiscardMaterial.js';
-
-const MeshDiscardMaterial = /* @__PURE__ */React.forwardRef((props, fref) => {
-  extend({
-    DiscardMaterialImpl: DiscardMaterial
-  });
-  return /*#__PURE__*/React.createElement("discardMaterialImpl", _extends({
-    ref: fref
-  }, props));
-});
-
-export { MeshDiscardMaterial };

package/core/MeshDistortMaterial.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"),i=require("@react-three/fiber");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=o(e),v=s(t);class n extends r.MeshPhysicalMaterial{constructor(e={}){super(e),this.setValues(e),this._time={value:0},this._distort={value:.4},this._radius={value:1}}onBeforeCompile(e){e.uniforms.time=this._time,e.uniforms.radius=this._radius,e.uniforms.distort=this._distort,e.vertexShader=`\n      uniform float time;\n      uniform float radius;\n      uniform float distort;\n      #define GLSLIFY 1\nvec3 mod289(vec3 x){return x-floor(x*(1.0/289.0))*289.0;}vec4 mod289(vec4 x){return x-floor(x*(1.0/289.0))*289.0;}vec4 permute(vec4 x){return mod289(((x*34.0)+1.0)*x);}vec4 taylorInvSqrt(vec4 r){return 1.79284291400159-0.85373472095314*r;}float snoise(vec3 v){const vec2 C=vec2(1.0/6.0,1.0/3.0);const vec4 D=vec4(0.0,0.5,1.0,2.0);vec3 i=floor(v+dot(v,C.yyy));vec3 x0=v-i+dot(i,C.xxx);vec3 g=step(x0.yzx,x0.xyz);vec3 l=1.0-g;vec3 i1=min(g.xyz,l.zxy);vec3 i2=max(g.xyz,l.zxy);vec3 x1=x0-i1+C.xxx;vec3 x2=x0-i2+C.yyy;vec3 x3=x0-D.yyy;i=mod289(i);vec4 p=permute(permute(permute(i.z+vec4(0.0,i1.z,i2.z,1.0))+i.y+vec4(0.0,i1.y,i2.y,1.0))+i.x+vec4(0.0,i1.x,i2.x,1.0));float n_=0.142857142857;vec3 ns=n_*D.wyz-D.xzx;vec4 j=p-49.0*floor(p*ns.z*ns.z);vec4 x_=floor(j*ns.z);vec4 y_=floor(j-7.0*x_);vec4 x=x_*ns.x+ns.yyyy;vec4 y=y_*ns.x+ns.yyyy;vec4 h=1.0-abs(x)-abs(y);vec4 b0=vec4(x.xy,y.xy);vec4 b1=vec4(x.zw,y.zw);vec4 s0=floor(b0)*2.0+1.0;vec4 s1=floor(b1)*2.0+1.0;vec4 sh=-step(h,vec4(0.0));vec4 a0=b0.xzyw+s0.xzyw*sh.xxyy;vec4 a1=b1.xzyw+s1.xzyw*sh.zzww;vec3 p0=vec3(a0.xy,h.x);vec3 p1=vec3(a0.zw,h.y);vec3 p2=vec3(a1.xy,h.z);vec3 p3=vec3(a1.zw,h.w);vec4 norm=taylorInvSqrt(vec4(dot(p0,p0),dot(p1,p1),dot(p2,p2),dot(p3,p3)));p0*=norm.x;p1*=norm.y;p2*=norm.z;p3*=norm.w;vec4 m=max(0.6-vec4(dot(x0,x0),dot(x1,x1),dot(x2,x2),dot(x3,x3)),0.0);m=m*m;return 42.0*dot(m*m,vec4(dot(p0,x0),dot(p1,x1),dot(p2,x2),dot(p3,x3)));}\n      ${e.vertexShader}\n    `,e.vertexShader=e.vertexShader.replace("#include <begin_vertex>","\n        float updateTime = time / 50.0;\n        float noise = snoise(vec3(position / 2.0 + updateTime * 5.0));\n        vec3 transformed = vec3(position * (noise * pow(distort, 2.0) + radius));\n        ")}get time(){return this._time.value}set time(e){this._time.value=e}get distort(){return this._distort.value}set distort(e){this._distort.value=e}get radius(){return this._radius.value}set radius(e){this._radius.value=e}}const x=v.forwardRef((({speed:e=1,...t},r)=>{const[o]=v.useState((()=>new n));return i.useFrame((t=>o&&(o.time=t.clock.elapsedTime*e))),v.createElement("primitive",c.default({object:o,ref:r,attach:"material"},t))}));exports.MeshDistortMaterial=x;

package/core/MeshDistortMaterial.d.ts

@@ -1,39 +0,0 @@
-import { IUniform, MeshPhysicalMaterial, MeshPhysicalMaterialParameters } from 'three';
-import { ThreeElements } from '@react-three/fiber';
-import { ForwardRefComponent } from '../helpers/ts-utils';
-interface Uniform<T> {
-    value: T;
-}
-declare class DistortMaterialImpl extends MeshPhysicalMaterial {
-    _time: Uniform<number>;
-    _distort: Uniform<number>;
-    _radius: Uniform<number>;
-    constructor(parameters?: MeshPhysicalMaterialParameters);
-    onBeforeCompile(shader: {
-        vertexShader: string;
-        uniforms: {
-            [uniform: string]: IUniform;
-        };
-    }): void;
-    get time(): number;
-    set time(v: number);
-    get distort(): number;
-    set distort(v: number);
-    get radius(): number;
-    set radius(v: number);
-}
-declare module '@react-three/fiber' {
-    interface ThreeElements {
-        distortMaterialImpl: ThreeElements['meshPhysicalMaterial'] & {
-            time?: number;
-            distort?: number;
-            radius?: number;
-        };
-    }
-}
-export type MeshDistortMaterialProps = Omit<ThreeElements['distortMaterialImpl'], 'ref'> & {
-    speed?: number;
-    factor?: number;
-};
-export declare const MeshDistortMaterial: ForwardRefComponent<MeshDistortMaterialProps, DistortMaterialImpl>;
-export {};

package/core/MeshDistortMaterial.js

@@ -1,72 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as React from 'react';
-import { MeshPhysicalMaterial } from 'three';
-import { useFrame } from '@react-three/fiber';
-import distort from '../helpers/glsl/distort.vert.glsl.js';
-
-class DistortMaterialImpl extends MeshPhysicalMaterial {
-  constructor(parameters = {}) {
-    super(parameters);
-    this.setValues(parameters);
-    this._time = {
-      value: 0
-    };
-    this._distort = {
-      value: 0.4
-    };
-    this._radius = {
-      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;
-    shader.uniforms.distort = this._distort;
-    shader.vertexShader = `
-      uniform float time;
-      uniform float radius;
-      uniform float distort;
-      ${distort}
-      ${shader.vertexShader}
-    `;
-    shader.vertexShader = shader.vertexShader.replace('#include <begin_vertex>', `
-        float updateTime = time / 50.0;
-        float noise = snoise(vec3(position / 2.0 + updateTime * 5.0));
-        vec3 transformed = vec3(position * (noise * pow(distort, 2.0) + radius));
-        `);
-  }
-  get time() {
-    return this._time.value;
-  }
-  set time(v) {
-    this._time.value = v;
-  }
-  get distort() {
-    return this._distort.value;
-  }
-  set distort(v) {
-    this._distort.value = v;
-  }
-  get radius() {
-    return this._radius.value;
-  }
-  set radius(v) {
-    this._radius.value = v;
-  }
-}
-const MeshDistortMaterial = /* @__PURE__ */React.forwardRef(({
-  speed = 1,
-  ...props
-}, ref) => {
-  const [material] = React.useState(() => new DistortMaterialImpl());
-  useFrame(state => material && (material.time = state.clock.elapsedTime * speed));
-  return /*#__PURE__*/React.createElement("primitive", _extends({
-    object: material,
-    ref: ref,
-    attach: "material"
-  }, props));
-});
-
-export { MeshDistortMaterial };

package/core/MeshPortalMaterial.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("three"),t=require("react"),n=require("@react-three/fiber"),a=require("./useIntersect.cjs.js"),i=require("./Fbo.cjs.js"),l=require("./RenderTexture.cjs.js"),o=require("./shaderMaterial.cjs.js"),u=require("three-stdlib"),s=require("../helpers/constants.cjs.js");function v(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 d=v(e),m=c(r),f=c(t);const g=o.shaderMaterial({blur:0,map:null,sdf:null,blend:0,size:0,resolution:new m.Vector2},"varying vec2 vUv;\n   void main() {\n     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n     vUv = uv;\n   }",`uniform sampler2D sdf;\n   uniform sampler2D map;\n   uniform float blur;\n   uniform float size;\n   uniform float time;\n   uniform vec2 resolution;\n   varying vec2 vUv;\n   #include <packing>\n   void main() {\n     vec2 uv = gl_FragCoord.xy / resolution.xy;\n     vec4 t = texture2D(map, uv);\n     float k = blur;\n     float d = texture2D(sdf, vUv).r/size;\n     float alpha = 1.0 - smoothstep(0.0, 1.0, clamp(d/k + 1.0, 0.0, 1.0));\n     gl_FragColor = vec4(t.rgb, blur == 0.0 ? t.a : t.a * alpha);\n     #include <tonemapping_fragment>\n     #include <${s.version>=154?"colorspace_fragment":"encodings_fragment"}>\n   }`),p=f.forwardRef((({children:e,events:r,blur:t=0,eventPriority:o=0,renderPriority:u=0,worldUnits:s=!1,resolution:v=512,...c},p)=>{n.extend({PortalMaterialImpl:g});const h=f.useRef(null),{scene:b,gl:y,size:w,viewport:M,setEvents:U}=n.useThree(),T=i.useFBO(v,v),[R,S]=f.useState(0);n.useFrame((()=>{const e=h.current.blend>0?Math.max(1,u):0;R!==e&&S(e)})),f.useEffect((()=>{void 0!==r&&U({enabled:!r})}),[r]);const[_,j]=f.useState(!0),D=a.useIntersect(j);f.useLayoutEffect((()=>{var e;D.current=null==(e=h.current)||null==(e=e.__r3f.parent)?void 0:e.object}),[]),f.useLayoutEffect((()=>{if(D.current&&t&&null===h.current.sdf){const e=new m.Mesh(D.current.geometry,new m.MeshBasicMaterial),r=(new m.Box3).setFromBufferAttribute(e.geometry.attributes.position),t=new m.OrthographicCamera(r.min.x*(1+2/v),r.max.x*(1+2/v),r.max.y*(1+2/v),r.min.y*(1+2/v),.1,1e3);t.position.set(0,0,1),t.lookAt(0,0,0),y.setRenderTarget(T),y.render(e,t);const n=F(v,v,y)(T.texture),a=new Float32Array(v*v);y.readRenderTargetPixels(n,0,0,v,v,a);let i=1/0;for(let e=0;e<a.length;e++)a[e]<i&&(i=a[e]);i=-i,h.current.size=i,h.current.sdf=n.texture,y.setRenderTarget(null)}}),[v,t]),f.useImperativeHandle(p,(()=>h.current));const P=f.useCallback(((e,r,t)=>{var n;if(!D.current)return!1;if(r.pointer.set(e.offsetX/r.size.width*2-1,-e.offsetY/r.size.height*2+1),r.raycaster.setFromCamera(r.pointer,r.camera),0===(null==(n=h.current)?void 0:n.blend)){const[e]=r.raycaster.intersectObject(D.current);if(!e)return r.raycaster.camera=void 0,!1}}),[]);return f.createElement("portalMaterialImpl",d.default({ref:h,blur:t,blend:0,resolution:[w.width*M.dpr,w.height*M.dpr],attach:"material"},c),f.createElement(l.RenderTexture,{attach:"map",frames:_?1/0:0,eventPriority:o,renderPriority:u,compute:P},e,f.createElement(x,{events:r,rootScene:b,priority:R,material:h,worldUnits:s})))}));function x({events:e,rootScene:r,material:t,priority:a,worldUnits:l}){const o=n.useThree((e=>e.scene)),v=n.useThree((e=>e.setEvents)),c=i.useFBO(),d=i.useFBO();f.useLayoutEffect((()=>{o.matrixAutoUpdate=!1}),[]),f.useEffect((()=>{void 0!==e&&v({enabled:e})}),[e]);const[g,p]=f.useMemo((()=>{const e={value:0};return[new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{a:{value:c.texture},b:{value:d.texture},blend:e},vertexShader:"\n          varying vec2 vUv;\n          void main() {\n            vUv = uv;\n            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n          }",fragmentShader:`\n          uniform sampler2D a;\n          uniform sampler2D b;\n          uniform float blend;\n          varying vec2 vUv;\n          #include <packing>\n          void main() {\n            vec4 ta = texture2D(a, vUv);\n            vec4 tb = texture2D(b, vUv);\n            gl_FragColor = mix(tb, ta, blend);\n            #include <tonemapping_fragment>\n            #include <${s.version>=154?"colorspace_fragment":"encodings_fragment"}>\n          }`})),e]}),[]);return n.useFrame((e=>{var n;let i=null==t||null==(n=t.current)||null==(n=n.__r3f.parent)?void 0:n.object;if(i){var u,s,v,m;if(l)o.matrixWorld.identity();else a&&1===(null==(u=t.current)?void 0:u.blend)&&i.updateWorldMatrix(!0,!1),o.matrixWorld.copy(i.matrixWorld);if(a)(null==(s=t.current)?void 0:s.blend)>0&&(null==(v=t.current)?void 0:v.blend)<1?(p.value=t.current.blend,e.gl.setRenderTarget(c),e.gl.render(o,e.camera),e.gl.setRenderTarget(d),e.gl.render(r,e.camera),e.gl.setRenderTarget(null),g.render(e.gl)):1===(null==(m=t.current)?void 0:m.blend)&&e.gl.render(o,e.camera)}}),a),f.createElement(f.Fragment,null)}const F=(e,r,t)=>{let n=new m.WebGLRenderTarget(e,r,{minFilter:m.LinearMipmapLinearFilter,magFilter:m.LinearFilter,type:m.FloatType,format:m.RedFormat,generateMipmaps:!0}),a=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),i=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),l=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),o=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),s=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter,type:m.FloatType,format:m.RedFormat}),v=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter,type:m.FloatType,format:m.RedFormat});const c=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",fragmentShader:"\n        uniform sampler2D tex;\n        varying vec2 vUv;\n        #include <packing>\n        void main() {\n          gl_FragColor = pack2HalfToRGBA(vUv * (round(texture2D(tex, vUv).x)));\n        }"})),d=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",fragmentShader:"\n        uniform sampler2D tex;\n        varying vec2 vUv;\n        #include <packing>\n        void main() {\n          gl_FragColor = pack2HalfToRGBA(vUv * (1.0 - round(texture2D(tex, vUv).x)));\n        }"})),f=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null},offset:{value:0},level:{value:0},maxSteps:{value:0}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",fragmentShader:`\n        varying vec2 vUv;\n        uniform sampler2D tex;\n        uniform float offset;\n        uniform float level;\n        uniform float maxSteps;\n        #include <packing>\n        void main() {\n          float closestDist = 9999999.9;\n          vec2 closestPos = vec2(0.0);\n          for (float x = -1.0; x <= 1.0; x += 1.0) {\n            for (float y = -1.0; y <= 1.0; y += 1.0) {\n              vec2 voffset = vUv;\n              voffset += vec2(x, y) * vec2(${1/e}, ${1/r}) * offset;\n              vec2 pos = unpackRGBATo2Half(texture2D(tex, voffset));\n              float dist = distance(pos.xy, vUv);\n              if(pos.x != 0.0 && pos.y != 0.0 && dist < closestDist) {\n                closestDist = dist;\n                closestPos = pos;\n              }\n            }\n          }\n          gl_FragColor = pack2HalfToRGBA(closestPos);\n        }`})),g=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null},size:{value:new m.Vector2(e,r)}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",fragmentShader:"\n        varying vec2 vUv;\n        uniform sampler2D tex;\n        uniform vec2 size;\n        #include <packing>\n        void main() {\n          gl_FragColor = vec4(distance(size * unpackRGBATo2Half(texture2D(tex, vUv)), size * vUv), 0.0, 0.0, 0.0);\n        }"})),p=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{inside:{value:v.texture},outside:{value:s.texture},tex:{value:null}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }",fragmentShader:"\n        varying vec2 vUv;\n        uniform sampler2D inside;\n        uniform sampler2D outside;\n        uniform sampler2D tex;\n        #include <packing>\n        void main() {\n          float i = texture2D(inside, vUv).x;\n          float o =texture2D(outside, vUv).x;\n          if (texture2D(tex, vUv).x == 0.0) {\n            gl_FragColor = vec4(o, 0.0, 0.0, 0.0);\n          } else {\n            gl_FragColor = vec4(-i, 0.0, 0.0, 0.0);\n          }\n        }"}));return u=>{let x=n;u.minFilter=m.NearestFilter,u.magFilter=m.NearestFilter,c.material.uniforms.tex.value=u,t.setRenderTarget(a),c.render(t);const F=Math.ceil(Math.log(Math.max(e,r))/Math.log(2));let h=a,b=null;for(let e=0;e<F;e++){const r=Math.pow(2,F-e-1);b=h===a?l:a,f.material.uniforms.level.value=e,f.material.uniforms.maxSteps.value=F,f.material.uniforms.offset.value=r,f.material.uniforms.tex.value=h.texture,t.setRenderTarget(b),f.render(t),h=b}t.setRenderTarget(s),g.material.uniforms.tex.value=b.texture,g.render(t),d.material.uniforms.tex.value=u,t.setRenderTarget(i),d.render(t),h=i;for(let e=0;e<F;e++){const r=Math.pow(2,F-e-1);b=h===i?o:i,f.material.uniforms.level.value=e,f.material.uniforms.maxSteps.value=F,f.material.uniforms.offset.value=r,f.material.uniforms.tex.value=h.texture,t.setRenderTarget(b),f.render(t),h=b}return t.setRenderTarget(v),g.material.uniforms.tex.value=b.texture,g.render(t),t.setRenderTarget(x),p.material.uniforms.tex.value=u,p.render(t),t.setRenderTarget(null),x}};exports.MeshPortalMaterial=p;

package/core/MeshPortalMaterial.d.ts

@@ -1,25 +0,0 @@
-import * as THREE from 'three';
-import { ReactThreeFiber, ThreeElements } from '@react-three/fiber';
-import { ForwardRefComponent } from '../helpers/ts-utils';
-declare module '@react-three/fiber' {
-    interface ThreeElements {
-        portalMaterialImpl: ThreeElements['shaderMaterial'] & {
-            resolution: ReactThreeFiber.Vector2;
-            blur: number;
-            blend: number;
-            size?: number;
-            sdf?: THREE.Texture;
-            map?: THREE.Texture;
-        };
-    }
-}
-export type PortalProps = Omit<ThreeElements['portalMaterialImpl'], 'ref' | 'blend'> & {
-    blend?: number;
-    blur?: number;
-    resolution?: number;
-    worldUnits?: boolean;
-    eventPriority?: number;
-    renderPriority?: number;
-    events?: boolean;
-};
-export declare const MeshPortalMaterial: ForwardRefComponent<PortalProps, ThreeElements['portalMaterialImpl']>;