Codalab Competition-V2 webpage not getting rendered properly.

[ashwini-kr-sharma]

I have installed an instance of Codalab Competition-v2 in our institute's cloud VM which is accessible publically at http://141.80.100.203/. However, it seems that the web page is not getting rendered correctly and looks different from the one at https://www.codabench.org/.

The outputs from executing the installation steps are these -

$ docker-compose up -d

competitions-v2_minio_1 is up-to-date
competitions-v2_redis_1 is up-to-date
competitions-v2_rabbit_1 is up-to-date
competitions-v2_builder_1 is up-to-date
competitions-v2_db_1 is up-to-date
Starting competitions-v2_createbuckets_1 ... 
competitions-v2_flower_1 is up-to-date
competitions-v2_django_1 is up-to-date
competitions-v2_site_worker_1 is up-to-date
Starting competitions-v2_createbuckets_1 ... done

$ docker-compose exec django ./manage.py migrate

Operations to perform:
  Apply all migrations: admin, auth, authtoken, competitions, contenttypes, datasets, forums, leaderboards, oauth2_provider, profiles, queues, sessions, sites, social_django, tasks
Running migrations:
  No migrations to apply.

$ docker-compose exec django ./manage.py generate_data

Creating data of size 3 with an admin account.

$ docker-compose exec django ./manage.py collectstatic --noinput

0 static files copied to '/app/src/staticfiles', 269 unmodified.

I am unable to figure out the reason behind this partial rendering of the webpage.

[ckcollab]

What's the output of docker-compose logs -f builder?

I am trying to access the page now to see what's wrong, is it still active?

[ashwini-kr-sharma]

Yes the website is still active. The logs look like this -

Attaching to competitions-v2_builder_1
builder_1         | npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
builder_1         | npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
builder_1         | npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
builder_1         | npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
builder_1         | 
builder_1         | > nodemon@1.19.4 postinstall /app/node_modules/nodemon
builder_1         | > node bin/postinstall || exit 0
builder_1         | 
builder_1         | Love nodemon? You can now support the project via the open collective:
builder_1         |  > https://opencollective.com/nodemon/donate
builder_1         | 
builder_1         | npm notice created a lockfile as package-lock.json. You should commit this file.
builder_1         | npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
builder_1         | npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
builder_1         | npm WARN competitions-v2@0.0.1 No license field.
builder_1         | 
builder_1         | added 283 packages from 249 contributors and audited 284 packages in 10.779s
builder_1         | 
builder_1         | 1 package is looking for funding
builder_1         |   run `npm fund` for details
builder_1         | 
builder_1         | found 0 vulnerabilities
builder_1         | 
builder_1         | No task specified. Will go through all possible tasks
builder_1         | [nodemon] 1.19.4
builder_1         | [nodemon] 1.19.4
builder_1         | [nodemon] to restart at any time, enter `rs`
builder_1         | [nodemon] watching dir(s): src/static/riot/**/*
builder_1         | [nodemon] watching extensions: tag
builder_1         | [nodemon] to restart at any time, enter `rs`
builder_1         | [nodemon] watching dir(s): src/static/stylus/**/*
builder_1         | [nodemon] watching extensions: styl
builder_1         | [nodemon] starting `npm run -s build-riot`
builder_1         | [nodemon] starting `npm run -s build-stylus`
builder_1         | [nodemon] clean exit - waiting for changes before restart
builder_1         | src/static/riot/admin/user_management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/admin/user_switch.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/analytics/analytics.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/competition_list.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_header.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_registration.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_run_info.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_stats.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_tabs.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_tags.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/_timeline.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/detail.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/leaderboards.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/log_window.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/participant_manager.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/submission_manager.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/submission_modal.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/submission_scores.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/detail/submission_upload.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/_collaborators.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/_competition_details.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/_leaderboard.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/_pages.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/_participation.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/_phases.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/editor/form.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/public-list.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/tile/competition_tile.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/tile/front_page_competitions.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/competitions/upload.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/datasets/help_button.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/datasets/management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/forms/input-file.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/forms/input-select.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/forms/input-text.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/forms/sorting-chevrons.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/loader.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/place_medals/bronze_medal.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/place_medals/fifth_place_medal.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/place_medals/fourth_place_medal.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/place_medals/gold_medal.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/place_medals/silver_medal.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/profiles/profile_detail.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/profiles/profile_edit.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/queues/management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/submissions/submission_management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/tasks/management.tag -> src/static/generated/riot.js
builder_1         | src/static/riot/tasks/task_detail.tag -> src/static/generated/riot.js
builder_1         | [nodemon] clean exit - waiting for changes before restart

[ckcollab]

Hmm, I still cannot access http://141.80.100.203/ or https://141.80.100.203/ to see what could be wrong

It appears like all of the assets are being built and collected...

[ashwini-kr-sharma]

Well that's strange. It should be accessible. At least to me the incompletely rendered website is visible at http://141.80.100.203/. And it looks like this - Codalab_competition_v2_webpage.pdf

[ckcollab]

Yeah that's what I was hoping to see, if you pull up the console is it missing a lot of the styling files and such? A collectstatic (as you've done) should be fixing this... can you refresh and clear cache?

[ashwini-kr-sharma]

if you pull up the console is it missing a lot of the styling files and such ?

How/where can I check this? Are you suggesting something like curl localhost:80 ?

I executed these, unfortunately, the problem still persists.

docker-compose exec django ./manage.py clear_cache
docker-compose exec django ./manage.py collectstatic --noinput

[ckcollab]

Ah sorry, I mean like in the "browser console" or "dev tools":

My email is eric@ckcollab.com maybe we can setup a pairing session this week and I can help you over a Google Hangout/Zoom?

[ashwini-kr-sharma]

Thank you this will be very helpful, I have sent you a mail with the details.

[ckcollab]

Closing this as we fixed this in our call yesterday