Fix some sockets frontend bugs

Author: bhasher

src/publics/js/dev/page/editor/cursor.js

@@ -1,3 +1,10 @@
+/**
+ * This module deals with cursor.
+ * @author Brieuc Dubois
+ * @date Created on 14/11/2020
+ * @date Last modification on 19/11/2020
+ * @version 1.0.0
+ */
 import Config from "/js/dev/config.js";
 import _, {getCurrentNode, getNodeFromAttribute} from "/js/dev/utils/element.js";
 import EventManager from "/js/dev/utils/events.js";
@@ -18,7 +25,7 @@ export default class Cursor{
         this.request = {};
 
         // Listen for others caret moves
-        document.addEventListener('socket.receive.cursor-moves', e => {
+        document.addEventListener('editor.cursor-moves', e => {
             this.update(e);
         });
 
@@ -57,6 +64,10 @@ export default class Cursor{
         return {};
     }
 
+    /**
+     * Send the cursor position if it change
+     * @param {Cursor} cursor
+     */
     sendCursorPosition(cursor){
         const request = cursor.request;
         if(cursor && Object.keys(request).length > 0){
@@ -70,7 +81,7 @@ export default class Cursor{
      * @param {Object.<string, string | Array>} ev
      */
     update(ev){
-        const data = ev.detail.request.data;
+        const data = ev.detail;
         if(this.current.has(data.userId)){
             this.current.get(data.userId)[0].remove();
             this.current.get(data.userId)[1].removeAttribute('contenteditable');

src/publics/js/dev/page/editor/editable.js

@@ -6,15 +6,13 @@
  * @version 2.0.0
  */
 import temporaryCardAlert from "/js/dev/component/text-alert.js";
-import Config from "/js/dev/config.js";
 import Key from "/js/dev/page/editor/key.js";
-import Keys from "/js/dev/page/editor/key.js";
 import LinesManager from "/js/dev/page/editor/linesManager.js";
 import PrismCustom from "/js/dev/page/editor/prism/prismCustom.js";
 import Request from "/js/dev/page/editor/requests.js";
 import Tab, {TabType} from "/js/dev/page/editor/tab.js";
 import Caret from "/js/dev/utils/caret.js";
-import Debug from "/js/dev/utils/debug.js";
+import Debug from "/js/dev/utils/debugging/debug.js";
 import {getNodeFromAttribute, getParentFromSpecificTypes} from "/js/dev/utils/element.js";
 import EventManager from "/js/dev/utils/events.js";
 import Random from "/js/dev/utils/random.js";
@@ -29,6 +27,23 @@ export default class Editable{
 
         this.keepSpace = false;
 
+        /**
+         * Receive all update events
+         */
+        document.addEventListener('socket.receive.update', e => {
+            if(e && e.detail && e.detail && typeof e.detail[Symbol.iterator] === 'function'){
+                for(const req of e.detail){
+                    if(req.type){
+                        EventManager.triggerCustom('editor.' + req.type, req.data);
+                    }else{
+                        Debug.warn('Trying to trigger a null received event.');
+                    }
+                }
+            }else{
+                Debug.warn('Trying to iterate on non-iterable data.');
+            }
+        });
+
         EventManager.triggerCustom('socket.preprocess', [this.coroutine, [this]]);
 
         /**
@@ -157,29 +172,29 @@ export default class Editable{
         /**
          * Receive an update about the content of a line
          */
-        document.addEventListener('socket.receive.set-line', e => {
-            const id = e.detail.request.data.id;
-            const content = e.detail.request.data.content;
+        document.addEventListener('editor.set-line', e => {
+            const id = e.detail.id;
+            const content = e.detail.content;
             this.last_request[id] = content;
             this.linesManager.update(id, content);
         });
 
         /**
          * Receive a new line to create
          */
-        document.addEventListener('socket.receive.new-line', e => {
-            const id = e.detail.request.data.id;
-            const previous = e.detail.request.data.previous;
-            const content = e.detail.request.data.content;
+        document.addEventListener('editor.new-line', e => {
+            const id = e.detail.id;
+            const previous = e.detail.previous;
+            const content = e.detail.content;
             this.last_request[id] = content;
             this.linesManager.new(id, previous, content);
         });
 
         /**
          * Receive a line to delete
          */
-        document.addEventListener('socket.receive.delete-line', e => {
-            const id = e.detail.request.data.id;
+        document.addEventListener('editor.delete-line', e => {
+            const id = e.detail.id;
             if(id in this.last_request) delete this.last_request[id];
             this.linesManager.remove(id);
         });

src/publics/js/dev/page/editor/linesManager.js

@@ -6,7 +6,7 @@
  * @version 1.0.0
  */
 import PrismCustom from "/js/dev/page/editor/prism/prismCustom.js";
-import Debug from "/js/dev/utils/debug.js";
+import Debug from "/js/dev/utils/debugging/debug.js";
 import {createElement} from "/js/dev/utils/element.js";
 import Stack from "/js/dev/utils/stack.js";
 import {htmlEncode} from "/js/dev/utils/string.js";

src/publics/js/dev/page/editor/prism/prismCustom.js

@@ -1,7 +1,7 @@
 import {patterns} from "/js/dev/page/editor/prism/patterns.js";
 import {Prism} from "/js/dev/page/editor/prism/prism.js";
 import Caret from "/js/dev/utils/caret.js";
-import Debug from "/js/dev/utils/debug.js";
+import Debug from "/js/dev/utils/debugging/debug.js";
 import {getNodeFromAttribute} from "/js/dev/utils/element.js";
 import {htmlEncode} from "/js/dev/utils/string.js";
 

src/publics/js/dev/page/editor/socket.js

@@ -1,5 +1,5 @@
 import Config from "/js/dev/config.js";
-import Debug from "/js/dev/utils/debug.js";
+import Debug from "/js/dev/utils/debugging/debug.js";
 import Socket from "/js/dev/utils/websocket/socket.js";
 
 const UPDATE_EVENT = 'update';