@react-three/postprocessing 2.3.0 → 2.3.3

package/README.md

@@ -124,4 +124,4 @@ Selection can be nested and group multiple object, higher up selection take prec
 ```
 
 - [react-postprocessing exports](https://github.com/pmndrs/react-postprocessing/blob/master/api.md)
-- [postprocessing docs](https://vanruesc.github.io/postprocessing/public/docs/)
+- [postprocessing docs](https://pmndrs.github.io/postprocessing/public/docs/)

package/dist/{index.cjs.js → index.cjs}

@@ -65,7 +65,7 @@ var wrapEffect = function wrapEffect(effectImpl, defaultBlendMode) {
       return new effectImpl(props);
     }, [props]);
     React.useLayoutEffect(function () {
-      effect.blendMode.blendFunction = blendFunction || defaultBlendMode;
+      effect.blendMode.blendFunction = !blendFunction && blendFunction !== 0 ? defaultBlendMode : blendFunction;
       if (opacity !== undefined) effect.blendMode.opacity.value = opacity;
       invalidate();
     }, [blendFunction, effect.blendMode, opacity]);
@@ -623,7 +623,7 @@ var SSAO = /*#__PURE__*/React.forwardRef(function SSAO(props, ref) {
       return null;
     }
 
-    return new postprocessing.SSAOEffect(camera, normalPass ? normalPass.texture : null, _extends__default["default"]({
+    return new postprocessing.SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, _extends__default["default"]({
       blendFunction: postprocessing.BlendFunction.MULTIPLY,
       samples: 30,
       rings: 4,
@@ -639,7 +639,8 @@ var SSAO = /*#__PURE__*/React.forwardRef(function SSAO(props, ref) {
       color: null,
       // @ts-ignore
       normalDepthBuffer: downSamplingPass ? downSamplingPass.texture : null,
-      resolutionScale: resolutionScale != null ? resolutionScale : 1
+      resolutionScale: resolutionScale != null ? resolutionScale : 1,
+      depthAwareUpsampling: true
     }, props));
   }, [camera, normalPass, props]);
   return /*#__PURE__*/React__default["default"].createElement("primitive", {

package/dist/index.js

@@ -24,7 +24,7 @@ const wrapEffect = function (effectImpl, defaultBlendMode) {
     const invalidate = useThree(state => state.invalidate);
     const effect = useMemo(() => new effectImpl(props), [props]);
     useLayoutEffect(() => {
-      effect.blendMode.blendFunction = blendFunction || defaultBlendMode;
+      effect.blendMode.blendFunction = !blendFunction && blendFunction !== 0 ? defaultBlendMode : blendFunction;
       if (opacity !== undefined) effect.blendMode.opacity.value = opacity;
       invalidate();
     }, [blendFunction, effect.blendMode, opacity]);
@@ -506,7 +506,7 @@ const SSAO = /*#__PURE__*/forwardRef(function SSAO(props, ref) {
       return null;
     }
 
-    return new SSAOEffect(camera, normalPass ? normalPass.texture : null, {
+    return new SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, {
       blendFunction: BlendFunction.MULTIPLY,
       samples: 30,
       rings: 4,
@@ -523,6 +523,7 @@ const SSAO = /*#__PURE__*/forwardRef(function SSAO(props, ref) {
       // @ts-ignore
       normalDepthBuffer: downSamplingPass ? downSamplingPass.texture : null,
       resolutionScale: resolutionScale != null ? resolutionScale : 1,
+      depthAwareUpsampling: true,
       ...props
     });
   }, [camera, normalPass, props]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/postprocessing",
-  "version": "2.3.0",
+  "version": "2.3.3",
   "description": "postprocessing wrapper for React and @react-three/fiber",
   "keywords": [
     "postprocessing",
@@ -11,7 +11,8 @@
     "3d"
   ],
   "license": "MIT",
-  "main": "dist/index.cjs.js",
+  "type": "module",
+  "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
@@ -38,7 +39,7 @@
     "typegen": "tsc --emitDeclarationOnly || true"
   },
   "dependencies": {
-    "postprocessing": "6.26.3",
+    "postprocessing": "^6.26.4",
     "react-merge-refs": "^1.1.0",
     "three-stdlib": "^2.8.11"
   },
@@ -84,12 +85,6 @@
   "peerDependencies": {
     "@react-three/fiber": ">=7.0",
     "react": ">=17.0",
-    "react-dom": ">=17.0",
     "three": ">=0.136.0"
-  },
-  "peerDependenciesMeta": {
-    "react-dom": {
-      "optional": true
-    }
   }
 }