@react-three/postprocessing 3.0.0-rc.1 → 3.0.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0-rc.2",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",

package/src/effects/Autofocus.tsx

@@ -14,8 +14,8 @@ import { useThree, useFrame, createPortal, type Vector3 } from '@react-three/fib
 import { CopyPass, DepthPickingPass, DepthOfFieldEffect } from 'postprocessing'
 import { easing } from 'maath'
 
-import { DepthOfField } from './DepthOfField.tsx'
-import { EffectComposerContext } from '../EffectComposer.tsx'
+import { DepthOfField } from './DepthOfField'
+import { EffectComposerContext } from '../EffectComposer'
 
 export type AutofocusProps = React.ComponentProps<typeof DepthOfField> & {
   target?: Vector3

package/src/effects/Bloom.tsx

@@ -1,5 +1,5 @@
 import { BloomEffect, BlendFunction } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Bloom = /* @__PURE__ */ wrapEffect(BloomEffect, {
   blendFunction: BlendFunction.ADD,

package/src/effects/BrightnessContrast.tsx

@@ -1,4 +1,4 @@
 import { BrightnessContrastEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const BrightnessContrast = /* @__PURE__ */ wrapEffect(BrightnessContrastEffect)

package/src/effects/ChromaticAberration.tsx

@@ -1,5 +1,5 @@
 import { ChromaticAberrationEffect } from 'postprocessing'
-import { type EffectProps, wrapEffect } from '../util.tsx'
+import { type EffectProps, wrapEffect } from '../util'
 
 export type ChromaticAberrationProps = EffectProps<typeof ChromaticAberrationEffect>
 export const ChromaticAberration = /* @__PURE__ */ wrapEffect(ChromaticAberrationEffect)

package/src/effects/ColorDepth.tsx

@@ -1,4 +1,4 @@
 import { ColorDepthEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const ColorDepth = /* @__PURE__ */ wrapEffect(ColorDepthEffect)

package/src/effects/Depth.tsx

@@ -1,4 +1,4 @@
 import { DepthEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Depth = /* @__PURE__ */ wrapEffect(DepthEffect)

package/src/effects/DepthOfField.tsx

@@ -2,7 +2,7 @@ import { DepthOfFieldEffect, MaskFunction } from 'postprocessing'
 import { Ref, forwardRef, useMemo, useEffect, useContext } from 'react'
 import { ReactThreeFiber } from '@react-three/fiber'
 import { type DepthPackingStrategies, type Texture, Vector3 } from 'three'
-import { EffectComposerContext } from '../EffectComposer.tsx'
+import { EffectComposerContext } from '../EffectComposer'
 
 type DOFProps = ConstructorParameters<typeof DepthOfFieldEffect>[1] &
   Partial<{

package/src/effects/DotScreen.tsx

@@ -1,4 +1,4 @@
 import { DotScreenEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const DotScreen = /* @__PURE__ */ wrapEffect(DotScreenEffect)

package/src/effects/FXAA.tsx

@@ -1,4 +1,4 @@
 import { FXAAEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const FXAA = /* @__PURE__ */ wrapEffect(FXAAEffect)

package/src/effects/Glitch.tsx

@@ -2,7 +2,7 @@ import { Vector2 } from 'three'
 import { GlitchEffect, GlitchMode } from 'postprocessing'
 import { Ref, forwardRef, useMemo, useLayoutEffect, useEffect } from 'react'
 import { ReactThreeFiber, useThree } from '@react-three/fiber'
-import { useVector2 } from '../util.tsx'
+import { useVector2 } from '../util'
 
 export type GlitchProps = ConstructorParameters<typeof GlitchEffect>[0] &
   Partial<{

package/src/effects/GodRays.tsx

@@ -2,7 +2,7 @@ import { GodRaysEffect } from 'postprocessing'
 import React, { Ref, forwardRef, useMemo, useContext, useLayoutEffect } from 'react'
 import { Mesh, Points } from 'three'
 import { EffectComposerContext } from '../EffectComposer'
-import { resolveRef } from '../util.tsx'
+import { resolveRef } from '../util'
 
 type GodRaysProps = ConstructorParameters<typeof GodRaysEffect>[2] & {
   sun: Mesh | Points | React.RefObject<Mesh | Points>

package/src/effects/HueSaturation.tsx

@@ -1,4 +1,4 @@
 import { HueSaturationEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const HueSaturation = /* @__PURE__ */ wrapEffect(HueSaturationEffect)

package/src/effects/LensFlare.tsx

@@ -7,8 +7,8 @@ import { useFrame, useThree } from '@react-three/fiber'
 import { BlendFunction, Effect } from 'postprocessing'
 import { easing } from 'maath'
 
-import { EffectComposerContext } from '../EffectComposer.tsx'
-import { wrapEffect } from '../util.tsx'
+import { EffectComposerContext } from '../EffectComposer'
+import { wrapEffect } from '../util'
 
 const LensFlareShader = {
   fragmentShader: /* glsl */ `

package/src/effects/Noise.tsx

@@ -1,4 +1,4 @@
 import { NoiseEffect, BlendFunction } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Noise = /* @__PURE__ */ wrapEffect(NoiseEffect, { blendFunction: BlendFunction.COLOR_DODGE })

package/src/effects/Outline.tsx

@@ -2,9 +2,9 @@ import { OutlineEffect } from 'postprocessing'
 import { Ref, RefObject, forwardRef, useMemo, useEffect, useContext, useRef } from 'react'
 import { Object3D } from 'three'
 import { useThree } from '@react-three/fiber'
-import { EffectComposerContext } from '../EffectComposer.tsx'
-import { selectionContext } from '../Selection.tsx'
-import { resolveRef } from '../util.tsx'
+import { EffectComposerContext } from '../EffectComposer'
+import { selectionContext } from '../Selection'
+import { resolveRef } from '../util'
 
 type ObjectRef = RefObject<Object3D>
 

package/src/effects/Ramp.tsx

@@ -1,6 +1,6 @@
 import { Uniform } from 'three'
 import { Effect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 const RampShader = {
   fragmentShader: /* glsl */ `

package/src/effects/SMAA.tsx

@@ -1,4 +1,4 @@
 import { SMAAEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const SMAA = /* @__PURE__ */ wrapEffect(SMAAEffect)

package/src/effects/SSAO.tsx

@@ -1,6 +1,6 @@
 import { Ref, forwardRef, useContext, useMemo } from 'react'
 import { SSAOEffect, BlendFunction } from 'postprocessing'
-import { EffectComposerContext } from '../EffectComposer.tsx'
+import { EffectComposerContext } from '../EffectComposer'
 
 // first two args are camera and texture
 type SSAOProps = ConstructorParameters<typeof SSAOEffect>[2]

package/src/effects/ScanlineEffect.tsx

@@ -1,5 +1,5 @@
 import { ScanlineEffect, BlendFunction } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Scanline = /* @__PURE__ */ wrapEffect(ScanlineEffect, {
   blendFunction: BlendFunction.OVERLAY,

package/src/effects/SelectiveBloom.tsx

@@ -3,9 +3,9 @@ import type { BloomEffectOptions } from 'postprocessing'
 import React, { Ref, RefObject, forwardRef, useMemo, useEffect, useContext, useRef } from 'react'
 import { Object3D } from 'three'
 import { useThree } from '@react-three/fiber'
-import { EffectComposerContext } from '../EffectComposer.tsx'
-import { selectionContext } from '../Selection.tsx'
-import { resolveRef } from '../util.tsx'
+import { EffectComposerContext } from '../EffectComposer'
+import { selectionContext } from '../Selection'
+import { resolveRef } from '../util'
 
 type ObjectRef = RefObject<Object3D>
 

package/src/effects/Sepia.tsx

@@ -1,4 +1,4 @@
 import { SepiaEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Sepia = /* @__PURE__ */ wrapEffect(SepiaEffect)

package/src/effects/ShockWave.tsx

@@ -1,4 +1,4 @@
 import { ShockWaveEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const ShockWave = /* @__PURE__ */ wrapEffect(ShockWaveEffect)

package/src/effects/TiltShift.tsx

@@ -1,4 +1,4 @@
 import { TiltShiftEffect, BlendFunction } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const TiltShift = /* @__PURE__ */ wrapEffect(TiltShiftEffect, { blendFunction: BlendFunction.ADD })

package/src/effects/TiltShift2.tsx

@@ -1,6 +1,6 @@
 import { Uniform } from 'three'
 import { BlendFunction, Effect, EffectAttribute } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 const TiltShiftShader = {
   fragmentShader: `

package/src/effects/ToneMapping.tsx

@@ -1,5 +1,5 @@
 import { ToneMappingEffect } from 'postprocessing'
-import { type EffectProps, wrapEffect } from '../util.tsx'
+import { type EffectProps, wrapEffect } from '../util'
 
 export type ToneMappingProps = EffectProps<typeof ToneMappingEffect>
 

package/src/effects/Vignette.tsx

@@ -1,4 +1,4 @@
 import { VignetteEffect } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 export const Vignette = /* @__PURE__ */ wrapEffect(VignetteEffect)

package/src/effects/Water.tsx

@@ -1,6 +1,6 @@
 import { Uniform } from 'three'
 import { BlendFunction, Effect, EffectAttribute } from 'postprocessing'
-import { wrapEffect } from '../util.tsx'
+import { wrapEffect } from '../util'
 
 const WaterShader = {
   fragmentShader: /* glsl */ `

package/src/index.ts

@@ -1,40 +1,40 @@
-export * from './Selection.tsx'
-export * from './EffectComposer.tsx'
-export * from './util.tsx'
+export * from './Selection'
+export * from './EffectComposer'
+export * from './util'
 
-export * from './effects/Autofocus.tsx'
-export * from './effects/LensFlare.tsx'
-export * from './effects/Bloom.tsx'
-export * from './effects/BrightnessContrast.tsx'
-export * from './effects/ChromaticAberration.tsx'
-export * from './effects/ColorAverage.tsx'
-export * from './effects/ColorDepth.tsx'
-export * from './effects/Depth.tsx'
-export * from './effects/DepthOfField.tsx'
-export * from './effects/DotScreen.tsx'
-export * from './effects/Glitch.tsx'
-export * from './effects/GodRays.tsx'
-export * from './effects/Grid.tsx'
-export * from './effects/HueSaturation.tsx'
-export * from './effects/Noise.tsx'
-export * from './effects/Outline.tsx'
-export * from './effects/Pixelation.tsx'
-export * from './effects/ScanlineEffect.tsx'
-export * from './effects/SelectiveBloom.tsx'
-export * from './effects/Sepia.tsx'
-export * from './effects/SSAO.tsx'
-export * from './effects/SMAA.tsx'
-export * from './effects/FXAA.tsx'
-export * from './effects/Ramp.tsx'
-export * from './effects/Texture.tsx'
-export * from './effects/ToneMapping.tsx'
-export * from './effects/Vignette.tsx'
-export * from './effects/ShockWave.tsx'
-export * from './effects/LUT.tsx'
-export * from './effects/TiltShift.tsx'
-export * from './effects/TiltShift2.tsx'
-export * from './effects/ASCII.tsx'
-export * from './effects/Water.tsx'
+export * from './effects/Autofocus'
+export * from './effects/LensFlare'
+export * from './effects/Bloom'
+export * from './effects/BrightnessContrast'
+export * from './effects/ChromaticAberration'
+export * from './effects/ColorAverage'
+export * from './effects/ColorDepth'
+export * from './effects/Depth'
+export * from './effects/DepthOfField'
+export * from './effects/DotScreen'
+export * from './effects/Glitch'
+export * from './effects/GodRays'
+export * from './effects/Grid'
+export * from './effects/HueSaturation'
+export * from './effects/Noise'
+export * from './effects/Outline'
+export * from './effects/Pixelation'
+export * from './effects/ScanlineEffect'
+export * from './effects/SelectiveBloom'
+export * from './effects/Sepia'
+export * from './effects/SSAO'
+export * from './effects/SMAA'
+export * from './effects/FXAA'
+export * from './effects/Ramp'
+export * from './effects/Texture'
+export * from './effects/ToneMapping'
+export * from './effects/Vignette'
+export * from './effects/ShockWave'
+export * from './effects/LUT'
+export * from './effects/TiltShift'
+export * from './effects/TiltShift2'
+export * from './effects/ASCII'
+export * from './effects/Water'
 
 // These are not effect passes
-export * from './effects/N8AO.tsx'
+export * from './effects/N8AO'