Moved the makePyramid and resizePyramid methods from the regl solution's util module to bloomPass.

Adding the canvas context's preferred format to the shared pass context (named "canvasFormat").
Added a placeholder bloomPass, which the existing passes now receive input from.

js/webgpu/palettePass.js

@@ -78,7 +78,7 @@ const makePalette = (device, paletteUniforms, entries) => {
 // in screen space.
 
 export default (context, getInputs) => {
-	const { config, adapter, device, canvasContext, timeBuffer } = context;
+	const { config, device, timeBuffer, canvasFormat } = context;
 
 	const linearSampler = device.createSampler({
 		magFilter: "linear",
@@ -95,8 +95,6 @@ export default (context, getInputs) => {
 		],
 	};
 
-	const presentationFormat = canvasContext.getPreferredFormat(adapter);
-
 	let renderPipeline;
 	let configBuffer;
 	let paletteBuffer;
@@ -117,7 +115,7 @@ export default (context, getInputs) => {
 				entryPoint: "fragMain",
 				targets: [
 					{
-						format: presentationFormat,
+						format: canvasFormat,
 					},
 				],
 			},
@@ -133,7 +131,7 @@ export default (context, getInputs) => {
 
 	const setSize = (width, height) => {
 		output?.destroy();
-		output = makePassFBO(device, width, height, presentationFormat);
+		output = makePassFBO(device, width, height, canvasFormat);
 	};
 
 	const getOutputs = () => ({
@@ -143,7 +141,7 @@ export default (context, getInputs) => {
 	const execute = (encoder) => {
 		const inputs = getInputs();
 		const tex = inputs.primary;
-		const bloomTex = inputs.primary; // TODO: bloom
+		const bloomTex = inputs.bloom; // TODO: bloom
 		const renderBindGroup = makeBindGroup(device, renderPipeline, 0, [
 			configBuffer,
 			paletteBuffer,