From 43820d20f3e5eb52bd8a9b44b8ba7fdf0758bfd7 Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Fri, 27 Sep 2024 11:15:00 +0200
Subject: [PATCH 1/5] Global: Move some WebGPU modules from core to addons.

---
 .../jsm/tsl}/display/AfterImageNode.js        | 16 ++-----------
 .../jsm/tsl}/display/AnaglyphPassNode.js      |  8 ++-----
 .../jsm/tsl}/display/AnamorphicNode.js        | 16 ++-----------
 .../jsm/tsl}/display/BleachBypass.js          |  4 +---
 .../jsm/tsl}/display/BloomNode.js             | 21 ++---------------
 .../jsm/tsl}/display/DenoiseNode.js           | 16 ++-----------
 .../jsm/tsl}/display/DepthOfFieldNode.js      |  8 +------
 .../jsm/tsl}/display/DotScreenNode.js         | 11 ++-------
 .../jsm/tsl}/display/FXAANode.js              | 13 ++---------
 .../jsm/tsl}/display/FilmNode.js              |  6 +----
 .../jsm/tsl}/display/GTAONode.js              | 22 ++----------------
 .../jsm/tsl}/display/GaussianBlurNode.js      | 15 ++----------
 .../jsm/tsl}/display/Lut3DNode.js             |  5 +---
 .../jsm/tsl}/display/MotionBlur.js            |  5 ++--
 .../tsl}/display/ParallaxBarrierPassNode.js   |  6 +----
 .../jsm/tsl}/display/PixelationPassNode.js    | 16 ++-----------
 .../jsm/tsl}/display/RGBShiftNode.js          |  7 +-----
 .../jsm/tsl}/display/SSAAPassNode.js          | 12 ++--------
 .../jsm/tsl}/display/Sepia.js                 |  3 +--
 .../jsm/tsl}/display/SobelOperatorNode.js     | 12 ++--------
 .../tsl}/display/StereoCompositePassNode.js   | 10 ++------
 .../jsm/tsl}/display/StereoPassNode.js        |  6 ++---
 .../jsm/tsl}/display/TransitionNode.js        |  7 +-----
 examples/misc_controls_fly.html               |  3 ++-
 examples/webgpu_display_stereo.html           |  4 +++-
 examples/webgpu_postprocessing.html           |  4 +++-
 examples/webgpu_postprocessing_3dlut.html     |  3 ++-
 .../webgpu_postprocessing_afterimage.html     |  3 ++-
 .../webgpu_postprocessing_anamorphic.html     |  3 ++-
 examples/webgpu_postprocessing_ao.html        |  4 +++-
 examples/webgpu_postprocessing_bloom.html     |  3 ++-
 .../webgpu_postprocessing_bloom_emissive.html |  3 ++-
 ...webgpu_postprocessing_bloom_selective.html |  3 ++-
 examples/webgpu_postprocessing_dof.html       |  3 ++-
 examples/webgpu_postprocessing_fxaa.html      |  3 ++-
 .../webgpu_postprocessing_motion_blur.html    |  3 ++-
 examples/webgpu_postprocessing_pixel.html     |  3 ++-
 examples/webgpu_postprocessing_sobel.html     |  3 ++-
 examples/webgpu_postprocessing_ssaa.html      |  2 +-
 .../webgpu_postprocessing_transition.html     |  3 ++-
 src/nodes/Nodes.js                            | 19 ---------------
 src/nodes/TSL.js                              | 23 -------------------
 42 files changed, 74 insertions(+), 266 deletions(-)
 rename {src/nodes => examples/jsm/tsl}/display/AfterImageNode.js (80%)
 rename {src/nodes => examples/jsm/tsl}/display/AnaglyphPassNode.js (82%)
 rename {src/nodes => examples/jsm/tsl}/display/AnamorphicNode.js (80%)
 rename {src/nodes => examples/jsm/tsl}/display/BleachBypass.js (78%)
 rename {src/nodes => examples/jsm/tsl}/display/BloomNode.js (90%)
 rename {src/nodes => examples/jsm/tsl}/display/DenoiseNode.js (87%)
 rename {src/nodes => examples/jsm/tsl}/display/DepthOfFieldNode.js (94%)
 rename {src/nodes => examples/jsm/tsl}/display/DotScreenNode.js (74%)
 rename {src/nodes => examples/jsm/tsl}/display/FXAANode.js (94%)
 rename {src/nodes => examples/jsm/tsl}/display/FilmNode.js (75%)
 rename {src/nodes => examples/jsm/tsl}/display/GTAONode.js (89%)
 rename {src/nodes => examples/jsm/tsl}/display/GaussianBlurNode.js (87%)
 rename {src/nodes => examples/jsm/tsl}/display/Lut3DNode.js (84%)
 rename {src/nodes => examples/jsm/tsl}/display/MotionBlur.js (80%)
 rename {src/nodes => examples/jsm/tsl}/display/ParallaxBarrierPassNode.js (79%)
 rename {src/nodes => examples/jsm/tsl}/display/PixelationPassNode.js (88%)
 rename {src/nodes => examples/jsm/tsl}/display/RGBShiftNode.js (75%)
 rename {src/nodes => examples/jsm/tsl}/display/SSAAPassNode.js (92%)
 rename {src/nodes => examples/jsm/tsl}/display/Sepia.js (77%)
 rename {src/nodes => examples/jsm/tsl}/display/SobelOperatorNode.js (86%)
 rename {src/nodes => examples/jsm/tsl}/display/StereoCompositePassNode.js (84%)
 rename {src/nodes => examples/jsm/tsl}/display/StereoPassNode.js (90%)
 rename {src/nodes => examples/jsm/tsl}/display/TransitionNode.js (85%)

diff --git a/src/nodes/display/AfterImageNode.js b/examples/jsm/tsl/display/AfterImageNode.js
similarity index 80%
rename from src/nodes/display/AfterImageNode.js
rename to examples/jsm/tsl/display/AfterImageNode.js
index ee48ecef0dbbe8..969d828f2e848c 100644
--- a/src/nodes/display/AfterImageNode.js
+++ b/examples/jsm/tsl/display/AfterImageNode.js
@@ -1,17 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { nodeObject, Fn, float, vec4 } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uv } from '../accessors/UV.js';
-import { texture } from '../accessors/TextureNode.js';
-import { passTexture } from './PassNode.js';
-import { uniform } from '../core/UniformNode.js';
-import { sign, max } from '../math/MathNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
-
-import { Vector2 } from '../../math/Vector2.js';
-import { RenderTarget } from '../../core/RenderTarget.js';
+import { RenderTarget, Vector2 } from 'three';
+import { TempNode, nodeObject, Fn, float, vec4, NodeUpdateType, uv, texture, passTexture, uniform, sign, max, convertToTexture, QuadMesh, NodeMaterial } from 'three/tsl';
 
 const _size = /*@__PURE__*/ new Vector2();
 
