From 51a6d89cea9f0760432561e011a05ffb0d457c29 Mon Sep 17 00:00:00 2001
From: Sundog <sundog@reclaim.technology>
Date: Mon, 1 Jul 2024 11:54:51 -0400
Subject: [PATCH] adds first pass api client functionality, updates manifest to
 include entire app

---
 src/webserver/play/index.php     | 22 +++++++++++++++++++---
 src/webserver/play/manifest.json |  1 +
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/webserver/play/index.php b/src/webserver/play/index.php
index f5a6b02..7428147 100644
--- a/src/webserver/play/index.php
+++ b/src/webserver/play/index.php
@@ -67,6 +67,8 @@
 <div id="map-view"></div>
 <div id="player-map-icon"><div class="playerMapIcon"><div>👤</div></div></div>
 <script language="javascript">
+    var player;
+
     var globalZoom = 19; // default zoom level
 
     var globalPosition = new THREE.Vector3();
@@ -137,10 +139,16 @@ AFRAME.registerComponent('camera-logger', {
                 L.DomUtil.addClass(marker._icon, 'small-marker');
 	    }
 	});
+
+	var debugText = "<p>Time: " + this.data.seconds + "</p>\n";
+	debugText += "<p>Position: " + worldPos.x.toFixed(6) + ", " + worldPos.z.toFixed(6) + "</p>\n";
+	debugText += "<p>Distance to marker[0]: " + globalMap.distance(currentPosition, globalMarkers[0]._latlng).toFixed(1) + " meters</p>\n";
+
+	if (player && player.nickname) {
+	    debugText = "<p><strong>You are " + player.nickname + "</strong></p>\n" + debugText;
+	}
 	
-        document.querySelector('#debug-view').innerHTML = "<p>Time: " + this.data.seconds 
-		+ "</p><p>Camera Position: (" + worldPos.x.toFixed(6) + ", " + worldPos.y.toFixed(2) + ", " + worldPos.z.toFixed(6) + ")</p>"
-		+ "</p><p>Distance to marker[0]: " + globalMap.distance(currentPosition, globalMarkers[0]._latlng).toFixed(1) + " meters</p>";
+        document.querySelector('#debug-view').innerHTML = debugText; 
     });
   },
 
@@ -157,6 +165,14 @@ AFRAME.registerComponent('camera-logger', {
     }
   },
 });
+
+// fetch player info from API
+fetch("https://wander.reclaim.technology/webserver/api/me.php").then((response) => {
+    return response.text();
+}).then((playerJSON) => {
+    player = JSON.parse(playerJSON);
+});
+
 </script>
 <div id="ar-view">
 <a-scene vr-mode-ui='enabled: false' arjs='sourceType: webcam; videoTexture: true; debugUIEnabled: true' renderer='antialias: true; alpha: true'>
diff --git a/src/webserver/play/manifest.json b/src/webserver/play/manifest.json
index 94b0a66..12fef4d 100644
--- a/src/webserver/play/manifest.json
+++ b/src/webserver/play/manifest.json
@@ -14,5 +14,6 @@
 	}
     ],
     "start_url": "https://wander.reclaim.technology/webserver/play/",
+    "scope": "https://wander.reclaim.technology/",
     "display": "fullscreen"
 }