Self Host Sandpack still making connections to other websites

[tatwong]

What happened?

Seems like Self Hosting Sandpack still making external request, and I am not expecting this.

Version Information

I have already done the Self Hosting Sandpack using the instructions from here:
https://github.com/LibreChat-AI/static-browser-server/tree/main
https://github.com/LibreChat-AI/codesandbox-client

However, when we are doing network tracing, it seems like it is still making calls to external websites:

Steps to Reproduce

1. On LibreChat, type something that would trigger Artifects.
2. Check the Network tab and will see the external requests.

What browsers are you seeing the problem on?

Chrome

Relevant log output

Screenshots

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

Self-hosting the bundler only handles compilation, and npm packages still get fetched externally.

Since LC uses the default React template, external requests are expected behavior. To avoid this, you'd need to create a custom Sandpack configuration in a fork and pre-bundle any libraries you want to use locally.

See the official example - it shows bundling dependencies with tsup and including them as local files:

files={{
  "/node_modules/@internals/ds/package.json": { hidden: true, code: JSON.stringify({...}) },
  "/node_modules/@internals/ds/index.js": { hidden: true, code: bundledCode },
}}

See #793 for more info.

[tatwong]

Thanks for the links and sample.

However, due to lack of knowledge on Sandpack, I have tried to go through the samples from Sandpack, tried to Google, tried to find on Youtube, tried to use AI to assist, but I just not sure where to start.

Questions I am having at the moment:

1. Where can I find the Sandpack configuration like with the ? I looked through the source code from LibreChat's codesandpack-client and static-browser-server and couldn't find this tag for me to update.
2. Where should the tsup.config.js sit? in the root?
3. How do I add the bundled file as dependency?

Actually, will this be possible for this to be included as part of LibreChat's Sandpack-Client?