@relu-interactives/spatial-ecs 0.5.3 → 0.8.0

package/dist/systems/index.d.cts

@@ -1,5 +1,7 @@
-export { v as ComponentFactory, B as EcsComponentFactoryKind, I as InputSystem, K as KeyboardKey, L as KeyboardKeys, M as MouseButton, O as ObjectManagementSystem, X as RenderSystem, a0 as TransformSyncSystem } from '../System-V_mv07le.cjs';
-export { A as AnimationSystem, c as AudioSystem, C as CameraSyncSystem, E as EnvironmentSyncSystem, I as InstancedMeshSystem, L as LightSyncSystem, M as MaterialSyncSystem, d as MeshGeometrySystem, e as ModuleLoader, O as ObjectVisibilitySystem, P as PhysicsSyncSystem, f as PostprocessingSyncSystem, S as SCRIPT_OBJECT_ROOT_FLAG, g as ScriptBehaviourSystem, h as ScriptObjectSystem, i as SelectionContext, U as UIInteractionSystem, j as UIPanelSystem, k as UiCanvasLike, V as VRTeleportAreaSystem, l as VideoSystem, m as XRAnchorSystem, n as XRControllerVisualSystem, o as XREnvironmentSystem, p as XRHandPoseSystem, q as XRHitTestSystem, r as XRHoverVisualSystem, s as XRInputSystem, t as XRInteractionSystem, u as XRLocomotionSystem, v as XRSessionSystem, w as XRTeleportVisualSystem, x as XR_HOVER_SHELL_FLAG, b as XrHandPoseEventDetail, z as XrHitResult } from '../index-DaG03vyN.cjs';
+export { a0 as AudioSystem, a4 as ComponentFactory, a9 as EcsComponentFactoryKind, ae as IKSystem, af as InputSystem, ah as KeyboardKey, ai as KeyboardKeys, ak as MouseButton, X as ObjectManagementSystem, M as PlaySlotOptions, ar as RenderSystem, aG as TransformSyncSystem } from '../System-8D-XBDKZ.cjs';
+export { A as AnimationSystem, C as CameraSyncSystem, D as DEFAULT_SCRIPT_ERROR_RETRY_DELAY, E as EnvironmentSyncSystem, I as InstancedMeshSystem, L as LightSyncSystem, M as MaterialSyncSystem, c as MeshGeometrySystem, d as ModuleLoader, O as ObjectVisibilitySystem, P as PhysicsSyncSystem, e as PostprocessingSyncSystem, S as SCRIPT_OBJECT_ROOT_FLAG, f as ScriptBehaviourSystem, g as ScriptBehaviourSystemOptions, h as ScriptObjectSystem, i as SelectionContext, U as UIInteractionSystem, j as UIPanelSystem, k as UiCanvasLike, V as VRTeleportAreaSystem, l as VideoSystem, m as XRAnchorSystem, n as XRControllerVisualSystem, o as XREnvironmentSystem, p as XRHandPoseSystem, q as XRHitTestSystem, r as XRHoverVisualSystem, s as XRInputSystem, t as XRInteractionSystem, u as XRLocomotionSystem, v as XRSessionSystem, w as XRTeleportVisualSystem, x as XR_HOVER_SHELL_FLAG, b as XrHandPoseEventDetail, z as XrHitResult } from '../index-C70N4BYG.cjs';
 import 'three';
 import '@dimforge/rapier3d-compat';
+import '../animation/index.cjs';
+import 'three/webgpu';
 import '../handPose-DlcTtqgx.cjs';

package/dist/systems/index.d.ts

@@ -1,5 +1,7 @@
-export { v as ComponentFactory, B as EcsComponentFactoryKind, I as InputSystem, K as KeyboardKey, L as KeyboardKeys, M as MouseButton, O as ObjectManagementSystem, X as RenderSystem, a0 as TransformSyncSystem } from '../System-V_mv07le.js';
-export { A as AnimationSystem, c as AudioSystem, C as CameraSyncSystem, E as EnvironmentSyncSystem, I as InstancedMeshSystem, L as LightSyncSystem, M as MaterialSyncSystem, d as MeshGeometrySystem, e as ModuleLoader, O as ObjectVisibilitySystem, P as PhysicsSyncSystem, f as PostprocessingSyncSystem, S as SCRIPT_OBJECT_ROOT_FLAG, g as ScriptBehaviourSystem, h as ScriptObjectSystem, i as SelectionContext, U as UIInteractionSystem, j as UIPanelSystem, k as UiCanvasLike, V as VRTeleportAreaSystem, l as VideoSystem, m as XRAnchorSystem, n as XRControllerVisualSystem, o as XREnvironmentSystem, p as XRHandPoseSystem, q as XRHitTestSystem, r as XRHoverVisualSystem, s as XRInputSystem, t as XRInteractionSystem, u as XRLocomotionSystem, v as XRSessionSystem, w as XRTeleportVisualSystem, x as XR_HOVER_SHELL_FLAG, b as XrHandPoseEventDetail, z as XrHitResult } from '../index-D2Jt_JzH.js';
+export { a5 as AudioSystem, a8 as ComponentFactory, ad as EcsComponentFactoryKind, ah as IKSystem, ai as InputSystem, ak as KeyboardKey, al as KeyboardKeys, an as MouseButton, a0 as ObjectManagementSystem, Y as PlaySlotOptions, as as RenderSystem, aG as TransformSyncSystem } from '../System-DPMAW30g.js';
+export { A as AnimationSystem, C as CameraSyncSystem, D as DEFAULT_SCRIPT_ERROR_RETRY_DELAY, E as EnvironmentSyncSystem, I as InstancedMeshSystem, L as LightSyncSystem, M as MaterialSyncSystem, c as MeshGeometrySystem, d as ModuleLoader, O as ObjectVisibilitySystem, P as PhysicsSyncSystem, e as PostprocessingSyncSystem, S as SCRIPT_OBJECT_ROOT_FLAG, f as ScriptBehaviourSystem, g as ScriptBehaviourSystemOptions, h as ScriptObjectSystem, i as SelectionContext, U as UIInteractionSystem, j as UIPanelSystem, k as UiCanvasLike, V as VRTeleportAreaSystem, l as VideoSystem, m as XRAnchorSystem, n as XRControllerVisualSystem, o as XREnvironmentSystem, p as XRHandPoseSystem, q as XRHitTestSystem, r as XRHoverVisualSystem, s as XRInputSystem, t as XRInteractionSystem, u as XRLocomotionSystem, v as XRSessionSystem, w as XRTeleportVisualSystem, x as XR_HOVER_SHELL_FLAG, b as XrHandPoseEventDetail, z as XrHitResult } from '../index-C61n65PE.js';
 import 'three';
 import '@dimforge/rapier3d-compat';
+import '../animation/index.js';
+import 'three/webgpu';
 import '../handPose-DlcTtqgx.js';

package/dist/systems/index.js

