@flighthq/effects-canvas 0.1.0

package/dist/canvasWhiteBalanceEffect.d.ts

@@ -0,0 +1,4 @@
+import type { CanvasRenderEffectRunner, CanvasRenderTarget, WhiteBalanceEffect } from '@flighthq/types';
+export declare function applyWhiteBalanceEffectToCanvas(source: Readonly<CanvasRenderTarget>, dest: Readonly<CanvasRenderTarget>, _effect: Readonly<WhiteBalanceEffect>): void;
+export declare const defaultCanvasWhiteBalanceEffectRunner: CanvasRenderEffectRunner;
+//# sourceMappingURL=canvasWhiteBalanceEffect.d.ts.map

package/dist/canvasWhiteBalanceEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasWhiteBalanceEffect.d.ts","sourceRoot":"","sources":["../src/canvasWhiteBalanceEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOxG,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC,GACpC,IAAI,CAEN;AAED,eAAO,MAAM,qCAAqC,EAAE,wBAEnD,CAAC"}

package/dist/canvasWhiteBalanceEffect.js

@@ -0,0 +1,11 @@
+import { passthroughCanvasEffectPass } from './canvasEffectCompositing';
+// White balance (PASSTHROUGH): a per-channel temperature/tint shift (only the coarse colorGrade hue
+// approximation exists as CSS). No CSS filter equivalent for the full effect, but expressible per-pixel
+// via getImageData/putImageData; not yet implemented — passthrough for now.
+export function applyWhiteBalanceEffectToCanvas(source, dest, _effect) {
+    passthroughCanvasEffectPass(dest, source);
+}
+export const defaultCanvasWhiteBalanceEffectRunner = (ctx, effect) => {
+    applyWhiteBalanceEffectToCanvas(ctx.source, ctx.dest, effect);
+};
+//# sourceMappingURL=canvasWhiteBalanceEffect.js.map

package/dist/canvasWhiteBalanceEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasWhiteBalanceEffect.js","sourceRoot":"","sources":["../src/canvasWhiteBalanceEffect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAExE,oGAAoG;AACpG,wGAAwG;AACxG,4EAA4E;AAC5E,MAAM,UAAU,+BAA+B,CAC7C,MAAoC,EACpC,IAAkC,EAClC,OAAqC;IAErC,2BAA2B,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,CAAC,MAAM,qCAAqC,GAA6B,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC7F,+BAA+B,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,EAAE,MAA4B,CAAC,CAAC;AACtF,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+export * from './canvasBloomEffect';
+export * from './canvasBokehDepthOfFieldEffect';
+export * from './canvasBrightnessContrastEffect';
+export * from './canvasCameraMotionBlurEffect';
+export * from './canvasChannelMixerEffect';
+export * from './canvasChromaticAberrationEffect';
+export * from './canvasColorGradeEffect';
+export * from './canvasCrtEffect';
+export * from './canvasDirectionalBlurEffect';
+export * from './canvasDisplacementEffect';
+export * from './canvasDitherEffect';
+export * from './canvasEffectCompositing';
+export * from './canvasExposureEffect';
+export * from './canvasFilmGrainEffect';
+export * from './canvasFxaaEffect';
+export * from './canvasGlitchEffect';
+export * from './canvasGodRaysEffect';
+export * from './canvasGrayscaleEffect';
+export * from './canvasHalftoneEffect';
+export * from './canvasHueSaturationEffect';
+export * from './canvasInvertEffect';
+export * from './canvasKuwaharaEffect';
+export * from './canvasLensDirtEffect';
+export * from './canvasLensDistortionEffect';
+export * from './canvasLensFlareEffect';
+export * from './canvasLiftGammaGainEffect';
+export * from './canvasLookupTableGradeEffect';
+export * from './canvasMotionBlurEffect';
+export * from './canvasOutlineEffect';
+export * from './canvasPixelateEffect';
+export * from './canvasPosterizeEffect';
+export * from './canvasRadialBlurEffect';
+export * from './canvasRenderEffectPipeline';
+export * from './canvasRenderEffectRegistration';
+export * from './canvasRenderEffectRegistry';
+export * from './canvasScanlinesEffect';
+export * from './canvasScreenSpaceFogEffect';
+export * from './canvasSepiaEffect';
+export * from './canvasSharpenEffect';
+export * from './canvasSketchEffect';
+export * from './canvasSmaaEffect';
+export * from './canvasSsaoEffect';
+export * from './canvasSsrEffect';
+export * from './canvasTaaEffect';
+export * from './canvasTiltShiftEffect';
+export * from './canvasToneMapEffect';
+export * from './canvasVignetteEffect';
+export * from './canvasWhiteBalanceEffect';
+//# 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,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -0,0 +1,49 @@
+export * from './canvasBloomEffect';
+export * from './canvasBokehDepthOfFieldEffect';
+export * from './canvasBrightnessContrastEffect';
+export * from './canvasCameraMotionBlurEffect';
+export * from './canvasChannelMixerEffect';
+export * from './canvasChromaticAberrationEffect';
+export * from './canvasColorGradeEffect';
+export * from './canvasCrtEffect';
+export * from './canvasDirectionalBlurEffect';
+export * from './canvasDisplacementEffect';
+export * from './canvasDitherEffect';
+export * from './canvasEffectCompositing';
+export * from './canvasExposureEffect';
+export * from './canvasFilmGrainEffect';
+export * from './canvasFxaaEffect';
+export * from './canvasGlitchEffect';
+export * from './canvasGodRaysEffect';
+export * from './canvasGrayscaleEffect';
+export * from './canvasHalftoneEffect';
+export * from './canvasHueSaturationEffect';
+export * from './canvasInvertEffect';
+export * from './canvasKuwaharaEffect';
+export * from './canvasLensDirtEffect';
+export * from './canvasLensDistortionEffect';
+export * from './canvasLensFlareEffect';
+export * from './canvasLiftGammaGainEffect';
+export * from './canvasLookupTableGradeEffect';
+export * from './canvasMotionBlurEffect';
+export * from './canvasOutlineEffect';
+export * from './canvasPixelateEffect';
+export * from './canvasPosterizeEffect';
+export * from './canvasRadialBlurEffect';
+export * from './canvasRenderEffectPipeline';
+export * from './canvasRenderEffectRegistration';
+export * from './canvasRenderEffectRegistry';
+export * from './canvasScanlinesEffect';
+export * from './canvasScreenSpaceFogEffect';
+export * from './canvasSepiaEffect';
+export * from './canvasSharpenEffect';
+export * from './canvasSketchEffect';
+export * from './canvasSmaaEffect';
+export * from './canvasSsaoEffect';
+export * from './canvasSsrEffect';
+export * from './canvasTaaEffect';
+export * from './canvasTiltShiftEffect';
+export * from './canvasToneMapEffect';
+export * from './canvasVignetteEffect';
+export * from './canvasWhiteBalanceEffect';
+//# 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,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@flighthq/effects-canvas",
+  "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/displayobject-canvas": "0.1.0",
+    "@flighthq/effects": "0.1.0",
+    "@flighthq/filters": "0.1.0",
+    "@flighthq/filters-canvas": "0.1.0",
+    "@flighthq/geometry": "0.1.0",
+    "@flighthq/types": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.0"
+  },
+  "description": "Canvas 2D recipes for render effects (CSS-filter and draw-op compositing pipeline)",
+  "sideEffects": false
+}

