✨ feat: more tests, refactored

apps/web/lib/effects/face-blur.ts

@@ -136,7 +136,7 @@ function renderLayer(context: EffectRenderContext, effect: FaceBlurEffect) {
   ctx.drawImage(sourceCanvas, 0, 0, sourceCanvas.width, sourceCanvas.height, 0, 0, targetWidth, targetHeight);
 }
 
-export const faceBlurRenderer: EffectRenderer<FaceBlurEffect> = {
+export const faceBlurRenderer: EffectRenderer = {
   kind: "face-blur",
   render: ({ ctx, image, targetWidth, targetHeight }, effect) => {
     renderRegions(ctx, image, effect, targetWidth, targetHeight);

apps/web/lib/effects/registry.ts

@@ -35,12 +35,12 @@ export function renderLayerWithEffects(
   // The first effect owns the full layer render (draws base image + applies itself)
   const first = activeEffects[0];
   const firstRenderer = effectRendererRegistry.get(first.kind);
-  firstRenderer?.renderLayer(context, first as never);
+  firstRenderer?.renderLayer(context, first);
 
   // Subsequent effects render on top (overlay only, no re-draw of base)
   for (let i = 1; i < activeEffects.length; i++) {
     const effect = activeEffects[i];
     const renderer = effectRendererRegistry.get(effect.kind);
-    renderer?.render(context, effect as never);
+    renderer?.render(context, effect);
   }
 }

apps/web/lib/effects/types.ts

@@ -7,10 +7,10 @@ export type EffectRenderContext = {
   targetHeight: number;
 };
 
-export type EffectRenderer<T extends LayerEffect = LayerEffect> = {
-  kind: T["kind"];
+export type EffectRenderer = {
+  kind: LayerEffect["kind"];
   /** Renders the effect onto the canvas. Called after the base image is drawn. */
-  render: (context: EffectRenderContext, effect: T) => void;
+  render: (context: EffectRenderContext, effect: LayerEffect) => void;
   /** Renders the full layer (image + effect). Called instead of a plain drawImage. */
-  renderLayer: (context: EffectRenderContext, effect: T) => void;
+  renderLayer: (context: EffectRenderContext, effect: LayerEffect) => void;
 };