Error when trying to build with Bun.build when browser is target

[eigilsagafos]

In a project I'm working on I use Sharp in the browser. Currently we are bundling with Vite. In trying to leverage Bun build I get this error

6 | const childProcess = require('child_process');
                                 ^
error: Browser build cannot require() Node.js builtin: "child_process". To use Node.js builtins, set target to 'node' or 'bun'
    at /Users/eigilsagafos/Projects/bun-sharp-test/node_modules/detect-libc/lib/detect-libc.js:6:30

To reproduce:

index.ts

import sharp from "sharp";
sharp({});

Then run bun build index.ts --target=browser

I understand this is a problem with Bun as they are aiming for 100% Node compatibility, but it seems somewhat related to #27

(Sorry for all the edits. I created the issue by mistake before I was done 😅)

[lovell]

I use Sharp in the browser.

Have you got it working, or this more a case of you hoping to get it working?

[eigilsagafos]

Sharp is working in the browser, but my goal is to switch from using Vite to Bun for our development server and bundler. If I disable sharp and therefore detect-libc I'm able to get it up and running with Bun, so this is blocking me in that regard.

[lovell]

Sharp is working in the browser,

Is this using the prebuilt binaries provided by sharp, or have you been modifying the emscripten/emnapi logic and building new WASM binaries yourself? I ask as you might be the first person to have achieved this.

(I realise this probably wasn't where you wanted this discussion to go, but it's of significantly more interest to me.)

[eigilsagafos]

I'm just using the prebuilt binaries, so sorry I could not excite you there 😅

[lovell]

The prebuilt binaries are not supposed to work in a browser, hence my interest. Are you able to share a minimal repo, using Vite, that demonstrates sharp working in a browser. That would help me understand how best to address this, thank you.

[eigilsagafos]

You are actually right. I'm on somewhat of a wrong path here. I have a optimistic sync engine that does some stuff on the backend (Bun) and some stuff in the browser. I thought I was using the metadata function in sharp, but had forgotten I was using image-dimensions in the browser and sharp only in Bun. So my problem is entirely around bundling. I will go ahead and close this. Sorry I spiked your curiosity, and thanks for the interaction! 😅