@@ -1,6 +1,10 @@
-export { AnimationSystem, AudioSystem, CameraSyncSystem, EnvironmentSyncSystem, InputSystem, InstancedMeshSystem, KeyboardKeys, LightSyncSystem, MaterialSyncSystem, MeshGeometrySystem, ObjectVisibilitySystem, PhysicsSyncSystem, PostprocessingSyncSystem, RenderSystem, SCRIPT_OBJECT_ROOT_FLAG, ScriptBehaviourSystem, ScriptObjectSystem, TransformSyncSystem, UIInteractionSystem, UIPanelSystem, VRTeleportAreaSystem, VideoSystem, XRAnchorSystem, XRControllerVisualSystem, XREnvironmentSystem, XRHandPoseSystem, XRHitTestSystem, XRHoverVisualSystem, XRInputSystem, XRInteractionSystem, XRLocomotionSystem, XRSessionSystem, XRTeleportVisualSystem, XR_HOVER_SHELL_FLAG } from '../chunk-DF5SSRN6.js';
-export { ObjectManagementSystem } from '../chunk-WJD2VKEH.js';
-import '../chunk-BUEKOSR5.js';
-import '../chunk-OY7ZODZP.js';
+export { AnimationSystem, AudioSystem, CameraSyncSystem, DEFAULT_SCRIPT_ERROR_RETRY_DELAY, EnvironmentSyncSystem, IKSystem, InputSystem, InstancedMeshSystem, KeyboardKeys, LightSyncSystem, MaterialSyncSystem, MeshGeometrySystem, ObjectVisibilitySystem, PhysicsSyncSystem, PostprocessingSyncSystem, RenderSystem, SCRIPT_OBJECT_ROOT_FLAG, ScriptBehaviourSystem, ScriptObjectSystem, TransformSyncSystem, UIInteractionSystem, UIPanelSystem, VRTeleportAreaSystem, VideoSystem, XRAnchorSystem, XRControllerVisualSystem, XREnvironmentSystem, XRHandPoseSystem, XRHitTestSystem, XRHoverVisualSystem, XRInputSystem, XRInteractionSystem, XRLocomotionSystem, XRSessionSystem, XRTeleportVisualSystem, XR_HOVER_SHELL_FLAG } from '../chunk-JIJQFW6P.js';
+import '../chunk-OHCNPPMX.js';
+import '../chunk-U727NTWQ.js';
+export { ObjectManagementSystem } from '../chunk-G4XJ53LS.js';
+import '../chunk-NNDUOQ7O.js';
+import '../chunk-CKTHDXPS.js';
+import '../chunk-GSWC6LLD.js';
+import '../chunk-XE4OXN2W.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/types.d.cts

@@ -1,3 +1,5 @@
 import 'three';
-export { A as AssetInput, t as CheckboxInput, u as ColorInput, w as ComponentInput, x as ComponentKind, y as DropdownInput, z as DropdownOption, F as EcsEntityEditorKind, p as EcsEntityKind, r as EntityId, G as EntityInput, H as FloatInput, J as IntersectionResult, o as ParentLookup, Y as SelectionListener, Z as SliderInput, _ as TextInput, $ as ToggleInput, a1 as Vec3, a2 as Vector2Input, a3 as Vector3Input, W as WorldEntityView } from './System-V_mv07le.cjs';
+export { $ as AssetInput, a1 as CheckboxInput, a3 as ColorInput, a5 as ComponentInput, a6 as ComponentKind, a7 as DropdownInput, a8 as DropdownOption, aa as EcsEntityEditorKind, U as EcsEntityKind, G as EntityId, ac as EntityInput, ad as FloatInput, ag as IntersectionResult, Q as ParentLookup, ay as SelectionListener, az as SliderInput, aE as TextInput, aF as ToggleInput, aH as Vec3, aI as Vector2Input, aJ as Vector3Input, K as WorldEntityView } from './System-8D-XBDKZ.cjs';
 import '@dimforge/rapier3d-compat';
+import './animation/index.cjs';
+import 'three/webgpu';

package/dist/types.d.ts

@@ -1,3 +1,5 @@
 import 'three';
-export { A as AssetInput, t as CheckboxInput, u as ColorInput, w as ComponentInput, x as ComponentKind, y as DropdownInput, z as DropdownOption, F as EcsEntityEditorKind, p as EcsEntityKind, r as EntityId, G as EntityInput, H as FloatInput, J as IntersectionResult, o as ParentLookup, Y as SelectionListener, Z as SliderInput, _ as TextInput, $ as ToggleInput, a1 as Vec3, a2 as Vector2Input, a3 as Vector3Input, W as WorldEntityView } from './System-V_mv07le.js';
+export { a4 as AssetInput, a6 as CheckboxInput, a7 as ColorInput, a9 as ComponentInput, aa as ComponentKind, ab as DropdownInput, ac as DropdownOption, ae as EcsEntityEditorKind, $ as EcsEntityKind, M as EntityId, af as EntityInput, ag as FloatInput, aj as IntersectionResult, _ as ParentLookup, ay as SelectionListener, az as SliderInput, aE as TextInput, aF as ToggleInput, aH as Vec3, aI as Vector2Input, aJ as Vector3Input, S as WorldEntityView } from './System-DPMAW30g.js';
 import '@dimforge/rapier3d-compat';
+import './animation/index.js';
+import 'three/webgpu';

package/dist/webgpu/index.d.ts

