feat: 노드 업데이트 구현

Author: ezcolin2

apps/backend/src/yjs/yjs.module.ts

@@ -1,7 +1,9 @@
 import { Module } from '@nestjs/common';
 import { YjsService } from './yjs.service';
+import { NodeModule } from 'src/node/node.module';
 
 @Module({
+  imports: [NodeModule],
   providers: [YjsService],
 })
 export class YjsModule {}

apps/backend/src/yjs/yjs.service.ts

@@ -5,10 +5,11 @@ import {
   WebSocketGateway,
   WebSocketServer,
 } from '@nestjs/websockets';
-import { Logger } from '@nestjs/common';
+import { Injectable, Logger } from '@nestjs/common';
 import { Server } from 'socket.io';
 import { YSocketIO } from 'y-socket.io/dist/server';
 import * as Y from 'yjs';
+import { NodeService } from '../node/node.service';
 
 @WebSocketGateway(1234)
 export class YjsService
@@ -17,6 +18,7 @@ export class YjsService
   private logger = new Logger('YjsGateway');
   private ysocketio: YSocketIO;
 
+  constructor(private readonly nodeService: NodeService) {}
   @WebSocketServer()
   server: Server;
 
@@ -32,13 +34,31 @@ export class YjsService
 
     this.ysocketio.initialize();
 
-    this.ysocketio.on('document-loaded', (doc: Y.Doc) => {
-      this.logger.log(`Document loaded: ${doc.guid}`);
+    this.ysocketio.on('document-update', (doc: Y.Doc) => {
+      // console.log(doc.get("content").doc.share.get("content"));
+      // console.log(doc.share.get('default'));
+    });
 
-      const titleMap = doc.getMap('title');
-      titleMap.observe(() => {
-        console.log(titleMap.toString());
+    this.ysocketio.on('document-loaded', (doc: Y.Doc) => {
+      doc.on('update', (update) => {
+        // console.log(Y.decodeUpdate(update).structs);
+        // console.log(doc.share.get('default'));
+        const nodes = Object.values(doc.getMap('nodes').toJSON());
+        console.log(nodes);
+        nodes.forEach((node) => {
+          const { title, id } = node.data;
+          const { x, y } = node.position;
+          console.log(title, id, x, y);
+          this.nodeService.updateNode(id, { title, x, y });
+        });
       });
+      this.logger.log(`Document loaded: ${doc.guid}`);
+      setTimeout(() => {
+        const titleMap = doc.getMap('title');
+        titleMap.observe(() => {
+          console.log(titleMap.toString());
+        });
+      }, 5000);
       // const toggleMap = doc.getMap('toggleMap');
       // toggleMap.observe(() => {
       //   const toggleState = toggleMap.get('toggle') || false;