@flighthq/effects-wgpu 0.2.1-next.652.c550eaa → 0.2.1-next.701.409c279

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './wgpuColorMatrixPass';
+export * from './wgpuCompositeEffect';
+export * from './wgpuBlendEffect';
 export * from './wgpuBevelEffect';
 export * from './wgpuBloomEffect';
 export * from './wgpuBlurEffect';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,4 +1,6 @@
 export * from './wgpuColorMatrixPass';
+export * from './wgpuCompositeEffect';
+export * from './wgpuBlendEffect';
 export * from './wgpuBevelEffect';
 export * from './wgpuBloomEffect';
 export * from './wgpuBlurEffect';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/wgpuBlendEffect.d.ts

@@ -0,0 +1,9 @@
+import type { AdvancedBlendMode, BlendEffect, WgpuRenderEffectRunner, WgpuRenderState, WgpuRenderTarget } from '@flighthq/types';
+export declare function applyBlendEffectToWgpu(state: WgpuRenderState, source: Readonly<WgpuRenderTarget>, dest: Readonly<WgpuRenderTarget>, effect: Readonly<BlendEffect>): void;
+export declare const defaultWgpuBlendEffectRunner: WgpuRenderEffectRunner;
+export declare function getWgpuBlendEffectBackdrop(state: WgpuRenderState, backdropKey: string | null): WgpuRenderTarget | null;
+export declare function getWgpuBlendEffectModeIndex(mode: AdvancedBlendMode): number;
+export declare function registerWgpuBlendEffectBackdrop(state: WgpuRenderState, backdropKey: string, target: WgpuRenderTarget): void;
+export declare function unregisterWgpuBlendEffectBackdrop(state: WgpuRenderState, backdropKey: string): boolean;
+export declare const WGPU_BLEND_FRAGMENT_WGSL = "\nstruct Uniforms {\n  mode : i32,\n  opacity : f32,\n  hasBackdrop : i32,\n  _pad0 : f32,\n}\n@group(0) @binding(0) var<uniform> uni : Uniforms;\n@group(1) @binding(0) var layerTexture : texture_2d<f32>;\n@group(1) @binding(1) var layerSampler : sampler;\n@group(2) @binding(0) var backdropTexture : texture_2d<f32>;\n@group(2) @binding(1) var backdropSampler : sampler;\n\nfn lum(c : vec3f) -> f32 {\n  return dot(c, vec3f(0.3, 0.59, 0.11));\n}\n\nfn sat(c : vec3f) -> f32 {\n  return max(max(c.r, c.g), c.b) - min(min(c.r, c.g), c.b);\n}\n\nfn clipColor(inputColor : vec3f) -> vec3f {\n  var c = inputColor;\n  let l = lum(c);\n  let mn = min(min(c.r, c.g), c.b);\n  let mx = max(max(c.r, c.g), c.b);\n  if (mn < 0.0) {\n    c = vec3f(l) + (c - vec3f(l)) * l / (l - mn);\n  }\n  if (mx > 1.0) {\n    c = vec3f(l) + (c - vec3f(l)) * (1.0 - l) / (mx - l);\n  }\n  return c;\n}\n\nfn setLum(c : vec3f, l : f32) -> vec3f {\n  return clipColor(c + vec3f(l - lum(c)));\n}\n\nfn setSat(c : vec3f, s : f32) -> vec3f {\n  let mn = min(min(c.r, c.g), c.b);\n  let mx = max(max(c.r, c.g), c.b);\n  let md = c.r + c.g + c.b - mn - mx;\n  let rmid = select(0.0, (md - mn) * s / (mx - mn), mx > mn);\n  let rmax = select(0.0, s, mx > mn);\n  var out = vec3f(0.0);\n  out.r = select(select(rmid, 0.0, c.r == mn), rmax, c.r == mx);\n  out.g = select(select(rmid, 0.0, c.g == mn), rmax, c.g == mx);\n  out.b = select(select(rmid, 0.0, c.b == mn), rmax, c.b == mx);\n  return out;\n}\n\nfn sepChannel(mode : i32, cb : f32, cs : f32) -> f32 {\n  if (mode == 0) {\n    return select(1.0 - 2.0 * (1.0 - cb) * (1.0 - cs), 2.0 * cb * cs, cb <= 0.5);\n  }\n  if (mode == 1) {\n    return select(1.0 - 2.0 * (1.0 - cb) * (1.0 - cs), 2.0 * cb * cs, cs <= 0.5);\n  }\n  if (mode == 2) {\n    let d = select(sqrt(cb), ((16.0 * cb - 12.0) * cb + 4.0) * cb, cb <= 0.25);\n    return select(cb + (2.0 * cs - 1.0) * (d - cb), cb - (1.0 - 2.0 * cs) * cb * (1.0 - cb), cs <= 0.5);\n  }\n  if (mode == 3) { return abs(cb - cs); }\n  if (mode == 4) { return cb + cs - 2.0 * cb * cs; }\n  if (mode == 5) {\n    if (cb <= 0.0) { return 0.0; }\n    return select(min(1.0, cb / (1.0 - cs)), 1.0, cs >= 1.0);\n  }\n  if (mode == 6) {\n    if (cb >= 1.0) { return 1.0; }\n    return select(1.0 - min(1.0, (1.0 - cb) / cs), 0.0, cs <= 0.0);\n  }\n  return cs;\n}\n\nfn blendRgb(mode : i32, cb : vec3f, cs : vec3f) -> vec3f {\n  if (mode == 7) { return setLum(setSat(cs, sat(cb)), lum(cb)); }\n  if (mode == 8) { return setLum(setSat(cb, sat(cs)), lum(cb)); }\n  if (mode == 9) { return setLum(cs, lum(cb)); }\n  if (mode == 10) { return setLum(cb, lum(cs)); }\n  return vec3f(\n    sepChannel(mode, cb.r, cs.r),\n    sepChannel(mode, cb.g, cs.g),\n    sepChannel(mode, cb.b, cs.b),\n  );\n}\n\n@fragment\nfn fs_main(@location(0) uv : vec2f) -> @location(0) vec4f {\n  let layer = textureSampleLevel(layerTexture, layerSampler, uv, 0.0);\n  if (uni.hasBackdrop == 0) {\n    return layer;\n  }\n  let back = textureSampleLevel(backdropTexture, backdropSampler, uv, 0.0);\n  let cs = select(vec3f(0.0), layer.rgb / layer.a, layer.a > 0.0);\n  let cb = select(vec3f(0.0), back.rgb / back.a, back.a > 0.0);\n  let sourceAlpha = layer.a * uni.opacity;\n  let backdropAlpha = back.a;\n  let blended = blendRgb(uni.mode, cb, cs);\n  let mixed = (1.0 - backdropAlpha) * cs + backdropAlpha * blended;\n  let outAlpha = sourceAlpha + backdropAlpha * (1.0 - sourceAlpha);\n  let outRgb = mixed * sourceAlpha + cb * backdropAlpha * (1.0 - sourceAlpha);\n  return vec4f(outRgb, outAlpha);\n}\n";
+//# sourceMappingURL=wgpuBlendEffect.d.ts.map

