demostf / demos.tf

The demos.tf frontend

demos.tf

⚠️ This has been superseeded by demostf/frontend ⚠️

Frontend code for demos.tf, see the api code for the backend.

Api base url

The api is expected to be reachable at the api subdomain of the domain that the site is hosted on, this can be changed in src/config.ts.

Docker image

A prebuild docker image exist in the docker hub.

Building

Node.js and npm are required to build the project.

Using make

For systems with make, a Makefile is provided to ease building, simply running

make

will build the entire project.

Without make

If you don't have make available you can build the project without it.

npm install
node node_modules/.bin/webpack --verbose --colors --display-error-details --config webpack.prod.config.js

Deploying

Since this project only holds static frontend code the webserver only needs to server static files. Besides serving the static content in build/ the server will also need to be configured to server build/index.html for any request to a non existing url.

A sample config for nginx can be found in nginx.conf

Development

For development you can use the webpack development server which will server the site while automatically recompiling any changes made to the source and hot-reloading the changes.

You can run the development server with

make watch

or

node node_modules/.bin/webpack-dev-server --hot --inline --config webpack.dev.config.js

demos.tf's Issues

Unknown packet type 1 just parsed a voiceInit

When I try to view some demos, the loading wheel appears for a while, and then the error screen comes up with the message "Unknown packet type 1 just parsed a voiceInit." I've tried opening them on firefox and chrome on win10, and the same issues occur.

I think it's only happening with demos I attempt to open from my own profile, as opposed to the main page, but I could be wrong.

Keep getting json_decode error: Syntax error

Here's the demo I tried to upload.

demo.zip

Here's the result:

It's hard to understand who is who in the demo viewer.

It's a bit annoying and hard to follow who is who in some of the games. Let's forget about Highlander, but in 6s some times you just can't be sure who is who. Would it be okay to put the name of every player just above his little class icon?

No run demo

Error- Cannot get 8 bit(s) from offset 8454137, 7 available

Trying to read past end of stream

I get the error "Trying to read past end of stream" when uploading the demo on this page: https://play.esea.net/index.php?s=stats&d=match&id=9270950

Editor not processing demo

Gives a zero to zero cut range on upload that cannot be changed. Does it always have to cut the demo? I wish there was a toggle to not cut it
https://drive.google.com/file/d/1ViJtyZmWGARyh1Wjw87w3bpTtRAa1AYe/view?usp=sharing

site up, demos not viewable

The site is back up (woohoo), but any demo i try to watch endlessly processes, idk what to do

2fort and hydro are not supported for the demos

i was playing some phenomenal highlander matches with my friends
and came back to watch the demos
only to find out 2fort and hydro are not supported

y'all are telling me you play competitive 2fort and hydro?
sad.
(you should implement them)

demos failed to upload due to an unknown user not yet set up the profile.

[demos.tf]: This user has not yet set up their Steam Community profile.If you know this person, encourage them to set up their profile and join in the gaming!
I don't know who's the one need to be encouraged. And I don't think it's necessary to upload a demo. Please remove the restrictions...

"TS2769: No overload matches this call." when trying to compile

Trying to build this into a Docker image always results in the following error:

#11 233.2     Type 'true' is not assignable to type 'false | undefined'.
#11 233.2   Overload 2 of 2, '(props: Props<SteamUser, false>, context: any): PlayerSelect', gave the following error.
#11 233.2     Type '(selectedUsers: SteamUser[]) => void' is not assignable to type '(value: ValueType<SteamUser, false>, action: ActionMeta<SteamUser>) => void'.
#11 233.2   Overload 2 of 2, '(props: Props<SteamUser, false>, context: any): PlayerSelect', gave the following error.
#11 233.2     Type 'SteamUser[]' is not assignable to type 'ValueType<SteamUser, false>'.```

Site is offline

The IP for demos.tf ( 217.11.63.41, demostf.fnordserver.net ) is not responding to ping and the site isn't responding.

demo not available for gravel pit

Not playing Demos

