From cad88ee4d1c9e06e7529b88ef5e5d3fdf3f89149 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 13 Apr 2026 04:41:17 +0200
Subject: refactor: rendering pipeline

Made-with: Cursor
---
 apps/web/src/services/renderer/nodes/image-node.ts | 37 ++++++----------------
 1 file changed, 9 insertions(+), 28 deletions(-)

(limited to 'apps/web/src/services/renderer/nodes/image-node.ts')

diff --git a/apps/web/src/services/renderer/nodes/image-node.ts b/apps/web/src/services/renderer/nodes/image-node.ts
index 7d74f511..d8c56803 100644
--- a/apps/web/src/services/renderer/nodes/image-node.ts
+++ b/apps/web/src/services/renderer/nodes/image-node.ts
@@ -1,5 +1,8 @@
-import type { CanvasRenderer } from "../canvas-renderer";
-import { VisualNode, type VisualNodeParams } from "./visual-node";
+import {
+	VisualNode,
+	type ResolvedVisualSourceNodeState,
+	type VisualNodeParams,
+} from "./visual-node";
 
 export interface ImageNodeParams extends VisualNodeParams {
 	url: string;
@@ -62,29 +65,7 @@ export function loadImageSource(
 	return promise;
 }
 
-export class ImageNode extends VisualNode<ImageNodeParams> {
-	private cachedSource: Promise<CachedImageSource>;
-
-	constructor(params: ImageNodeParams) {
-		super(params);
-		this.cachedSource = loadImageSource(params.url, params.maxSourceSize);
-	}
-
-	async render({ renderer, time }: { renderer: CanvasRenderer; time: number }) {
-		await super.render({ renderer, time });
-
-		if (!this.isInRange({ time })) {
-			return;
-		}
-
-		const { source, width, height } = await this.cachedSource;
-
-		this.renderVisual({
-			renderer,
-			source,
-			sourceWidth: width || renderer.width,
-			sourceHeight: height || renderer.height,
-			timelineTime: time,
-		});
-	}
-}
+export class ImageNode extends VisualNode<
+	ImageNodeParams,
+	ResolvedVisualSourceNodeState
+> {}
-- 
cgit v1.3.1