some more moving code around

game/Communication.js

@@ -0,0 +1,49 @@
+import WsClient from './WsClient.js'
+
+let conn
+let changesCallback = () => {}
+
+function onChanges(callback) {
+  changesCallback = callback
+}
+
+function connect(gameId, playerId) {
+  conn = new WsClient(WS_ADDRESS, playerId + '|' + gameId)
+  return new Promise(r => {
+    conn.connect()
+    conn.send(JSON.stringify({ type: 'init' }))
+    conn.onSocket('message', async ({ data }) => {
+      const d = JSON.parse(data)
+      if (d.type === 'init') {
+        r(d.game)
+      } else if (d.type === 'state_changed' && d.origin !== playerId) {
+        changesCallback(d.changes)
+      }
+    })
+  })
+}
+
+const _STATE = {
+  changed: false,
+  changes: [],
+}
+
+function addChange(change) {
+  _STATE.changes.push(change)
+  _STATE.changed = true
+}
+
+function sendChanges() {
+  if (_STATE.changed) {
+    conn.send(JSON.stringify({ type: 'state', state: _STATE }))
+    _STATE.changes = []
+    _STATE.changed = false
+  }
+}
+
+export default {
+  connect,
+  onChanges,
+  addChange,
+  sendChanges,
+}

game/Debug.js

@@ -0,0 +1,21 @@
+let _pt = 0
+let _mindiff = 0
+
+const checkpoint_start = (mindiff) => {
+  _pt = performance.now()
+  _mindiff = mindiff
+}
+
+const checkpoint = (label) => {
+  const now = performance.now();
+  const diff = now - _pt
+  if (diff > _mindiff) {
+    console.log(label + ': ' + (diff));
+  }
+  _pt = now;
+}
+
+export default {
+  checkpoint_start,
+  checkpoint,
+}