Cloudflare Workers Not Supporting Supabase JS Client

[nascode]

Hi there,

I want to try accessing Supabase db via Cloudflare workers (CFW). However CFW doesnt support XMLHTTPRequest. CFW only support fetch.

Digging deeper, it seems that cross-fetch package who called the actual XHR.

Is there any recommendation to solve this?

[inian]

cross-fetch doesn't work in a Cloudflare worker. Looks like faunadb-js also had this issue and they worked around it by allowing users to pass in a custom fetch implementation in the constructor..that seems hacky though.

[nascode]

Since from what i know it's not possible to connect with tcp in bare Cloudflare Workers, using REST api is CFW way to communicate with database.

I think Supabase is using POSTGREST already, i hope we can have option similar with fauna to pass in custom fetch implementation on Subase js client.

[kiwicopple]

I think it would be best to support cross-fetch by fixing this, rather than engineering the lib for an optional fetch provider.

Did you try the workaround in the issue? It's pretty hacky, but seems like it could work immediately

[nascode]

Hi @kiwicopple @inian

I successfully use patch-package to patch cross-fetch so it use global fetch instead.

I made a repo for this at https://github.com/nascode/cloudflare-workers-supabase-fix

I hope this helps people who get stuck with similar problem.

[kiwicopple]

Hi @nascode - thanks for this repo, I've already shared it with a couple of people using Cloudflare + Supabase. Would you be mind if I copy this to our examples folder? I'll give credit in the readme and link to your repo

[nascode]

Hi @kiwicopple

Of course, feel free to do that. Cheers!

[kristianfreeman]

Dropping in another solution here - as @munster mentioned here, you can use Webpack's externals feature to patch cross-fetch directly and start to work with Supabase's JS client directly inside of a Cloudflare Workers function:

// webpack.config.js
module.exports = {
  externals: [{ 'cross-fetch': 'fetch' }]
}

I made an example project here to show off what that might look like - note that stuff like realtime and auth isn't tested yet, though I'd like to give it a shot soon: https://github.com/signalnerve/supabase-workers-proxy

[inian]

This seems cleaner @signalnerve. Thanks for sharing your solution :)

[nascode]

This is great! TIL. Would be a great addition on Supabase docs.

[inian]

Good idea. Added your repo to our examples page @signalnerve https://supabase.io/docs/guides/examples