Connection Issues with Eventyay Video Application [ Dev Setup ]

[SxxAq]

Description

When trying to run the application locally, I'm encountering multiple connection failures that prevent the application from working properly. The main issues are:

1. WebSocket connection failures:

   • ws://localhost:8443/ws/world// (note the double slash)
   • wikimedia.eventyay.com:8880/sockjs-node

2. API connection failures:

   • http://localhost:8443/api/v1/worlds//theme (connection refused)

Console Errors

GET http://wikimedia.eventyay.com:8880/sockjs-node/info?t=1741296563671 net::ERR_CONNECTION_REFUSED

GET http://localhost:8443/api/v1/worlds//theme net::ERR_CONNECTION_REFUSED

WebSocket connection to 'ws://localhost:8443/ws/world//' failed

error happened when trying to load theme config: TypeError: Failed to fetch

Environment

• Browser: [Chrome.]
• OS: [Arch Linux]
• Node version: [v20.18.1]

Steps to Reproduce

1. Clone the repository
2. Build and run the application using Docker - docker-compose up --build
3. Open the browser to - http://localhost:8880/video/
4. Observe connection errors in console

Questions

1. Are there specific backend services or containers that need to be running separately?
2. Is there a configuration issue with the URL paths (e.g., double slashes in some requests)?
3. Should the application be connecting to wikimedia.eventyay.com, or is this a misconfiguration?
4. Are there any environment variables that need to be explicitly set for proper connectivity?

I'd appreciate any guidance on how to properly set up the development environment to resolve these connection issues.

cc: @mariobehling @hongquan @raphaelm

Screenshots

[hongquan]

Hi @SxxAq, please don't mention raphaelm, because Eventyay suit is forked from an old version of raphaelm's work (pretix, pretalx). He is not aware of the changes Eventyay made.

About eventyay-video issue, I will ping @norbusan because I haven't been successful with setting up eventyay-video on Docker yet.

[SxxAq]

hey @hongquan ! any updates on eventyay-video setup?

[Vivvek09]

I tried setting up eventyay-video without using Docker but encountered the same issues as above + a cors error.
Let me know if I am missing something.

[hongquan]

@SxxAq Not yet, I'm still busy with other tasks (in eventyay-tickets and eventyay-talk).

[norbusan]

Has anyone documented the process of setting up things locally without docker?
If yes, please let me know.
If no, please do it.
I can then look into what might be the problem.

[SxxAq]

Has anyone documented the process of setting up things locally without docker? If yes, please let me know. If no, please do it. I can then look into what might be the problem.

Got it! I'll document and update shortly.

[Vivvek09]

Heyy @norbusan @hongquan
Here are the steps I followed to run it locally without docker on a Linux environment

Running Eventyay Video Locally Without Docker

1: Cloned the repository

git clone https://github.com/fossasia/eventyay-video.git
cd eventyay-video

2. Backend Setup (Django Server)

cd server

3. Installed Virtual Environment and Dependencies

python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt

4. Ensured PostgreSQL and Redis Are Installed and Running

sudo systemctl status postgresql

sudo systemctl status redis

5. Added Configuration File

Created a venueless.cfg in the server :

[database]
backend = postgresql
name = your_db_name
user = your_user_name
password = your_password
host = localhost
port = 5432

[redis]
host = 127.0.0.1
port = 6379
db = 0
auth=your_password
urls=http://localhost:8000

6. Applied Database Migrations

python manage.py migrate

7. Ran Django Development Server

python manage.py runserver

8. Frontend Setup (Vue Web App)

cd ../webapp
npm install --legacy-peer-deps

9. Modified package.json

Updated the start script to:

"start": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve"

10. Started Vue Web Application

npm run start

11. Access the Application

Backend: http://127.0.0.1:8000
Frontend: http://localhost:8880

This is the error I faced in the console upon loading the frontend:

Let me know if I missed something while setting it up

[norbusan]

Well, that is only the video component which most probably doesn't work without the common frontend in the nginx docker container.
That is something I expect.
You need to also set up at least nginx with the redirections, and the local DNS entries to repoint wikimedia.eventyay.com to your localhost.

[Vivvek09]

Okay got it. I'll work on setting up the common frontend and the nginx redirections and get back to you.

[Vivvek09]

Heyy @norbusan I tried setting up the nginx and the dns entries.

I was able to run the common eventyay frontend through this guide and I ran the backend locally using the steps above.

For the redirections, I set up a /etc/nginx/sites-enabled/eventyay file and for the wikimedia, it set the local dns entries to repoint wikimedia to local host in the /etc/hosts file

Yet I was not able to run the frontend

Am I missing something and I also wanted to understand what does the port 8443 signify?