@flighthq/effects-gl 0.1.0

package/dist/glVignetteEffect.js

@@ -0,0 +1,42 @@
+import { drawGlFullscreenPass } from '@flighthq/render-gl';
+import { getGlEffectProgram } from './glEffectProgramCache';
+// Vignette: darken toward the edges. Pixels inside `radius` stay full bright; beyond it, brightness
+// falls off over `softness` and the color is blended toward the (unpacked) vignette color by intensity.
+export function applyVignetteEffectToGl(state, source, dest, effect) {
+    const intensity = effect.intensity ?? 1;
+    const radius = effect.radius ?? 0.75;
+    const softness = effect.softness ?? 0.45;
+    const color = effect.color ?? 0x000000ff;
+    const r = ((color >>> 24) & 0xff) / 255;
+    const g = ((color >>> 16) & 0xff) / 255;
+    const b = ((color >>> 8) & 0xff) / 255;
+    const a = (color & 0xff) / 255;
+    const program = getGlEffectProgram(state, 'lens.vignette', VIGNETTE_FRAGMENT_SRC);
+    drawGlFullscreenPass(state, program, [source.texture], dest, (gl, p) => {
+        gl.uniform1f(gl.getUniformLocation(p.program, 'u_intensity'), intensity);
+        gl.uniform1f(gl.getUniformLocation(p.program, 'u_radius'), radius);
+        gl.uniform1f(gl.getUniformLocation(p.program, 'u_softness'), softness);
+        gl.uniform4f(gl.getUniformLocation(p.program, 'u_color'), r, g, b, a);
+    });
+}
+export const defaultGlVignetteEffectRunner = (ctx, effect) => {
+    applyVignetteEffectToGl(ctx.state, ctx.source, ctx.dest, effect);
+};
+const VIGNETTE_FRAGMENT_SRC = `#version 300 es
+precision highp float;
+in vec2 v_texCoord;
+uniform sampler2D u_texture0;
+uniform float u_intensity;
+uniform float u_radius;
+uniform float u_softness;
+uniform vec4 u_color;
+out vec4 o_color;
+void main() {
+  vec4 c = texture(u_texture0, v_texCoord);
+  vec2 centered = v_texCoord - 0.5;
+  float dist = length(centered) * 1.41421356;
+  float vig = smoothstep(u_radius, u_radius - u_softness, dist);
+  float darken = (1.0 - vig) * u_intensity * u_color.a;
+  o_color = vec4(mix(c.rgb, u_color.rgb, darken), c.a);
+}`;
+//# sourceMappingURL=glVignetteEffect.js.map

package/dist/glVignetteEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glVignetteEffect.js","sourceRoot":"","sources":["../src/glVignetteEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,oGAAoG;AACpG,wGAAwG;AACxG,MAAM,UAAU,uBAAuB,CACrC,KAAoB,EACpB,MAAgC,EAChC,IAA8B,EAC9B,MAAgC;IAEhC,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC;IACzC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,UAAU,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACxC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACxC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IACvC,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC;IAC/B,MAAM,OAAO,GAAG,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAE,qBAAqB,CAAC,CAAC;IAClF,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QACrE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;QACzE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;QACnE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC;QACvE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAyB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IACjF,uBAAuB,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,EAAE,MAAwB,CAAC,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;EAgB5B,CAAC"}

package/dist/glWhiteBalanceEffect.d.ts

@@ -0,0 +1,4 @@
+import type { GlRenderEffectRunner, GlRenderState, GlRenderTarget, WhiteBalanceEffect } from '@flighthq/types';
+export declare function applyWhiteBalanceEffectToGl(state: GlRenderState, source: Readonly<GlRenderTarget>, dest: Readonly<GlRenderTarget>, effect: Readonly<WhiteBalanceEffect>): void;
+export declare const defaultGlWhiteBalanceEffectRunner: GlRenderEffectRunner;
+//# sourceMappingURL=glWhiteBalanceEffect.d.ts.map

package/dist/glWhiteBalanceEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glWhiteBalanceEffect.d.ts","sourceRoot":"","sources":["../src/glWhiteBalanceEffect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK/G,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,aAAa,EACpB,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,EAChC,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,EAC9B,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,GACnC,IAAI,CAQN;AAED,eAAO,MAAM,iCAAiC,EAAE,oBAE/C,CAAC"}

