Webpack optimize CanvasTest error

Hi, first thanks for your work.

I just tried it, and if I specify in webpack.config.js :

module.exports = {
    optimization: {
        minimize: true,
        minimizer: [new TerserPlugin(),
    },
...

This error is thrown :

Uncaught ReferenceError: canvasTest is not defined
    at onmessage (d6ce07e3-5a07-454b-9558-b3c8698cbe7a:4)

I just test this code :

canvasSize.maxArea({
    usePromise: true,
    useWorker : true,
})
    .then(({ width, height, benchmark }) => {
        console.log(`Success: ${width} x ${height} (${benchmark} ms)`);
    })
    .catch(({ width, height, benchmark }) => {
        console.log(`Error: ${width} x ${height} (${benchmark} ms)`);
    });

Did I miss something ?

Best regards

[jhildenbiddle]

Hey again, @nicoja.

Fixed in 1.2.1.

Turned out to be an issue with Terser’s mangle option. Disabling this option or reserving the canvasTest name in the Terser config resolves the issue. If you’re still having issues, let me know.

Thanks!

[jhildenbiddle]

Very interesting. Also, very confusing.

• The error occurs in Chrome 69 and later on the desktop (tested on macOS & Windows)
• The error does not occur in the latest version of Chrome (86) when
  • … bundled via Parcel on codesandbox.io: https://c23pn.csb.app/
  • … when testing in headless mode (tested on macOS & Linux)

The reason I didn’t se the issue is because I hadn’t tested using Chrome on the desktop. Instead, I tested everything but that: using Safari on the desktop, using Chrome in headless mode via automated tests, and with sample code on codesandbox.io. 🤦

Looks like I’ll need to dive into this a bit more. Thanks for your patience!