feat(json-crdt-extensions): 🎸 improve how cursor is displayed

Author: streamich

src/json-crdt-extensions/peritext/overlay/__tests__/Overlay.spec.ts

@@ -186,7 +186,6 @@ describe('slices', () => {
       expect(point3.layers[1].data()).toStrictEqual({bold: true});
       const point4 = next(point3)!;
       expect(point4.layers.length).toBe(0);
-      console.log(peritext + '');
     });
 
     test('one char slice should correctly sort overlay points', () => {

src/json-crdt-extensions/peritext/slice/Cursor.ts

@@ -101,9 +101,9 @@ export class Cursor<T = string> extends Range<T> implements Slice<T> {
   // ---------------------------------------------------------------- Printable
 
   public toString(tab: string = ''): string {
-    const text = JSON.stringify(this.text());
+    const text = this.text();
     const focusIcon = this.anchorSide === CursorAnchor.Start ? '.→|' : '|←.';
     const main = `${this.constructor.name} ${super.toString(tab + '  ', true)} ${focusIcon}`;
-    return main + printTree(tab, [() => text]);
+    return main + (text.length > 32 ? printTree(tab, [() => JSON.stringify(text)]) : '');
   }
 }