@@ -0,0 +1,113 @@
+import { C as ChromaKeyOptions, P as PostprocessingPipeline, a as PostprocessingBuildContext, b as PostprocessingState, R as RenderBackend } from '../System-DPMAW30g.js';
+export { E as EcsRenderer, c as RendererKind } from '../System-DPMAW30g.js';
+import * as THREE from 'three';
+import { UniformNode, MeshBasicNodeMaterial, PassNode, Node, RenderPipeline } from 'three/webgpu';
+import BloomNode from 'three/examples/jsm/tsl/display/BloomNode.js';
+import DepthOfFieldNode from 'three/examples/jsm/tsl/display/DepthOfFieldNode.js';
+import DotScreenNode from 'three/examples/jsm/tsl/display/DotScreenNode.js';
+import GTAONode from 'three/examples/jsm/tsl/display/GTAONode.js';
+import RGBShiftNode from 'three/examples/jsm/tsl/display/RGBShiftNode.js';
+import { smaa } from 'three/examples/jsm/tsl/display/SMAANode.js';
+import '@dimforge/rapier3d-compat';
+import '../animation/index.js';
+
+/** The live uniforms of a TSL chroma-key material. */
+interface ChromaKeyUniforms {
+    keyColor: UniformNode<"color", THREE.Color>;
+    similarity: UniformNode<"float", number>;
+    smoothness: UniformNode<"float", number>;
+    spill: UniformNode<"float", number>;
+}
+/**
+ * Green-screen material for WebGPU (and `WebGPURenderer`'s WebGL 2 fallback):
+ * the same maths as the WebGL GLSL version, written in TSL.
+ *
+ * - alpha = `smoothstep(similarity, similarity + smoothness, distance(rgb, key))`
+ * - spill: the colour is desaturated toward its luma
+ *   (`0.299, 0.587, 0.114`) until `similarity + spill + smoothness`.
+ */
+declare function createTslChromaKeyMaterial(map: THREE.Texture, options: ChromaKeyOptions): MeshBasicNodeMaterial;
+/** Update a material made by {@link createTslChromaKeyMaterial}. */
+declare function updateTslChromaKeyMaterial(material: THREE.Material, options: ChromaKeyOptions): boolean;
+/** The uniforms behind a chroma-key material, or `undefined` for any other material. */
+declare function getChromaKeyUniforms(material: THREE.Material): ChromaKeyUniforms | undefined;
+
+/** three's `SMAANode` (its declaration file has no default export). */
+type SMAANode = ReturnType<typeof smaa>;
+/** Uniforms for the effects this module implements itself (or feeds by node). */
+interface WebGpuPostprocessingUniforms {
+    dofFocusDistance: UniformNode<"float", number>;
+    dofFocalLength: UniformNode<"float", number>;
+    dofBokehScale: UniformNode<"float", number>;
+    vignetteOffset: UniformNode<"float", number>;
+    vignetteDarkness: UniformNode<"float", number>;
+    /** Hue rotation in radians (`hueSaturation.hue × π`). */
+    hueAngle: UniformNode<"float", number>;
+    /** `saturation()` factor derived from `hueSaturation.saturation`. */
+    saturationFactor: UniformNode<"float", number>;
+    sepiaAmount: UniformNode<"float", number>;
+    noiseOpacity: UniformNode<"float", number>;
+    /** Block size in CSS pixels; multiplied by the device pixel ratio on the GPU. */
+    pixelGranularity: UniformNode<"float", number>;
+}
+/** The TSL nodes a WebGPU chain was built from, by effect. Absent = effect off. */
+interface WebGpuPostprocessingNodes {
+    /** The scene render (`pass(scene, camera)`). */
+    scenePass: PassNode;
+    ssao?: GTAONode;
+    dof?: DepthOfFieldNode;
+    bloom?: BloomNode;
+    vignette?: Node;
+    hueSaturation?: Node;
+    sepia?: Node;
+    noise?: Node;
+    dotScreen?: DotScreenNode;
+    chromAberration?: RGBShiftNode;
+    pixelation?: Node;
+    smaa?: SMAANode;
+}
+/**
+ * A post-processing chain built by the WebGPU backend: a three
+ * `RenderPipeline` plus the nodes and uniforms that feed it, so parameter
+ * changes update in place.
+ */
+interface WebGpuPostprocessingPipeline extends PostprocessingPipeline {
+    readonly renderPipeline: RenderPipeline;
+    readonly nodes: WebGpuPostprocessingNodes;
+    readonly uniforms: WebGpuPostprocessingUniforms;
+    /** Which effects are on; a different key needs a rebuild. */
+    readonly structureKey: string;
+}
+/** The on/off pattern of every effect: equal keys = same node graph. */
+declare function postprocessingStructureKey(values: PostprocessingState): string;
+/**
+ * Build the chain. Order mirrors the WebGL composer where it can: scene →
+ * ambient occlusion → depth of field → bloom → vignette → hue/saturation →
+ * sepia → film noise → dot screen → chromatic aberration → pixelation → SMAA.
+ * (On WebGL the SSAO pass sits later but renders the scene again itself;
+ * here the occlusion multiplies the scene colour before anything else.)
+ */
+declare function createWebGpuPostprocessing(context: PostprocessingBuildContext): WebGpuPostprocessingPipeline;
+/**
+ * Push a parameter-only change into `pipeline`. Returns `false` when an
+ * effect was switched on or off (the graph differs, so the caller rebuilds),
+ * or when `pipeline` was not built here.
+ */
+declare function updateWebGpuPostprocessing(pipeline: PostprocessingPipeline, _previous: PostprocessingState, next: PostprocessingState): boolean;
+
+/**
+ * Give `RectAreaLight` its lookup tables. Without them the light's node
+ * throws while its shader is built, so this runs once, before any frame.
+ */
+declare function installWebGpuAreaLights(): void;
+/**
+ * The {@link RenderBackend} for three's `WebGPURenderer`: post-processing as
+ * a TSL `RenderPipeline`, a TSL green-screen material, and area-light tables.
+ * Pass it as `new World({ ..., backend: webgpuBackend })`.
+ *
+ * Works on the renderer's WebGL 2 fallback too (`WebGPURenderer` picks it by
+ * itself when the browser has no WebGPU).
+ */
+declare const webgpuBackend: RenderBackend;
+
+export { ChromaKeyOptions, type ChromaKeyUniforms, PostprocessingBuildContext, PostprocessingPipeline, RenderBackend, type WebGpuPostprocessingNodes, type WebGpuPostprocessingPipeline, type WebGpuPostprocessingUniforms, createTslChromaKeyMaterial, createWebGpuPostprocessing, getChromaKeyUniforms, installWebGpuAreaLights, postprocessingStructureKey, updateTslChromaKeyMaterial, updateWebGpuPostprocessing, webgpuBackend };

package/dist/webgpu/index.js

