Importing contentful.js bundles browser version into server

[basharh]

I'm trying to use contentful.js to pull in data for a blog section within a hydrogen app. However, I'm getting this error:

Error: Adapter 'http' is not available in the build
    at /Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/contentful/dist/contentful.browser.min.js:1:27782
    at Le.Ee (/Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/contentful/dist/contentful.browser.min.js:1:27961)
    at processTicksAndRejections (node:internal/process/task_queues:95:5)
    at i2 (/Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/contentful/dist/contentful.browser.min.js:1:51678)
    at s2 (/Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/contentful/dist/contentful.browser.min.js:1:51815)
    at o3 (/Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/contentful/dist/contentful.browser.min.js:1:53980)
    at loader (/Users/sambooka/work/sandbox/hydrogen-contentful/app/root.tsx:68:17)
    at callRouteLoaderRR (/Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/@remix-run/server-runtime/dist/esm/data.js:48:16)
    at callLoaderOrAction (/Users/sambooka/work/sandbox/hydrogen-contentful/node_modules/@remix-run/router/router.ts:3671:16)
    at async Promise.all (index 0)

What I've checked: contentful.js declares two asset in package.json

"main": "./dist/contentful.node.min.js",
"browser": "./dist/contentful.browser.min.js",

but hydrogen includes the browser version in the server bundle here dist/worker/index.js. My guess is that it's because of this configuration: serverMainFields: ['browser', 'module', 'main'], in remix.config.js but that property is not configurable in Hydrogen.

Any idea how I can get hydrogen to include the correct dependency asset in the server bundle?

[juanpprieto]

Hydrogen's server runtime is based off cloudflare worker enviroment. It acts a browser runtime and not as a server (NodeJS).

Have you tried importing the library via this path?
https://github.com/contentful/contentful.js#troubleshooting

[basharh]

Thank you, that makes sense. I tried importing contentful/dist/contentful.node.min.js which what I was trying to do originally but it didn't work. If contentful moves from axios to fetch then this will probably be resolved.

[juanpprieto]

Agree. I would recommend avoiding their axios based client all together and fetching their API directly with your own fetch based client leveraging the createWithCache api