package/dist/glWhiteBalanceEffect.js

@@ -0,0 +1,31 @@
+import { drawGlFullscreenPass } from '@flighthq/render-gl';
+import { getGlEffectProgram } from './glEffectProgramCache';
+// White balance: warm/cool temperature and magenta/green tint channel shift.
+export function applyWhiteBalanceEffectToGl(state, source, dest, effect) {
+    const temperature = effect.temperature ?? 0;
+    const tint = effect.tint ?? 0;
+    const program = getGlEffectProgram(state, 'colorGrade.whiteBalance', WHITE_BALANCE_FRAGMENT_SRC);
+    drawGlFullscreenPass(state, program, [source.texture], dest, (gl, p) => {
+        gl.uniform1f(gl.getUniformLocation(p.program, 'u_temperature'), temperature);
+        gl.uniform1f(gl.getUniformLocation(p.program, 'u_tint'), tint);
+    });
+}
+export const defaultGlWhiteBalanceEffectRunner = (ctx, effect) => {
+    applyWhiteBalanceEffectToGl(ctx.state, ctx.source, ctx.dest, effect);
+};
+const WHITE_BALANCE_FRAGMENT_SRC = `#version 300 es
+precision highp float;
+in vec2 v_texCoord;
+uniform sampler2D u_texture0;
+uniform float u_temperature;
+uniform float u_tint;
+out vec4 o_color;
+void main() {
+  vec4 c = texture(u_texture0, v_texCoord);
+  vec3 rgb = c.rgb;
+  rgb.r += u_temperature * 0.5;
+  rgb.b -= u_temperature * 0.5;
+  rgb.g += u_tint * 0.5;
+  o_color = vec4(clamp(rgb, 0.0, 1.0), c.a);
+}`;
+//# sourceMappingURL=glWhiteBalanceEffect.js.map

