@react-three/postprocessing 2.2.0 → 2.2.1

package/README.md

@@ -98,8 +98,8 @@ You wrap everything into a selection, and then select object or groups. Effects
 
 ```jsx
 <Selection>
-  <EffectComposer>
-    <Outline xRay blur edgeStrength={100} width={1000} />
+  <EffectComposer autoclear={false}>
+    <Outline blur edgeStrength={100} />
   </EffectComposer>
   <Select enabled>
     <mesh />

package/dist/index.cjs.js

@@ -376,19 +376,27 @@ var Outline = /*#__PURE__*/React.forwardRef(function Outline(_ref, forwardRef) {
       _ref$selectionLayer = _ref.selectionLayer,
       selectionLayer = _ref$selectionLayer === void 0 ? 10 : _ref$selectionLayer,
       _ref$blendFunction = _ref.blendFunction,
-      blendFunction = _ref$blendFunction === void 0 ? postprocessing.BlendFunction.ADD : _ref$blendFunction,
-      patternTexture = _ref.patternTexture,
-      edgeStrength = _ref.edgeStrength,
-      pulseSpeed = _ref.pulseSpeed,
+      blendFunction = _ref$blendFunction === void 0 ? postprocessing.BlendFunction.SCREEN : _ref$blendFunction,
+      _ref$patternTexture = _ref.patternTexture,
+      patternTexture = _ref$patternTexture === void 0 ? null : _ref$patternTexture,
+      _ref$edgeStrength = _ref.edgeStrength,
+      edgeStrength = _ref$edgeStrength === void 0 ? 1 : _ref$edgeStrength,
+      _ref$pulseSpeed = _ref.pulseSpeed,
+      pulseSpeed = _ref$pulseSpeed === void 0 ? 0 : _ref$pulseSpeed,
       _ref$visibleEdgeColor = _ref.visibleEdgeColor,
       visibleEdgeColor = _ref$visibleEdgeColor === void 0 ? 0xffffff : _ref$visibleEdgeColor,
       _ref$hiddenEdgeColor = _ref.hiddenEdgeColor,
       hiddenEdgeColor = _ref$hiddenEdgeColor === void 0 ? 0xffffff : _ref$hiddenEdgeColor,
-      width = _ref.width,
-      height = _ref.height,
-      kernelSize = _ref.kernelSize,
-      blur = _ref.blur,
-      xRay = _ref.xRay;
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? postprocessing.Resizer.AUTO_SIZE : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? postprocessing.Resizer.AUTO_SIZE : _ref$height,
+      _ref$kernelSize = _ref.kernelSize,
+      kernelSize = _ref$kernelSize === void 0 ? postprocessing.KernelSize.VERY_SMALL : _ref$kernelSize,
+      _ref$blur = _ref.blur,
+      blur = _ref$blur === void 0 ? false : _ref$blur,
+      _ref$xRay = _ref.xRay,
+      xRay = _ref$xRay === void 0 ? true : _ref$xRay;
       _objectWithoutPropertiesLoose__default["default"](_ref, _excluded$2);
 
   var _useContext = React.useContext(EffectComposerContext),

package/dist/index.js

@@ -1,4 +1,4 @@
-import { BlendFunction, BloomEffect, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, EffectComposer as EffectComposer$1, RenderPass, NormalPass, EffectPass, DepthOfFieldEffect, DotScreenEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, SSAOEffect, SMAAPreset, EdgeDetectionMode, SMAAImageLoader, SMAAEffect, TextureEffect, ToneMappingEffect, VignetteEffect, ShockWaveEffect, LUTEffect } from 'postprocessing';
+import { BlendFunction, BloomEffect, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, EffectComposer as EffectComposer$1, RenderPass, NormalPass, EffectPass, DepthOfFieldEffect, DotScreenEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, NoiseEffect, Resizer, KernelSize, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, SSAOEffect, SMAAPreset, EdgeDetectionMode, SMAAImageLoader, SMAAEffect, TextureEffect, ToneMappingEffect, VignetteEffect, ShockWaveEffect, LUTEffect } from 'postprocessing';
 import React, { forwardRef, useMemo, useLayoutEffect, createContext, useRef, useImperativeHandle, useContext, useState, useEffect } from 'react';
 import * as THREE from 'three';
 import { Vector2, Vector3, TextureLoader, sRGBEncoding, RepeatWrapping } from 'three';
@@ -294,17 +294,17 @@ const Outline = /*#__PURE__*/forwardRef(function Outline(_ref, forwardRef) {
   let {
     selection = [],
     selectionLayer = 10,
-    blendFunction = BlendFunction.ADD,
-    patternTexture,
-    edgeStrength,
-    pulseSpeed,
+    blendFunction = BlendFunction.SCREEN,
+    patternTexture = null,
+    edgeStrength = 1,
+    pulseSpeed = 0,
     visibleEdgeColor = 0xffffff,
     hiddenEdgeColor = 0xffffff,
-    width,
-    height,
-    kernelSize,
-    blur,
-    xRay,
+    width = Resizer.AUTO_SIZE,
+    height = Resizer.AUTO_SIZE,
+    kernelSize = KernelSize.VERY_SMALL,
+    blur = false,
+    xRay = true,
     ...props
   } = _ref;
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",