package/dist/wgpuBlendEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wgpuBlendEffect.d.ts","sourceRoot":"","sources":["../src/wgpuBlendEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,WAAW,EAEX,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AASzB,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAClC,IAAI,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAChC,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAC5B,IAAI,CAiBN;AAED,eAAO,MAAM,4BAA4B,EAAE,sBAE1C,CAAC;AAGF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,MAAM,GAAG,IAAI,GACzB,gBAAgB,GAAG,IAAI,CAGzB;AAID,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAE3E;AAID,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,MAAM,EACnB,MAAM,EAAE,gBAAgB,GACvB,IAAI,CAON;AAGD,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAEtG;AA8BD,eAAO,MAAM,wBAAwB,w9GAyGpC,CAAC"}

package/dist/wgpuBlendEffect.js

@@ -0,0 +1,177 @@
+import { AdvancedBlendMode as AdvancedBlendModeValues } from '@flighthq/types';
+import { createWgpuDualSourceEffectPipeline, drawWgpuDualSourceEffectPass } from './wgpuEffectPass';
+// Advanced-blend composite pass: reads the incoming layer and an explicitly registered backdrop,
+// applies the same W3C straight-color blend math as glBlendEffect, then writes premultiplied
+// source-over output. A missing backdrop uses the layer as a harmless second binding and the uniform
+// gate reduces the operation to passthrough.
+export function applyBlendEffectToWgpu(state, source, dest, effect) {
+    const backdrop = getWgpuBlendEffectBackdrop(state, effect.backdropKey ?? null);
+    const pipeline = getWgpuBlendEffectPipeline(state);
+    const modeIndex = getWgpuBlendEffectModeIndex(effect.mode);
+    const hasBackdrop = backdrop !== null;
+    drawWgpuDualSourceEffectPass(state, source, (backdrop ?? source), dest, pipeline, (f32, i32) => {
+        i32[0] = modeIndex;
+        f32[1] = effect.opacity ?? 1;
+        i32[2] = hasBackdrop ? 1 : 0;
+    });
+}
+export const defaultWgpuBlendEffectRunner = (context, effect) => {
+    applyBlendEffectToWgpu(context.state, context.source, context.dest, effect);
+};
+// Returns the borrowed backdrop target registered under a key on this state, or null when absent.
+export function getWgpuBlendEffectBackdrop(state, backdropKey) {
+    if (backdropKey === null)
+        return null;
+    return backdrops.get(state)?.get(backdropKey) ?? null;
+}
+// Maps the open AdvancedBlendMode value to the shared shader branch order. Unknown vendor values map
+// to -1, whose shader fallback is Normal source color.
+export function getWgpuBlendEffectModeIndex(mode) {
+    return BLEND_MODE_INDEX[mode] ?? -1;
+}
+// Registers a borrowed render target as a named backdrop. Last write wins; the registry never owns or
+// destroys the target, so its caller must keep it alive until the BlendEffect pass completes.
+export function registerWgpuBlendEffectBackdrop(state, backdropKey, target) {
+    let registry = backdrops.get(state);
+    if (registry === undefined) {
+        registry = new Map();
+        backdrops.set(state, registry);
+    }
+    registry.set(backdropKey, target);
+}
+// Removes a borrowed backdrop reference without destroying the target.
+export function unregisterWgpuBlendEffectBackdrop(state, backdropKey) {
+    return backdrops.get(state)?.delete(backdropKey) ?? false;
+}
+function getWgpuBlendEffectPipeline(state) {
+    let pipeline = pipelines.get(state);
+    if (pipeline === undefined) {
+        pipeline = createWgpuDualSourceEffectPipeline(state, WGPU_BLEND_FRAGMENT_WGSL, 'replace');
+        pipelines.set(state, pipeline);
+    }
+    return pipeline;
+}
+const BLEND_MODE_INDEX = {
+    [AdvancedBlendModeValues.Overlay]: 0,
+    [AdvancedBlendModeValues.HardLight]: 1,
+    [AdvancedBlendModeValues.SoftLight]: 2,
+    [AdvancedBlendModeValues.Difference]: 3,
+    [AdvancedBlendModeValues.Exclusion]: 4,
+    [AdvancedBlendModeValues.ColorDodge]: 5,
+    [AdvancedBlendModeValues.ColorBurn]: 6,
+    [AdvancedBlendModeValues.Hue]: 7,
+    [AdvancedBlendModeValues.Saturation]: 8,
+    [AdvancedBlendModeValues.Color]: 9,
+    [AdvancedBlendModeValues.Luminosity]: 10,
+};
+const backdrops = new WeakMap();
+const pipelines = new WeakMap();
+// Layer and backdrop are premultiplied textures. Blend math operates on straight RGB, follows the W3C
+// compositing formulas used by effects/blendModeMath and glBlendEffect, then premultiplies the result.
+export const WGPU_BLEND_FRAGMENT_WGSL = /* wgsl */ `
+struct Uniforms {
+  mode : i32,
+  opacity : f32,
+  hasBackdrop : i32,
+  _pad0 : f32,
+}
+@group(0) @binding(0) var<uniform> uni : Uniforms;
+@group(1) @binding(0) var layerTexture : texture_2d<f32>;
+@group(1) @binding(1) var layerSampler : sampler;
+@group(2) @binding(0) var backdropTexture : texture_2d<f32>;
+@group(2) @binding(1) var backdropSampler : sampler;
+
+fn lum(c : vec3f) -> f32 {
+  return dot(c, vec3f(0.3, 0.59, 0.11));
+}
+
+fn sat(c : vec3f) -> f32 {
+  return max(max(c.r, c.g), c.b) - min(min(c.r, c.g), c.b);
+}
+
+fn clipColor(inputColor : vec3f) -> vec3f {
+  var c = inputColor;
+  let l = lum(c);
+  let mn = min(min(c.r, c.g), c.b);
+  let mx = max(max(c.r, c.g), c.b);
+  if (mn < 0.0) {
+    c = vec3f(l) + (c - vec3f(l)) * l / (l - mn);
+  }
+  if (mx > 1.0) {
+    c = vec3f(l) + (c - vec3f(l)) * (1.0 - l) / (mx - l);
+  }
+  return c;
+}
+
+fn setLum(c : vec3f, l : f32) -> vec3f {
+  return clipColor(c + vec3f(l - lum(c)));
+}
+
+fn setSat(c : vec3f, s : f32) -> vec3f {
+  let mn = min(min(c.r, c.g), c.b);
+  let mx = max(max(c.r, c.g), c.b);
+  let md = c.r + c.g + c.b - mn - mx;
+  let rmid = select(0.0, (md - mn) * s / (mx - mn), mx > mn);
+  let rmax = select(0.0, s, mx > mn);
+  var out = vec3f(0.0);
+  out.r = select(select(rmid, 0.0, c.r == mn), rmax, c.r == mx);
+  out.g = select(select(rmid, 0.0, c.g == mn), rmax, c.g == mx);
+  out.b = select(select(rmid, 0.0, c.b == mn), rmax, c.b == mx);
+  return out;
+}
+
+fn sepChannel(mode : i32, cb : f32, cs : f32) -> f32 {
+  if (mode == 0) {
+    return select(1.0 - 2.0 * (1.0 - cb) * (1.0 - cs), 2.0 * cb * cs, cb <= 0.5);
+  }
+  if (mode == 1) {
+    return select(1.0 - 2.0 * (1.0 - cb) * (1.0 - cs), 2.0 * cb * cs, cs <= 0.5);
+  }
+  if (mode == 2) {
+    let d = select(sqrt(cb), ((16.0 * cb - 12.0) * cb + 4.0) * cb, cb <= 0.25);
+    return select(cb + (2.0 * cs - 1.0) * (d - cb), cb - (1.0 - 2.0 * cs) * cb * (1.0 - cb), cs <= 0.5);
+  }
+  if (mode == 3) { return abs(cb - cs); }
+  if (mode == 4) { return cb + cs - 2.0 * cb * cs; }
+  if (mode == 5) {
+    if (cb <= 0.0) { return 0.0; }
+    return select(min(1.0, cb / (1.0 - cs)), 1.0, cs >= 1.0);
+  }
+  if (mode == 6) {
+    if (cb >= 1.0) { return 1.0; }
+    return select(1.0 - min(1.0, (1.0 - cb) / cs), 0.0, cs <= 0.0);
+  }
+  return cs;
+}
+
+fn blendRgb(mode : i32, cb : vec3f, cs : vec3f) -> vec3f {
+  if (mode == 7) { return setLum(setSat(cs, sat(cb)), lum(cb)); }
+  if (mode == 8) { return setLum(setSat(cb, sat(cs)), lum(cb)); }
+  if (mode == 9) { return setLum(cs, lum(cb)); }
+  if (mode == 10) { return setLum(cb, lum(cs)); }
+  return vec3f(
+    sepChannel(mode, cb.r, cs.r),
+    sepChannel(mode, cb.g, cs.g),
+    sepChannel(mode, cb.b, cs.b),
+  );
+}
+
+@fragment
+fn fs_main(@location(0) uv : vec2f) -> @location(0) vec4f {
+  let layer = textureSampleLevel(layerTexture, layerSampler, uv, 0.0);
+  if (uni.hasBackdrop == 0) {
+    return layer;
+  }
+  let back = textureSampleLevel(backdropTexture, backdropSampler, uv, 0.0);
+  let cs = select(vec3f(0.0), layer.rgb / layer.a, layer.a > 0.0);
+  let cb = select(vec3f(0.0), back.rgb / back.a, back.a > 0.0);
+  let sourceAlpha = layer.a * uni.opacity;
+  let backdropAlpha = back.a;
+  let blended = blendRgb(uni.mode, cb, cs);
+  let mixed = (1.0 - backdropAlpha) * cs + backdropAlpha * blended;
+  let outAlpha = sourceAlpha + backdropAlpha * (1.0 - sourceAlpha);
+  let outRgb = mixed * sourceAlpha + cb * backdropAlpha * (1.0 - sourceAlpha);
+  return vec4f(outRgb, outAlpha);
+}
+`;
+//# sourceMappingURL=wgpuBlendEffect.js.map