@@ -0,0 +1,302 @@
+import { __name } from '../chunk-XE4OXN2W.js';
+import { MeshBasicNodeMaterial, RenderPipeline, RectAreaLightNode } from 'three/webgpu';
+import { RectAreaLightTexturesLib } from 'three/examples/jsm/lights/RectAreaLightTexturesLib.js';
+import * as THREE from 'three';
+import { uniform, texture, uv, distance, smoothstep, dot, vec3, mix, vec4, float, convertToTexture, max, screenDPR, screenSize, floor, pass, hue, saturation, renderOutput } from 'three/tsl';
+import { bloom } from 'three/examples/jsm/tsl/display/BloomNode.js';
+import { dof } from 'three/examples/jsm/tsl/display/DepthOfFieldNode.js';
+import { dotScreen } from 'three/examples/jsm/tsl/display/DotScreenNode.js';
+import { film } from 'three/examples/jsm/tsl/display/FilmNode.js';
+import { ao } from 'three/examples/jsm/tsl/display/GTAONode.js';
+import { rgbShift } from 'three/examples/jsm/tsl/display/RGBShiftNode.js';
+import { sepia } from 'three/examples/jsm/tsl/display/Sepia.js';
+import { smaa } from 'three/examples/jsm/tsl/display/SMAANode.js';
+
+var uniformsByMaterial = /* @__PURE__ */ new WeakMap();
+function createTslChromaKeyMaterial(map, options) {
+  const uniforms = {
+    keyColor: uniform(new THREE.Color(options.keyColor)),
+    similarity: uniform(options.similarity),
+    smoothness: uniform(options.smoothness),
+    spill: uniform(options.spill)
+  };
+  const texel = texture(map, uv());
+  const chromaDist = distance(texel.rgb, uniforms.keyColor.rgb);
+  const alpha = smoothstep(
+    uniforms.similarity,
+    uniforms.similarity.add(uniforms.smoothness),
+    chromaDist
+  );
+  const spillFactor = smoothstep(
+    uniforms.similarity,
+    uniforms.similarity.add(uniforms.spill).add(uniforms.smoothness),
+    chromaDist
+  );
+  const luma = dot(texel.rgb, vec3(0.299, 0.587, 0.114));
+  const despilled = mix(vec3(luma), texel.rgb, spillFactor);
+  const material = new MeshBasicNodeMaterial({
+    transparent: true,
+    side: THREE.DoubleSide
+  });
+  material.colorNode = despilled;
+  material.opacityNode = texel.a.mul(alpha);
+  material.userData.ecsChromaKey = true;
+  uniformsByMaterial.set(material, uniforms);
+  return material;
+}
+__name(createTslChromaKeyMaterial, "createTslChromaKeyMaterial");
+function updateTslChromaKeyMaterial(material, options) {
+  const uniforms = uniformsByMaterial.get(material);
+  if (!uniforms) return false;
+  uniforms.keyColor.value.set(options.keyColor);
+  uniforms.similarity.value = options.similarity;
+  uniforms.smoothness.value = options.smoothness;
+  uniforms.spill.value = options.spill;
+  return true;
+}
+__name(updateTslChromaKeyMaterial, "updateTslChromaKeyMaterial");
+function getChromaKeyUniforms(material) {
+  return uniformsByMaterial.get(material);
+}
+__name(getChromaKeyUniforms, "getChromaKeyUniforms");
+var STRUCTURAL_EFFECTS = [
+  "dof",
+  "bloom",
+  "vignette",
+  "hueSaturation",
+  "sepia",
+  "noise",
+  "dotScreen",
+  "ssao",
+  "glitch",
+  "chromAberration",
+  "pixelation",
+  "smaa"
+];
+function postprocessingStructureKey(values) {
+  return [
+    values.postEnabled ? "on" : "off",
+    ...STRUCTURAL_EFFECTS.map((effect) => values[effect].enabled ? "1" : "0")
+  ].join("");
+}
+__name(postprocessingStructureKey, "postprocessingStructureKey");
+var glitchWarned = /* @__PURE__ */ new WeakSet();
+function warnGlitchOnce(owner) {
+  if (glitchWarned.has(owner)) return;
+  glitchWarned.add(owner);
+  console.warn(
+    "[spatial-ecs] The glitch post effect has no WebGPU version and is skipped. The other effects still apply."
+  );
+}
+__name(warnGlitchOnce, "warnGlitchOnce");
+function saturationFactorFor(value) {
+  const s = Math.max(-1, Math.min(1, value));
+  return s > 0 ? 1 / (1.001 - s) : 1 + s;
+}
+__name(saturationFactorFor, "saturationFactorFor");
+function createUniforms() {
+  return {
+    dofFocusDistance: uniform(1),
+    dofFocalLength: uniform(1),
+    dofBokehScale: uniform(1),
+    vignetteOffset: uniform(1),
+    vignetteDarkness: uniform(1),
+    hueAngle: uniform(0),
+    saturationFactor: uniform(1),
+    sepiaAmount: uniform(1),
+    noiseOpacity: uniform(0),
+    pixelGranularity: uniform(6)
+  };
+}
+__name(createUniforms, "createUniforms");
+function applyParameters(nodes, uniforms, values) {
+  uniforms.dofFocusDistance.value = Math.max(0, values.dof.focusDistance);
+  uniforms.dofFocalLength.value = Math.max(1e-4, values.dof.focalLength);
+  uniforms.dofBokehScale.value = Math.max(0, values.dof.bokehScale);
+  if (nodes.bloom) {
+    nodes.bloom.strength.value = Math.max(0, values.bloom.intensity);
+    nodes.bloom.radius.value = values.bloom.radius;
+    nodes.bloom.threshold.value = values.bloom.threshold;
+  }
+  uniforms.vignetteOffset.value = values.vignette.offset;
+  uniforms.vignetteDarkness.value = values.vignette.darkness;
+  uniforms.hueAngle.value = values.hueSaturation.hue * Math.PI;
+  uniforms.saturationFactor.value = saturationFactorFor(values.hueSaturation.saturation);
+  uniforms.sepiaAmount.value = values.sepia.intensity;
+  uniforms.noiseOpacity.value = values.noise.opacity;
+  if (nodes.dotScreen) {
+    nodes.dotScreen.angle.value = values.dotScreen.angle ?? values.dotScreen.dotScreenAngle;
+    nodes.dotScreen.scale.value = values.dotScreen.scale ?? values.dotScreen.dotScreenScale;
+  }
+  if (nodes.ssao) {
+    nodes.ssao.radius.value = Math.max(1e-3, values.ssao.radius);
+    nodes.ssao.scale.value = Math.max(0, values.ssao.intensity);
+  }
+  if (nodes.chromAberration) {
+    const { offsetX, offsetY } = values.chromAberration;
+    nodes.chromAberration.amount.value = Math.hypot(offsetX, offsetY);
+    nodes.chromAberration.angle.value = Math.atan2(offsetY, offsetX);
+  }
+  uniforms.pixelGranularity.value = Math.max(1, values.pixelation.granularity);
+}
+__name(applyParameters, "applyParameters");
+function vignetteNode(input, offset, darkness) {
+  const centered = uv().sub(0.5).mul(offset);
+  return vec4(
+    mix(input.rgb, vec3(float(1).sub(darkness)), dot(centered, centered)),
+    input.a
+  );
+}
+__name(vignetteNode, "vignetteNode");
+function pixelationNode(input, granularity) {
+  const source = convertToTexture(input);
+  const block = max(granularity.mul(screenDPR), 1).div(screenSize);
+  const coord = block.mul(floor(uv().div(block)).add(0.5));
+  return source.sample(coord);
+}
+__name(pixelationNode, "pixelationNode");
+function createWebGpuPostprocessing(context) {
+  const { scene, camera, values } = context;
+  const renderer = context.renderer;
+  const readsDepth = values.ssao.enabled || values.dof.enabled;
+  const scenePass = readsDepth ? pass(scene, camera, { samples: 0 }) : pass(scene, camera);
+  const nodes = { scenePass };
+  const uniforms = createUniforms();
+  let color = scenePass.getTextureNode("output");
+  if (values.ssao.enabled) {
+    const aoNode = ao(
+      scenePass.getTextureNode("depth"),
+      null,
+      camera
+    );
+    nodes.ssao = aoNode;
+    color = vec4(color.rgb.mul(aoNode.getTextureNode().r), color.a);
+  }
+  if (values.dof.enabled) {
+    const dofNode = dof(
+      color,
+      scenePass.getViewZNode(),
+      uniforms.dofFocusDistance,
+      uniforms.dofFocalLength,
+      uniforms.dofBokehScale
+    );
+    nodes.dof = dofNode;
+    color = dofNode;
+  }
+  if (values.bloom.enabled) {
+    const bloomNode = bloom(color);
+    nodes.bloom = bloomNode;
+    color = vec4(color.rgb.add(bloomNode.rgb), color.a);
+  }
+  if (values.vignette.enabled) {
+    color = vignetteNode(color, uniforms.vignetteOffset, uniforms.vignetteDarkness);
+    nodes.vignette = color;
+  }
+  if (values.hueSaturation.enabled) {
+    const rotated = hue(color, uniforms.hueAngle);
+    color = vec4(saturation(rotated, uniforms.saturationFactor), color.a);
+    nodes.hueSaturation = color;
+  }
+  if (values.sepia.enabled) {
+    const toned = sepia(color);
+    color = vec4(mix(color.rgb, toned.rgb, uniforms.sepiaAmount), color.a);
+    nodes.sepia = color;
+  }
+  if (values.noise.enabled) {
+    color = film(color, uniforms.noiseOpacity);
+    nodes.noise = color;
+  }
+  if (values.dotScreen.enabled) {
+    const dotNode = dotScreen(color);
+    nodes.dotScreen = dotNode;
+    color = dotNode;
+  }
+  if (values.glitch.enabled) {
+    warnGlitchOnce(context.world ?? scene);
+  }
+  if (values.chromAberration.enabled) {
+    const shiftNode = rgbShift(color);
+    nodes.chromAberration = shiftNode;
+    color = shiftNode;
+  }
+  if (values.pixelation.enabled) {
+    color = pixelationNode(color, uniforms.pixelGranularity);
+    nodes.pixelation = color;
+  }
+  let outputColorTransform = true;
+  if (values.smaa.enabled) {
+    const smaaNode = smaa(renderOutput(color));
+    nodes.smaa = smaaNode;
+    color = smaaNode;
+    outputColorTransform = false;
+  }
+  applyParameters(nodes, uniforms, values);
+  const renderPipeline = new RenderPipeline(renderer, color);
+  renderPipeline.outputColorTransform = outputColorTransform;
+  return {
+    renderPipeline,
+    nodes,
+    uniforms,
+    structureKey: postprocessingStructureKey(values),
+    render: /* @__PURE__ */ __name(() => {
+      renderPipeline.render();
+    }, "render"),
+    dispose: /* @__PURE__ */ __name(() => {
+      renderPipeline.dispose();
+      disposeNodes(nodes);
+    }, "dispose")
+  };
+}
+__name(createWebGpuPostprocessing, "createWebGpuPostprocessing");
+function updateWebGpuPostprocessing(pipeline, _previous, next) {
+  const candidate = pipeline;
+  if (!candidate.renderPipeline || !candidate.nodes || !candidate.uniforms || typeof candidate.structureKey !== "string") {
+    return false;
+  }
+  if (candidate.structureKey !== postprocessingStructureKey(next)) {
+    return false;
+  }
+  applyParameters(candidate.nodes, candidate.uniforms, next);
+  return true;
+}
+__name(updateWebGpuPostprocessing, "updateWebGpuPostprocessing");
+function disposeNodes(nodes) {
+  const seen = /* @__PURE__ */ new Set();
+  const free = /* @__PURE__ */ __name((node) => {
+    if (!node || seen.has(node)) return;
+    seen.add(node);
+    if (node.isRTTNode) node.renderTarget?.dispose?.();
+    node.dispose?.();
+    free(node.textureNode);
+  }, "free");
+  for (const node of Object.values(nodes)) {
+    free(node);
+  }
+}
+__name(disposeNodes, "disposeNodes");
+
+// core/webgpu/index.ts
+var areaLightTablesInstalled = false;
+function installWebGpuAreaLights() {
+  if (areaLightTablesInstalled) return;
+  areaLightTablesInstalled = true;
+  RectAreaLightNode.setLTC(RectAreaLightTexturesLib.init());
+}
+__name(installWebGpuAreaLights, "installWebGpuAreaLights");
+var webgpuBackend = {
+  kind: "webgpu",
+  install: /* @__PURE__ */ __name(() => {
+    installWebGpuAreaLights();
+  }, "install"),
+  prepareAreaLights: /* @__PURE__ */ __name(() => {
+    installWebGpuAreaLights();
+  }, "prepareAreaLights"),
+  createPostprocessing: createWebGpuPostprocessing,
+  updatePostprocessing: updateWebGpuPostprocessing,
+  createChromaKeyMaterial: createTslChromaKeyMaterial,
+  updateChromaKeyMaterial: updateTslChromaKeyMaterial
+};
+
+export { createTslChromaKeyMaterial, createWebGpuPostprocessing, getChromaKeyUniforms, installWebGpuAreaLights, postprocessingStructureKey, updateTslChromaKeyMaterial, updateWebGpuPostprocessing, webgpuBackend };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/webgpu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../core/webgpu/chromaKey.ts","../../core/webgpu/postprocessing.ts","../../core/webgpu/index.ts"],"names":["uniform","uv","mix","vec3","dot"],"mappings":"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","file":"index.js","sourcesContent":["import * as THREE from \"three\";\nimport { MeshBasicNodeMaterial, type UniformNode } from \"three/webgpu\";\nimport { distance, dot, mix, smoothstep, texture, uniform, uv, vec3 } from \"three/tsl\";\n\nimport type { ChromaKeyOptions } from \"../render/RenderBackend\";\n\n/** The live uniforms of a TSL chroma-key material. */\nexport interface ChromaKeyUniforms {\n  keyColor: UniformNode<\"color\", THREE.Color>;\n  similarity: UniformNode<\"float\", number>;\n  smoothness: UniformNode<\"float\", number>;\n  spill: UniformNode<\"float\", number>;\n}\n\nconst uniformsByMaterial = new WeakMap<THREE.Material, ChromaKeyUniforms>();\n\n/**\n * Green-screen material for WebGPU (and `WebGPURenderer`'s WebGL 2 fallback):\n * the same maths as the WebGL GLSL version, written in TSL.\n *\n * - alpha = `smoothstep(similarity, similarity + smoothness, distance(rgb, key))`\n * - spill: the colour is desaturated toward its luma\n *   (`0.299, 0.587, 0.114`) until `similarity + spill + smoothness`.\n */\nexport function createTslChromaKeyMaterial(\n  map: THREE.Texture,\n  options: ChromaKeyOptions,\n): MeshBasicNodeMaterial {\n  const uniforms: ChromaKeyUniforms = {\n    keyColor: uniform(new THREE.Color(options.keyColor)),\n    similarity: uniform(options.similarity),\n    smoothness: uniform(options.smoothness),\n    spill: uniform(options.spill),\n  };\n\n  const texel = texture(map, uv());\n  const chromaDist = distance(texel.rgb, uniforms.keyColor.rgb);\n  const alpha = smoothstep(\n    uniforms.similarity,\n    uniforms.similarity.add(uniforms.smoothness),\n    chromaDist,\n  );\n  const spillFactor = smoothstep(\n    uniforms.similarity,\n    uniforms.similarity.add(uniforms.spill).add(uniforms.smoothness),\n    chromaDist,\n  );\n  const luma = dot(texel.rgb, vec3(0.299, 0.587, 0.114));\n  const despilled = mix(vec3(luma), texel.rgb, spillFactor);\n\n  const material = new MeshBasicNodeMaterial({\n    transparent: true,\n    side: THREE.DoubleSide,\n  });\n  material.colorNode = despilled;\n  material.opacityNode = texel.a.mul(alpha);\n  material.userData.ecsChromaKey = true;\n  uniformsByMaterial.set(material, uniforms);\n  return material;\n}\n\n/** Update a material made by {@link createTslChromaKeyMaterial}. */\nexport function updateTslChromaKeyMaterial(\n  material: THREE.Material,\n  options: ChromaKeyOptions,\n): boolean {\n  const uniforms = uniformsByMaterial.get(material);\n  if (!uniforms) return false;\n  uniforms.keyColor.value.set(options.keyColor);\n  uniforms.similarity.value = options.similarity;\n  uniforms.smoothness.value = options.smoothness;\n  uniforms.spill.value = options.spill;\n  return true;\n}\n\n/** The uniforms behind a chroma-key material, or `undefined` for any other material. */\nexport function getChromaKeyUniforms(\n  material: THREE.Material,\n): ChromaKeyUniforms | undefined {\n  return uniformsByMaterial.get(material);\n}\n","import { RenderPipeline, type Node, type PassNode, type UniformNode } from \"three/webgpu\";\nimport {\n  convertToTexture,\n  dot,\n  float,\n  floor,\n  hue,\n  max,\n  mix,\n  pass,\n  renderOutput,\n  saturation,\n  screenDPR,\n  screenSize,\n  uniform,\n  uv,\n  vec3,\n  vec4,\n} from \"three/tsl\";\nimport { bloom, type default as BloomNode } from \"three/examples/jsm/tsl/display/BloomNode.js\";\nimport {\n  dof,\n  type default as DepthOfFieldNode,\n} from \"three/examples/jsm/tsl/display/DepthOfFieldNode.js\";\nimport {\n  dotScreen,\n  type default as DotScreenNode,\n} from \"three/examples/jsm/tsl/display/DotScreenNode.js\";\nimport { film } from \"three/examples/jsm/tsl/display/FilmNode.js\";\nimport { ao, type default as GTAONode } from \"three/examples/jsm/tsl/display/GTAONode.js\";\nimport {\n  rgbShift,\n  type default as RGBShiftNode,\n} from \"three/examples/jsm/tsl/display/RGBShiftNode.js\";\nimport { sepia } from \"three/examples/jsm/tsl/display/Sepia.js\";\nimport { smaa } from \"three/examples/jsm/tsl/display/SMAANode.js\";\n\nimport type { PostprocessingState } from \"../components/Postprocessing\";\nimport type {\n  PostprocessingBuildContext,\n  PostprocessingPipeline,\n} from \"../render/RenderBackend\";\n\n/** three's `SMAANode` (its declaration file has no default export). */\ntype SMAANode = ReturnType<typeof smaa>;\n\n/** Uniforms for the effects this module implements itself (or feeds by node). */\nexport interface WebGpuPostprocessingUniforms {\n  dofFocusDistance: UniformNode<\"float\", number>;\n  dofFocalLength: UniformNode<\"float\", number>;\n  dofBokehScale: UniformNode<\"float\", number>;\n  vignetteOffset: UniformNode<\"float\", number>;\n  vignetteDarkness: UniformNode<\"float\", number>;\n  /** Hue rotation in radians (`hueSaturation.hue × π`). */\n  hueAngle: UniformNode<\"float\", number>;\n  /** `saturation()` factor derived from `hueSaturation.saturation`. */\n  saturationFactor: UniformNode<\"float\", number>;\n  sepiaAmount: UniformNode<\"float\", number>;\n  noiseOpacity: UniformNode<\"float\", number>;\n  /** Block size in CSS pixels; multiplied by the device pixel ratio on the GPU. */\n  pixelGranularity: UniformNode<\"float\", number>;\n}\n\n/** The TSL nodes a WebGPU chain was built from, by effect. Absent = effect off. */\nexport interface WebGpuPostprocessingNodes {\n  /** The scene render (`pass(scene, camera)`). */\n  scenePass: PassNode;\n  ssao?: GTAONode;\n  dof?: DepthOfFieldNode;\n  bloom?: BloomNode;\n  vignette?: Node;\n  hueSaturation?: Node;\n  sepia?: Node;\n  noise?: Node;\n  dotScreen?: DotScreenNode;\n  chromAberration?: RGBShiftNode;\n  pixelation?: Node;\n  smaa?: SMAANode;\n}\n\n/**\n * A post-processing chain built by the WebGPU backend: a three\n * `RenderPipeline` plus the nodes and uniforms that feed it, so parameter\n * changes update in place.\n */\nexport interface WebGpuPostprocessingPipeline extends PostprocessingPipeline {\n  readonly renderPipeline: RenderPipeline;\n  readonly nodes: WebGpuPostprocessingNodes;\n  readonly uniforms: WebGpuPostprocessingUniforms;\n  /** Which effects are on; a different key needs a rebuild. */\n  readonly structureKey: string;\n}\n\n/** Effects whose on/off state changes the node graph. */\nconst STRUCTURAL_EFFECTS = [\n  \"dof\",\n  \"bloom\",\n  \"vignette\",\n  \"hueSaturation\",\n  \"sepia\",\n  \"noise\",\n  \"dotScreen\",\n  \"ssao\",\n  \"glitch\",\n  \"chromAberration\",\n  \"pixelation\",\n  \"smaa\",\n] as const;\n\n/** The on/off pattern of every effect: equal keys = same node graph. */\nexport function postprocessingStructureKey(values: PostprocessingState): string {\n  return [\n    values.postEnabled ? \"on\" : \"off\",\n    ...STRUCTURAL_EFFECTS.map((effect) => (values[effect].enabled ? \"1\" : \"0\")),\n  ].join(\"\");\n}\n\n/** Owners (worlds, or scenes when no world is known) already warned about glitch. */\nconst glitchWarned = new WeakSet<object>();\n\nfunction warnGlitchOnce(owner: object): void {\n  if (glitchWarned.has(owner)) return;\n  glitchWarned.add(owner);\n  console.warn(\n    \"[spatial-ecs] The glitch post effect has no WebGPU version and is skipped. \" +\n      \"The other effects still apply.\",\n  );\n}\n\n/** `HueSaturationShader`'s saturation curve, as a `saturation()` factor. */\nfunction saturationFactorFor(value: number): number {\n  const s = Math.max(-1, Math.min(1, value));\n  // WebGL: rgb += (avg - rgb) * (1 - 1 / (1.001 - s)) for s > 0, else (-s).\n  return s > 0 ? 1 / (1.001 - s) : 1 + s;\n}\n\nfunction createUniforms(): WebGpuPostprocessingUniforms {\n  return {\n    dofFocusDistance: uniform(1),\n    dofFocalLength: uniform(1),\n    dofBokehScale: uniform(1),\n    vignetteOffset: uniform(1),\n    vignetteDarkness: uniform(1),\n    hueAngle: uniform(0),\n    saturationFactor: uniform(1),\n    sepiaAmount: uniform(1),\n    noiseOpacity: uniform(0),\n    pixelGranularity: uniform(6),\n  };\n}\n\n/** Write every parameter of `values` into the chain's uniforms (idempotent). */\nfunction applyParameters(\n  nodes: WebGpuPostprocessingNodes,\n  uniforms: WebGpuPostprocessingUniforms,\n  values: PostprocessingState,\n): void {\n  uniforms.dofFocusDistance.value = Math.max(0, values.dof.focusDistance);\n  uniforms.dofFocalLength.value = Math.max(1e-4, values.dof.focalLength);\n  uniforms.dofBokehScale.value = Math.max(0, values.dof.bokehScale);\n\n  if (nodes.bloom) {\n    nodes.bloom.strength.value = Math.max(0, values.bloom.intensity);\n    nodes.bloom.radius.value = values.bloom.radius;\n    nodes.bloom.threshold.value = values.bloom.threshold;\n  }\n\n  uniforms.vignetteOffset.value = values.vignette.offset;\n  uniforms.vignetteDarkness.value = values.vignette.darkness;\n\n  uniforms.hueAngle.value = values.hueSaturation.hue * Math.PI;\n  uniforms.saturationFactor.value = saturationFactorFor(values.hueSaturation.saturation);\n\n  uniforms.sepiaAmount.value = values.sepia.intensity;\n  uniforms.noiseOpacity.value = values.noise.opacity;\n\n  if (nodes.dotScreen) {\n    nodes.dotScreen.angle.value =\n      values.dotScreen.angle ?? values.dotScreen.dotScreenAngle;\n    nodes.dotScreen.scale.value =\n      values.dotScreen.scale ?? values.dotScreen.dotScreenScale;\n  }\n\n  if (nodes.ssao) {\n    nodes.ssao.radius.value = Math.max(0.001, values.ssao.radius);\n    // GTAO raises the occlusion term to `scale`: 0 = no AO, >1 = darker.\n    nodes.ssao.scale.value = Math.max(0, values.ssao.intensity);\n  }\n\n  if (nodes.chromAberration) {\n    const { offsetX, offsetY } = values.chromAberration;\n    nodes.chromAberration.amount.value = Math.hypot(offsetX, offsetY);\n    nodes.chromAberration.angle.value = Math.atan2(offsetY, offsetX);\n  }\n\n  uniforms.pixelGranularity.value = Math.max(1, values.pixelation.granularity);\n}\n\n/** Loosely-typed TSL node: the chain mixes vec3/vec4/texture nodes. */\n// biome-ignore lint/suspicious/noExplicitAny: TSL node types are structural.\ntype AnyNode = any;\n\n/** Eskil's vignette, as `VignetteShader` computes it. */\nfunction vignetteNode(input: AnyNode, offset: AnyNode, darkness: AnyNode): Node {\n  const centered = uv().sub(0.5).mul(offset);\n  return vec4(\n    mix(input.rgb, vec3(float(1).sub(darkness)), dot(centered, centered)),\n    input.a,\n  );\n}\n\n/** Sample the input at the centre of each `granularity × DPR` pixel block. */\nfunction pixelationNode(input: AnyNode, granularity: AnyNode): Node {\n  const source: AnyNode = convertToTexture(input);\n  const block = max(granularity.mul(screenDPR), 1).div(screenSize);\n  const coord = block.mul(floor(uv().div(block)).add(0.5));\n  return source.sample(coord);\n}\n\n/**\n * Build the chain. Order mirrors the WebGL composer where it can: scene →\n * ambient occlusion → depth of field → bloom → vignette → hue/saturation →\n * sepia → film noise → dot screen → chromatic aberration → pixelation → SMAA.\n * (On WebGL the SSAO pass sits later but renders the scene again itself;\n * here the occlusion multiplies the scene colour before anything else.)\n */\nexport function createWebGpuPostprocessing(\n  context: PostprocessingBuildContext,\n): WebGpuPostprocessingPipeline {\n  const { scene, camera, values } = context;\n  const renderer = context.renderer as unknown as ConstructorParameters<\n    typeof RenderPipeline\n  >[0];\n\n  // Depth-reading effects need a single-sampled depth texture: with the\n  // renderer's MSAA (`antialias: true`) the pass's depth is\n  // `texture_depth_multisampled_2d`, and GTAO's `textureDimensions(depth, 0)`\n  // is invalid WGSL for it (the whole pipeline then fails to build). Those\n  // scenes lose MSAA on the scene pass; SMAA smooths the edges instead.\n  const readsDepth = values.ssao.enabled || values.dof.enabled;\n  const scenePass = readsDepth\n    ? pass(scene, camera, { samples: 0 })\n    : pass(scene, camera);\n  const nodes: WebGpuPostprocessingNodes = { scenePass };\n  const uniforms = createUniforms();\n\n  let color: AnyNode = scenePass.getTextureNode(\"output\");\n\n  if (values.ssao.enabled) {\n    // Normals are reconstructed from depth (no extra MRT target).\n    const aoNode = ao(\n      scenePass.getTextureNode(\"depth\"),\n      null as unknown as Node,\n      camera,\n    );\n    nodes.ssao = aoNode;\n    color = vec4(color.rgb.mul(aoNode.getTextureNode().r), color.a);\n  }\n\n  if (values.dof.enabled) {\n    const dofNode = dof(\n      color,\n      scenePass.getViewZNode(),\n      uniforms.dofFocusDistance,\n      uniforms.dofFocalLength,\n      uniforms.dofBokehScale,\n    );\n    nodes.dof = dofNode;\n    color = dofNode;\n  }\n\n  if (values.bloom.enabled) {\n    const bloomNode = bloom(color);\n    nodes.bloom = bloomNode;\n    // Additive, like UnrealBloomPass; alpha stays the scene's.\n    color = vec4(color.rgb.add((bloomNode as AnyNode).rgb), color.a);\n  }\n\n  if (values.vignette.enabled) {\n    color = vignetteNode(color, uniforms.vignetteOffset, uniforms.vignetteDarkness);\n    nodes.vignette = color;\n  }\n\n  if (values.hueSaturation.enabled) {\n    const rotated = hue(color, uniforms.hueAngle);\n    color = vec4(saturation(rotated, uniforms.saturationFactor), color.a);\n    nodes.hueSaturation = color;\n  }\n\n  if (values.sepia.enabled) {\n    const toned: AnyNode = sepia(color);\n    color = vec4(mix(color.rgb, toned.rgb, uniforms.sepiaAmount), color.a);\n    nodes.sepia = color;\n  }\n\n  if (values.noise.enabled) {\n    color = film(color, uniforms.noiseOpacity);\n    nodes.noise = color;\n  }\n\n  if (values.dotScreen.enabled) {\n    const dotNode = dotScreen(color);\n    nodes.dotScreen = dotNode;\n    color = dotNode;\n  }\n\n  if (values.glitch.enabled) {\n    warnGlitchOnce(context.world ?? scene);\n  }\n\n  if (values.chromAberration.enabled) {\n    const shiftNode = rgbShift(color);\n    nodes.chromAberration = shiftNode;\n    color = shiftNode;\n  }\n\n  if (values.pixelation.enabled) {\n    color = pixelationNode(color, uniforms.pixelGranularity);\n    nodes.pixelation = color;\n  }\n\n  let outputColorTransform = true;\n  if (values.smaa.enabled) {\n    // SMAA works on display-referred colour: tone map + encode first, then\n    // stop the pipeline from doing it a second time.\n    const smaaNode = smaa(renderOutput(color));\n    nodes.smaa = smaaNode;\n    color = smaaNode;\n    outputColorTransform = false;\n  }\n\n  applyParameters(nodes, uniforms, values);\n\n  const renderPipeline = new RenderPipeline(renderer, color);\n  renderPipeline.outputColorTransform = outputColorTransform;\n\n  return {\n    renderPipeline,\n    nodes,\n    uniforms,\n    structureKey: postprocessingStructureKey(values),\n    render: () => {\n      renderPipeline.render();\n    },\n    dispose: () => {\n      renderPipeline.dispose();\n      disposeNodes(nodes);\n    },\n  };\n}\n\n/**\n * Push a parameter-only change into `pipeline`. Returns `false` when an\n * effect was switched on or off (the graph differs, so the caller rebuilds),\n * or when `pipeline` was not built here.\n */\nexport function updateWebGpuPostprocessing(\n  pipeline: PostprocessingPipeline,\n  _previous: PostprocessingState,\n  next: PostprocessingState,\n): boolean {\n  const candidate = pipeline as Partial<WebGpuPostprocessingPipeline>;\n  if (\n    !candidate.renderPipeline ||\n    !candidate.nodes ||\n    !candidate.uniforms ||\n    typeof candidate.structureKey !== \"string\"\n  ) {\n    return false;\n  }\n  if (candidate.structureKey !== postprocessingStructureKey(next)) {\n    return false;\n  }\n  applyParameters(candidate.nodes, candidate.uniforms, next);\n  return true;\n}\n\ntype Disposable = {\n  dispose?: () => void;\n  isRTTNode?: boolean;\n  renderTarget?: { dispose?: () => void };\n  textureNode?: Disposable;\n};\n\n/** Free the render targets the effect nodes (and their RTT inputs) own. */\nfunction disposeNodes(nodes: WebGpuPostprocessingNodes): void {\n  const seen = new Set<unknown>();\n  const free = (node: Disposable | undefined) => {\n    if (!node || seen.has(node)) return;\n    seen.add(node);\n    // `convertToTexture` wraps non-texture inputs in an RTT node whose render\n    // target `Node.dispose()` does not release.\n    if (node.isRTTNode) node.renderTarget?.dispose?.();\n    node.dispose?.();\n    free(node.textureNode);\n  };\n  for (const node of Object.values(nodes) as Disposable[]) {\n    free(node);\n  }\n}\n","/**\n * `@relu-interactives/spatial-ecs/webgpu` — run a `World` on three's\n * `WebGPURenderer`.\n *\n * Kept out of the package root on purpose: importing it loads `three/webgpu`\n * and `three/tsl`, which a WebGL-only app should never pay for.\n *\n * @example\n * ```ts\n * import * as THREE from \"three\";\n * import { WebGPURenderer } from \"three/webgpu\";\n * import { World } from \"@relu-interactives/spatial-ecs\";\n * import { webgpuBackend } from \"@relu-interactives/spatial-ecs/webgpu\";\n *\n * const renderer = new WebGPURenderer({ antialias: true });\n * await renderer.init();\n * const world = new World({\n *   scene: new THREE.Scene(),\n *   camera: new THREE.PerspectiveCamera(),\n *   renderer,\n *   backend: webgpuBackend,\n * });\n * ```\n *\n * @module\n */\nimport { RectAreaLightNode } from \"three/webgpu\";\nimport { RectAreaLightTexturesLib } from \"three/examples/jsm/lights/RectAreaLightTexturesLib.js\";\n\nimport type { RenderBackend } from \"../render/RenderBackend\";\nimport { createTslChromaKeyMaterial, updateTslChromaKeyMaterial } from \"./chromaKey\";\nimport {\n  createWebGpuPostprocessing,\n  updateWebGpuPostprocessing,\n} from \"./postprocessing\";\n\nlet areaLightTablesInstalled = false;\n\n/**\n * Give `RectAreaLight` its lookup tables. Without them the light's node\n * throws while its shader is built, so this runs once, before any frame.\n */\nexport function installWebGpuAreaLights(): void {\n  if (areaLightTablesInstalled) return;\n  areaLightTablesInstalled = true;\n  RectAreaLightNode.setLTC(RectAreaLightTexturesLib.init());\n}\n\n/**\n * The {@link RenderBackend} for three's `WebGPURenderer`: post-processing as\n * a TSL `RenderPipeline`, a TSL green-screen material, and area-light tables.\n * Pass it as `new World({ ..., backend: webgpuBackend })`.\n *\n * Works on the renderer's WebGL 2 fallback too (`WebGPURenderer` picks it by\n * itself when the browser has no WebGPU).\n */\nexport const webgpuBackend: RenderBackend = {\n  kind: \"webgpu\",\n  install: () => {\n    installWebGpuAreaLights();\n  },\n  prepareAreaLights: () => {\n    installWebGpuAreaLights();\n  },\n  createPostprocessing: createWebGpuPostprocessing,\n  updatePostprocessing: updateWebGpuPostprocessing,\n  createChromaKeyMaterial: createTslChromaKeyMaterial,\n  updateChromaKeyMaterial: updateTslChromaKeyMaterial,\n};\n\nexport {\n  createTslChromaKeyMaterial,\n  getChromaKeyUniforms,\n  updateTslChromaKeyMaterial,\n  type ChromaKeyUniforms,\n} from \"./chromaKey\";\nexport {\n  createWebGpuPostprocessing,\n  postprocessingStructureKey,\n  updateWebGpuPostprocessing,\n  type WebGpuPostprocessingNodes,\n  type WebGpuPostprocessingPipeline,\n  type WebGpuPostprocessingUniforms,\n} from \"./postprocessing\";\nexport type {\n  ChromaKeyOptions,\n  EcsRenderer,\n  PostprocessingBuildContext,\n  PostprocessingPipeline,\n  RenderBackend,\n  RendererKind,\n} from \"../render/RenderBackend\";\n"]}

