@cocreate/cursors 1.20.4 → 1.20.6

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [1.20.6](https://github.com/CoCreate-app/CoCreate-cursors/compare/v1.20.5...v1.20.6) (2023-10-19)
+
+
+### Bug Fixes
+
+* removed @cocreate/message-client ([50548ed](https://github.com/CoCreate-app/CoCreate-cursors/commit/50548ed558f40f1fa95ccbc24ffaa29cc97769ca))
+
+## [1.20.5](https://github.com/CoCreate-app/CoCreate-cursors/compare/v1.20.4...v1.20.5) (2023-10-14)
+
+
+### Bug Fixes
+
+* add missing socketId ([bc855f8](https://github.com/CoCreate-app/CoCreate-cursors/commit/bc855f8458084899a74d89f15994e3e767675850))
+* bump dependencies ([53cbfe3](https://github.com/CoCreate-app/CoCreate-cursors/commit/53cbfe387f8d682ad3c03748d2582fd79ce79aad))
+
 ## [1.20.4](https://github.com/CoCreate-app/CoCreate-cursors/compare/v1.20.3...v1.20.4) (2023-10-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/cursors",
-  "version": "1.20.4",
+  "version": "1.20.6",
   "description": "Collaborative user cursor position for inputs, textarea's and contenteditable elements.",
   "keywords": [
     "cursors",
@@ -59,12 +59,12 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/local-storage": "^1.10.4",
-    "@cocreate/message-client": "^1.8.2",
-    "@cocreate/observer": "^1.11.4",
+    "@cocreate/local-storage": "^1.10.5",
+    "@cocreate/observer": "^1.11.5",
     "@cocreate/random-color": "^1.7.2",
-    "@cocreate/selection": "^1.9.3",
-    "@cocreate/utils": "^1.25.2",
+    "@cocreate/selection": "^1.9.4",
+    "@cocreate/socket-client": "^1.31.0",
+    "@cocreate/utils": "^1.25.3",
     "@cocreate/uuid": "^1.7.2"
   }
 }

package/src/index.js

@@ -23,14 +23,14 @@
 /*globals ResizeObserver*/
 import observer from '@cocreate/observer';
 import { getAttributeNames } from '@cocreate/utils';
-import message from '@cocreate/message-client';
+import socket from '@cocreate/socket-client';
 import uuid from '@cocreate/uuid';
 import localStorage from '@cocreate/local-storage';
 import { getElementPosition } from '@cocreate/selection';
 import { randomColor } from '@cocreate/random-color';
 import './index.css';
 
-const clientId = message.socket.clientId || uuid.generate(12);
+const clientId = socket.clientId || uuid.generate(12);
 const cursorBackground = randomColor();
 
 let environment_prod = true;
@@ -92,7 +92,7 @@ function drawCursors(selection) {
         elements = document.querySelectorAll(selector);
     }
     for (let element of elements) {
-        if (window.activeElement == element && message.socket.has(selection.socketId)) {
+        if (window.activeElement == element && socket.has(selection.socketId)) {
             continue;
         }
         let realtime = element.getAttribute('realtime');
@@ -342,9 +342,8 @@ function initResizeObserver(element) {
 
 function sendPosition(info) {
     try {
-        message.send({
-            room: "",
-            message: "cursor",
+        socket.send({
+            method: "cursor",
             data: {
                 array: info.array,
                 object: info.object,
@@ -365,9 +364,10 @@ function sendPosition(info) {
 }
 
 
-message.listen('cursor', function (response) {
-    // if (message.socket.has(selection.socketId)) return;
+socket.listen('cursor', function (response) {
+    // if (socket.has(selection.socketId)) return;
     let selection = response.data
+    selection.socketId = response.socketId
     if (selection.start != null && selection.end != null)
         drawCursors(selection);
     else