package/dist/wgpuBlendEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wgpuBlendEffect.js","sourceRoot":"","sources":["../src/wgpuBlendEffect.ts"],"names":[],"mappings":"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"}

package/dist/wgpuCompositeEffect.d.ts

@@ -0,0 +1,6 @@
+import type { CompositeEffect, CompositeOperator, WgpuRenderEffectRunner, WgpuRenderState, WgpuRenderTarget } from '@flighthq/types';
+export declare function applyCompositeEffectToWgpu(state: WgpuRenderState, source: Readonly<WgpuRenderTarget>, dest: Readonly<WgpuRenderTarget>, effect: Readonly<CompositeEffect>): void;
+export declare const defaultWgpuCompositeEffectRunner: WgpuRenderEffectRunner;
+export declare function getWgpuCompositeEffectOperatorIndex(operator: CompositeOperator): number;
+export declare const WGPU_COMPOSITE_FRAGMENT_WGSL = "\nstruct Uniforms {\n  operatorIndex : i32,\n  hasBackdrop : i32,\n  _pad0 : vec2f,\n}\n@group(0) @binding(0) var<uniform> uni : Uniforms;\n@group(1) @binding(0) var layerTexture : texture_2d<f32>;\n@group(1) @binding(1) var layerSampler : sampler;\n@group(2) @binding(0) var backdropTexture : texture_2d<f32>;\n@group(2) @binding(1) var backdropSampler : sampler;\n\n@fragment\nfn fs_main(@location(0) uv : vec2f) -> @location(0) vec4f {\n  let layer = textureSampleLevel(layerTexture, layerSampler, uv, 0.0);\n  let back = select(vec4f(0.0), textureSampleLevel(backdropTexture, backdropSampler, uv, 0.0),\n                    uni.hasBackdrop == 1);\n  let sourceAlpha = layer.a;\n  let backdropAlpha = back.a;\n  var sourceFactor = 1.0;\n  var backdropFactor = 1.0 - sourceAlpha;\n  if (uni.operatorIndex == 1) {\n    sourceFactor = 1.0 - backdropAlpha; backdropFactor = 1.0;\n  } else if (uni.operatorIndex == 2) {\n    sourceFactor = backdropAlpha; backdropFactor = 0.0;\n  } else if (uni.operatorIndex == 3) {\n    sourceFactor = 0.0; backdropFactor = sourceAlpha;\n  } else if (uni.operatorIndex == 4) {\n    sourceFactor = 1.0 - backdropAlpha; backdropFactor = 0.0;\n  } else if (uni.operatorIndex == 5) {\n    sourceFactor = 0.0; backdropFactor = 1.0 - sourceAlpha;\n  } else if (uni.operatorIndex == 6) {\n    sourceFactor = backdropAlpha; backdropFactor = 1.0 - sourceAlpha;\n  } else if (uni.operatorIndex == 7) {\n    sourceFactor = 1.0 - backdropAlpha; backdropFactor = sourceAlpha;\n  } else if (uni.operatorIndex == 8) {\n    sourceFactor = 1.0 - backdropAlpha; backdropFactor = 1.0 - sourceAlpha;\n  } else if (uni.operatorIndex == 9) {\n    sourceFactor = 1.0; backdropFactor = 0.0;\n  } else if (uni.operatorIndex == 10) {\n    sourceFactor = 0.0; backdropFactor = 0.0;\n  }\n  return sourceFactor * layer + backdropFactor * back;\n}\n";
+//# sourceMappingURL=wgpuCompositeEffect.d.ts.map