package/dist/worldSnapshotUtils.d.cts

@@ -1,3 +1,5 @@
-export { ac as AnyComponent, n as ComponentClass, ad as DEBUG_CHANGE_IGNORED_SYSTEMS, ae as WorldHistorySnapshot, af as cloneHistoryValue, ag as normalizeDebugValue } from './System-V_mv07le.cjs';
+export { aV as AnyComponent, O as ComponentClass, aW as DEBUG_CHANGE_IGNORED_SYSTEMS, aX as WorldHistorySnapshot, aY as cloneHistoryValue, aZ as normalizeDebugValue } from './System-8D-XBDKZ.cjs';
 import 'three';
 import '@dimforge/rapier3d-compat';
+import './animation/index.cjs';
+import 'three/webgpu';

package/dist/worldSnapshotUtils.d.ts

@@ -1,3 +1,5 @@
-export { ac as AnyComponent, n as ComponentClass, ad as DEBUG_CHANGE_IGNORED_SYSTEMS, ae as WorldHistorySnapshot, af as cloneHistoryValue, ag as normalizeDebugValue } from './System-V_mv07le.js';
+export { aV as AnyComponent, Z as ComponentClass, aW as DEBUG_CHANGE_IGNORED_SYSTEMS, aX as WorldHistorySnapshot, aY as cloneHistoryValue, aZ as normalizeDebugValue } from './System-DPMAW30g.js';
 import 'three';
 import '@dimforge/rapier3d-compat';
