Always display peer name (#362)

* Custom username span

* Use tooltip to display remote user name

* Automatic application of license header

---------

Co-authored-by: Frédéric Collonval <[email protected]>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: fcollonval

packages/react/package.json

@@ -64,13 +64,14 @@
   },
   "dependencies": {
     "@codemirror/lang-python": "^6.0.1",
+    "@codemirror/state": "^6.2.0",
+    "@codemirror/view": "^6.7.0",
     "@datalayer/primer-addons": "^0.3.2",
     "@jupyter-widgets/base": "^6.0.0",
     "@jupyter-widgets/controls": "^5.0.0",
     "@jupyter-widgets/html-manager": "^1.0.0",
     "@jupyter-widgets/jupyterlab-manager": "^5.0.0",
     "@jupyter-widgets/output": "^6.0.0",
-    "@jupyter/collaboration": "^3.1.0",
     "@jupyter/web-components": "^0.15.3",
     "@jupyter/ydoc": "3.0.2",
     "@jupyterlab/application": "^4.0.0",
@@ -149,7 +150,9 @@
     "usehooks-ts": "^2.9.1",
     "utf-8-validate": "^6.0.3",
     "wildcard-match": "^5.1.2",
+    "y-protocols": "^1.0.5",
     "y-websocket": "^2.1.0",
+    "yjs": "^13.5.40",
     "zustand": "^4.4.1"
   },
   "devDependencies": {

packages/react/src/components/notebook/BaseNotebook.tsx

@@ -4,7 +4,7 @@
  * MIT License
  */
 
-import { type ISharedNotebook, type IYText, YNotebook } from '@jupyter/ydoc';
+import { YNotebook, type ISharedNotebook, type IYText } from '@jupyter/ydoc';
 import type { ISessionContext } from '@jupyterlab/apputils';
 import type { Cell, CodeCell, ICellModel } from '@jupyterlab/cells';
 import { type IEditorServices } from '@jupyterlab/codeeditor';
@@ -73,12 +73,11 @@ import {
   WidgetManager,
 } from '../../jupyter';
 import type { OnSessionConnection } from '../../state';
-import { newUuid } from '../../utils';
+import { newUuid, remoteUserCursors } from '../../utils';
 import { Lumino } from '../lumino';
 import { Loader } from '../utils';
 import type { DatalayerNotebookExtension } from './Notebook';
 import addNotebookCommands from './NotebookCommands';
-import { remoteUserCursors } from '@jupyter/collaboration';
 
 const COMPLETER_TIMEOUT_MILLISECONDS = 1000;
 const DEFAULT_EXTENSIONS = new Array<DatalayerNotebookExtension>();
@@ -917,8 +916,8 @@ class CommonFeatures {
         return EditorExtensionRegistry.createImmutableExtension(
           remoteUserCursors({ awareness, ytext })
         );
-      }
-    })
+      },
+    });
 
     const factoryService = new CodeMirrorEditorFactory({
       extensions: editorExtensions,