Error importing deck.gl from esm.sh

[cornhundred]

I'm importing deck.gl into the front-end of an anywidget Jupyter Widget like this

class DeckWidget(anywidget.AnyWidget):
    _esm = """

    import { Deck, ScatterplotLayer } from 'https://esm.sh/deck.gl@8.9.21?bundle';

    export function render({ model, el }) {

        console.log('here!!')
    }
    """

DeckWidget()

This works on a Google Colab notebook and on a local Jupyter notebook/lab on my macbook, but I am seeing this error when I try to get it to work on a Terra.bio Jupyter notebook:

Error: Mismatched anonymous define() module: function(){return di}
http://requirejs.org/docs/errors.html#mismatch
    at makeError (require.js?v=d37b48bb2137faa0ab98157e240c084dd5b1b5e74911723aa1d1f04c928c2a03dedf922d049e4815f7e5a369faa2e6b6a1000aae958b7953b5cc60411154f593:168:17)
    at intakeDefines (require.js?v=d37b48bb2137faa0ab98157e240c084dd5b1b5e74911723aa1d1f04c928c2a03dedf922d049e4815f7e5a369faa2e6b6a1000aae958b7953b5cc60411154f593:1251:36)
    at Object.localRequire [as require] (require.js?v=d37b48bb2137faa0ab98157e240c084dd5b1b5e74911723aa1d1f04c928c2a03dedf922d049e4815f7e5a369faa2e6b6a1000aae958b7953b5cc60411154f593:1443:21)
    at requirejs (require.js?v=d37b48bb2137faa0ab98157e240c084dd5b1b5e74911723aa1d1f04c928c2a03dedf922d049e4815f7e5a369faa2e6b6a1000aae958b7953b5cc60411154f593:1794:24)
    at extension.js?v=20240403132353:2:951818
    at new Promise (<anonymous>)
    at u.loadClass (extension.js?v=20240403132353:2:951784)
    at u.loadViewClass (extension.js?v=20240403132353:2:783460)
    at extension.js?v=20240403132353:2:774912

Then if I re-run the cell I see a new error

index.js?v=20240327171429:939 TypeError: Cannot read properties of undefined (reading 'prototype')
    at Mw (hammer-overrides.ts:34:40)
    at hammer.browser.ts:4:1

This issues might be related to this issue with hammer.js manzt/anywidget#369

Any help would be greatly appreciated :)

[Pessimistress]

I'm guessing it's the same issue here

https://github.com/visgl/deck.gl/blob/9.0-release/scripts/postinstall.sh

Hammerjs has not been updated for years and we really need to either fork it or move on to something else.

I am not familiar with this service you are using. Is it possible to use the pre-bundles version instead?

https://deck.gl/docs/get-started/using-standalone#using-the-scripting-api

[cornhundred]

Thanks, I was able to solve the issue by building using esbuild as described here manzt/anywidget#369 (comment)

import esbuild from "esbuild";

esbuild.build({
  entryPoints: [
    "./src/index.tsx",
  ],
  bundle: true,
  minify: true,
  target: ["es2020"],
  outdir: "lonboard/static/",
  format: "esm",
  define: {
    'define.amd': 'false',
  },
});