package/dist/wgpuCompositeEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wgpuCompositeEffect.d.ts","sourceRoot":"","sources":["../src/wgpuCompositeEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAEjB,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AAQzB,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAClC,IAAI,EAAE,QAAQ,CAAC,gBAAgB,CAAC,EAChC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,GAChC,IAAI,CAcN;AAED,eAAO,MAAM,gCAAgC,EAAE,sBAE9C,CAAC;AAEF,wBAAgB,mCAAmC,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,CAEvF;AA2BD,eAAO,MAAM,4BAA4B,k0DA4CxC,CAAC"}

package/dist/wgpuCompositeEffect.js

@@ -0,0 +1,87 @@
+import { CompositeOperator as CompositeOperatorValues } from '@flighthq/types';
+import { getWgpuBlendEffectBackdrop } from './wgpuBlendEffect';
+import { createWgpuDualSourceEffectPipeline, drawWgpuDualSourceEffectPass } from './wgpuEffectPass';
+// Porter-Duff coverage composite over the same named backdrop registry as BlendEffect. Both inputs are
+// premultiplied, so one Fa/Fb pair applies to RGB and alpha exactly as compositeOperatorMath specifies.
+export function applyCompositeEffectToWgpu(state, source, dest, effect) {
+    const backdrop = getWgpuBlendEffectBackdrop(state, effect.backdropKey ?? null);
+    const hasBackdrop = backdrop !== null;
+    drawWgpuDualSourceEffectPass(state, source, (backdrop ?? source), dest, getWgpuCompositeEffectPipeline(state), (_f32, i32) => {
+        i32[0] = getWgpuCompositeEffectOperatorIndex(effect.operator);
+        i32[1] = hasBackdrop ? 1 : 0;
+    });
+}
+export const defaultWgpuCompositeEffectRunner = (context, effect) => {
+    applyCompositeEffectToWgpu(context.state, context.source, context.dest, effect);
+};
+export function getWgpuCompositeEffectOperatorIndex(operator) {
+    return COMPOSITE_OPERATOR_INDEX[operator] ?? 0;
+}
+function getWgpuCompositeEffectPipeline(state) {
+    let pipeline = pipelines.get(state);
+    if (pipeline === undefined) {
+        pipeline = createWgpuDualSourceEffectPipeline(state, WGPU_COMPOSITE_FRAGMENT_WGSL, 'replace');
+        pipelines.set(state, pipeline);
+    }
+    return pipeline;
+}
+const COMPOSITE_OPERATOR_INDEX = {
+    [CompositeOperatorValues.SourceOver]: 0,
+    [CompositeOperatorValues.DestinationOver]: 1,
+    [CompositeOperatorValues.SourceIn]: 2,
+    [CompositeOperatorValues.DestinationIn]: 3,
+    [CompositeOperatorValues.SourceOut]: 4,
+    [CompositeOperatorValues.DestinationOut]: 5,
+    [CompositeOperatorValues.SourceAtop]: 6,
+    [CompositeOperatorValues.DestinationAtop]: 7,
+    [CompositeOperatorValues.Xor]: 8,
+    [CompositeOperatorValues.Copy]: 9,
+    [CompositeOperatorValues.Clear]: 10,
+};
+const pipelines = new WeakMap();
+export const WGPU_COMPOSITE_FRAGMENT_WGSL = /* wgsl */ `
+struct Uniforms {
+  operatorIndex : i32,
+  hasBackdrop : i32,
+  _pad0 : vec2f,
+}
+@group(0) @binding(0) var<uniform> uni : Uniforms;
+@group(1) @binding(0) var layerTexture : texture_2d<f32>;
+@group(1) @binding(1) var layerSampler : sampler;
+@group(2) @binding(0) var backdropTexture : texture_2d<f32>;
+@group(2) @binding(1) var backdropSampler : sampler;
+
+@fragment
+fn fs_main(@location(0) uv : vec2f) -> @location(0) vec4f {
+  let layer = textureSampleLevel(layerTexture, layerSampler, uv, 0.0);
+  let back = select(vec4f(0.0), textureSampleLevel(backdropTexture, backdropSampler, uv, 0.0),
+                    uni.hasBackdrop == 1);
+  let sourceAlpha = layer.a;
+  let backdropAlpha = back.a;
+  var sourceFactor = 1.0;
+  var backdropFactor = 1.0 - sourceAlpha;
+  if (uni.operatorIndex == 1) {
+    sourceFactor = 1.0 - backdropAlpha; backdropFactor = 1.0;
+  } else if (uni.operatorIndex == 2) {
+    sourceFactor = backdropAlpha; backdropFactor = 0.0;
+  } else if (uni.operatorIndex == 3) {
+    sourceFactor = 0.0; backdropFactor = sourceAlpha;
+  } else if (uni.operatorIndex == 4) {
+    sourceFactor = 1.0 - backdropAlpha; backdropFactor = 0.0;
+  } else if (uni.operatorIndex == 5) {
+    sourceFactor = 0.0; backdropFactor = 1.0 - sourceAlpha;
+  } else if (uni.operatorIndex == 6) {
+    sourceFactor = backdropAlpha; backdropFactor = 1.0 - sourceAlpha;
+  } else if (uni.operatorIndex == 7) {
+    sourceFactor = 1.0 - backdropAlpha; backdropFactor = sourceAlpha;
+  } else if (uni.operatorIndex == 8) {
+    sourceFactor = 1.0 - backdropAlpha; backdropFactor = 1.0 - sourceAlpha;
+  } else if (uni.operatorIndex == 9) {
+    sourceFactor = 1.0; backdropFactor = 0.0;
+  } else if (uni.operatorIndex == 10) {
+    sourceFactor = 0.0; backdropFactor = 0.0;
+  }
+  return sourceFactor * layer + backdropFactor * back;
+}
+`;
+//# sourceMappingURL=wgpuCompositeEffect.js.map

