Implement play websocket handshake

1 files changed, 26 insertions, 1 deletions

diff --git a/assets/session.js b/assets/session.js
index 7d00838..c607594 100644
--- a/assets/session.js
+++ b/assets/session.js
@@ -4,7 +4,32 @@ const id = document.getElementById('session-script').dataset.id;
 const websocket = new WebSocket(`/session/${id}/play`);
 
 websocket.addEventListener('open', () => {
-    colorSelect.disabled = false;
+    websocket.send(JSON.stringify({
+        "Initialize": { id }
+    }));
+});
+
+websocket.addEventListener('message', (event) => {
+    const message = JSON.parse(event.data);
+
+    if (Object.hasOwn(message, 'Initialize')) {
+        const payload = message.Initialize;
+        for (let element in Array.from(colorSelect.getElementsByClassName('color-select-colors'))) {
+            element.remove();
+        }
+        payload.colors.forEach((color) => {
+            const selection = document.createElement('option');
+            selection.value = color;
+            selection.innerText = color;
+            selection.classList.add('color-select-colors');
+            colorSelect.appendChild(selection);
+        });
+        colorSelect.disabled = false;
+    }
+});
+
+websocket.addEventListener('close', () => {
+    colorSelect.disabled = true;
 });
 
 colorSelect.addEventListener('change', () => {