backend: fix run ranks

3 files changed, 64 insertions, 42 deletions

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 8b901ad..a77d244 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,6 +8,7 @@
       "name": "frontend",
       "version": "0.1.0",
       "dependencies": {
+        "@nekz/sdp": "^0.9.0",
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
@@ -3174,6 +3175,11 @@
       "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
       "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw=="
     },
+    "node_modules/@nekz/sdp": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@nekz/sdp/-/sdp-0.9.0.tgz",
+      "integrity": "sha512-ndg3Ze/RZxsyX0QRhZ0HnkHUIth7/3jpTcABhzQzsXV0Y4MzpoZ0dj6KRqiBz+O3acZdk0/9gr40Smqc7S4ikg=="
+    },
     "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
       "version": "5.1.1-v1",
       "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 6c3022d..57c92a7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@nekz/sdp": "^0.9.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
diff --git a/frontend/src/components/UploadRunDialog.tsx b/frontend/src/components/UploadRunDialog.tsx
index d42ffe7..9f417b5 100644
--- a/frontend/src/components/UploadRunDialog.tsx
+++ b/frontend/src/components/UploadRunDialog.tsx
@@ -1,11 +1,16 @@
 import React from 'react';
 import { UploadRunContent } from '../types/Content';
+import { DemoMessages, ScoreboardTempUpdate, SourceDemoParser, UserMessage } from '@nekz/sdp';
+import fs from 'fs';
+
+
 
 import '../css/UploadRunDialog.css';
 import { Game } from '../types/Game';
 import { Map } from '../types/Map';
 import { API } from '../api/Api';
 import { useNavigate } from 'react-router-dom';