package/dist/wgpuCompositeEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wgpuCompositeEffect.js","sourceRoot":"","sources":["../src/wgpuCompositeEffect.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,kCAAkC,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEpG,uGAAuG;AACvG,wGAAwG;AACxG,MAAM,UAAU,0BAA0B,CACxC,KAAsB,EACtB,MAAkC,EAClC,IAAgC,EAChC,MAAiC;IAEjC,MAAM,QAAQ,GAAG,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IACtC,4BAA4B,CAC1B,KAAK,EACL,MAA0B,EAC1B,CAAC,QAAQ,IAAI,MAAM,CAAqB,EACxC,IAAwB,EACxB,8BAA8B,CAAC,KAAK,CAAC,EACrC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QACZ,GAAG,CAAC,CAAC,CAAC,GAAG,mCAAmC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC9D,GAAG,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,CACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gCAAgC,GAA2B,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;IAC1F,0BAA0B,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,MAAyB,CAAC,CAAC;AACrG,CAAC,CAAC;AAEF,MAAM,UAAU,mCAAmC,CAAC,QAA2B;IAC7E,OAAO,wBAAwB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,8BAA8B,CAAC,KAAsB;IAC5D,IAAI,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACpC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,QAAQ,GAAG,kCAAkC,CAAC,KAAK,EAAE,4BAA4B,EAAE,SAAS,CAAC,CAAC;QAC9F,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,wBAAwB,GAAqC;IACjE,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC;IACvC,CAAC,uBAAuB,CAAC,eAAe,CAAC,EAAE,CAAC;IAC5C,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,CAAC;IACrC,CAAC,uBAAuB,CAAC,aAAa,CAAC,EAAE,CAAC;IAC1C,CAAC,uBAAuB,CAAC,SAAS,CAAC,EAAE,CAAC;IACtC,CAAC,uBAAuB,CAAC,cAAc,CAAC,EAAE,CAAC;IAC3C,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC;IACvC,CAAC,uBAAuB,CAAC,eAAe,CAAC,EAAE,CAAC;IAC5C,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC;IAChC,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,EAAE;CACpC,CAAC;AAEF,MAAM,SAAS,GAAG,IAAI,OAAO,EAAiD,CAAC;AAE/E,MAAM,CAAC,MAAM,4BAA4B,GAAG,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CtD,CAAC"}