package/dist/glWhiteBalanceEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glWhiteBalanceEffect.js","sourceRoot":"","sources":["../src/glWhiteBalanceEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,6EAA6E;AAC7E,MAAM,UAAU,2BAA2B,CACzC,KAAoB,EACpB,MAAgC,EAChC,IAA8B,EAC9B,MAAoC;IAEpC,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,kBAAkB,CAAC,KAAK,EAAE,yBAAyB,EAAE,0BAA0B,CAAC,CAAC;IACjG,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QACrE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,CAAC,EAAE,WAAW,CAAC,CAAC;QAC7E,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAyB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IACrF,2BAA2B,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,EAAE,MAA4B,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;EAcjC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+export * from './glBloomEffect';
+export * from './glBokehDepthOfFieldEffect';
+export * from './glBrightnessContrastEffect';
+export * from './glCameraMotionBlurEffect';
+export * from './glChannelMixerEffect';
+export * from './glChromaticAberrationEffect';
+export * from './glColorGradeEffect';
+export * from './glCrtEffect';
+export * from './glCustomShaderEffect';
+export * from './glDirectionalBlurEffect';
+export * from './glDisplacementEffect';
+export * from './glDitherEffect';
+export * from './glEffectProgramCache';
+export * from './glExposureEffect';
+export * from './glFilmGrainEffect';
+export * from './glFxaaEffect';
+export * from './glGlitchEffect';
+export * from './glGodRaysEffect';
+export * from './glGrayscaleEffect';
+export * from './glHalftoneEffect';
+export * from './glHueSaturationEffect';
+export * from './glInvertEffect';
+export * from './glKuwaharaEffect';
+export * from './glLensDirtEffect';
+export * from './glLensDistortionEffect';
+export * from './glLensFlareEffect';
+export * from './glLiftGammaGainEffect';
+export * from './glLookupTableGradeEffect';
+export * from './glMotionBlurEffect';
+export * from './glOutlineEffect';
+export * from './glPixelateEffect';
+export * from './glPosterizeEffect';
+export * from './glRadialBlurEffect';
+export * from './glRenderEffectPipeline';
+export * from './glRenderEffectRegistrar';
+export * from './glRenderEffectRegistry';
+export * from './glScanlinesEffect';
+export * from './glScreenSpaceFogEffect';
+export * from './glSepiaEffect';
+export * from './glSharpenEffect';
+export * from './glSketchEffect';
+export * from './glSmaaEffect';
+export * from './glSsaoEffect';
+export * from './glSsrEffect';
+export * from './glTaaEffect';
+export * from './glTiltShiftEffect';
+export * from './glToneMapEffect';
+export * from './glVignetteEffect';
+export * from './glWhiteBalanceEffect';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,50 @@
+export * from './glBloomEffect';
+export * from './glBokehDepthOfFieldEffect';
+export * from './glBrightnessContrastEffect';
+export * from './glCameraMotionBlurEffect';
+export * from './glChannelMixerEffect';
+export * from './glChromaticAberrationEffect';
+export * from './glColorGradeEffect';
+export * from './glCrtEffect';
+export * from './glCustomShaderEffect';
+export * from './glDirectionalBlurEffect';
+export * from './glDisplacementEffect';
+export * from './glDitherEffect';
+export * from './glEffectProgramCache';
+export * from './glExposureEffect';
+export * from './glFilmGrainEffect';
+export * from './glFxaaEffect';
+export * from './glGlitchEffect';
+export * from './glGodRaysEffect';
+export * from './glGrayscaleEffect';
+export * from './glHalftoneEffect';
+export * from './glHueSaturationEffect';
+export * from './glInvertEffect';
+export * from './glKuwaharaEffect';
+export * from './glLensDirtEffect';
+export * from './glLensDistortionEffect';
+export * from './glLensFlareEffect';
+export * from './glLiftGammaGainEffect';
+export * from './glLookupTableGradeEffect';
+export * from './glMotionBlurEffect';
+export * from './glOutlineEffect';
+export * from './glPixelateEffect';
+export * from './glPosterizeEffect';
+export * from './glRadialBlurEffect';
+export * from './glRenderEffectPipeline';
+export * from './glRenderEffectRegistrar';
+export * from './glRenderEffectRegistry';
+export * from './glScanlinesEffect';
+export * from './glScreenSpaceFogEffect';
+export * from './glSepiaEffect';
+export * from './glSharpenEffect';
+export * from './glSketchEffect';
+export * from './glSmaaEffect';
+export * from './glSsaoEffect';
+export * from './glSsrEffect';
+export * from './glTaaEffect';
+export * from './glTiltShiftEffect';
+export * from './glToneMapEffect';
+export * from './glVignetteEffect';
+export * from './glWhiteBalanceEffect';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@flighthq/effects-gl",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src/**/*.test.ts",
+    "!dist/**/*.test.js",
+    "!dist/**/*.test.d.ts",
+    "!dist/**/*.test.js.map",
+    "!dist/**/*.test.d.ts.map"
+  ],
+  "scripts": {
+    "build": "tsc -b",
+    "clean": "tsc -b --clean",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --watch --config vitest.config.ts",
+    "prepack": "npm run clean && npm run clean:dist && npm run build",
+    "clean:dist": "tsx ../../scripts/clean-package-dist.ts"
+  },
+  "dependencies": {
+    "@flighthq/effects": "0.1.0",
+    "@flighthq/filters-gl": "0.1.0",
+    "@flighthq/geometry": "0.1.0",
+    "@flighthq/render-gl": "0.1.0",
+    "@flighthq/types": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0"
+  },
+  "description": "WebGL shader recipes for render effects (MSAA-aware post-process pipeline)",
+  "sideEffects": false
+}

package/src/glBloomEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyBloomEffectToGl, defaultGlBloomEffectRunner } from './glBloomEffect';
+
+describe('applyBloomEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyBloomEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlBloomEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlBloomEffectRunner).toBe('function');
+  });
+});

package/src/glBokehDepthOfFieldEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyBokehDepthOfFieldEffectToGl, defaultGlBokehDepthOfFieldEffectRunner } from './glBokehDepthOfFieldEffect';
+
+describe('applyBokehDepthOfFieldEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyBokehDepthOfFieldEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlBokehDepthOfFieldEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlBokehDepthOfFieldEffectRunner).toBe('function');
+  });
+});

package/src/glBrightnessContrastEffect.test.ts

@@ -0,0 +1,16 @@
+import {
+  applyBrightnessContrastEffectToGl,
+  defaultGlBrightnessContrastEffectRunner,
+} from './glBrightnessContrastEffect';
+
+describe('applyBrightnessContrastEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyBrightnessContrastEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlBrightnessContrastEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlBrightnessContrastEffectRunner).toBe('function');
+  });
+});

