Change CRDT model to reflect board structure

This way it might be easier later on to transition to a fully CRDT based
model, as now we can iterate all items and their fields and react to
item additions and removals.

YJS_CRDT_WIP.md

@@ -17,8 +17,10 @@ Must-haves
 - Undo buffer integration. Editor has its own local undo but we should also add the full edit as a global undo item
 - Mobile check
 - Manage session on the server side: terminate YJS sockets when websocket session is terminated
+- APIs
 - Performance testing
 - Playwright tests
+- Include API basic tests in Playwright tests
 
 Nice-to-haves
 

frontend/src/store/crdt-store.ts

@@ -30,15 +30,29 @@ function BoardCRDT(
  console.log("YJS Provider status", event.status)
  })
 
- function getField(itemId: Id, field: string) {
- return doc.getText(`items.${itemId}.${field}`)
+ function getField(itemId: Id, fieldName: string, create: boolean = true) {
+ const items = doc.getMap("items")
+ let item = items.get(itemId) as Y.Map<any> | undefined
+ if (!item) {
+ if (!create) throw Error(`Item ${itemId} not found`)
+ item = new Y.Map()
+ items.set(itemId, item)
+ }
+ let field = item.get(fieldName) as Y.Text | undefined
+ if (!field) {
+ if (!create) throw Error(`Field ${fieldName} not found in item ${itemId}`)
+ field = new Y.Text()
+ item.set(fieldName, field)
+ }
+ return field
  }
 
  localBoardItemEvents.forEach((event) => {
  if (event.action === "item.add") {
  for (const item of event.items) {
  if (isTextItem(item) && item.crdt) {
- getField(item.id, "text").insert(0, item.text)
+ // Initialize CRDT for the "text" field
+ getField(item.id, "text", true).insert(0, item.text)
  }
  }
  }