package/dist/wgpuRenderEffectRegistrants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wgpuRenderEffectRegistrants.d.ts","sourceRoot":"","sources":["../src/wgpuRenderEffectRegistrants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAsDvD,wBAAgB,qCAAqC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAIlF;AAID,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ3E;AAID,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ1E;AAOD,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAG3E;AASD,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ/E;AAID,wBAAgB,oCAAoC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAMjF;AAED,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ9E;AAMD,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAc7E"}
+{"version":3,"file":"wgpuRenderEffectRegistrants.d.ts","sourceRoot":"","sources":["../src/wgpuRenderEffectRegistrants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAwDvD,wBAAgB,qCAAqC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAIlF;AAID,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ3E;AAID,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ1E;AAOD,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAG3E;AASD,wBAAgB,kCAAkC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAU/E;AAID,wBAAgB,oCAAoC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAMjF;AAED,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAQ9E;AAMD,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAc7E"}

package/dist/wgpuRenderEffectRegistrants.js

@@ -1,9 +1,11 @@
 import { defaultWgpuBevelEffectRunner } from './wgpuBevelEffect';
+import { defaultWgpuBlendEffectRunner } from './wgpuBlendEffect';
 import { defaultWgpuBloomEffectRunner } from './wgpuBloomEffect';
 import { defaultWgpuBlurEffectRunner } from './wgpuBlurEffect';
 import { defaultWgpuBokehDepthOfFieldEffectRunner } from './wgpuBokehDepthOfFieldEffect';
 import { defaultWgpuCameraMotionBlurEffectRunner } from './wgpuCameraMotionBlurEffect';
 import { defaultWgpuChromaticAberrationEffectRunner } from './wgpuChromaticAberrationEffect';
+import { defaultWgpuCompositeEffectRunner } from './wgpuCompositeEffect';
 import { defaultWgpuConvolutionEffectRunner } from './wgpuConvolutionEffect';
 import { defaultWgpuCrtEffectRunner } from './wgpuCrtEffect';
 import { defaultWgpuDirectionalBlurEffectRunner } from './wgpuDirectionalBlurEffect';
@@ -84,15 +86,17 @@ export function registerColorWgpuRenderEffects(state) {
     registerWgpuRenderEffect(state, 'ToneMapEffect', defaultWgpuToneMapEffectRunner);
     registerWgpuRenderEffect(state, 'WhiteBalanceEffect', defaultWgpuWhiteBalanceEffectRunner);
 }
-// Full standard set — composes all taxonomy bands. Registers all 43 default runners under their
+// Full standard set — composes all taxonomy bands. Registers all 46 default runners under their
 // canonical kind keys. Import this when the full effect palette is needed; import individual band
 // helpers when only a subset of effects is used.
-// Composite band: BevelEffect, DropShadowEffect, GradientBevelEffect, GradientGlowEffect,
-// InnerGlowEffect, InnerShadowEffect, OuterGlowEffect. The former filter-layer composite ops,
-// now full-frame composite effects chaining tint/blur/offset passes through pooled offscreen targets.
-// Symmetric with Gl's registerCompositeGlRenderEffects.
+// Composite band: BevelEffect, BlendEffect, CompositeEffect, DropShadowEffect, GradientBevelEffect,
+// GradientGlowEffect, InnerGlowEffect, InnerShadowEffect, OuterGlowEffect. The former filter-layer
+// composite ops, now full-frame composite effects chaining tint/blur/offset passes through pooled
+// offscreen targets. Symmetric with Gl's registerCompositeGlRenderEffects.
 export function registerCompositeWgpuRenderEffects(state) {
     registerWgpuRenderEffect(state, 'BevelEffect', defaultWgpuBevelEffectRunner);
+    registerWgpuRenderEffect(state, 'BlendEffect', defaultWgpuBlendEffectRunner);
+    registerWgpuRenderEffect(state, 'CompositeEffect', defaultWgpuCompositeEffectRunner);
     registerWgpuRenderEffect(state, 'DropShadowEffect', defaultWgpuDropShadowEffectRunner);
     registerWgpuRenderEffect(state, 'GradientBevelEffect', defaultWgpuGradientBevelEffectRunner);
     registerWgpuRenderEffect(state, 'GradientGlowEffect', defaultWgpuGradientGlowEffectRunner);

package/dist/wgpuRenderEffectRegistrants.js.map

@@ -1 +1 @@
-{"version":3,"file":"wgpuRenderEffectRegistrants.js","sourceRoot":"","sources":["../src/wgpuRenderEffectRegistrants.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,wCAAwC,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,EAAE,uCAAuC,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,EAAE,0CAA0C,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAE,kCAAkC,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,sCAAsC,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,oCAAoC,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,kCAAkC,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,qCAAqC,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,qCAAqC,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,mCAAmC,EAAE,MAAM,0BAA0B,CAAC;AAE/E,sGAAsG;AACtG,wGAAwG;AACxG,uGAAuG;AACvG,iBAAiB;AAEjB,wDAAwD;AACxD,MAAM,UAAU,qCAAqC,CAAC,KAAsB;IAC1E,wBAAwB,CAAC,KAAK,EAAE,YAAY,EAAE,2BAA2B,CAAC,CAAC;IAC3E,wBAAwB,CAAC,KAAK,EAAE,YAAY,EAAE,2BAA2B,CAAC,CAAC;IAC3E,wBAAwB,CAAC,KAAK,EAAE,WAAW,EAAE,0BAA0B,CAAC,CAAC;AAC3E,CAAC;AAED,+FAA+F;AAC/F,yDAAyD;AACzD,MAAM,UAAU,8BAA8B,CAAC,KAAsB;IACnE,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,4BAA4B,CAAC,CAAC;IAC7E,wBAAwB,CAAC,KAAK,EAAE,2BAA2B,EAAE,0CAA0C,CAAC,CAAC;IACzG,wBAAwB,CAAC,KAAK,EAAE,eAAe,EAAE,8BAA8B,CAAC,CAAC;IACjF,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,EAAE,+BAA+B,CAAC,CAAC;IACnF,wBAAwB,CAAC,KAAK,EAAE,sBAAsB,EAAE,qCAAqC,CAAC,CAAC;IAC/F,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;IACrF,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,EAAE,+BAA+B,CAAC,CAAC;AACrF,CAAC;AAED,uGAAuG;AACvG,qCAAqC;AACrC,MAAM,UAAU,6BAA6B,CAAC,KAAsB;IAClE,wBAAwB,CAAC,KAAK,EAAE,YAAY,EAAE,2BAA2B,CAAC,CAAC;IAC3E,wBAAwB,CAAC,KAAK,EAAE,yBAAyB,EAAE,wCAAwC,CAAC,CAAC;IACrG,wBAAwB,CAAC,KAAK,EAAE,wBAAwB,EAAE,uCAAuC,CAAC,CAAC;IACnG,wBAAwB,CAAC,KAAK,EAAE,uBAAuB,EAAE,sCAAsC,CAAC,CAAC;IACjG,wBAAwB,CAAC,KAAK,EAAE,kBAAkB,EAAE,iCAAiC,CAAC,CAAC;IACvF,wBAAwB,CAAC,KAAK,EAAE,kBAAkB,EAAE,iCAAiC,CAAC,CAAC;IACvF,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;AACvF,CAAC;AAED,wDAAwD;AACxD,+FAA+F;AAC/F,wGAAwG;AACxG,2GAA2G;AAC3G,8CAA8C;AAC9C,MAAM,UAAU,8BAA8B,CAAC,KAAsB;IACnE,wBAAwB,CAAC,KAAK,EAAE,eAAe,EAAE,8BAA8B,CAAC,CAAC;IACjF,wBAAwB,CAAC,KAAK,EAAE,oBAAoB,EAAE,mCAAmC,CAAC,CAAC;AAC7F,CAAC;AAED,gGAAgG;AAChG,kGAAkG;AAClG,iDAAiD;AACjD,0FAA0F;AAC1F,8FAA8F;AAC9F,sGAAsG;AACtG,wDAAwD;AACxD,MAAM,UAAU,kCAAkC,CAAC,KAAsB;IACvE,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,4BAA4B,CAAC,CAAC;IAC7E,wBAAwB,CAAC,KAAK,EAAE,kBAAkB,EAAE,iCAAiC,CAAC,CAAC;IACvF,wBAAwB,CAAC,KAAK,EAAE,qBAAqB,EAAE,oCAAoC,CAAC,CAAC;IAC7F,wBAAwB,CAAC,KAAK,EAAE,oBAAoB,EAAE,mCAAmC,CAAC,CAAC;IAC3F,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;IACrF,wBAAwB,CAAC,KAAK,EAAE,mBAAmB,EAAE,kCAAkC,CAAC,CAAC;IACzF,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;AACvF,CAAC;AAED,4FAA4F;AAC5F,yBAAyB;AACzB,MAAM,UAAU,oCAAoC,CAAC,KAAsB;IACzE,wBAAwB,CAAC,KAAK,EAAE,oBAAoB,EAAE,mCAAmC,CAAC,CAAC;IAC3F,wBAAwB,CAAC,KAAK,EAAE,sBAAsB,EAAE,qCAAqC,CAAC,CAAC;IAC/F,wBAAwB,CAAC,KAAK,EAAE,eAAe,EAAE,8BAA8B,CAAC,CAAC;IACjF,wBAAwB,CAAC,KAAK,EAAE,YAAY,EAAE,2BAA2B,CAAC,CAAC;IAC3E,wBAAwB,CAAC,KAAK,EAAE,WAAW,EAAE,0BAA0B,CAAC,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,iCAAiC,CAAC,KAAsB;IACtE,qCAAqC,CAAC,KAAK,CAAC,CAAC;IAC7C,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACtC,6BAA6B,CAAC,KAAK,CAAC,CAAC;IACrC,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACtC,kCAAkC,CAAC,KAAK,CAAC,CAAC;IAC1C,oCAAoC,CAAC,KAAK,CAAC,CAAC;IAC5C,gCAAgC,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC;AAED,wFAAwF;AACxF,iGAAiG;AACjG,qGAAqG;AACrG,2GAA2G;AAC3G,MAAM,UAAU,gCAAgC,CAAC,KAAsB;IACrE,wBAAwB,CAAC,KAAK,EAAE,mBAAmB,EAAE,kCAAkC,CAAC,CAAC;IACzF,wBAAwB,CAAC,KAAK,EAAE,WAAW,EAAE,0BAA0B,CAAC,CAAC;IACzE,wBAAwB,CAAC,KAAK,EAAE,cAAc,EAAE,6BAA6B,CAAC,CAAC;IAC/E,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;IACrF,wBAAwB,CAAC,KAAK,EAAE,cAAc,EAAE,6BAA6B,CAAC,CAAC;IAC/E,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,EAAE,+BAA+B,CAAC,CAAC;IACnF,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,EAAE,+BAA+B,CAAC,CAAC;IACnF,wBAAwB,CAAC,KAAK,EAAE,cAAc,EAAE,6BAA6B,CAAC,CAAC;IAC/E,wBAAwB,CAAC,KAAK,EAAE,eAAe,EAAE,8BAA8B,CAAC,CAAC;IACjF,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,EAAE,+BAA+B,CAAC,CAAC;IACnF,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;IACrF,wBAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;IACrF,wBAAwB,CAAC,KAAK,EAAE,cAAc,EAAE,6BAA6B,CAAC,CAAC;AACjF,CAAC"}
+{"version":3,"file":"wgpuRenderEffectRegistrants.js","sourceRoot":"","sources":["../src/wgpuRenderEffectRegistrants.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flighthq/effects-wgpu",
-  "version": "0.2.1-next.652.c550eaa",
+  "version": "0.2.1-next.701.409c279",
   "repository": {
     "type": "git",
     "url": "https://github.com/flighthq/flight.git",
@@ -32,11 +32,11 @@
     "clean:dist": "tsx ../../scripts/clean-package-dist.ts"
   },
   "dependencies": {
-    "@flighthq/adjustments": "0.2.1-next.652.c550eaa",
-    "@flighthq/effects": "0.2.1-next.652.c550eaa",
-    "@flighthq/geometry": "0.2.1-next.652.c550eaa",
-    "@flighthq/render-wgpu": "0.2.1-next.652.c550eaa",
-    "@flighthq/types": "0.2.1-next.652.c550eaa"
+    "@flighthq/adjustments": "0.2.1-next.701.409c279",
+    "@flighthq/effects": "0.2.1-next.701.409c279",
+    "@flighthq/geometry": "0.2.1-next.701.409c279",
+    "@flighthq/render-wgpu": "0.2.1-next.701.409c279",
+    "@flighthq/types": "0.2.1-next.701.409c279"
   },
   "devDependencies": {
     "typescript": "^5.3.0"

package/src/wgpuBlendEffect.test.ts

@@ -0,0 +1,114 @@
+import type { WgpuRenderState, WgpuRenderTarget } from '@flighthq/types';
+import { AdvancedBlendMode } from '@flighthq/types';
+
+import {
+  applyBlendEffectToWgpu,
+  defaultWgpuBlendEffectRunner,
+  getWgpuBlendEffectBackdrop,
+  getWgpuBlendEffectModeIndex,
+  registerWgpuBlendEffectBackdrop,
+  unregisterWgpuBlendEffectBackdrop,
+  WGPU_BLEND_FRAGMENT_WGSL,
+} from './wgpuBlendEffect';
+
+function makeState(): WgpuRenderState {
+  return {} as WgpuRenderState;
+}
+
+function makeTarget(): WgpuRenderTarget {
+  return {} as WgpuRenderTarget;
+}
+
+describe('applyBlendEffectToWgpu', () => {
+  it('is a function', () => {
+    expect(typeof applyBlendEffectToWgpu).toBe('function');
+  });
+});
+
+describe('defaultWgpuBlendEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultWgpuBlendEffectRunner).toBe('function');
+  });
+});
+
+describe('getWgpuBlendEffectBackdrop', () => {
+  it('returns null for null and missing keys', () => {
+    const state = makeState();
+    expect(getWgpuBlendEffectBackdrop(state, null)).toBeNull();
+    expect(getWgpuBlendEffectBackdrop(state, 'missing')).toBeNull();
+  });
+
+  it('isolates registered targets per state', () => {
+    const first = makeState();
+    const second = makeState();
+    const target = makeTarget();
+    registerWgpuBlendEffectBackdrop(first, 'scene', target);
+    expect(getWgpuBlendEffectBackdrop(first, 'scene')).toBe(target);
+    expect(getWgpuBlendEffectBackdrop(second, 'scene')).toBeNull();
+  });
+});
+
+describe('getWgpuBlendEffectModeIndex', () => {
+  it('assigns the seven separable modes indices 0 through 6', () => {
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Overlay)).toBe(0);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.HardLight)).toBe(1);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.SoftLight)).toBe(2);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Difference)).toBe(3);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Exclusion)).toBe(4);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.ColorDodge)).toBe(5);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.ColorBurn)).toBe(6);
+  });
+
+  it('assigns the HSL modes indices 7 through 10', () => {
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Hue)).toBe(7);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Saturation)).toBe(8);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Color)).toBe(9);
+    expect(getWgpuBlendEffectModeIndex(AdvancedBlendMode.Luminosity)).toBe(10);
+  });
+
+  it('maps every canonical mode uniquely and unknown values to passthrough', () => {
+    const indices = Object.values(AdvancedBlendMode).map(getWgpuBlendEffectModeIndex);
+    expect(new Set(indices).size).toBe(indices.length);
+    expect(indices).not.toContain(-1);
+    expect(getWgpuBlendEffectModeIndex('acme.Unknown')).toBe(-1);
+  });
+});
+
+describe('registerWgpuBlendEffectBackdrop', () => {
+  it('is last-write-wins', () => {
+    const state = makeState();
+    const first = makeTarget();
+    const second = makeTarget();
+    registerWgpuBlendEffectBackdrop(state, 'scene', first);
+    registerWgpuBlendEffectBackdrop(state, 'scene', second);
+    expect(getWgpuBlendEffectBackdrop(state, 'scene')).toBe(second);
+  });
+});
+
+describe('unregisterWgpuBlendEffectBackdrop', () => {
+  it('removes present targets and reports absent keys', () => {
+    const state = makeState();
+    registerWgpuBlendEffectBackdrop(state, 'scene', makeTarget());
+    expect(unregisterWgpuBlendEffectBackdrop(state, 'scene')).toBe(true);
+    expect(unregisterWgpuBlendEffectBackdrop(state, 'scene')).toBe(false);
+    expect(getWgpuBlendEffectBackdrop(state, 'scene')).toBeNull();
+  });
+});
+
+describe('WGPU_BLEND_FRAGMENT_WGSL', () => {
+  it('binds both layer and backdrop textures and emits the separable and HSL blend helpers', () => {
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('@group(1) @binding(0) var layerTexture');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('@group(2) @binding(0) var backdropTexture');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('fn sepChannel');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('fn setLum');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('fn setSat');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('if (mode == 10)');
+  });
+
+  it('un-premultiplies inputs and writes premultiplied source-over output', () => {
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('layer.rgb / layer.a');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('back.rgb / back.a');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('sourceAlpha + backdropAlpha * (1.0 - sourceAlpha)');
+    expect(WGPU_BLEND_FRAGMENT_WGSL).toContain('mixed * sourceAlpha + cb * backdropAlpha * (1.0 - sourceAlpha)');
+  });
+});

