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(); +