package/src/glCameraMotionBlurEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyCameraMotionBlurEffectToGl, defaultGlCameraMotionBlurEffectRunner } from './glCameraMotionBlurEffect';
+
+describe('applyCameraMotionBlurEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyCameraMotionBlurEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlCameraMotionBlurEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlCameraMotionBlurEffectRunner).toBe('function');
+  });
+});

package/src/glChannelMixerEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyChannelMixerEffectToGl, defaultGlChannelMixerEffectRunner } from './glChannelMixerEffect';
+
+describe('applyChannelMixerEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyChannelMixerEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlChannelMixerEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlChannelMixerEffectRunner).toBe('function');
+  });
+});

package/src/glChromaticAberrationEffect.test.ts

@@ -0,0 +1,16 @@
+import {
+  applyChromaticAberrationEffectToGl,
+  defaultGlChromaticAberrationEffectRunner,
+} from './glChromaticAberrationEffect';
+
+describe('applyChromaticAberrationEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyChromaticAberrationEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlChromaticAberrationEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlChromaticAberrationEffectRunner).toBe('function');
+  });
+});

package/src/glColorGradeEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyColorGradeEffectToGl, defaultGlColorGradeEffectRunner } from './glColorGradeEffect';
+
+describe('applyColorGradeEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyColorGradeEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlColorGradeEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlColorGradeEffectRunner).toBe('function');
+  });
+});

package/src/glCrtEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyCrtEffectToGl, defaultGlCrtEffectRunner } from './glCrtEffect';
+
+describe('applyCrtEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyCrtEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlCrtEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlCrtEffectRunner).toBe('function');
+  });
+});

package/src/glCustomShaderEffect.test.ts

@@ -0,0 +1,68 @@
+import type { GlRenderState } from '@flighthq/types';
+
+import {
+  applyCustomShaderEffectToGl,
+  defaultGlCustomShaderEffectRunner,
+  getGlCustomShaderSource,
+  registerGlCustomShaderSource,
+} from './glCustomShaderEffect';
+
+// The source registry is a plain WeakMap keyed by the render state, with no GL calls, so a bare
+// object stands in for a state. The compile/draw path is exercised by the functional render suite.
+function makeState(): GlRenderState {
+  return {} as GlRenderState;
+}
+
+const FRAGMENT_SRC = `#version 300 es
+precision highp float;
+in vec2 v_texCoord;
+uniform sampler2D u_texture0;
+out vec4 o_color;
+void main() { o_color = texture(u_texture0, v_texCoord); }`;
+
+describe('applyCustomShaderEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyCustomShaderEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlCustomShaderEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlCustomShaderEffectRunner).toBe('function');
+  });
+});
+
+describe('getGlCustomShaderSource', () => {
+  it('returns null when no source is registered for the key', () => {
+    expect(getGlCustomShaderSource(makeState(), 'missing')).toBeNull();
+  });
+
+  it('returns the source registered under the key', () => {
+    const state = makeState();
+    registerGlCustomShaderSource(state, 'ripple', FRAGMENT_SRC);
+    expect(getGlCustomShaderSource(state, 'ripple')).toBe(FRAGMENT_SRC);
+  });
+
+  it('isolates sources per render state', () => {
+    const a = makeState();
+    const b = makeState();
+    registerGlCustomShaderSource(a, 'ripple', FRAGMENT_SRC);
+    expect(getGlCustomShaderSource(b, 'ripple')).toBeNull();
+  });
+});
+
+describe('registerGlCustomShaderSource', () => {
+  it('registers a source that getGlCustomShaderSource then resolves', () => {
+    const state = makeState();
+    registerGlCustomShaderSource(state, 'ripple', FRAGMENT_SRC);
+    expect(getGlCustomShaderSource(state, 'ripple')).toBe(FRAGMENT_SRC);
+  });
+
+  it('is last-write-wins for a given key', () => {
+    const state = makeState();
+    const replacement = FRAGMENT_SRC.replace('texture(u_texture0, v_texCoord)', 'vec4(1.0)');
+    registerGlCustomShaderSource(state, 'ripple', FRAGMENT_SRC);
+    registerGlCustomShaderSource(state, 'ripple', replacement);
+    expect(getGlCustomShaderSource(state, 'ripple')).toBe(replacement);
+  });
+});