package/src/wgpuCompositeEffect.test.ts

@@ -0,0 +1,40 @@
+import { CompositeOperator } from '@flighthq/types';
+
+import {
+  applyCompositeEffectToWgpu,
+  defaultWgpuCompositeEffectRunner,
+  getWgpuCompositeEffectOperatorIndex,
+  WGPU_COMPOSITE_FRAGMENT_WGSL,
+} from './wgpuCompositeEffect';
+
+describe('applyCompositeEffectToWgpu', () => {
+  it('is the public WebGPU composite entry point', () => {
+    expect(typeof applyCompositeEffectToWgpu).toBe('function');
+  });
+});
+
+describe('defaultWgpuCompositeEffectRunner', () => {
+  it('is a render-effect runner', () => {
+    expect(typeof defaultWgpuCompositeEffectRunner).toBe('function');
+  });
+});
+
+describe('getWgpuCompositeEffectOperatorIndex', () => {
+  it('assigns every canonical operator a unique branch and unknown values SourceOver', () => {
+    const indices = Object.values(CompositeOperator).map(getWgpuCompositeEffectOperatorIndex);
+    expect(new Set(indices).size).toBe(indices.length);
+    expect(getWgpuCompositeEffectOperatorIndex(CompositeOperator.SourceOver)).toBe(0);
+    expect(getWgpuCompositeEffectOperatorIndex(CompositeOperator.DestinationOut)).toBe(5);
+    expect(getWgpuCompositeEffectOperatorIndex(CompositeOperator.Clear)).toBe(10);
+    expect(getWgpuCompositeEffectOperatorIndex('acme.Custom')).toBe(0);
+  });
+});
+
+describe('WGPU_COMPOSITE_FRAGMENT_WGSL', () => {
+  it('binds both premultiplied inputs and implements all Porter-Duff branches', () => {
+    expect(WGPU_COMPOSITE_FRAGMENT_WGSL).toContain('@group(1) @binding(0) var layerTexture');
+    expect(WGPU_COMPOSITE_FRAGMENT_WGSL).toContain('@group(2) @binding(0) var backdropTexture');
+    expect(WGPU_COMPOSITE_FRAGMENT_WGSL).toContain('uni.operatorIndex == 10');
+    expect(WGPU_COMPOSITE_FRAGMENT_WGSL).toContain('sourceFactor * layer + backdropFactor * back');
+  });
+});

