I'm working on setting up Excalidraw using the Excalidraw room, and it's mostly functional. However, when I attempt to initiate a Live Session, nothing happens. I've included my compose file for reference but I'm stuck on what might be going wrong. I consulted GPT but it mentioned that the frontend might be broken, suggesting I build it from scratch, which seems off to me. Can someone help me troubleshoot this?
2 Answers
It looks like you're having issues with the environment variables not being recognized in the Excalidraw container. There's a known issue where `REACT_APP_WS_SERVER_URL` and `VITE_APP_WS_SERVER_URL` aren't applied correctly, leading the frontend to try to connect to the default Excalidraw server instead of your local setup. To fix this, you might need to build the container yourself with a custom `.env.production` file or adjust your setup to ensure it uses the right WebSocket URL.
You can actually resolve this by setting a custom entrypoint for the Excalidraw container. Basically, you would modify the `command` to replace the default WebSocket URL in the JS assets with your custom one from the environment variable. After that, your collaboration feature should work just fine. It's a bit of a workaround, but it should do the trick!
Related Questions
How To: Running Codex CLI on Windows with Azure OpenAI
Set Wordpress Featured Image Using Javascript
How To Fix PHP Random Being The Same
Why no WebP Support with Wordpress
Replace Wordpress Cron With Linux Cron
Customize Yoast Canonical URL Programmatically