How to use a polyfill for node.js Buffer?

[arunstan]

Hello,

I working on an app handling GIS shape files. To support shape files, I am using a package called shpjs which in turn uses jszip. Both of them depend on nodejs Buffer.

I am trying to use the node-stdlib-browser package to polyfill Buffer but have not been successful.

Please see my tsup config below:

import { defineConfig } from "tsup";
//@ts-ignore
import nodeStdLibBrowswerPlugin from "node-stdlib-browser/helpers/esbuild/plugin";
import { default as stdLibBrowser } from "node-stdlib-browser";

import { createRequire } from "node:module";
const require = createRequire(import.meta.url);

export default defineConfig({
  platform: "browser",
  esbuildOptions: (options, context) => {
    options.inject = [require.resolve("node-stdlib-browser/helpers/esbuild/shim")];
    options.define = {
      global: "global",
      process: "process",
      Buffer: "Buffer",
    };
  },
  esbuildPlugins: [nodeStdLibBrowswerPlugin(stdLibBrowser)],
  inject: [require.resolve("node-stdlib-browser/helpers/esbuild/shim")],
  define: {
    global: "global",
    process: "process",
    Buffer: "Buffer",
  },
});

But still I get an error in JSZip.

Am I setting up polyfill correctly?

Upvote & Fund

• We're using Polar.sh so you can upvote and help fund this issue.
• We receive the funding once the issue is completed & confirmed by you.
• Thank you in advance for helping prioritize & fund our backlog.

[bucko13]

Just wanted to bump this as well. I'm getting an error on Buffer being undefined. I'm trying to bundle with tsup instead of babel and tsc previously which was working but Buffer isn't getting polyfilled unfortunately.

[0xmaayan]

having the same issue with Buffer being undefined