diff --git a/package.json b/package.json
index 37488735..ab3181b4 100644
--- a/package.json
+++ b/package.json
@@ -135,8 +135,6 @@
"vite": "^7.0.0",
"vite-plugin-generate-file": "^0.3.0",
"vite-plugin-html": "^3.2.2",
- "vite-plugin-node-stdlib-browser": "^0.2.1",
- "vite-plugin-singlefile": "^2.3.0",
"vite-plugin-svgr": "^4.0.0",
"vitest": "^3.0.0",
"vitest-axe": "^1.0.0-pre.3"
diff --git a/sdk/index.html b/sdk/index.html
index c66274ff..22118364 100644
--- a/sdk/index.html
+++ b/sdk/index.html
@@ -8,59 +8,60 @@
import { createMatrixRTCSdk } from "http://localhost:8123/matrixrtc-sdk.js";
try {
- console.log("Hello from index.html");
- try {
- window.matrixRTCSdk = await createMatrixRTCSdk();
- console.info("createMatrixRTCSdk was created!");
- } catch (e) {
- console.error("createMatrixRTCSdk", e);
- }
-
- // const sdk = window.matrixRTCSdk;
- console.info("matrixRTCSdk join ", window.matrixRTCSdk);
- await window.matrixRTCSdk.join();
- console.info("matrixRTCSdk joined ");
-
- const div = document.getElementById("data");
- div.innerHTML = "
Data:
";
-
- window.matrixRTCSdk.data$.subscribe((data) => {
- const child = document.createElement("p");
- child.innerHTML = JSON.stringify(data);
- div.appendChild(child);
- // TODO forward to godot
- });
-
- window.matrixRTCSdk.members$.subscribe((memberObjects) => {
- console.info("members changed", memberObjects);
-
- // reset div
- const div = document.getElementById("members");
- div.innerHTML = "Members:
";
-
- // create member list
- const members = memberObjects.map((member) => member.userId);
- console.info("members changed", members);
- for (const m of members) {
- console.info("member", m);
- const child = document.createElement("p");
- child.innerHTML = m;
- div.appendChild(child);
- }
- // TODO forward to godot
- });
-
- // TODO use it as godot HTML template
- // var engine = new Engine($GODOT_CONFIG);
- // engine.startGame();
+ window.matrixRTCSdk = await createMatrixRTCSdk();
+ console.info("createMatrixRTCSdk was created!");
} catch (e) {
- console.error("catchALL,", e);
+ console.error("createMatrixRTCSdk", e);
}
+
+ const sdk = window.matrixRTCSdk;
+ console.info("matrixRTCSdk join ", sdk);
+ await sdk.join();
+ console.info("matrixRTCSdk joined ");
+
+ const div = document.getElementById("data");
+ div.innerHTML = "Data:
";
+
+ sdk.data$.subscribe((data) => {
+ const child = document.createElement("p");
+ child.innerHTML = JSON.stringify(data);
+ div.appendChild(child);
+ // TODO forward to godot
+ });
+
+ sdk.members$.subscribe((memberObjects) => {
+ console.info("members changed", memberObjects);
+
+ // reset div
+ const div = document.getElementById("members");
+ div.innerHTML = "Members:
";
+
+ // create member list
+ const members = memberObjects.map((member) => member.userId);
+ console.info("members changed", members);
+ for (const m of members) {
+ console.info("member", m);
+ const child = document.createElement("p");
+ child.innerHTML = m;
+ div.appendChild(child);
+ }
+ // TODO forward to godot
+ });
+ sdk.connected$.subscribe((connected) => {
+ console.info("connected changed", connected);
+ const div = document.getElementById("connect_status");
+ div.innerHTML = connected ? "Connected" : "Disconnected";
+ });
+
+ // TODO use it as godot HTML template
+ // var engine = new Engine($GODOT_CONFIG);
+ // engine.startGame();
+