+import { SvcUserMessage } from '@nekz/sdp/script/src/types/NetMessages';
 
 interface UploadRunDialogProps {
   token?: string;
@@ -103,6 +108,16 @@ const UploadRunDialog: React.FC<UploadRunDialogProps> = ({ token, open, onClose,
           return
         }
       }
+      const demo = SourceDemoParser.default()
+        .setOptions({ packets: true })
+        .parse(await uploadRunContent.host_demo.arrayBuffer());
+
+        const scoreboardPacket = demo.findPacket(ScoreboardTempUpdate)
+        if (scoreboardPacket) {
+          console.log(scoreboardPacket)
+        } else {
+          console.log("couldnt find scoreboard packet")
+        }
       if (window.confirm("Are you sure you want to submit this run to LPHUB?")) {
         const message = await API.post_record(token, uploadRunContent);
         alert(message);
@@ -114,7 +129,7 @@ const UploadRunDialog: React.FC<UploadRunDialogProps> = ({ token, open, onClose,
 
   React.useEffect(() => {
     if (open) {
-    _handle_game_select("1", "Portal 2 - Singleplayer"); // a different approach?.
+      _handle_game_select("1", "Portal 2 - Singleplayer"); // a different approach?.
     }
   }, [open]);
 
@@ -125,15 +140,15 @@ const UploadRunDialog: React.FC<UploadRunDialogProps> = ({ token, open, onClose,
         <div id='upload-run-menu'>
           <div id='upload-run-menu-add'>
             <div id='upload-run-route-category'>
-              <div style={{padding: "15px 0px"}} className='upload-run-dropdown-container'>
-                <h1 style={{paddingBottom: "14px"}}>Select Game</h1>
-                <div onClick={() => _handle_dropdowns(1)} style={{display: "flex", alignItems: "center", cursor: "pointer", justifyContent: "space-between"}}>
+              <div style={{ padding: "15px 0px" }} className='upload-run-dropdown-container'>
+                <h1 style={{ paddingBottom: "14px" }}>Select Game</h1>
+                <div onClick={() => _handle_dropdowns(1)} style={{ display: "flex", alignItems: "center", cursor: "pointer", justifyContent: "space-between" }}>
                   <div className='dropdown-cur'>{selectedGameName}</div>
-                  <i style={{rotate: "-90deg", transform: "translate(-5px, 10px)"}} className="triangle"></i>
+                  <i style={{ rotate: "-90deg", transform: "translate(-5px, 10px)" }} className="triangle"></i>
                 </div>
                 <div className={dropdown1Vis ? "upload-run-dropdown" : "upload-run-dropdown hidden"}>
                   {games.map((game) => (
-                    <div onClick={() => {_handle_game_select(game.id.toString(), game.name); _handle_dropdowns(1)}} key={game.id}>{game.name}</div>
+                    <div onClick={() => { _handle_game_select(game.id.toString(), game.name); _handle_dropdowns(1) }} key={game.id}>{game.name}</div>
                   ))}
                 </div>
               </div>
@@ -141,45 +156,45 @@ const UploadRunDialog: React.FC<UploadRunDialogProps> = ({ token, open, onClose,
                 !loading &&
                 (
                   <>
-                  <div className='upload-run-map-container' style={{paddingBottom: "10px"}}>
-                    <div style={{padding: "15px 0px"}}>
-                      <h1 style={{paddingBottom: "14px"}}>Select Map</h1>
-                      <div onClick={() => _handle_dropdowns(2)} style={{display: "flex", alignItems: "center", cursor: "pointer", justifyContent: "space-between"}}>
-                        <span style={{userSelect: "none"}}>{currentMap}</span>
-                        <i style={{rotate: "-90deg", transform: "translate(-5px, 10px)"}} className="triangle"></i>
+                    <div className='upload-run-map-container' style={{ paddingBottom: "10px" }}>
+                      <div style={{ padding: "15px 0px" }}>
+                        <h1 style={{ paddingBottom: "14px" }}>Select Map</h1>
+                        <div onClick={() => _handle_dropdowns(2)} style={{ display: "flex", alignItems: "center", cursor: "pointer", justifyContent: "space-between" }}>
+                          <span style={{ userSelect: "none" }}>{currentMap}</span>
+                          <i style={{ rotate: "-90deg", transform: "translate(-5px, 10px)" }} className="triangle"></i>
+                        </div>
                       </div>
-                    </div>
-                    <div>
-                      <div id='dropdown2' className={dropdown2Vis ? "upload-run-dropdown" : "upload-run-dropdown hidden"}>
-                        {selectedGameMaps && selectedGameMaps.map((gameMap) => (
-                          <div onClick={() => { setUploadRunContent({...uploadRunContent, map_id: gameMap.id}); _set_current_map(gameMap.name); _handle_dropdowns(2); }} key={gameMap.id}>{gameMap.name}</div>
-                        ))}
+                      <div>
+                        <div id='dropdown2' className={dropdown2Vis ? "upload-run-dropdown" : "upload-run-dropdown hidden"}>
+                          {selectedGameMaps && selectedGameMaps.map((gameMap) => (
+                            <div onClick={() => { setUploadRunContent({ ...uploadRunContent, map_id: gameMap.id }); _set_current_map(gameMap.name); _handle_dropdowns(2); }} key={gameMap.id}>{gameMap.name}</div>
+                          ))}
+                        </div>
+                      </div>
+                      <span>Host Demo</span>
+                      <input type="file" name="host_demo" id="host_demo" accept=".dem" onChange={(e) => _handle_file_change(e, true)} />
+                      {
+                        games[selectedGameID].is_coop &&
+                        (
+                          <>
+                            <span>Partner Demo</span>
+                            <input type="file" name="partner_demo" id="partner_demo" accept=".dem" onChange={(e) => _handle_file_change(e, false)} />
+                            <span>Partner ID</span>
+                            <input type="text" name="partner_id" id="partner_id" onChange={(e) => setUploadRunContent({
+                              ...uploadRunContent,
+                              partner_id: e.target.value,
+                            })} />
+                          </>
+                        )
+                      }
+                      <div className='search-container'>
+
+                      </div>
+                      <div className='upload-run-buttons-container'>
+                        <button onClick={_upload_run}>Submit</button>
+                        <button onClick={() => onClose()}>Cancel</button>
                       </div>
                     </div>
-                    <span>Host Demo</span>
-                    <input type="file" name="host_demo" id="host_demo" accept=".dem" onChange={(e) => _handle_file_change(e, true)} />
-                    {
-                      games[selectedGameID].is_coop &&
-                      (
-                        <>
-                          <span>Partner Demo</span>
-                          <input type="file" name="partner_demo" id="partner_demo" accept=".dem" onChange={(e) => _handle_file_change(e, false)} />
-                          <span>Partner ID</span>
-                          <input type="text" name="partner_id" id="partner_id" onChange={(e) => setUploadRunContent({
-                            ...uploadRunContent,
-                            partner_id: e.target.value,
-                          })} />
-                        </>
-                      )
-                    }
-                    <div className='search-container'>
-                      
-                    </div>
-                    <div className='upload-run-buttons-container'>
-                      <button onClick={_upload_run}>Submit</button>
-                      <button onClick={() => onClose()}>Cancel</button>
-                    </div>
-                  </div>
                   </>
                 )
               }