package/src/canvasBloomEffect.test.ts

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

package/src/canvasBokehDepthOfFieldEffect.test.ts

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

package/src/canvasBrightnessContrastEffect.test.ts

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

package/src/canvasCameraMotionBlurEffect.test.ts

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

package/src/canvasChannelMixerEffect.test.ts

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

package/src/canvasChromaticAberrationEffect.test.ts

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

package/src/canvasColorGradeEffect.test.ts

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

package/src/canvasCrtEffect.test.ts

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

package/src/canvasDirectionalBlurEffect.test.ts

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

package/src/canvasDisplacementEffect.test.ts

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

package/src/canvasDitherEffect.test.ts

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

package/src/canvasEffectCompositing.test.ts

@@ -0,0 +1,63 @@
+import type { CanvasRenderTarget } from '@flighthq/types';
+
+import {
+  drawCanvasAccumulationPass,
+  drawCanvasEffectPass,
+  drawCanvasImageDataPass,
+  passthroughCanvasEffectPass,
+} from './canvasEffectCompositing';
+
+describe('drawCanvasAccumulationPass', () => {
+  it('is a function', () => {
+    expect(typeof drawCanvasAccumulationPass).toBe('function');
+  });
+  it('calls perSampleTransform for each sample', () => {
+    const dest = makeTarget();
+    const source = makeTarget();
+    let calls = 0;
+    drawCanvasAccumulationPass(dest, source, 3, () => {
+      calls++;
+    });
+    expect(calls).toBe(3);
+  });
+});
+
+describe('drawCanvasEffectPass', () => {
+  it('is a function', () => {
+    expect(typeof drawCanvasEffectPass).toBe('function');
+  });
+});
+
+describe('drawCanvasImageDataPass', () => {
+  it('is a function', () => {
+    expect(typeof drawCanvasImageDataPass).toBe('function');
+  });
+  it('calls transform with the pixel buffer', () => {
+    const dest = makeTarget(2, 2);
+    const source = makeTarget(2, 2);
+    // Fill source with a known color.
+    source.context.fillStyle = 'rgb(100,150,200)';
+    source.context.fillRect(0, 0, 2, 2);
+    let called = false;
+    drawCanvasImageDataPass(dest, source, (_data, pixelCount) => {
+      called = true;
+      expect(pixelCount).toBe(4);
+    });
+    expect(called).toBe(true);
+  });
+});
+
+describe('passthroughCanvasEffectPass', () => {
+  it('is a function', () => {
+    expect(typeof passthroughCanvasEffectPass).toBe('function');
+  });
+});
+
+// Minimal CanvasRenderTarget factory for unit tests.
+function makeTarget(w = 4, h = 4): CanvasRenderTarget {
+  const canvas = document.createElement('canvas');
+  canvas.width = w;
+  canvas.height = h;
+  const context = canvas.getContext('2d') as CanvasRenderingContext2D;
+  return { canvas, context, width: w, height: h } as CanvasRenderTarget;
+}

package/src/canvasExposureEffect.test.ts

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

package/src/canvasFilmGrainEffect.test.ts

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

package/src/canvasFxaaEffect.test.ts

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

package/src/canvasGlitchEffect.test.ts

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

package/src/canvasGodRaysEffect.test.ts

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

package/src/canvasGrayscaleEffect.test.ts

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

package/src/canvasHalftoneEffect.test.ts

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

package/src/canvasHueSaturationEffect.test.ts

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

package/src/canvasInvertEffect.test.ts

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

package/src/canvasKuwaharaEffect.test.ts

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

package/src/canvasLensDirtEffect.test.ts

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

package/src/canvasLensDistortionEffect.test.ts

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

package/src/canvasLensFlareEffect.test.ts

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

package/src/canvasLiftGammaGainEffect.test.ts

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

package/src/canvasLookupTableGradeEffect.test.ts

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