package/src/glDirectionalBlurEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyDirectionalBlurEffectToGl, defaultGlDirectionalBlurEffectRunner } from './glDirectionalBlurEffect';
+
+describe('applyDirectionalBlurEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyDirectionalBlurEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlDirectionalBlurEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlDirectionalBlurEffectRunner).toBe('function');
+  });
+});

package/src/glDisplacementEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyDisplacementEffectToGl, defaultGlDisplacementEffectRunner } from './glDisplacementEffect';
+
+describe('applyDisplacementEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyDisplacementEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlDisplacementEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlDisplacementEffectRunner).toBe('function');
+  });
+});

package/src/glDitherEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyDitherEffectToGl, defaultGlDitherEffectRunner } from './glDitherEffect';
+
+describe('applyDitherEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyDitherEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlDitherEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlDitherEffectRunner).toBe('function');
+  });
+});

package/src/glEffectProgramCache.test.ts

@@ -0,0 +1,13 @@
+import { getGlEffectProgram, getGlEffectUniformLocation } from './glEffectProgramCache';
+
+describe('getGlEffectProgram', () => {
+  it('is a function', () => {
+    expect(typeof getGlEffectProgram).toBe('function');
+  });
+});
+
+describe('getGlEffectUniformLocation', () => {
+  it('is a function', () => {
+    expect(typeof getGlEffectUniformLocation).toBe('function');
+  });
+});

package/src/glExposureEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyExposureEffectToGl, defaultGlExposureEffectRunner } from './glExposureEffect';
+
+describe('applyExposureEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyExposureEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlExposureEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlExposureEffectRunner).toBe('function');
+  });
+});

package/src/glFilmGrainEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyFilmGrainEffectToGl, defaultGlFilmGrainEffectRunner } from './glFilmGrainEffect';
+
+describe('applyFilmGrainEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyFilmGrainEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlFilmGrainEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlFilmGrainEffectRunner).toBe('function');
+  });
+});

package/src/glFxaaEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyFxaaEffectToGl, defaultGlFxaaEffectRunner } from './glFxaaEffect';
+
+describe('applyFxaaEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyFxaaEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlFxaaEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlFxaaEffectRunner).toBe('function');
+  });
+});

package/src/glGlitchEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyGlitchEffectToGl, defaultGlGlitchEffectRunner } from './glGlitchEffect';
+
+describe('applyGlitchEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyGlitchEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlGlitchEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlGlitchEffectRunner).toBe('function');
+  });
+});

package/src/glGodRaysEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyGodRaysEffectToGl, defaultGlGodRaysEffectRunner } from './glGodRaysEffect';
+
+describe('applyGodRaysEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyGodRaysEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlGodRaysEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlGodRaysEffectRunner).toBe('function');
+  });
+});

package/src/glGrayscaleEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyGrayscaleEffectToGl, defaultGlGrayscaleEffectRunner } from './glGrayscaleEffect';
+
+describe('applyGrayscaleEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyGrayscaleEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlGrayscaleEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlGrayscaleEffectRunner).toBe('function');
+  });
+});

package/src/glHalftoneEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyHalftoneEffectToGl, defaultGlHalftoneEffectRunner } from './glHalftoneEffect';
+
+describe('applyHalftoneEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyHalftoneEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlHalftoneEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlHalftoneEffectRunner).toBe('function');
+  });
+});

package/src/glHueSaturationEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyHueSaturationEffectToGl, defaultGlHueSaturationEffectRunner } from './glHueSaturationEffect';
+
+describe('applyHueSaturationEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyHueSaturationEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlHueSaturationEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlHueSaturationEffectRunner).toBe('function');
+  });
+});

package/src/glInvertEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyInvertEffectToGl, defaultGlInvertEffectRunner } from './glInvertEffect';
+
+describe('applyInvertEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyInvertEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlInvertEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlInvertEffectRunner).toBe('function');
+  });
+});

package/src/glKuwaharaEffect.test.ts

@@ -0,0 +1,13 @@
+import { applyKuwaharaEffectToGl, defaultGlKuwaharaEffectRunner } from './glKuwaharaEffect';
+
+describe('applyKuwaharaEffectToGl', () => {
+  it('is a function', () => {
+    expect(typeof applyKuwaharaEffectToGl).toBe('function');
+  });
+});
+
+describe('defaultGlKuwaharaEffectRunner', () => {
+  it('is a function', () => {
+    expect(typeof defaultGlKuwaharaEffectRunner).toBe('function');
+  });
+});