It just isn't wanting to play demos no matter what i do, even if i put in a .json file.

Error on uploading demo

Error: rename(/demos/fd/a9/fda99d22da6748c5e0381b106eed16a7_match-20210501-2054-cp_sunshine.dem): Failed to open stream: Permission denied

Got this error message when the server did the automatic upload, as well as when I tried to manually upload the demo file. Demo in question: https://drive.google.com/file/d/1k4Nw8gQjpWxx6zalY2KDvLXw2fOnWKZm/view?usp=sharing

Error 404 upon downloading slightly older and recent demos

Hello. Recently, I tried to download some older STVs from some of my previous teams and found that I can't seem to download them. Upon clicking download, I'm redirected to a "Error 404" page. The demos are from 2020, which does make them old but they aren't ancient history quite yet. I tried to download an STV from 5 days ago to test if it worked, but also got a 404 page. I will post links to the demos I tried to download and attach an image of the 404 page. Thank you for reading and thank you for demos.tf, it's a great service. My friend had the same issue when trying to download these demos.

https://demos.tf/483751 (from 2020)
https://demos.tf/454023 (from 2020)
(https://demos.tf/770603 (random demo from 5 days ago from posting this)
https://demos.tf/773068 (demo from 18 hrs ago from posting this, download works)

404 page I get when trying to download these demos:

Map not supported

Hey there,

this is more of a request than Issue since the error message is quite obvious.

"Map not supported "koth_bagel_b4".

I'd like to know if there are plans on implementing these kind of newer maps since they're currently being played on competetive leagues like UGC.

This would make it a lot easier to review maps / have our map talk with our current team.

Demos Not Consistently Uploading

I've had an issue ever since i started my server in May where the demos do not seem to be consistently uploading to the site. There does not seem to be any rhyme or reason as to why they don't upload, but for example... if we scrim 4 maps in a single night, 1-2 of the maps will upload, and the others will not.

I'm not really sure where to begin trying to troubleshoot this. I always wait to change the map until the STV recording is complete message appears in chat.

clearcut / villa versions not supported

they are in the RGL 6s map pool this season and possibly into the future and would be nice to have on the web viewer.

Error when viewing MvM demo: No user info for entity 2

When I try to view the following MvM demo in demos.tf, it fails with the error "No user info for entity 2."

https://www.dropbox.com/s/jfx53ob101tgfl1/mvm_waterfront_rc3_adv_watershed_waylay_1594658446.dem

Icons slightly too high

(First I just wanna mention that this is one of the best things ever made for tf2 imo. So me reporting even minor issues is not to discourage you but just to give you as much feedback as possible.)
I just watched a granary demo and the icons that represent players appear to be a bit higher on the online demo than actually in-game. I don't know if this is only on granary or also on other maps.
Thanks for making this! :D

Map not supported "cp_prolands_b2c".

Map not supported "cp_prolands_b2c".
Thanks!

Gullywash map image is upside down

First of all, phenomenal work @icewind1991. Thanks for making such a useful browser-based demo playback tool.

When reviewing a match, one of my teammates noticed that the Gullywash map image is upside down; RED team appears to spawn on BLU's side, and vice versa. This can be seen in the attached image. (The font issue also shown in the picture happens to me on Chrome and Firefox on Windows 10; I've submitted a pull request to fix this).

Getting a json_decode error: Syntax error

Having trouble uploading a demo

scrim2.zip

Cannot set property 'chargeLevel' of undefined (Error when uploading demo on viewer page)

Screenshot: http://imgur.com/a/igovr
I got the error message "Cannot set property 'chargeLevel' of undefined" when I tried uploading a serveme "auto" stv on the viewer page.

cp_orange_z7 not supported

I wanted to see a review of me on a community server, but the map was not supported.

Viewer map support for ctf_ballin_sky

Hey,

Could you please consider adding support for ctf_ballin_sky on the demos web viewer please?

Thanks,
- James

Mannpower maps not supported

Maps such as ctf_hellfire and ctf_thundermountain are not supported.