Merge pull request #31 from metaversecloud-com/dev

Refactor data objects

Author: LinaBell

.github/workflows/aws_dev_release.yml

@@ -62,8 +62,6 @@ jobs:
       - name: Login to Amazon ECR
         id: login-ecr
         uses: aws-actions/amazon-ecr-login@v2
-        with:
-          mask-password: 'false'
 
       - name: Image Metadata
         id: metadata

.github/workflows/aws_prod_release.yml

@@ -66,8 +66,6 @@ jobs:
       - name: Login to Amazon ECR
         id: login-ecr
         uses: aws-actions/amazon-ecr-login@v2
-        with:
-          mask-password: 'false'
 
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3

client/src/context/reducer.js

@@ -74,7 +74,7 @@ const globalReducer = (state, action) => {
         ...state,
         checkpointsCompleted: payload.checkpointsCompleted,
         elapsedTimeInSeconds: payload.elapsedTimeInSeconds,
-        highscore: payload.highscore,
+        highScore: payload.highScore,
         isAdmin: payload.isAdmin,
         leaderboard: payload.leaderboard,
         numberOfCheckpoints: payload.numberOfCheckpoints,

client/src/pages/Leaderboard.jsx

@@ -16,7 +16,7 @@ import { backendAPI, loadGameState } from "@utils";
 
 function Leaderboard() {
   const dispatch = useContext(GlobalDispatchContext);
-  const { leaderboard, highscore, isAdmin } = useContext(GlobalStateContext);
+  const { leaderboard, highScore, isAdmin } = useContext(GlobalStateContext);
   const [loading, setLoading] = useState(true);
   const [showSettings, setShowSettings] = useState(false);
   const location = useLocation();
@@ -36,23 +36,6 @@ function Leaderboard() {
     fetchGameState();
   }, [dispatch, backendAPI]);
 
-  const sortedLeaderboard = leaderboard
-    ? Object.entries(leaderboard)
-        .filter(([, playerData]) => playerData && playerData.highscore)
-        .sort(([, a], [, b]) => {
-          const aScore = a.highscore.split(":").map(Number);
-          const bScore = b.highscore.split(":").map(Number);
-
-          for (let i = 0; i < 3; i++) {
-            if (aScore[i] !== bScore[i]) {
-              return aScore[i] - bScore[i];
-            }
-          }
-          return 0;
-        })
-        .slice(0, 20)
-    : [];
-
   if (loading) return <Loading />;
 
   if (showSettings) return <AdminView setShowSettings={setShowSettings} />;
@@ -63,10 +46,10 @@ function Leaderboard() {
     <>
       {isAdmin && <AdminGear setShowSettings={setShowSettings} />}
       <div className="px-4 my-6">
-        <div className="highscore-container">
+        <div className="highScore-container">
           <div className="icon">🏅</div>
           <h3>Personal Best</h3>
-          <p>{highscore || "No highscore available"}</p>
+          <p>{highScore || "No highScore available"}</p>
         </div>
         <div className="icon pt-4">🏆</div>
         <div className="pb-4">
@@ -81,18 +64,20 @@ function Leaderboard() {
             </tr>
           </thead>
           <tbody>
-            {sortedLeaderboard?.length === 0 ? (
+            {leaderboard?.length === 0 ? (
               <tr>
                 <td colSpan="3">There are no race finishes yet.</td>
               </tr>
             ) : (
-              sortedLeaderboard?.map(([userId, entry], index) => (
-                <tr key={userId}>
-                  <td>{index + 1}</td>
-                  <td>{entry.username}</td>
-                  <td>{entry.highscore}</td>
-                </tr>
-              ))
+              leaderboard?.map((item, index) => {
+                return (
+                  <tr key={index}>
+                    <td>{index + 1}</td>
+                    <td>{item.displayName}</td>
+                    <td>{item.highScore}</td>
+                  </tr>
+                );
+              })
             )}
           </tbody>
         </table>

client/src/pages/Leaderboard.scss

@@ -9,7 +9,7 @@
   text-align: center;
 }
 
-.highscore-container {
+.highScore-container {
   text-align: center;
   margin-bottom: 20px;
   padding: 10px;

client/src/utils/loadGameState.js

@@ -10,7 +10,7 @@ export const loadGameState = async (dispatch) => {
         payload: {
           checkpointsCompleted: result.data.checkpointsCompleted,
           elapsedTimeInSeconds: result.data.elapsedTimeInSeconds,
-          highscore: result.data.highscore,
+          highScore: result.data.highScore,
           isAdmin: result.data.isAdmin,
           leaderboard: result.data.leaderboard,
           numberOfCheckpoints: result.data.numberOfCheckpoints,

package-lock.json

@@ -4,7 +4,7 @@
   "description": "",
   "dependencies": {
     "@googleapis/sheets": "^7.0.0",
-    "@rtsdk/topia": "^0.15.8",
+    "@rtsdk/topia": "^0.17.4",
     "axios": "^1.6.7",
     "body-parser": "^1.20.2",
     "concurrently": "^8.2.2",

package.json

@@ -40,3 +40,10 @@ export const TRACKS = [
     sceneId: "oXghmgohNPuaICPA9Ne5",
   },
 ];
+
+export const DEFAULT_PROGRESS = {
+  checkpoints: { 0: false },
+  elapsedTime: null,
+  highScore: null,
+  startTimestamp: null,
+};

server/constants.js

@@ -1,22 +1,22 @@
-import { errorHandler, getCredentials, World } from "../utils/index.js";
+import { errorHandler, getCredentials, getVisitor, updateVisitorProgress } from "../utils/index.js";
 
 export const handleCancelRace = async (req, res) => {
   try {
     const credentials = getCredentials(req.query);
-    const { urlSlug, profileId, sceneDropId } = credentials;
 
-    const world = await World.create(urlSlug, { credentials });
+    const { visitor, visitorProgress } = await getVisitor(credentials);
 
-    if (profileId) {
-      world
-        .updateDataObject({
-          [`${sceneDropId}.profiles.${profileId}.checkpoints`]: {},
-          [`${sceneDropId}.profiles.${profileId}.elapsedTime`]: null,
-          [`${sceneDropId}.profiles.${profileId}.startTimestamp`]: null,
-        })
-        .then()
-        .catch((error) => console.error(JSON.stringify(error)));
-    }
+    const updateVisitorResult = await updateVisitorProgress({
+      credentials,
+      updatedProgress: {
+        checkpoints: {},
+        elapsedTime: null,
+        startTimestamp: null,
+      },
+      visitor,
+      visitorProgress,
+    });
+    if (updateVisitorResult instanceof Error) throw updateVisitorResult;
 
     return res.json({ success: true });
   } catch (error) {