+import './animation/index.js';
+import 'three/webgpu';

package/dist/worldSnapshotUtils.js

@@ -1,4 +1,5 @@
-export { DEBUG_CHANGE_IGNORED_SYSTEMS, cloneHistoryValue, normalizeDebugValue } from './chunk-OWQSESTO.js';
-import './chunk-OY7ZODZP.js';
+export { DEBUG_CHANGE_IGNORED_SYSTEMS, cloneHistoryValue, normalizeDebugValue } from './chunk-XU2DVWCP.js';
+import './chunk-CKTHDXPS.js';
+import './chunk-XE4OXN2W.js';
 //# sourceMappingURL=worldSnapshotUtils.js.map
 //# sourceMappingURL=worldSnapshotUtils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@relu-interactives/spatial-ecs",
-  "version": "0.5.3",
+  "version": "0.8.0",
   "description": "Reusable ECS core engine for Relu Spatial editor and runtime experiences.",
   "license": "MIT",
   "private": false,
@@ -42,6 +42,20 @@
       "types": "./dist/worldSnapshotUtils.d.ts",
       "import": "./dist/worldSnapshotUtils.js",
       "require": "./dist/worldSnapshotUtils.cjs"
+    },
+    "./animation": {
+      "types": "./dist/animation/index.d.ts",
+      "import": "./dist/animation/index.js",
+      "require": "./dist/animation/index.cjs"
+    },
+    "./network": {
+      "types": "./dist/network/index.d.ts",
+      "import": "./dist/network/index.js",
+      "require": "./dist/network/index.cjs"
+    },
+    "./webgpu": {
+      "types": "./dist/webgpu/index.d.ts",
+      "import": "./dist/webgpu/index.js"
     }
   },
   "files": [
@@ -49,7 +63,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "tsup --config tsup.config.ts && node scripts/copy-assets.mjs && node scripts/copy-docs.mjs",
+    "build": "node scripts/clean-dist.mjs && tsup --config tsup.config.ts && node scripts/check-dist-entries.mjs && node scripts/copy-assets.mjs && node scripts/copy-docs.mjs",
     "dev": "tsup --config tsup.config.ts --watch",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
@@ -62,12 +76,14 @@
     "release:minor": "npm version minor",
     "release:major": "npm version major",
     "docs:check": "node scripts/check-doc-examples.mjs --verbose",
-    "docs:fix-imports": "node scripts/fix-doc-imports.mjs"
+    "docs:fix-imports": "node scripts/fix-doc-imports.mjs",
+    "check:entries": "node scripts/check-dist-entries.mjs"
   },
   "peerDependencies": {
     "three": ">=0.184.0 <0.185.0"
   },
   "dependencies": {
+    "@colyseus/sdk": "0.18.8",
     "@dimforge/rapier3d-compat": "^0.17.3"
   },
   "devDependencies": {