[codemirror] update shared cursor css

codemirror/codemirror.html

@@ -7,16 +7,18 @@
     <link rel=stylesheet href="https://codemirror.net/lib/codemirror.css"  async defer>
     <style>
       .remote-caret {
-        position: absolute;
-        border-left: black;
-        border-left-style: solid;
-        border-left-width: 2px;
-        height: 1em;
+        position: relative;
+        border-left: 1px solid black;
+        border-right: 1px solid black;
+        margin-left: -1px;
+        margin-right: -1px;
+        box-sizing: border-box;
       }
       .remote-caret > div {
-        position: relative;
+        position: absolute;
         top: -1.05em;
-        font-size: 13px;
+        left: -1px;
+        font-size: .6em;
         background-color: rgb(250, 129, 0);
         font-family: serif;
         font-style: normal;
@@ -27,6 +29,15 @@
         padding-left: 2px;
         padding-right: 2px;
         z-index: 3;
+        transition: opacity .3s ease-in-out;
+      }
+      .remote-caret.hide-name > div {
+        transition-delay: .7s;
+        opacity: 0;
+      }
+      .remote-caret:hover > div {
+        opacity: 1;
+        transition-delay: 0s;
       }
       </style>
   </head>

codemirror/codemirror.js

@@ -4,7 +4,7 @@
 import CodeMirror from 'codemirror'
 import * as Y from 'yjs'
 import { WebsocketProvider } from 'y-websocket'
-import { CodeMirrorBinding } from 'y-codemirror'
+import { CodemirrorBinding } from 'y-codemirror'
 import 'codemirror/mode/javascript/javascript.js'
 
 window.addEventListener('load', () => {
@@ -24,7 +24,7 @@ window.addEventListener('load', () => {
     lineNumbers: true
   })
 
-  const binding = new CodeMirrorBinding(yText, editor, provider.awareness)
+  const binding = new CodemirrorBinding(yText, editor, provider.awareness)
 
   const connectBtn = /** @type {HTMLElement} */ (document.getElementById('y-connect-btn'))
   connectBtn.addEventListener('click', () => {

codemirror/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "codemirror": "^5.52.2",
     "serve": "^11.2.0",
-    "y-codemirror": "^1.0.6",
+    "y-codemirror": "^2.0.0",
     "y-websocket": "^1.2.4",
     "yjs": "^13.0.0",
     "webpack": "^4.41.2",

package.json

@@ -29,9 +29,9 @@
     "standard": "^12.0.1",
     "tiptap-demo": "./tiptap",
     "ws": "^7.2.3",
-    "y-protocols": "^0.2.2",
-    "y-websocket": "^1.2.4",
-    "yjs": "^13.0.4"
+    "y-protocols": "^0.2.3",
+    "y-websocket": "^1.2.5",
+    "yjs": "^13.0.5"
   },
   "engines": {
     "node": "^12.0.0"