Execute fails with 'TypeError: Cannot read property 'buffer' of undefined [...]'

When executing two simple image manipulation commands in a browser environment, the ExecuteResult object will contain an error and only the result of the first command is provided.

Code:

import { buildInputFile, execute } from 'https://cdn.jsdelivr.net/npm/wasm-imagemagick/dist/bundles/magickApi.js';

let DoMagickCall = async function () {
  let result = await execute({
    inputFiles: [await buildInputFile('./locked-out.png', 'frame.png')],
    commands: [
      'convert frame.png -rotate 90 image2.png',
      'convert image2.png -rotate 45 image3.png'
    ]
  });

  console.log(result);
}

DoMagickCall();

Result:

result:
  errors: Array(2)
    0: undefined
    1: "TypeError: Cannot read property 'buffer' of undefined, exit code: 1, stderr: "
  exitCode: 1
  outputFiles: Array(1)
    0: {name: "image2.png", buffer: Uint8Array(67478)}
  results: Array(2)
    0: {outputFiles: Array(1), stdout: Array(0), stderr: Array(0), exitCode: 0, errors: Array(1)}
    1: {stderr: Array(0), stdout: Array(0), outputFiles: Array(0), exitCode: 1, errors: Array(1)}

Download test files to reproduce

WASM-ImageMagick_issue_51.zip

Any ideas why this is happening? Thanks for your help!

[KnicKnic]

please reopen if https://www.npmjs.com/package/wasm-imagemagick/v/1.2.8 doesn’t work for you.

[Sidewinder53]

Unfortunately, I don’t get the same result. Please note that the image appearing in the DOM does not mean that the operation succeeded. You have to open the developer tools and check the first object in the console which will output these errors:

Google Chrome 75.0.3770.100

Microsoft Edge 44.18362.1.0

Firefox 69.0b4

Microsoft Edge (Chromium) 77.0.211.3

The result object will always contain only one output in outputFiles, and that is the result of the first command.