wip(sync): make the client set its peer id

umap/static/umap/js/modules/sync/engine.js

@@ -62,6 +62,7 @@ export class SyncEngine {
     this._reconnectDelay = RECONNECT_DELAY
     this.websocketConnected = false
     this.closeRequested = false
+    this.peerId = Utils.generateId()
   }
 
   async authenticate() {
@@ -81,7 +82,8 @@ export class SyncEngine {
     this.transport = new WebSocketTransport(
       `${protocol}//${window.location.host}${path}`,
       authToken,
-      this
+      this,
+      this.peerId
     )
   }
 
@@ -127,7 +129,7 @@ export class SyncEngine {
 
     if (this.offline) return
     if (this.transport) {
-      this.transport.send('OperationMessage', { sender: this.uuid, ...message })
+      this.transport.send('OperationMessage', { sender: this.peerId, ...message })
     }
   }
 
@@ -179,7 +181,7 @@ export class SyncEngine {
    * @param {Object} payload
    */
   onOperationMessage(payload) {
-    if (payload.sender === this.uuid) return
+    if (payload.sender === this.peerId) return
     this._operations.storeRemoteOperations([payload])
     this._applyOperation(payload)
   }
@@ -191,9 +193,8 @@ export class SyncEngine {
    * @param {string} payload.uuid The server-assigned uuid for this peer
    * @param {string[]} payload.peers The list of peers uuids
    */
-  onJoinResponse({ uuid, peers }) {
-    debug('received join response', { uuid, peers })
-    this.uuid = uuid
+  onJoinResponse({ peer, peers }) {
+    debug('received join response', { peer, peers })
     this.onListPeersResponse({ peers })
 
     // Get one peer at random
@@ -289,7 +290,7 @@ export class SyncEngine {
   sendToPeer(recipient, verb, payload) {
     payload.verb = verb
     this.transport.send('PeerMessage', {
-      sender: this.uuid,
+      sender: this.peerId,
       recipient: recipient,
       message: payload,
     })
@@ -301,7 +302,7 @@ export class SyncEngine {
    * @returns {string|bool} the selected peer uuid, or False if none was found.
    */
   _getRandomPeer() {
-    const otherPeers = this.peers.filter((p) => p !== this.uuid)
+    const otherPeers = this.peers.filter((p) => p !== this.peerId)
     if (otherPeers.length > 0) {
       const random = Math.floor(Math.random() * otherPeers.length)
       return otherPeers[random]

umap/static/umap/js/modules/sync/websocket.js

@@ -3,13 +3,13 @@ const PING_INTERVAL = 30000
 const FIRST_CONNECTION_TIMEOUT = 2000
 
 export class WebSocketTransport {
-  constructor(webSocketURI, authToken, messagesReceiver) {
+  constructor(webSocketURI, authToken, messagesReceiver, peerId) {
     this.receiver = messagesReceiver
 
     this.websocket = new WebSocket(webSocketURI)
 
     this.websocket.onopen = () => {
-      this.send('JoinRequest', { token: authToken })
+      this.send('JoinRequest', { token: authToken, peer: peerId })
       this.receiver.onConnection()
     }
     this.websocket.addEventListener('message', this.onMessage.bind(this))

umap/sync/app.py

@@ -1,6 +1,5 @@
 import asyncio
 import logging
-import uuid
 
 import redis.asyncio as redis
 from django.conf import settings
@@ -29,7 +28,8 @@ async def application(scope, receive, send):
 
 
 async def sync(scope, receive, send, **kwargs):
-    peer = Peer(uuid=uuid.uuid4(), map_id=kwargs["map_id"])
+    room_id = f"umap:{kwargs['map_id']}"
+    peer = Peer(room_id)
     peer._send = send
     while True:
         event = await receive()
@@ -59,11 +59,9 @@ async def sync(scope, receive, send, **kwargs):
 
 
 class Peer:
-    def __init__(self, uuid, map_id, username=None):
-        self.uuid = uuid
-        self.user_id = f"user:{uuid}"
+    def __init__(self, room_id, username=None):
         self.username = username or ""
-        self.room_id = f"umap:{map_id}"
+        self.room_id = room_id
         self.is_authenticated = False
 
     async def get_peers(self):
@@ -90,17 +88,17 @@ class Peer:
 
     async def listen(self):
         await self.listen_to_channel(self.room_id)
-        await self.listen_to_channel(self.user_id)
+        await self.listen_to_channel(self.peer_id)
 
     async def connect(self):
         self.client = redis.from_url(settings.REDIS_URL)
 
     async def disconnect(self):
-        await self.client.hdel(self.room_id, self.user_id)
+        await self.client.hdel(self.room_id, self.peer_id)
         await self.send_peers_list()
         await self.client.aclose()
         await self.client.publish(self.room_id, "STOP")
-        await self.client.publish(self.user_id, "STOP")
+        await self.client.publish(self.peer_id, "STOP")
 
     async def send_peers_list(self):
         message = ListPeersResponse(peers=await self.get_peers())
@@ -124,9 +122,11 @@ class Peer:
             user, room_id, permissions = signed.values()
             if "edit" not in permissions:
                 return await self.disconnect()
-            await self.client.hset(self.room_id, self.user_id, self.username)
+            self.peer_id = message.peer
+            print("AUTHENTICATED", self.peer_id)
+            await self.client.hset(self.room_id, self.peer_id, self.username)
             await self.listen()
-            response = JoinResponse(uuid=str(self.uuid), peers=await self.get_peers())
+            response = JoinResponse(peer=self.peer_id, peers=await self.get_peers())
             await self.send(response.model_dump_json())
             await self.send_peers_list()
             self.is_authenticated = True

umap/sync/payloads.py

@@ -6,6 +6,7 @@ from pydantic import BaseModel, Field, RootModel
 class JoinRequest(BaseModel):
     kind: Literal["JoinRequest"] = "JoinRequest"
     token: str
+    peer: str
 
 
 class OperationMessage(BaseModel):
@@ -39,7 +40,7 @@ class JoinResponse(BaseModel):
 
     kind: Literal["JoinResponse"] = "JoinResponse"
     peers: list
-    uuid: str
+    peer: str
 
 
 class ListPeersResponse(BaseModel):