@flighthq/effects-canvas 0.3.0-next.906.07cea63 → 0.3.0

package/dist/canvasRenderTextureEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvasRenderTextureEffect.js","sourceRoot":"","sources":["../src/canvasRenderTextureEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAGjH,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE3E,8FAA8F;AAC9F,gGAAgG;AAChG,gDAAgD;AAChD,MAAM,UAAU,uCAAuC,CACrD,KAAwB,EACxB,IAA6B,EAC7B,MAA+B,EAC/B,IAAmB,EACnB,OAAsB,EACtB,OAA8C;IAE9C,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,OAAO,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC9D,MAAM,IAAI,KAAK,CAAC,4FAA4F,CAAC,CAAC;IAChH,CAAC;IACD,MAAM,YAAY,GAAG,4BAA4B,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACjE,IAAI,YAAY,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IACxC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAC5C,MAAM,MAAM,GAAG,2BAA2B,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QAC/D,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IACH,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAE1C,IAAI,OAAO,GAAG,YAAY,CAAC;IAC3B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QACvD,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;QAC5C,MAAM,MAAM,GAAG,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;QACpD,8BAA8B,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;YACvD,SAAS,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QACzG,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,4BAA4B,CAAC,KAAK,EAAE,MAAM,CAAE,CAAC;IACzD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/canvasScanlinesEffect.d.ts

@@ -1,4 +1,5 @@
-import type { CanvasRenderEffectRunner, CanvasRenderTarget, ScanlinesEffect } from '@flighthq/types/contract';
+import type { CanvasRenderEffectRunner, CanvasRenderState, CanvasRenderTarget, ScanlinesEffect } from '@flighthq/types/contract';
 export declare function applyScanlinesEffectToCanvas(source: Readonly<CanvasRenderTarget>, dest: Readonly<CanvasRenderTarget>, effect: Readonly<ScanlinesEffect>): void;
 export declare const defaultCanvasScanlinesEffectRunner: CanvasRenderEffectRunner;
+export declare function registerCanvasScanlinesEffect(state: CanvasRenderState): void;
 //# sourceMappingURL=canvasScanlinesEffect.d.ts.map

