fix!: publish as ESM-only, upstream N8AO (#313)

Author: CodyJasonBennett

package.json

@@ -11,47 +11,33 @@
     "3d"
   ],
   "license": "MIT",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "exports": {
-    "types": "./dist/index.d.ts",
-    "require": "./dist/index.cjs",
-    "import": "./dist/index.js"
-  },
-  "types": "./dist/index.d.ts",
-  "sideEffects": false,
   "files": [
-    "dist"
+    "dist/*",
+    "src/*"
   ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "exports": "./dist/index.js",
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "git+https://github.com/pmndrs/react-postprocessing.git"
   },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --fix"
-    ]
-  },
   "scripts": {
-    "prebuild": "rimraf dist",
-    "build": "vite build && tsc --emitDeclarationOnly",
-    "prepare": "yarn build",
+    "build": "vite build",
     "eslint": "eslint . --fix --ext=js,ts,jsx,tsx",
     "eslint:ci": "eslint . --ext=js,ts,jsx,tsx",
     "test": "vitest run",
-    "typecheck": "tsc --noEmit false --strict --jsx react",
+    "typecheck": "tsc",
     "release": "semantic-release"
   },
   "dependencies": {
-    "buffer": "^6.0.3",
     "maath": "^0.6.0",
-    "n8ao": "^1.6.6",
-    "postprocessing": "^6.32.1",
+    "n8ao": "^1.9.4",
+    "postprocessing": "^6.36.6",
     "three-stdlib": "^2.35.7"
   },
   "devDependencies": {
-    "@react-three/drei": "^9.68.2",
     "@react-three/fiber": "9.0.0-rc.4",
     "@types/node": "^22.10.7",
     "@types/react": "^19.0.2",
@@ -66,12 +52,9 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
     "prettier": "^2.8.8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "rimraf": "^5.0.0",
     "semantic-release": "^21.0.2",
     "three": "^0.156.0",
     "typescript": "^5.0.4",
@@ -80,7 +63,7 @@
   },
   "peerDependencies": {
     "@react-three/fiber": "9.0.0-rc.4",
-    "react": ">=19.0",
+    "react": "^19.0",
     "three": ">= 0.156.0"
   }
 }

src/EffectComposer.test.tsx

@@ -11,9 +11,6 @@ declare global {
 }
 global.IS_REACT_ACT_ENVIRONMENT = true
 
-// Mock scheduler to test React features
-vi.mock('scheduler', () => require('scheduler/unstable_mock'))
-
 // Create virtual R3F root for testing
 extend(THREE as any)
 const root = createRoot({

src/compat.js

@@ -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'
-import { EffectComposerContext } from '../EffectComposer'
+import { DepthOfField } from './DepthOfField.tsx'
+import { EffectComposerContext } from '../EffectComposer.tsx'
 
 export type AutofocusProps = React.ComponentProps<typeof DepthOfField> & {
   target?: Vector3

src/effects/Autofocus.tsx

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

src/effects/Bloom.tsx

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

src/effects/BrightnessContrast.tsx

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

src/effects/ChromaticAberration.tsx

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

src/effects/ColorDepth.tsx

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

src/effects/Depth.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'
+import { EffectComposerContext } from '../EffectComposer.tsx'
 
 type DOFProps = ConstructorParameters<typeof DepthOfFieldEffect>[1] &
   Partial<{