package/src/wgpuRenderEffectRegistrants.test.ts

@@ -67,11 +67,13 @@ describe('registerColorWgpuRenderEffects', () => {
 });
 
 describe('registerCompositeWgpuRenderEffects', () => {
-  it('registers the seven former-filter composite effect runners', async () => {
+  it('registers all composite effect runners', async () => {
     const state = await createWgpuRenderStateForTest();
     registerCompositeWgpuRenderEffects(state);
     for (const kind of [
       'BevelEffect',
+      'BlendEffect',
+      'CompositeEffect',
       'DropShadowEffect',
       'GradientBevelEffect',
       'GradientGlowEffect',
@@ -97,13 +99,14 @@ describe('registerScreenSpaceWgpuRenderEffects', () => {
 });
 
 describe('registerStandardWgpuRenderEffects', () => {
-  it('registers all 43 standard effect runners', async () => {
+  it('registers all 46 standard effect runners', async () => {
     const state = await createWgpuRenderStateForTest();
     registerStandardWgpuRenderEffects(state);
     // Spot-check one from each band.
     expect(getWgpuRenderEffectRunner(state, 'FxaaEffect')).not.toBe(null);
     expect(getWgpuRenderEffectRunner(state, 'BloomEffect')).not.toBe(null);
     expect(getWgpuRenderEffectRunner(state, 'DirectionalBlurEffect')).not.toBe(null);
+    expect(getWgpuRenderEffectRunner(state, 'BlendEffect')).not.toBe(null);
     expect(getWgpuRenderEffectRunner(state, 'SsaoEffect')).not.toBe(null);
     expect(getWgpuRenderEffectRunner(state, 'HalftoneEffect')).not.toBe(null);
   });