Create an Embeddable Widget with Remix and Vite

I'm looking to create an embeddable widget using remix.js and vite. Specifically, I want to build a script that can be embedded in other websites. Does anyone have resources or a basic example that could help me understand how to do this?

Ἔ

ἔρως•9/12/24, 9:14 PM

that's easy: you just have to ensure that remix sends the right headers for some page that shows html and done

Ἔ

ἔρως•9/12/24, 9:14 PM

which headers? well, it depends on what you want to do

SananOP•9/13/24, 1:19 PM

Yeah, Actually I have a card component built with remix.js and vite. I created a widget-loader.js file to mount it, but I think there might be a configuration issue with the vite build step I set up. When I try to access it using the script tag: I encounter several errors.

Ἔ

ἔρως•9/13/24, 1:34 PM

which errors?

Ἔ

ἔρως•9/13/24, 1:35 PM

btw, is there anywhere where we can read the code and see the errors by ourselves?

SananOP•9/13/24, 1:59 PM

The errors are listed below:
Uncaught TypeError: Cannot read properties of undefined (reading 'future')
Uncaught Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering

SananOP•9/13/24, 2:01 PM

vite.config.ts
custom-widget.[format].js[name].js[name].[ext]

Ἔ

ἔρως•9/13/24, 2:03 PM

this is the type of stuff that can only be debugged when viewing a live version

SananOP•9/13/24, 2:06 PM

It’s a locally created app. perhaps I should push the code and then invite you to it

Ἔ

ἔρως•9/13/24, 2:24 PM

you could deploy it to a free host

Ἔ

ἔρως•9/13/24, 2:24 PM

like vercel or netlify or something