add agentCreateCharacterFromUrl

msagent.js/src/character.ts

@@ -50,3 +50,9 @@ function agentCharacterParseACS(buffer: BufferStream): AcsData {
 export function agentCreateCharacter(data: Uint8Array): Agent {
 	return new Agent(agentCharacterParseACS(new BufferStream(data)));
 }
+
+export async function agentCreateCharacterFromUrl(url: string) {
+	let res = await fetch(url);
+	let data = await res.arrayBuffer();
+	return agentCreateCharacter(new Uint8Array(data));
+}

webapp/src/html/testbed.html

@@ -17,5 +17,12 @@
 			<label for="testbed-input">ACS to test</label>
 			<input id="testbed-input" type="file" accept=".acs" />
 		</div>
+		<div class="field-row-stacked" style="width: 400px">
+			<form id="acsUrlForm">
+				<label for="acsUrl">Load ACS from URL</label><br>
+				<input type="url" id="acsUrl" required/><br>
+				<input type="submit" value="Load"/>
+			</form>	
+		</div>
 	</body>
 </html>

webapp/src/ts/testbed.ts

@@ -24,3 +24,15 @@ document.addEventListener("DOMContentLoaded", async () => {
     await msagent.agentInit();
     console.log("msagent initalized!");
 })
+
+let form = document.getElementById("acsUrlForm") as HTMLFormElement;
+form.addEventListener('submit', e => {
+    e.preventDefault();
+    let url = (document.getElementById("acsUrl") as HTMLInputElement).value;
+    msagent.agentCreateCharacterFromUrl(url).then(agent => {
+        w.agents.push(agent);
+        agent.addToDom(document.body);
+        agent.show();
+        console.log(`Loaded agent from ${url}`);
+    });
+});