[webgpu] `Failed to execute 'call' on 'GPUDevice': Argument 0 can not be converted to 'GPUComputePipelineDescriptor' because 'compute' is required in 'GPUComputePipelineDescriptor'`

[xenova]

Version: Deno 2.6.9

Reproduction:

console.log("1. Requesting Adapter...");
const adapter = await navigator.gpu.requestAdapter();
if (!adapter) throw new Error("No adapter found (driver issue?)");
console.log(`   -> Found: ${adapter.info.vendor} / ${adapter.info.architecture}`);

console.log("2. Requesting Device...");
const device = await adapter.requestDevice();
console.log("   -> Device acquired.");

console.log("3. Creating Test Shader...");
const shaderCode = `
  @compute @workgroup_size(1)
  fn main() { }
`;
const module = device.createShaderModule({ code: shaderCode });
console.log("   -> Shader compiled.");

console.log("4. Creating Compute Pipeline...");
const pipeline = await device.createComputePipelineAsync({
  layout: "auto",
  compute: {
    module: module,
    entryPoint: "main",
  },
});
console.log("✅ SUCCESS: Pipeline created!");

Deno output:

1. Requesting Adapter...
   -> Found: 0 / 
2. Requesting Device...
   -> Device acquired.
3. Creating Test Shader...
   -> Shader compiled.
4. Creating Compute Pipeline...
error: Uncaught (in promise) TypeError: Failed to execute 'call' on 'GPUDevice': Argument 0 can not be converted to 'GPUComputePipelineDescriptor' because 'compute' is required in 'GPUComputePipelineDescriptor'
const pipeline = await device.createComputePipelineAsync({

Chrome output:

cc @crowlKats

[xenova]

This monkey patch seems to allow it to pass. Might help with debugging

if (typeof GPUDevice !== "undefined") {
  // 1. Get a reference to the working Synchronous method
  const createComputePipelineSync = GPUDevice.prototype.createComputePipeline;

  // 2. Overwrite the broken Asynchronous method
  GPUDevice.prototype.createComputePipelineAsync = function (descriptor) {
   try {
      // 3. Forward the call to the Synchronous method
      // Note: We intentionally do NOT modify the descriptor. 
      // The Sync method handles 'layout: "auto"' correctly, whereas Async fails.
      const pipeline = createComputePipelineSync.call(this, descriptor);
      
      // 4. Return a Promise to satisfy the Async signature
      return Promise.resolve(pipeline);
    } catch (err) {
      // Propagate errors correctly as rejected promises
      return Promise.reject(err);
    }
  };
}