Function initCanvas

apps/desktop/src/utils/frame-worker.ts:885–977

(canvas: OffscreenCanvas)

initWorker();

async function initCanvas(canvas: OffscreenCanvas): Promise<void> {
	if (isInitializing) {
		return initializationPromise ?? Promise.resolve();
	}
	isInitializing = true;

	const doInit = async () => {
		offscreenCanvas = canvas;

		const webgpuSupported = await isWebGPUSupported();

		if (webgpuSupported) {
			try {
				webgpuRenderer = await initWebGPU(canvas);
				renderMode = "webgpu";
				self.postMessage({
					type: "renderer-mode",
					mode: "webgpu",
				} satisfies RendererModeMessage);
			} catch (e) {
				console.error("[frame-worker] WebGPU init failed:", e);
				renderMode = "canvas2d";
				offscreenCtx = canvas.getContext("2d", {
					alpha: false,
					desynchronized: true,
				});
				self.postMessage({
					type: "renderer-mode",
					mode: "canvas2d",
				} satisfies RendererModeMessage);
			}
		} else {
			renderMode = "canvas2d";
			offscreenCtx = canvas.getContext("2d", {
				alpha: false,
				desynchronized: true,
			});
			self.postMessage({
				type: "renderer-mode",
				mode: "canvas2d",
			} satisfies RendererModeMessage);
		}

		let frameRendered = false;
		if (
			renderMode === "webgpu" &&
			webgpuRenderer &&
			lastRawFrameData &&
			lastRawFrameWidth > 0 &&
			lastRawFrameHeight > 0
		) {
			renderFrameWebGPU(
				webgpuRenderer,
				lastRawFrameData,
				lastRawFrameWidth,
				lastRawFrameHeight,
				lastRawFrameWidth * 4,
			);