package/dist/canvasScanlinesEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvasScanlinesEffect.d.ts","sourceRoot":"","sources":["../src/canvasScanlinesEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAM9G,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,GAChC,IAAI,CAuBN;AAED,eAAO,MAAM,kCAAkC,EAAE,wBAEhD,CAAC"}
+{"version":3,"file":"canvasScanlinesEffect.d.ts","sourceRoot":"","sources":["../src/canvasScanlinesEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAOlC,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,GAChC,IAAI,CAuBN;AAED,eAAO,MAAM,kCAAkC,EAAE,wBAEhD,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAE5E"}

package/dist/canvasScanlinesEffect.js

@@ -1,4 +1,5 @@
 import { drawCanvasEffectPass } from './canvasEffectCompositing';
+import { registerCanvasRenderEffect } from './canvasRenderEffectRegistry';
 // Scanlines (REAL): draw the scene, then overlay evenly spaced darkening bands. `count` horizontal
 // lines span the frame; each darkens its row by `intensity` via a 'multiply' fill.
 export function applyScanlinesEffectToCanvas(source, dest, effect) {
@@ -25,4 +26,7 @@ export function applyScanlinesEffectToCanvas(source, dest, effect) {
 export const defaultCanvasScanlinesEffectRunner = (ctx, effect) => {
     applyScanlinesEffectToCanvas(ctx.source, ctx.dest, effect);
 };
+export function registerCanvasScanlinesEffect(state) {
+    registerCanvasRenderEffect(state, 'ScanlinesEffect', defaultCanvasScanlinesEffectRunner);
+}
 //# sourceMappingURL=canvasScanlinesEffect.js.map

package/dist/canvasScanlinesEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvasScanlinesEffect.js","sourceRoot":"","sources":["../src/canvasScanlinesEffect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,mGAAmG;AACnG,mFAAmF;AACnF,MAAM,UAAU,4BAA4B,CAC1C,MAAoC,EACpC,IAAkC,EAClC,MAAiC;IAEjC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC;IAEpE,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAE3C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC;IACzB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;IACrB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;IACtB,MAAM,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC;IAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC;IAE9C,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,wBAAwB,GAAG,UAAU,CAAC;IAC1C,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IACvC,GAAG,CAAC,SAAS,GAAG,OAAO,OAAO,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC;IACxD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC;QACpC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC;IACD,GAAG,CAAC,OAAO,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,MAAM,kCAAkC,GAA6B,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC1F,4BAA4B,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,EAAE,MAAyB,CAAC,CAAC;AAChF,CAAC,CAAC"}
+{"version":3,"file":"canvasScanlinesEffect.js","sourceRoot":"","sources":["../src/canvasScanlinesEffect.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,mGAAmG;AACnG,mFAAmF;AACnF,MAAM,UAAU,4BAA4B,CAC1C,MAAoC,EACpC,IAAkC,EAClC,MAAiC;IAEjC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC;IAEpE,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAE3C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC;IACzB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;IACrB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;IACtB,MAAM,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC;IAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,CAAC;IAE9C,GAAG,CAAC,IAAI,EAAE,CAAC;IACX,GAAG,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,wBAAwB,GAAG,UAAU,CAAC;IAC1C,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IACvC,GAAG,CAAC,SAAS,GAAG,OAAO,OAAO,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC;IACxD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC;QACpC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC;IACD,GAAG,CAAC,OAAO,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,MAAM,kCAAkC,GAA6B,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC1F,4BAA4B,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,EAAE,MAAyB,CAAC,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,UAAU,6BAA6B,CAAC,KAAwB;IACpE,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,EAAE,kCAAkC,CAAC,CAAC;AAC3F,CAAC"}

package/dist/canvasSourceModeCompositing.d.ts

@@ -2,5 +2,6 @@ import type { CanvasEffectSourceMode, CanvasRenderTarget } from '@flighthq/types
 export declare function clearCanvasTarget(dest: Readonly<CanvasRenderTarget>): void;
 export declare function compositeCanvasImage(dest: Readonly<CanvasRenderTarget>, source: Readonly<CanvasRenderTarget>, dx?: number, dy?: number, compositeOperation?: GlobalCompositeOperation): void;
 export declare function compositeCanvasSourceMode(dest: Readonly<CanvasRenderTarget>, source: Readonly<CanvasRenderTarget>, sourceMode: CanvasEffectSourceMode): void;
+export declare function drawCanvasInvertedTintedAlphaMask(dest: Readonly<CanvasRenderTarget>, source: Readonly<CanvasRenderTarget>, color: number, alpha: number, strength: number, offsetX?: number, offsetY?: number): void;
 export declare function drawCanvasTintedAlphaMask(dest: Readonly<CanvasRenderTarget>, source: Readonly<CanvasRenderTarget>, color: number, alpha: number, strength: number): void;
 //# sourceMappingURL=canvasSourceModeCompositing.d.ts.map

package/dist/canvasSourceModeCompositing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvasSourceModeCompositing.d.ts","sourceRoot":"","sources":["../src/canvasSourceModeCompositing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE3F,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAS1E;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,EAAE,SAAI,EACN,EAAE,SAAI,EACN,kBAAkB,GAAE,wBAAwC,GAC3D,IAAI,CASN;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,UAAU,EAAE,sBAAsB,GACjC,IAAI,CAGN;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,GACf,IAAI,CAaN"}
+{"version":3,"file":"canvasSourceModeCompositing.d.ts","sourceRoot":"","sources":["../src/canvasSourceModeCompositing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE3F,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAS1E;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,EAAE,SAAI,EACN,EAAE,SAAI,EACN,kBAAkB,GAAE,wBAAwC,GAC3D,IAAI,CASN;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,UAAU,EAAE,sBAAsB,GACjC,IAAI,CAGN;AAUD,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,OAAO,SAAI,EACX,OAAO,SAAI,GACV,IAAI,CAeN;AAED,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,GACf,IAAI,CAaN"}

package/dist/canvasSourceModeCompositing.js

@@ -23,6 +23,30 @@ export function compositeCanvasSourceMode(dest, source, sourceMode) {
         return;
     compositeCanvasImage(dest, source, 0, 0, sourceMode === 'knockout' ? 'destination-out' : 'source-over');
 }
+// The complement of drawCanvasTintedAlphaMask: tint everywhere the source is NOT, with alpha
+// proportional to the inverted source alpha. This is what makes an INNER effect inner — the glow or
+// shadow originates outside the silhouette and is later blurred across the boundary and clipped back to
+// the shape, so the light appears to fall inward from the edge. Blurring the shape's own silhouette
+// instead produces an outer effect no amount of clipping can turn inward.
+//
+// Realized as a full-target fill knocked out by the source rather than a per-pixel inversion, which is
+// the same result without a getImageData round trip.
+export function drawCanvasInvertedTintedAlphaMask(dest, source, color, alpha, strength, offsetX = 0, offsetY = 0) {
+    const ctx = dest.context;
+    ctx.save();
+    ctx.setTransform(1, 0, 0, 1, 0, 0);
+    ctx.globalAlpha = 1;
+    ctx.globalCompositeOperation = 'source-over';
+    ctx.filter = 'none';
+    ctx.clearRect(0, 0, dest.width, dest.height);
+    ctx.fillStyle = cssRgbaFromColor(color, Math.min(1, alpha * strength));
+    ctx.fillRect(0, 0, dest.width, dest.height);
+    // Knocking out with the source is the inversion. An offset here shifts which side of the boundary the
+    // tint survives on, which is how an inner shadow gets its direction.
+    ctx.globalCompositeOperation = 'destination-out';
+    ctx.drawImage(source.canvas, offsetX, offsetY);
+    ctx.restore();
+}
 export function drawCanvasTintedAlphaMask(dest, source, color, alpha, strength) {
     const ctx = dest.context;
     ctx.save();

package/dist/canvasSourceModeCompositing.js.map

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

package/dist/canvasVignetteEffect.d.ts

@@ -1,4 +1,5 @@
-import type { CanvasRenderEffectRunner, CanvasRenderTarget, VignetteEffect } from '@flighthq/types/contract';
+import type { CanvasRenderEffectRunner, CanvasRenderState, CanvasRenderTarget, VignetteEffect } from '@flighthq/types/contract';
 export declare function applyVignetteEffectToCanvas(source: Readonly<CanvasRenderTarget>, dest: Readonly<CanvasRenderTarget>, effect: Readonly<VignetteEffect>): void;
 export declare const defaultCanvasVignetteEffectRunner: CanvasRenderEffectRunner;
+export declare function registerCanvasVignetteEffect(state: CanvasRenderState): void;
 //# sourceMappingURL=canvasVignetteEffect.d.ts.map

package/dist/canvasVignetteEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvasVignetteEffect.d.ts","sourceRoot":"","sources":["../src/canvasVignetteEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAO7G,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,GAC/B,IAAI,CAoCN;AAED,eAAO,MAAM,iCAAiC,EAAE,wBAE/C,CAAC"}
+{"version":3,"file":"canvasVignetteEffect.d.ts","sourceRoot":"","sources":["../src/canvasVignetteEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAQlC,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EAClC,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,GAC/B,IAAI,CAoCN;AAED,eAAO,MAAM,iCAAiC,EAAE,wBAE/C,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAE3E"}

package/dist/canvasVignetteEffect.js

@@ -1,4 +1,5 @@
 import { drawCanvasEffectPass } from './canvasEffectCompositing';
+import { registerCanvasRenderEffect } from './canvasRenderEffectRegistry';
 // Vignette (REAL): draw the scene, then overlay a radial gradient — transparent inside `radius`,
 // ramping to the vignette color over `softness` toward the corners — using the 'multiply' composite op
 // so the edges darken toward the color. Intensity and the color's alpha scale the darkening.
@@ -38,4 +39,7 @@ export function applyVignetteEffectToCanvas(source, dest, effect) {
 export const defaultCanvasVignetteEffectRunner = (ctx, effect) => {
     applyVignetteEffectToCanvas(ctx.source, ctx.dest, effect);
 };
+export function registerCanvasVignetteEffect(state) {
+    registerCanvasRenderEffect(state, 'VignetteEffect', defaultCanvasVignetteEffectRunner);
+}
 //# sourceMappingURL=canvasVignetteEffect.js.map

package/dist/canvasVignetteEffect.js.map

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

package/dist/contract.d.ts

@@ -1,46 +1,24 @@
 export * from './canvasColorMatrixPass';
+export * from './canvasBevelEffect';
+export * from './canvasBlendEffect';
 export * from './canvasBloomEffect';
 export * from './canvasBlurEffect';
-export * from './canvasBokehDepthOfFieldEffect';
-export * from './canvasCameraMotionBlurEffect';
-export * from './canvasChromaticAberrationEffect';
-export * from './canvasConvolutionEffect';
-export * from './canvasCrtEffect';
-export * from './canvasDirectionalBlurEffect';
-export * from './canvasDisplacementEffect';
+export * from './canvasCompositeEffect';
 export * from './canvasDropShadowEffect';
-export * from './canvasDitherEffect';
 export * from './canvasEffectCompositing';
 export * from './canvasEffectDropShadowCss';
 export * from './canvasFilmGrainEffect';
-export * from './canvasFxaaEffect';
-export * from './canvasGlitchEffect';
-export * from './canvasGodRaysEffect';
-export * from './canvasHalftoneEffect';
-export * from './canvasKuwaharaEffect';
-export * from './canvasLensDirtEffect';
-export * from './canvasLensDistortionEffect';
-export * from './canvasLensFlareEffect';
-export * from './canvasMedianEffect';
-export * from './canvasMotionBlurEffect';
+export * from './canvasGradientBevelEffect';
+export * from './canvasGradientGlowEffect';
+export * from './canvasGradientRamp';
+export * from './canvasInnerGlowEffect';
+export * from './canvasInnerShadowEffect';
 export * from './canvasOuterGlowEffect';
-export * from './canvasOutlineEffect';
 export * from './canvasPixelateEffect';
-export * from './canvasPosterizeEffect';
-export * from './canvasRadialBlurEffect';
 export * from './canvasRenderEffectPipeline';
 export * from './canvasRenderEffectRegistry';
+export * from './canvasRenderTextureEffect';
 export * from './canvasScanlinesEffect';
-export * from './canvasScreenSpaceFogEffect';
-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';
 export * from './canvasColorLutPass';
 //# sourceMappingURL=contract.d.ts.map

package/dist/contract.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,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;AAC3C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC"}

package/dist/contract.js

@@ -1,46 +1,24 @@
 export * from './canvasColorMatrixPass';
+export * from './canvasBevelEffect';
+export * from './canvasBlendEffect';
 export * from './canvasBloomEffect';
 export * from './canvasBlurEffect';
-export * from './canvasBokehDepthOfFieldEffect';
-export * from './canvasCameraMotionBlurEffect';
-export * from './canvasChromaticAberrationEffect';
-export * from './canvasConvolutionEffect';
-export * from './canvasCrtEffect';
-export * from './canvasDirectionalBlurEffect';
-export * from './canvasDisplacementEffect';
+export * from './canvasCompositeEffect';
 export * from './canvasDropShadowEffect';
-export * from './canvasDitherEffect';
 export * from './canvasEffectCompositing';
 export * from './canvasEffectDropShadowCss';
 export * from './canvasFilmGrainEffect';
-export * from './canvasFxaaEffect';
-export * from './canvasGlitchEffect';
-export * from './canvasGodRaysEffect';
-export * from './canvasHalftoneEffect';
-export * from './canvasKuwaharaEffect';
-export * from './canvasLensDirtEffect';
-export * from './canvasLensDistortionEffect';
-export * from './canvasLensFlareEffect';
-export * from './canvasMedianEffect';
-export * from './canvasMotionBlurEffect';
+export * from './canvasGradientBevelEffect';
+export * from './canvasGradientGlowEffect';
+export * from './canvasGradientRamp';
+export * from './canvasInnerGlowEffect';
+export * from './canvasInnerShadowEffect';
 export * from './canvasOuterGlowEffect';
-export * from './canvasOutlineEffect';
 export * from './canvasPixelateEffect';
-export * from './canvasPosterizeEffect';
-export * from './canvasRadialBlurEffect';
 export * from './canvasRenderEffectPipeline';
 export * from './canvasRenderEffectRegistry';
+export * from './canvasRenderTextureEffect';
 export * from './canvasScanlinesEffect';
-export * from './canvasScreenSpaceFogEffect';
-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';
 export * from './canvasColorLutPass';
 //# sourceMappingURL=contract.js.map

package/dist/contract.js.map

@@ -1 +1 @@
-{"version":3,"file":"contract.js","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,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;AAC3C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"contract.js","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { beginCanvasRenderEffectPipeline, createCanvasRenderEffectPipeline, defaultCanvasBloomEffectRunner, defaultCanvasFilmGrainEffectRunner, defaultCanvasLensDistortionEffectRunner, defaultCanvasLensFlareEffectRunner, defaultCanvasPixelateEffectRunner, defaultCanvasPosterizeEffectRunner, defaultCanvasScanlinesEffectRunner, defaultCanvasTiltShiftEffectRunner, defaultCanvasVignetteEffectRunner, endCanvasRenderEffectPipeline, registerCanvasRenderEffect, } from './contract';
+export { applyCanvasGradientRampLookup, applyCanvasRenderEffectsToRenderTexture, beginCanvasRenderEffectPipeline, buildCanvasGradientRamp, clipCanvasBevelBand, createCanvasRenderEffectPipeline, defaultCanvasBevelEffectRunner, defaultCanvasBlendEffectRunner, defaultCanvasBloomEffectRunner, defaultCanvasBlurEffectRunner, defaultCanvasCompositeEffectRunner, defaultCanvasDropShadowEffectRunner, defaultCanvasFilmGrainEffectRunner, defaultCanvasGradientBevelEffectRunner, defaultCanvasGradientGlowEffectRunner, defaultCanvasInnerGlowEffectRunner, defaultCanvasInnerShadowEffectRunner, defaultCanvasOuterGlowEffectRunner, defaultCanvasPixelateEffectRunner, defaultCanvasScanlinesEffectRunner, defaultCanvasVignetteEffectRunner, endCanvasRenderEffectPipeline, getCanvasBlendEffectBackdrop, getCanvasBlendEffectCompositeOperation, getCanvasCompositeEffectOperation, registerCanvasBevelEffect, registerCanvasBlendEffect, registerCanvasBlendEffectBackdrop, registerCanvasBloomEffect, registerCanvasBlurEffect, registerCanvasCompositeEffect, registerCanvasDropShadowEffect, registerCanvasFilmGrainEffect, registerCanvasGradientBevelEffect, registerCanvasGradientGlowEffect, registerCanvasInnerGlowEffect, registerCanvasInnerShadowEffect, registerCanvasOuterGlowEffect, registerCanvasPixelateEffect, registerCanvasRenderEffect, registerCanvasScanlinesEffect, registerCanvasVignetteEffect, unregisterCanvasBlendEffectBackdrop, } from './contract';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,EAChC,8BAA8B,EAC9B,kCAAkC,EAClC,uCAAuC,EACvC,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,kCAAkC,EAClC,iCAAiC,EACjC,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,6BAA6B,EAC7B,uCAAuC,EACvC,+BAA+B,EAC/B,uBAAuB,EACvB,mBAAmB,EACnB,gCAAgC,EAChC,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,kCAAkC,EAClC,mCAAmC,EACnC,kCAAkC,EAClC,sCAAsC,EACtC,qCAAqC,EACrC,kCAAkC,EAClC,oCAAoC,EACpC,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EAClC,iCAAiC,EACjC,6BAA6B,EAC7B,4BAA4B,EAC5B,sCAAsC,EACtC,iCAAiC,EACjC,yBAAyB,EACzB,yBAAyB,EACzB,iCAAiC,EACjC,yBAAyB,EACzB,wBAAwB,EACxB,6BAA6B,EAC7B,8BAA8B,EAC9B,6BAA6B,EAC7B,iCAAiC,EACjC,gCAAgC,EAChC,6BAA6B,EAC7B,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,2 +1,2 @@
-export { beginCanvasRenderEffectPipeline, createCanvasRenderEffectPipeline, defaultCanvasBloomEffectRunner, defaultCanvasFilmGrainEffectRunner, defaultCanvasLensDistortionEffectRunner, defaultCanvasLensFlareEffectRunner, defaultCanvasPixelateEffectRunner, defaultCanvasPosterizeEffectRunner, defaultCanvasScanlinesEffectRunner, defaultCanvasTiltShiftEffectRunner, defaultCanvasVignetteEffectRunner, endCanvasRenderEffectPipeline, registerCanvasRenderEffect, } from './contract';
+export { applyCanvasGradientRampLookup, applyCanvasRenderEffectsToRenderTexture, beginCanvasRenderEffectPipeline, buildCanvasGradientRamp, clipCanvasBevelBand, createCanvasRenderEffectPipeline, defaultCanvasBevelEffectRunner, defaultCanvasBlendEffectRunner, defaultCanvasBloomEffectRunner, defaultCanvasBlurEffectRunner, defaultCanvasCompositeEffectRunner, defaultCanvasDropShadowEffectRunner, defaultCanvasFilmGrainEffectRunner, defaultCanvasGradientBevelEffectRunner, defaultCanvasGradientGlowEffectRunner, defaultCanvasInnerGlowEffectRunner, defaultCanvasInnerShadowEffectRunner, defaultCanvasOuterGlowEffectRunner, defaultCanvasPixelateEffectRunner, defaultCanvasScanlinesEffectRunner, defaultCanvasVignetteEffectRunner, endCanvasRenderEffectPipeline, getCanvasBlendEffectBackdrop, getCanvasBlendEffectCompositeOperation, getCanvasCompositeEffectOperation, registerCanvasBevelEffect, registerCanvasBlendEffect, registerCanvasBlendEffectBackdrop, registerCanvasBloomEffect, registerCanvasBlurEffect, registerCanvasCompositeEffect, registerCanvasDropShadowEffect, registerCanvasFilmGrainEffect, registerCanvasGradientBevelEffect, registerCanvasGradientGlowEffect, registerCanvasInnerGlowEffect, registerCanvasInnerShadowEffect, registerCanvasOuterGlowEffect, registerCanvasPixelateEffect, registerCanvasRenderEffect, registerCanvasScanlinesEffect, registerCanvasVignetteEffect, unregisterCanvasBlendEffectBackdrop, } from './contract';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,EAChC,8BAA8B,EAC9B,kCAAkC,EAClC,uCAAuC,EACvC,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,kCAAkC,EAClC,iCAAiC,EACjC,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,6BAA6B,EAC7B,uCAAuC,EACvC,+BAA+B,EAC/B,uBAAuB,EACvB,mBAAmB,EACnB,gCAAgC,EAChC,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,kCAAkC,EAClC,mCAAmC,EACnC,kCAAkC,EAClC,sCAAsC,EACtC,qCAAqC,EACrC,kCAAkC,EAClC,oCAAoC,EACpC,kCAAkC,EAClC,iCAAiC,EACjC,kCAAkC,EAClC,iCAAiC,EACjC,6BAA6B,EAC7B,4BAA4B,EAC5B,sCAAsC,EACtC,iCAAiC,EACjC,yBAAyB,EACzB,yBAAyB,EACzB,iCAAiC,EACjC,yBAAyB,EACzB,wBAAwB,EACxB,6BAA6B,EAC7B,8BAA8B,EAC9B,6BAA6B,EAC7B,iCAAiC,EACjC,gCAAgC,EAChC,6BAA6B,EAC7B,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,8 @@
 {
   "name": "@flighthq/effects-canvas",
-  "version": "0.3.0-next.906.07cea63",
+  "version": "0.3.0",
+  "author": "Joshua Granick and other contributors",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/flighthq/flight.git",
@@ -36,11 +38,11 @@
     "clean:dist": "tsx ../../scripts/clean-package-dist.ts"
   },
   "dependencies": {
-    "@flighthq/adjustments": "0.3.0-next.906.07cea63",
-    "@flighthq/scene2d-canvas": "0.3.0-next.906.07cea63",
-    "@flighthq/effects": "0.3.0-next.906.07cea63",
-    "@flighthq/geometry": "0.3.0-next.906.07cea63",
-    "@flighthq/types": "0.3.0-next.906.07cea63"
+    "@flighthq/adjustments": "0.3.0",
+    "@flighthq/scene2d-canvas": "0.3.0",
+    "@flighthq/effects": "0.3.0",
+    "@flighthq/geometry": "0.3.0",
+    "@flighthq/types": "0.3.0"
   },
   "devDependencies": {
     "typescript": "^5.3.0"

package/src/canvasBevelEffect.test.ts

@@ -0,0 +1,212 @@
+import { createCanvasRenderState, createCanvasRenderTarget } from '@flighthq/scene2d-canvas/contract';
+import type { BevelEffect, CanvasRenderTarget, CanvasRenderTargetPool } from '@flighthq/types/contract';
+
+import {
+  applyBevelEffectToCanvas,
+  clipCanvasBevelBand,
+  defaultCanvasBevelEffectRunner,
+  registerCanvasBevelEffect,
+} from './canvasBevelEffect';
+import { getCanvasRenderEffectRunner } from './canvasRenderEffectRegistry';
+
+// Recipe assertions rather than pixels — see canvasBlendEffect.test.ts. Scratch targets are pre-seeded so
+// every pass is identifiable; the pool pops from the end, so the seed order reverses the acquire order.
+function seededPool(ids: readonly string[]): { pool: CanvasRenderTargetPool; targets: CanvasRenderTarget[] } {
+  const targets = ids.map((id) => {
+    const target = createCanvasRenderTarget(4, 4);
+    target.canvas.id = id;
+    return target;
+  });
+  return { pool: { free: [...targets].reverse(), inUse: [] }, targets };
+}
+
+const SCRATCH = ['blurred', 'lit', 'shade', 'side', 'tinted', 'band'];
+
+interface Draw {
+  entry: string;
+  dx: number;
+  dy: number;
+}
+
+function recordAll(log: Draw[], targets: readonly Readonly<CanvasRenderTarget>[]): void {
+  for (const target of targets) {
+    const context = target.context;
+    const into = target.canvas.id;
+    vi.spyOn(context, 'drawImage').mockImplementation(((image: CanvasImageSource, dx?: number, dy?: number) => {
+      const from = (image as HTMLCanvasElement).id || 'canvas';
+      log.push({ entry: `${from}->${into}|${context.globalCompositeOperation}`, dx: dx ?? 0, dy: dy ?? 0 });
+    }) as typeof context.drawImage);
+  }
+}
+
+function scene(): { source: CanvasRenderTarget; dest: CanvasRenderTarget } {
+  const source = createCanvasRenderTarget(4, 4);
+  const dest = createCanvasRenderTarget(4, 4);
+  source.canvas.id = 'source';
+  dest.canvas.id = 'dest';
+  return { source, dest };
+}
+
+function bevel(over: Partial<BevelEffect> = {}): BevelEffect {
+  return { kind: 'BevelEffect', ...over } as BevelEffect;
+}
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe('applyBevelEffectToCanvas', () => {
+  it('offsets one copy toward the light and the other away by the same distance', () => {
+    // Angle 0 so the offsets are exactly ∓distance on x. The two copies must be equal and OPPOSITE: a
+    // bevel lit from one side is the difference between them, so shifting both the same way yields
+    // nothing at all.
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel({ angle: 0, distance: 6 }));
+
+    const toLit = log.find((d) => d.entry === 'blurred->lit|source-over');
+    const toShade = log.find((d) => d.entry === 'blurred->shade|source-over');
+    // toBeCloseTo rather than toEqual: negating a zero component yields -0, which differs from +0 only
+    // under Object.is and is identical in every draw that follows.
+    expect(toLit?.dx).toBeCloseTo(-6);
+    expect(toLit?.dy).toBeCloseTo(0);
+    expect(toShade?.dx).toBeCloseTo(6);
+    expect(toShade?.dy).toBeCloseTo(0);
+  });
+
+  it('knocks each offset copy out of the other before tinting', () => {
+    // The knockout is what turns two silhouettes into an edge band. Tinting first would fill the whole
+    // offset silhouette, and the "bevel" would cover the shape rather than its rim.
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel());
+
+    const entries = log.map((d) => d.entry);
+    expect(entries).toContain('shade->side|destination-out');
+    expect(entries).toContain('lit->side|destination-out');
+    // Both sides are built in `side`, so neither offset copy is overwritten while the other still needs it.
+    expect(entries.filter((e) => e === 'lit->lit|source-over' || e === 'shade->shade|source-over')).toEqual([]);
+  });
+
+  it('builds the highlight side before the shadow side', () => {
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel());
+
+    const entries = log.map((d) => d.entry);
+    expect(entries.indexOf('shade->side|destination-out')).toBeLessThan(entries.indexOf('lit->side|destination-out'));
+  });
+
+  it('converts the angle from degrees', () => {
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel({ angle: 90, distance: 5 }));
+
+    const toShade = log.find((d) => d.entry === 'blurred->shade|source-over');
+    expect(toShade?.dx).toBeCloseTo(0);
+    expect(toShade?.dy).toBeCloseTo(5);
+  });
+
+  it('draws the source before the band', () => {
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel());
+
+    const toDest = log.filter((d) => d.entry.endsWith('->dest|source-over')).map((d) => d.entry);
+    expect(toDest).toEqual(['source->dest|source-over', 'band->dest|source-over']);
+  });
+
+  it('drops the source when sourceMode is hide', () => {
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel({ sourceMode: 'hide' }));
+
+    expect(log.filter((d) => d.entry.endsWith('->dest|source-over')).map((d) => d.entry)).toEqual([
+      'band->dest|source-over',
+    ]);
+  });
+
+  it('returns every scratch target to the pool', () => {
+    const { source, dest } = scene();
+    const { pool } = seededPool(SCRATCH);
+
+    applyBevelEffectToCanvas(source, dest, pool, bevel());
+
+    expect(pool.inUse).toHaveLength(0);
+    expect(pool.free).toHaveLength(SCRATCH.length);
+  });
+
+  it('runs without a caller-supplied pool', () => {
+    const { source, dest } = scene();
+
+    expect(() => applyBevelEffectToCanvas(source, dest, bevel())).not.toThrow();
+  });
+});
+
+describe('clipCanvasBevelBand', () => {
+  function clipOperation(bevelType: BevelEffect['bevelType']): string[] {
+    const band = createCanvasRenderTarget(4, 4);
+    const source = createCanvasRenderTarget(4, 4);
+    band.canvas.id = 'band';
+    source.canvas.id = 'source';
+    const log: Draw[] = [];
+    recordAll(log, [band]);
+    clipCanvasBevelBand(band, source, bevelType);
+    vi.restoreAllMocks();
+    return log.map((d) => d.entry);
+  }
+
+  it('keeps the band inside the shape for inner, which is also the default', () => {
+    expect(clipOperation('inner')).toEqual(['source->band|destination-in']);
+    expect(clipOperation(undefined)).toEqual(['source->band|destination-in']);
+  });
+
+  it('keeps the band outside the shape for outer', () => {
+    expect(clipOperation('outer')).toEqual(['source->band|destination-out']);
+  });
+
+  it('clips nothing for full', () => {
+    expect(clipOperation('full')).toEqual([]);
+  });
+});
+
+describe('defaultCanvasBevelEffectRunner', () => {
+  it('applies the bevel through the pipeline context', () => {
+    const state = createCanvasRenderState(document.createElement('canvas'));
+    const { source, dest } = scene();
+    const { pool, targets } = seededPool(SCRATCH);
+    const log: Draw[] = [];
+    recordAll(log, [...targets, dest]);
+
+    defaultCanvasBevelEffectRunner({ state, source, dest, pool }, bevel());
+
+    expect(log.map((d) => d.entry)).toContain('band->dest|source-over');
+  });
+});
+
+describe('registerCanvasBevelEffect', () => {
+  it('registers the default runner under the BevelEffect kind', () => {
+    const state = createCanvasRenderState(document.createElement('canvas'));
+    registerCanvasBevelEffect(state);
+
+    expect(getCanvasRenderEffectRunner(state, 'BevelEffect')).toBe(defaultCanvasBevelEffectRunner);
+  });
+});