diff --git a/src/nodes/display/AnaglyphPassNode.js b/examples/jsm/tsl/display/AnaglyphPassNode.js
similarity index 82%
rename from src/nodes/display/AnaglyphPassNode.js
rename to examples/jsm/tsl/display/AnaglyphPassNode.js
index e42f90a8e552fa..3c9df59d4f02f2 100644
--- a/src/nodes/display/AnaglyphPassNode.js
+++ b/examples/jsm/tsl/display/AnaglyphPassNode.js
@@ -1,10 +1,6 @@
-import { Fn, nodeObject, vec4 } from '../tsl/TSLBase.js';
-import { Matrix3 } from '../../math/Matrix3.js';
-import { uniform } from '../core/UniformNode.js';
-import { uv } from '../accessors/UV.js';
-import { clamp, max } from '../math/MathNode.js';
+import { Matrix3 } from 'three';
+import { clamp, nodeObject, Fn, vec4, uv, uniform, max, NodeMaterial } from 'three/tsl';
 import StereoCompositePassNode from './StereoCompositePassNode.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
 
 class AnaglyphPassNode extends StereoCompositePassNode {
 
diff --git a/src/nodes/display/AnamorphicNode.js b/examples/jsm/tsl/display/AnamorphicNode.js
similarity index 80%
rename from src/nodes/display/AnamorphicNode.js
rename to examples/jsm/tsl/display/AnamorphicNode.js
index 68102768847561..12d9740aee06f2 100644
--- a/src/nodes/display/AnamorphicNode.js
+++ b/examples/jsm/tsl/display/AnamorphicNode.js
@@ -1,17 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { nodeObject, Fn, float, vec2, vec3 } from '../tsl/TSLBase.js';
-import { Loop } from '../utils/LoopNode.js';
-import { uniform } from '../core/UniformNode.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { threshold } from './ColorAdjustment.js';
-import { uv } from '../accessors/UV.js';
-import { passTexture } from './PassNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
-
-import { Vector2 } from '../../math/Vector2.js';
-import { RenderTarget } from '../../core/RenderTarget.js';
+import { RenderTarget, Vector2 } from 'three';
+import { TempNode, nodeObject, Fn, float, NodeUpdateType, uv, passTexture, uniform, convertToTexture, QuadMesh, NodeMaterial, vec2, vec3, Loop, threshold } from 'three/tsl';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 
diff --git a/src/nodes/display/BleachBypass.js b/examples/jsm/tsl/display/BleachBypass.js
similarity index 78%
rename from src/nodes/display/BleachBypass.js
rename to examples/jsm/tsl/display/BleachBypass.js
index adf90d1ca3679f..d3f94eaab09527 100644
--- a/src/nodes/display/BleachBypass.js
+++ b/examples/jsm/tsl/display/BleachBypass.js
@@ -1,6 +1,4 @@
-import { float, Fn, vec3, vec4 } from '../tsl/TSLBase.js';
-import { min, max, mix } from '../math/MathNode.js';
-import { luminance } from './ColorAdjustment.js';
+import { float, Fn, vec3, vec4, min, max, mix, luminance } from 'three/tsl';
 
 export const bleach = /*@__PURE__*/ Fn( ( [ color, opacity = 1 ] ) => {
 
diff --git a/src/nodes/display/BloomNode.js b/examples/jsm/tsl/display/BloomNode.js
similarity index 90%
rename from src/nodes/display/BloomNode.js
rename to examples/jsm/tsl/display/BloomNode.js
index 3793a1af269e2b..0ece7b4f6bbf1e 100644
--- a/src/nodes/display/BloomNode.js
+++ b/examples/jsm/tsl/display/BloomNode.js
@@ -1,22 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { Fn, nodeObject, float, vec4, int } from '../tsl/TSLBase.js';
-import { mix, smoothstep } from '../math/MathNode.js';
-import { luminance } from './ColorAdjustment.js';
-import { uniform } from '../core/UniformNode.js';
-import { uniformArray } from '../accessors/UniformArrayNode.js';
-import { uv } from '../accessors/UV.js';
-import { Color } from '../../math/Color.js';
-import { passTexture } from './PassNode.js';
-import { RenderTarget } from '../../core/RenderTarget.js';
-import { HalfFloatType } from '../../constants.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { Vector2 } from '../../math/Vector2.js';
-import { Loop } from '../utils/LoopNode.js';
-import { add } from '../math/OperatorNode.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-import { texture } from '../accessors/TextureNode.js';
-import { Vector3 } from '../../math/Vector3.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
+import { Color, HalfFloatType, RenderTarget, Vector2, Vector3 } from 'three';
+import { TempNode, nodeObject, Fn, float, NodeUpdateType, uv, passTexture, uniform, QuadMesh, NodeMaterial, Loop, texture, luminance, smoothstep, mix, vec4, uniformArray, add, int } from 'three/tsl';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 
diff --git a/src/nodes/display/DenoiseNode.js b/examples/jsm/tsl/display/DenoiseNode.js
similarity index 87%
rename from src/nodes/display/DenoiseNode.js
rename to examples/jsm/tsl/display/DenoiseNode.js
index ca84b93917baf9..44304b791f9238 100644
--- a/src/nodes/display/DenoiseNode.js
+++ b/examples/jsm/tsl/display/DenoiseNode.js
@@ -1,17 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, float, int, vec2, vec3, vec4, mat2, If } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { uniformArray } from '../accessors/UniformArrayNode.js';
-import { abs, dot, sin, cos, PI, pow, max } from '../math/MathNode.js';
-import { Loop } from '../utils/LoopNode.js';
-import { luminance } from './ColorAdjustment.js';
-import { textureSize } from '../accessors/TextureSizeNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-import { Vector2 } from '../../math/Vector2.js';
-import { Vector3 } from '../../math/Vector3.js';
+import { Vector2, Vector3 } from 'three';
+import { convertToTexture, TempNode, nodeObject, Fn, float, NodeUpdateType, uv, uniform, Loop, luminance, vec2, vec3, vec4, uniformArray, int, dot, max, pow, abs, If, textureSize, sin, cos, mat2, PI } from 'three/tsl';
 
 class DenoiseNode extends TempNode {
 
diff --git a/src/nodes/display/DepthOfFieldNode.js b/examples/jsm/tsl/display/DepthOfFieldNode.js
similarity index 94%
rename from src/nodes/display/DepthOfFieldNode.js
rename to examples/jsm/tsl/display/DepthOfFieldNode.js
index 79a192061f9c5e..434a747d950d4e 100644
--- a/src/nodes/display/DepthOfFieldNode.js
+++ b/examples/jsm/tsl/display/DepthOfFieldNode.js
@@ -1,10 +1,4 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, vec2, vec4 } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { clamp } from '../math/MathNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
+import { convertToTexture, TempNode, nodeObject, Fn, NodeUpdateType, uv, uniform, vec2, vec4, clamp } from 'three/tsl';
 
 class DepthOfFieldNode extends TempNode {
 
diff --git a/src/nodes/display/DotScreenNode.js b/examples/jsm/tsl/display/DotScreenNode.js
similarity index 74%
rename from src/nodes/display/DotScreenNode.js
rename to examples/jsm/tsl/display/DotScreenNode.js
index ebb8710618fc10..981a3c37f8168c 100644
--- a/src/nodes/display/DotScreenNode.js
+++ b/examples/jsm/tsl/display/DotScreenNode.js
@@ -1,12 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { nodeObject, Fn, vec2, vec3, vec4 } from '../tsl/TSLBase.js';
-import { uniform } from '../core/UniformNode.js';
-import { uv } from '../accessors/UV.js';
-import { sin, cos } from '../math/MathNode.js';
-import { add } from '../math/OperatorNode.js';
-import { screenSize } from './ScreenNode.js';
-
-import { Vector2 } from '../../math/Vector2.js';
+import { Vector2 } from 'three';
+import { TempNode, nodeObject, Fn, uv, uniform, vec2, vec3, sin, cos, add, vec4, screenSize } from 'three/tsl';
 
 class DotScreenNode extends TempNode {
 
diff --git a/src/nodes/display/FXAANode.js b/examples/jsm/tsl/display/FXAANode.js
similarity index 94%
rename from src/nodes/display/FXAANode.js
rename to examples/jsm/tsl/display/FXAANode.js
index a584c54069f7c6..3f77fd55932ebd 100644
--- a/src/nodes/display/FXAANode.js
+++ b/examples/jsm/tsl/display/FXAANode.js
@@ -1,14 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, float, vec2, vec4, int, If } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { abs, max, min, mix, pow } from '../math/MathNode.js';
-import { sub } from '../math/OperatorNode.js';
-import { Loop, Break } from '../utils/LoopNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-import { Vector2 } from '../../math/Vector2.js';
+import { Vector2 } from 'three';
+import { TempNode, nodeObject, Fn, float, NodeUpdateType, uv, uniform, convertToTexture, vec2, vec4, If, Loop, int, max, min, pow, mix, Break, abs, sub } from 'three/tsl';
 
 class FXAANode extends TempNode {
 
diff --git a/src/nodes/display/FilmNode.js b/examples/jsm/tsl/display/FilmNode.js
similarity index 75%
rename from src/nodes/display/FilmNode.js
rename to examples/jsm/tsl/display/FilmNode.js
index 1415895085d4f4..1126ac9e483b06 100644
--- a/src/nodes/display/FilmNode.js
+++ b/examples/jsm/tsl/display/FilmNode.js
@@ -1,8 +1,4 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeProxy, vec4 } from '../tsl/TSLBase.js';
-import { mix, fract, clamp, rand } from '../math/MathNode.js';
-import { timerLocal } from '../utils/TimerNode.js';
+import { TempNode, rand, Fn, fract, timerLocal, uv, clamp, mix, vec4, nodeProxy } from 'three/tsl';
 
 class FilmNode extends TempNode {
 
diff --git a/src/nodes/display/GTAONode.js b/examples/jsm/tsl/display/GTAONode.js
similarity index 89%
rename from src/nodes/display/GTAONode.js
rename to examples/jsm/tsl/display/GTAONode.js
index 8bd92d043c9b03..80f5294d206ec6 100644
--- a/src/nodes/display/GTAONode.js
+++ b/examples/jsm/tsl/display/GTAONode.js
@@ -1,23 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { texture } from '../accessors/TextureNode.js';
-import { textureSize } from '../accessors/TextureSizeNode.js';
-import { uv } from '../accessors/UV.js';
-import { nodeObject, Fn, mat3, vec2, vec3, vec4, float, int, If } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { DataTexture } from '../../textures/DataTexture.js';
-import { Vector2 } from '../../math/Vector2.js';
-import { Vector3 } from '../../math/Vector3.js';
-import { PI, cos, sin, pow, clamp, abs, max, mix, sqrt, acos, dot, normalize, cross } from '../math/MathNode.js';
-import { div, mul, add, sub } from '../math/OperatorNode.js';
-import { Loop } from '../utils/LoopNode.js';
-import { passTexture } from './PassNode.js';
-import { RepeatWrapping } from '../../constants.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
-
-import { RenderTarget } from '../../core/RenderTarget.js';
-import { Color } from '../../math/Color.js';
+import { Color, DataTexture, RenderTarget, RepeatWrapping, Vector2, Vector3 } from 'three';
+import { QuadMesh, TempNode, nodeObject, Fn, float, NodeUpdateType, uv, uniform, Loop, vec2, vec3, vec4, int, dot, max, pow, abs, If, textureSize, sin, cos, PI, texture, passTexture, mat3, add, normalize, mul, cross, div, mix, sqrt, sub, acos, clamp, NodeMaterial } from 'three/tsl';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
 const _currentClearColor = /*@__PURE__*/ new Color();
diff --git a/src/nodes/display/GaussianBlurNode.js b/examples/jsm/tsl/display/GaussianBlurNode.js
similarity index 87%
rename from src/nodes/display/GaussianBlurNode.js
rename to examples/jsm/tsl/display/GaussianBlurNode.js
index 14fe6b9cd9fc00..190c02c5e4127e 100644
--- a/src/nodes/display/GaussianBlurNode.js
+++ b/examples/jsm/tsl/display/GaussianBlurNode.js
@@ -1,16 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { nodeObject, Fn, float, vec2, vec4 } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { mul } from '../math/OperatorNode.js';
-import { uv } from '../accessors/UV.js';
-import { passTexture } from './PassNode.js';
-import { uniform } from '../core/UniformNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-
-import { Vector2 } from '../../math/Vector2.js';
-import { RenderTarget } from '../../core/RenderTarget.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
+import { RenderTarget, Vector2 } from 'three';
+import { TempNode, nodeObject, Fn, float, NodeUpdateType, uv, uniform, convertToTexture, vec2, vec4, QuadMesh, passTexture, mul, NodeMaterial } from 'three/tsl';
 
 // WebGPU: The use of a single QuadMesh for both gaussian blur passes results in a single RenderObject with a SampledTexture binding that
 // alternates between source textures and triggers creation of new BindGroups and BindGroupLayouts every frame.
diff --git a/src/nodes/display/Lut3DNode.js b/examples/jsm/tsl/display/Lut3DNode.js
similarity index 84%
rename from src/nodes/display/Lut3DNode.js
rename to examples/jsm/tsl/display/Lut3DNode.js
index 982ae3960f4160..f67b0e825d67c3 100644
--- a/src/nodes/display/Lut3DNode.js
+++ b/examples/jsm/tsl/display/Lut3DNode.js
@@ -1,7 +1,4 @@
-import TempNode from '../core/TempNode.js';
-import { Fn, nodeObject, vec3, vec4, float } from '../tsl/TSLBase.js';
-import { uniform } from '../core/UniformNode.js';
-import { mix } from '../math/MathNode.js';
+import { TempNode, nodeObject, Fn, float, uniform, vec3, vec4, mix } from 'three/tsl';
 
 class Lut3DNode extends TempNode {
 
diff --git a/src/nodes/display/MotionBlur.js b/examples/jsm/tsl/display/MotionBlur.js
similarity index 80%
rename from src/nodes/display/MotionBlur.js
rename to examples/jsm/tsl/display/MotionBlur.js
index 2f8de9b79ab9d8..59904d42339c6e 100644
--- a/src/nodes/display/MotionBlur.js
+++ b/examples/jsm/tsl/display/MotionBlur.js
@@ -1,6 +1,5 @@
-import { float, int, Fn } from '../tsl/TSLBase.js';
-import { Loop } from '../utils/LoopNode.js';
-import { uv } from '../accessors/UV.js';
+
+import { Fn, float, uv, Loop, int } from 'three/tsl';
 
 export const motionBlur = /*@__PURE__*/ Fn( ( [ inputNode, velocity, numSamples = int( 16 ) ] ) => {
 
diff --git a/src/nodes/display/ParallaxBarrierPassNode.js b/examples/jsm/tsl/display/ParallaxBarrierPassNode.js
similarity index 79%
rename from src/nodes/display/ParallaxBarrierPassNode.js
rename to examples/jsm/tsl/display/ParallaxBarrierPassNode.js
index 84f27d2de3839d..dea6698e5e7dff 100644
--- a/src/nodes/display/ParallaxBarrierPassNode.js
+++ b/examples/jsm/tsl/display/ParallaxBarrierPassNode.js
@@ -1,9 +1,5 @@
-import { Fn, If, nodeObject, vec4 } from '../tsl/TSLBase.js';
-import { uv } from '../accessors/UV.js';
-import { mod } from '../math/MathNode.js';
-import { screenCoordinate } from './ScreenNode.js';
+import { nodeObject, Fn, vec4, uv, NodeMaterial, If, mod, screenCoordinate } from 'three/tsl';
 import StereoCompositePassNode from './StereoCompositePassNode.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
 
 class ParallaxBarrierPassNode extends StereoCompositePassNode {
 
diff --git a/src/nodes/display/PixelationPassNode.js b/examples/jsm/tsl/display/PixelationPassNode.js
similarity index 88%
rename from src/nodes/display/PixelationPassNode.js
rename to examples/jsm/tsl/display/PixelationPassNode.js
index 399cf5e76396ed..5715433d839a00 100644
--- a/src/nodes/display/PixelationPassNode.js
+++ b/examples/jsm/tsl/display/PixelationPassNode.js
@@ -1,17 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, vec2, vec3, float, If } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { dot, clamp, smoothstep, sign, step, floor } from '../math/MathNode.js';
-import { Vector4 } from '../../math/Vector4.js';
-import { output, property } from '../core/PropertyNode.js';
-import PassNode from './PassNode.js';
-import { mrt } from '../core/MRTNode.js';
-import { normalView } from '../accessors/Normal.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-import { NearestFilter } from '../../constants.js';
+import { NearestFilter, Vector4 } from 'three';
+import { TempNode, nodeObject, Fn, float, NodeUpdateType, uv, uniform, convertToTexture, vec2, vec3, clamp, floor, dot, smoothstep, If, sign, step, mrt, output, normalView, PassNode, property } from 'three/tsl';
 
 class PixelationNode extends TempNode {
 
diff --git a/src/nodes/display/RGBShiftNode.js b/examples/jsm/tsl/display/RGBShiftNode.js
similarity index 75%
rename from src/nodes/display/RGBShiftNode.js
rename to examples/jsm/tsl/display/RGBShiftNode.js
index cc3647428a322b..fcb470b62e54b1 100644
--- a/src/nodes/display/RGBShiftNode.js
+++ b/examples/jsm/tsl/display/RGBShiftNode.js
@@ -1,9 +1,4 @@
-import TempNode from '../core/TempNode.js';
-import { nodeObject, Fn, vec2, vec4 } from '../tsl/TSLBase.js';
-import { uniform } from '../core/UniformNode.js';
-import { uv } from '../accessors/UV.js';
-import { sin, cos } from '../math/MathNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
+import { TempNode, nodeObject, Fn, uv, uniform, vec2, sin, cos, vec4, convertToTexture } from 'three/tsl';
 
 class RGBShiftNode extends TempNode {
 
diff --git a/src/nodes/display/SSAAPassNode.js b/examples/jsm/tsl/display/SSAAPassNode.js
similarity index 92%
rename from src/nodes/display/SSAAPassNode.js
rename to examples/jsm/tsl/display/SSAAPassNode.js
index ce61c779dbc57e..ea0f9cfa22cbbe 100644
--- a/src/nodes/display/SSAAPassNode.js
+++ b/examples/jsm/tsl/display/SSAAPassNode.js
@@ -1,13 +1,5 @@
-import { nodeObject } from '../tsl/TSLBase.js';
-import PassNode from './PassNode.js';
-import { Color } from '../../math/Color.js';
-import { Vector2 } from '../../math/Vector2.js';
-import { AdditiveBlending } from '../../constants.js';
-import { uniform } from '../core/UniformNode.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
-import { texture } from '../accessors/TextureNode.js';
-import { mrt, getTextureIndex } from '../core/MRTNode.js';
-import NodeMaterial from '../../materials/nodes/NodeMaterial.js';
+import { AdditiveBlending, Color, Vector2 } from 'three';
+import { nodeObject, uniform, mrt, PassNode, QuadMesh, texture, NodeMaterial, getTextureIndex } from 'three/tsl';
 
 const _size = /*@__PURE__*/ new Vector2();
 
diff --git a/src/nodes/display/Sepia.js b/examples/jsm/tsl/display/Sepia.js
similarity index 77%
rename from src/nodes/display/Sepia.js
rename to examples/jsm/tsl/display/Sepia.js
index 17dcb2b3b5eb51..cae66b62224de3 100644
--- a/src/nodes/display/Sepia.js
+++ b/examples/jsm/tsl/display/Sepia.js
@@ -1,5 +1,4 @@
-import { Fn, vec3, vec4 } from '../tsl/TSLBase.js';
-import { dot } from '../math/MathNode.js';
+import { dot, Fn, vec3, vec4 } from 'three/tsl';
 
 export const sepia = /*@__PURE__*/ Fn( ( [ color ] ) => {
 
diff --git a/src/nodes/display/SobelOperatorNode.js b/examples/jsm/tsl/display/SobelOperatorNode.js
similarity index 86%
rename from src/nodes/display/SobelOperatorNode.js
rename to examples/jsm/tsl/display/SobelOperatorNode.js
index 6d6113f3e4d8d4..458e84bfa492af 100644
--- a/src/nodes/display/SobelOperatorNode.js
+++ b/examples/jsm/tsl/display/SobelOperatorNode.js
@@ -1,13 +1,5 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { luminance } from './ColorAdjustment.js';
-import { Fn, nodeObject, vec2, vec3, vec4, mat3 } from '../tsl/TSLBase.js';
-import { NodeUpdateType } from '../core/constants.js';
-import { uniform } from '../core/UniformNode.js';
-import { add } from '../math/OperatorNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
-
-import { Vector2 } from '../../math/Vector2.js';
+import { Vector2 } from 'three';
+import { TempNode, nodeObject, Fn, NodeUpdateType, uv, uniform, convertToTexture, vec2, vec3, vec4, mat3, luminance, add } from 'three/tsl';
 
 class SobelOperatorNode extends TempNode {
 
diff --git a/src/nodes/display/StereoCompositePassNode.js b/examples/jsm/tsl/display/StereoCompositePassNode.js
similarity index 84%
rename from src/nodes/display/StereoCompositePassNode.js
rename to examples/jsm/tsl/display/StereoCompositePassNode.js
index 372f35dd13e30a..68a1854229f525 100644
--- a/src/nodes/display/StereoCompositePassNode.js
+++ b/examples/jsm/tsl/display/StereoCompositePassNode.js
@@ -1,11 +1,5 @@
-
-import PassNode from './PassNode.js';
-import { StereoCamera } from '../../cameras/StereoCamera.js';
-import { HalfFloatType, LinearFilter, NearestFilter } from '../../constants.js';
-import { RenderTarget } from '../../core/RenderTarget.js';
-import { texture } from '../accessors/TextureNode.js';
-import { Vector2 } from '../../math/Vector2.js';
-import QuadMesh from '../../renderers/common/QuadMesh.js';
+import { RenderTarget, StereoCamera, HalfFloatType, LinearFilter, NearestFilter, Vector2 } from 'three';
+import { PassNode, QuadMesh, texture } from 'three/tsl';
 
 const _size = /*@__PURE__*/ new Vector2();
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
diff --git a/src/nodes/display/StereoPassNode.js b/examples/jsm/tsl/display/StereoPassNode.js
similarity index 90%
rename from src/nodes/display/StereoPassNode.js
rename to examples/jsm/tsl/display/StereoPassNode.js
index 9c8ed4f902f9e9..9c0c2e31db5f52 100644
--- a/src/nodes/display/StereoPassNode.js
+++ b/examples/jsm/tsl/display/StereoPassNode.js
@@ -1,7 +1,5 @@
-import { nodeObject } from '../tsl/TSLBase.js';
-import PassNode from './PassNode.js';
-import { Vector2 } from '../../math/Vector2.js';
-import { StereoCamera } from '../../cameras/StereoCamera.js';
+import { StereoCamera, Vector2 } from 'three';
+import { PassNode, nodeObject } from 'three/tsl';
 
 const _size = /*@__PURE__*/ new Vector2();
 
diff --git a/src/nodes/display/TransitionNode.js b/examples/jsm/tsl/display/TransitionNode.js
similarity index 85%
rename from src/nodes/display/TransitionNode.js
rename to examples/jsm/tsl/display/TransitionNode.js
index e30b11d1dc6639..4a1e3f6e8355ce 100644
--- a/src/nodes/display/TransitionNode.js
+++ b/examples/jsm/tsl/display/TransitionNode.js
@@ -1,9 +1,4 @@
-import TempNode from '../core/TempNode.js';
-import { uv } from '../accessors/UV.js';
-import { Fn, nodeObject, float, int, vec4, If } from '../tsl/TSLBase.js';
-import { clamp, mix } from '../math/MathNode.js';
-import { sub } from '../math/OperatorNode.js';
-import { convertToTexture } from '../utils/RTTNode.js';
+import { TempNode, nodeObject, Fn, float, uv, convertToTexture, vec4, If, int, clamp, sub, mix } from 'three/tsl';
 
 class TransitionNode extends TempNode {
 
diff --git a/examples/misc_controls_fly.html b/examples/misc_controls_fly.html
index 4d7c65fbc7ac69..04f8b6f79b5f28 100644
--- a/examples/misc_controls_fly.html
+++ b/examples/misc_controls_fly.html
@@ -40,7 +40,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, film } from 'three/tsl';
+			import { pass } from 'three/tsl';
+			import { film } from 'three/addons/tsl/display/FilmNode.js';
 
 			import Stats from 'three/addons/libs/stats.module.js';
 			import { FlyControls } from 'three/addons/controls/FlyControls.js';
diff --git a/examples/webgpu_display_stereo.html b/examples/webgpu_display_stereo.html
index bea97f79294483..46182b44fb8cef 100644
--- a/examples/webgpu_display_stereo.html
+++ b/examples/webgpu_display_stereo.html
@@ -26,7 +26,9 @@
 
 			import * as THREE from 'three';
 
-			import { stereoPass, anaglyphPass, parallaxBarrierPass } from 'three/tsl';
+			import { stereoPass } from 'three/addons/tsl/display/StereoPassNode.js';
+			import { anaglyphPass } from 'three/addons/tsl/display/AnaglyphPassNode.js';
+			import { parallaxBarrierPass } from 'three/addons/tsl/display/ParallaxBarrierPassNode.js';
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { Timer } from 'three/addons/misc/Timer.js';
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
diff --git a/examples/webgpu_postprocessing.html b/examples/webgpu_postprocessing.html
index 48bcacb2828ccb..3a6c414591d083 100644
--- a/examples/webgpu_postprocessing.html
+++ b/examples/webgpu_postprocessing.html
@@ -20,7 +20,9 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, dotScreen, rgbShift } from 'three/tsl';
+			import { pass } from 'three/tsl';
+			import { dotScreen } from 'three/addons/tsl/display/DotScreenNode.js';
+			import { rgbShift } from 'three/addons/tsl/display/RGBShiftNode.js';
 
 			let camera, renderer, postProcessing;
 			let object;
diff --git a/examples/webgpu_postprocessing_3dlut.html b/examples/webgpu_postprocessing_3dlut.html
index a6c7f9d4ec8bf8..eca07c7c1e2b39 100644
--- a/examples/webgpu_postprocessing_3dlut.html
+++ b/examples/webgpu_postprocessing_3dlut.html
@@ -29,7 +29,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, texture3D, uniform, lut3D, renderOutput } from 'three/tsl';
+			import { pass, texture3D, uniform, renderOutput } from 'three/tsl';
+			import { lut3D } from 'three/addons/tsl/display/Lut3DNode.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
diff --git a/examples/webgpu_postprocessing_afterimage.html b/examples/webgpu_postprocessing_afterimage.html
index 07c6fcc6231ef4..5b8eed61a287a4 100644
--- a/examples/webgpu_postprocessing_afterimage.html
+++ b/examples/webgpu_postprocessing_afterimage.html
@@ -20,7 +20,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, afterImage } from 'three/tsl';
+			import { pass } from 'three/tsl';
+			import { afterImage } from 'three/addons/tsl/display/AfterImageNode.js';
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
diff --git a/examples/webgpu_postprocessing_anamorphic.html b/examples/webgpu_postprocessing_anamorphic.html
index cd480b45f6397e..d9ba6fd52737b4 100644
--- a/examples/webgpu_postprocessing_anamorphic.html
+++ b/examples/webgpu_postprocessing_anamorphic.html
@@ -27,7 +27,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, cubeTexture, screenUV, grayscale, uniform, anamorphic } from 'three/tsl';
+			import { pass, cubeTexture, screenUV, grayscale, uniform } from 'three/tsl';
+			import { anamorphic } from 'three/addons/tsl/display/AnamorphicNode.js';
 
 			import { RGBMLoader } from 'three/addons/loaders/RGBMLoader.js';
 
diff --git a/examples/webgpu_postprocessing_ao.html b/examples/webgpu_postprocessing_ao.html
index ab8912a64900c6..e50757d7d1ce0a 100644
--- a/examples/webgpu_postprocessing_ao.html
+++ b/examples/webgpu_postprocessing_ao.html
@@ -20,7 +20,9 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, mrt, output, transformedNormalView, texture, ao, denoise } from 'three/tsl';
+			import { pass, mrt, output, transformedNormalView, texture } from 'three/tsl';
+			import { ao } from 'three/addons/tsl/display/GTAONode.js';
+			import { denoise } from 'three/addons/tsl/display/DenoiseNode.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
diff --git a/examples/webgpu_postprocessing_bloom.html b/examples/webgpu_postprocessing_bloom.html
index 413c7b5c984034..42c2d541e7f253 100644
--- a/examples/webgpu_postprocessing_bloom.html
+++ b/examples/webgpu_postprocessing_bloom.html
@@ -37,7 +37,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, bloom } from 'three/tsl';
+			import { pass } from 'three/tsl';
+			import { bloom } from 'three/addons/tsl/display/BloomNode.js';
 
 			import Stats from 'three/addons/libs/stats.module.js';
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
diff --git a/examples/webgpu_postprocessing_bloom_emissive.html b/examples/webgpu_postprocessing_bloom_emissive.html
index 5172b7178ba890..9f087f70a5d2fe 100644
--- a/examples/webgpu_postprocessing_bloom_emissive.html
+++ b/examples/webgpu_postprocessing_bloom_emissive.html
@@ -25,7 +25,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, mrt, output, bloom, emissive } from 'three/tsl';
+			import { pass, mrt, output, emissive } from 'three/tsl';
+			import { bloom } from 'three/addons/tsl/display/BloomNode.js';
 
 			import { RGBELoader } from 'three/addons/loaders/RGBELoader.js';
 
diff --git a/examples/webgpu_postprocessing_bloom_selective.html b/examples/webgpu_postprocessing_bloom_selective.html
index 4d0abf1e99d1c8..1dc12d0d71b7c9 100644
--- a/examples/webgpu_postprocessing_bloom_selective.html
+++ b/examples/webgpu_postprocessing_bloom_selective.html
@@ -25,7 +25,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, mrt, output, float, bloom, uniform } from 'three/tsl';
+			import { pass, mrt, output, float, uniform } from 'three/tsl';
+			import { bloom } from 'three/addons/tsl/display/BloomNode.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
diff --git a/examples/webgpu_postprocessing_dof.html b/examples/webgpu_postprocessing_dof.html
index b4b2b98a9f575c..61a0611a5129cb 100644
--- a/examples/webgpu_postprocessing_dof.html
+++ b/examples/webgpu_postprocessing_dof.html
@@ -20,7 +20,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { cubeTexture, positionWorld, oscSine, timerGlobal, pass, dof, uniform } from 'three/tsl';
+			import { cubeTexture, positionWorld, oscSine, timerGlobal, pass, uniform } from 'three/tsl';
+			import { dof } from 'three/addons/tsl/display/DepthOfFieldNode.js';
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
diff --git a/examples/webgpu_postprocessing_fxaa.html b/examples/webgpu_postprocessing_fxaa.html
index 85c37475f8583d..843562c20280e5 100644
--- a/examples/webgpu_postprocessing_fxaa.html
+++ b/examples/webgpu_postprocessing_fxaa.html
@@ -22,7 +22,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, fxaa, renderOutput } from 'three/tsl';
+			import { pass, renderOutput } from 'three/tsl';
+			import { fxaa } from 'three/addons/tsl/display/FXAANode.js';
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
diff --git a/examples/webgpu_postprocessing_motion_blur.html b/examples/webgpu_postprocessing_motion_blur.html
index 80c7c5911fc404..7958a967ed7637 100644
--- a/examples/webgpu_postprocessing_motion_blur.html
+++ b/examples/webgpu_postprocessing_motion_blur.html
@@ -25,7 +25,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, texture, motionBlur, uniform, output, mrt, mix, velocity, uv, screenUV } from 'three/tsl';
+			import { pass, texture, uniform, output, mrt, mix, velocity, uv, screenUV } from 'three/tsl';
+			import { motionBlur } from 'three/addons/tsl/display/MotionBlur.js';
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
diff --git a/examples/webgpu_postprocessing_pixel.html b/examples/webgpu_postprocessing_pixel.html
index eadf6bb50e33da..d47c6124c7274f 100644
--- a/examples/webgpu_postprocessing_pixel.html
+++ b/examples/webgpu_postprocessing_pixel.html
@@ -33,7 +33,8 @@
 		import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 		import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
-		import { uniform, pixelationPass } from 'three/tsl';
+		import { uniform } from 'three/tsl';
+		import { pixelationPass } from 'three/addons/tsl/display/PixelationPassNode.js';
 
 		let camera, scene, renderer, postProcessing, crystalMesh, clock;
 		let gui, effectController;
diff --git a/examples/webgpu_postprocessing_sobel.html b/examples/webgpu_postprocessing_sobel.html
index 28dc737b165064..c5f72db5f3cc1f 100644
--- a/examples/webgpu_postprocessing_sobel.html
+++ b/examples/webgpu_postprocessing_sobel.html
@@ -20,7 +20,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, sobel } from 'three/tsl';
+			import { pass } from 'three/tsl';
+			import { sobel } from 'three/addons/tsl/display/SobelOperatorNode.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
diff --git a/examples/webgpu_postprocessing_ssaa.html b/examples/webgpu_postprocessing_ssaa.html
index 85ddc717584a9a..93fbfbdf2598b6 100644
--- a/examples/webgpu_postprocessing_ssaa.html
+++ b/examples/webgpu_postprocessing_ssaa.html
@@ -24,7 +24,7 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { ssaaPass } from 'three/tsl';
+			import { ssaaPass } from 'three/addons/tsl/display/SSAAPassNode.js';
 
 			import { Timer } from 'three/addons/misc/Timer.js';
 			import Stats from 'three/addons/libs/stats.module.js';
diff --git a/examples/webgpu_postprocessing_transition.html b/examples/webgpu_postprocessing_transition.html
index 1a23923f68b1b3..013f2cf6945388 100644
--- a/examples/webgpu_postprocessing_transition.html
+++ b/examples/webgpu_postprocessing_transition.html
@@ -29,7 +29,8 @@
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 			import TWEEN from 'three/addons/libs/tween.module.js';
-			import { uniform, transition, pass } from 'three/tsl';
+			import { uniform, pass } from 'three/tsl';
+			import { transition } from 'three/addons/tsl/display/TransitionNode.js';
 
 			let renderer, postProcessing, transitionController, transitionPass;
 
diff --git a/src/nodes/Nodes.js b/src/nodes/Nodes.js
index a3c58eb14f4a62..3fd8279dfa97bc 100644
--- a/src/nodes/Nodes.js
+++ b/src/nodes/Nodes.js
@@ -93,26 +93,7 @@ export { default as ViewportTextureNode } from './display/ViewportTextureNode.js
 export { default as ViewportSharedTextureNode } from './display/ViewportSharedTextureNode.js';
 export { default as ViewportDepthTextureNode } from './display/ViewportDepthTextureNode.js';
 export { default as ViewportDepthNode } from './display/ViewportDepthNode.js';
-export { default as GaussianBlurNode } from './display/GaussianBlurNode.js';
-export { default as AfterImageNode } from './display/AfterImageNode.js';
-export { default as AnamorphicNode } from './display/AnamorphicNode.js';
-export { default as SobelOperatorNode } from './display/SobelOperatorNode.js';
-export { default as DepthOfFieldNode } from './display/DepthOfFieldNode.js';
-export { default as DotScreenNode } from './display/DotScreenNode.js';
-export { default as RGBShiftNode } from './display/RGBShiftNode.js';
-export { default as FilmNode } from './display/FilmNode.js';
-export { default as Lut3DNode } from './display/Lut3DNode.js';
-export { default as GTAONode } from './display/GTAONode.js';
-export { default as DenoiseNode } from './display/DenoiseNode.js';
-export { default as FXAANode } from './display/FXAANode.js';
-export { default as BloomNode } from './display/BloomNode.js';
-export { default as TransitionNode } from './display/TransitionNode.js';
 export { default as RenderOutputNode } from './display/RenderOutputNode.js';
-export { default as PixelationPassNode } from './display/PixelationPassNode.js';
-export { default as SSAAPassNode } from './display/SSAAPassNode.js';
-export { default as StereoPassNode } from './display/StereoPassNode.js';
-export { default as AnaglyphPassNode } from './display/AnaglyphPassNode.js';
-export { default as ParallaxBarrierPassNode } from './display/ParallaxBarrierPassNode.js';
 export { default as PassNode } from './display/PassNode.js';
 export { default as ToonOutlinePassNode } from './display/ToonOutlinePassNode.js';
 
diff --git a/src/nodes/TSL.js b/src/nodes/TSL.js
index ae0d624e14fb2f..590c753579983e 100644
--- a/src/nodes/TSL.js
+++ b/src/nodes/TSL.js
@@ -95,30 +95,7 @@ export * from './display/ViewportTextureNode.js';
 export * from './display/ViewportSharedTextureNode.js';
 export * from './display/ViewportDepthTextureNode.js';
 export * from './display/ViewportDepthNode.js';
-export * from './display/GaussianBlurNode.js';
-export * from './display/AfterImageNode.js';
-export * from './display/AnamorphicNode.js';
-export * from './display/SobelOperatorNode.js';
-export * from './display/DepthOfFieldNode.js';
-export * from './display/DotScreenNode.js';
-export * from './display/RGBShiftNode.js';
-export * from './display/FilmNode.js';
-export * from './display/Lut3DNode.js';
-export * from './display/MotionBlur.js';
-export * from './display/GTAONode.js';
-export * from './display/DenoiseNode.js';
-export * from './display/FXAANode.js';
-export * from './display/BloomNode.js';
-export * from './display/TransitionNode.js';
 export * from './display/RenderOutputNode.js';
-export * from './display/PixelationPassNode.js';
-export * from './display/SSAAPassNode.js';
-export * from './display/StereoPassNode.js';
-export * from './display/AnaglyphPassNode.js';
-export * from './display/ParallaxBarrierPassNode.js';
-export * from './display/BleachBypass.js';
-export * from './display/Sepia.js';
-export * from './display/ToonOutlinePassNode.js';
 
 export * from './display/PassNode.js';
 

From cff025d581dc259d82426f995ecdd84fbf11fd8b Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Fri, 27 Sep 2024 11:23:54 +0200
Subject: [PATCH 2/5] Examples: Fixing some imports.

---
 examples/webgpu_backdrop_water.html | 3 ++-
 examples/webgpu_mrt_mask.html       | 3 ++-
 examples/webgpu_reflection.html     | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/examples/webgpu_backdrop_water.html b/examples/webgpu_backdrop_water.html
index ca07214adc2dc7..b93fa3c567c825 100644
--- a/examples/webgpu_backdrop_water.html
+++ b/examples/webgpu_backdrop_water.html
@@ -25,7 +25,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { color, vec2, pass, linearDepth, normalWorld, gaussianBlur, triplanarTexture, texture, objectPosition, screenUV, viewportLinearDepth, viewportDepthTexture, viewportSharedTexture, mx_worley_noise_float, positionWorld, timerLocal } from 'three/tsl';
+			import { color, vec2, pass, linearDepth, normalWorld, triplanarTexture, texture, objectPosition, screenUV, viewportLinearDepth, viewportDepthTexture, viewportSharedTexture, mx_worley_noise_float, positionWorld, timerLocal } from 'three/tsl';
+			import { gaussianBlur } from 'three/addons/tsl/display/GaussianBlurNode.js';
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
diff --git a/examples/webgpu_mrt_mask.html b/examples/webgpu_mrt_mask.html
index 9768f144fc09af..df90047d67dbc6 100644
--- a/examples/webgpu_mrt_mask.html
+++ b/examples/webgpu_mrt_mask.html
@@ -26,7 +26,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { color, screenUV, mrt, output, gaussianBlur, pass, vec4 } from 'three/tsl';
+			import { color, screenUV, mrt, output, pass, vec4 } from 'three/tsl';
+			import { gaussianBlur } from 'three/addons/tsl/display/GaussianBlurNode.js';
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
diff --git a/examples/webgpu_reflection.html b/examples/webgpu_reflection.html
index 9a729dd038a7fa..7944e41b5df464 100644
--- a/examples/webgpu_reflection.html
+++ b/examples/webgpu_reflection.html
@@ -25,7 +25,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { color, pass, reflector, normalWorld, texture, uv, screenUV, gaussianBlur } from 'three/tsl';
+			import { color, pass, reflector, normalWorld, texture, uv, screenUV } from 'three/tsl';
+			import { gaussianBlur } from 'three/addons/tsl/display/GaussianBlurNode.js';
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 

From f43e65b36c46ed6b685eed1460a8fbcb45f2a9c0 Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Fri, 27 Sep 2024 11:34:18 +0200
Subject: [PATCH 3/5] More fixes.

---
 examples/webgpu_procedural_texture.html | 3 ++-
 src/nodes/TSL.js                        | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/examples/webgpu_procedural_texture.html b/examples/webgpu_procedural_texture.html
index 33122d3abc555b..e6357b3824fe92 100644
--- a/examples/webgpu_procedural_texture.html
+++ b/examples/webgpu_procedural_texture.html
@@ -24,7 +24,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { checker, uv, uniform, gaussianBlur, convertToTexture } from 'three/tsl';
+			import { checker, uv, uniform, convertToTexture } from 'three/tsl';
+			import { gaussianBlur } from 'three/addons/tsl/display/GaussianBlurNode.js';
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
diff --git a/src/nodes/TSL.js b/src/nodes/TSL.js
index 590c753579983e..037512d65bf048 100644
--- a/src/nodes/TSL.js
+++ b/src/nodes/TSL.js
@@ -96,6 +96,7 @@ export * from './display/ViewportSharedTextureNode.js';
 export * from './display/ViewportDepthTextureNode.js';
 export * from './display/ViewportDepthNode.js';
 export * from './display/RenderOutputNode.js';
+export * from './display/ToonOutlinePassNode.js';
 
 export * from './display/PassNode.js';
 

From 02ecbc6930f320ef12f8ba7d274a6f8d8af18dbc Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Fri, 27 Sep 2024 11:35:05 +0200
Subject: [PATCH 4/5] More clean up.

---
 examples/webgpu_skinning_instancing.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/examples/webgpu_skinning_instancing.html b/examples/webgpu_skinning_instancing.html
index 92b36c464abb99..fcc664b099d813 100644
--- a/examples/webgpu_skinning_instancing.html
+++ b/examples/webgpu_skinning_instancing.html
@@ -25,7 +25,8 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { pass, mix, range, color, oscSine, timerLocal, gaussianBlur } from 'three/tsl';
+			import { pass, mix, range, color, oscSine, timerLocal } from 'three/tsl';
+			import { gaussianBlur } from 'three/addons/tsl/display/GaussianBlurNode.js';
 
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 

From bd0a274b6cc21301f57d9f6995cdc3b4a975bcc9 Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Fri, 27 Sep 2024 11:42:44 +0200
Subject: [PATCH 5/5] E2E: Add example to exception list.

---
 test/e2e/puppeteer.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/test/e2e/puppeteer.js b/test/e2e/puppeteer.js
index 926954c6a40c13..caf70acae3d166 100644
--- a/test/e2e/puppeteer.js
+++ b/test/e2e/puppeteer.js
@@ -153,6 +153,7 @@ const exceptionList = [
 	'webgpu_tsl_vfx_linkedparticles',
 	'webgpu_tsl_vfx_tornado',
 	'webgpu_textures_anisotropy',
+	'webgpu_backdrop_water',
 
 	// WebGPU idleTime and parseTime too low
 	'webgpu_compute_particles',