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

streamich · Apr 30, 2024 · ceadbdd · ceadbdd
1 parent 75e2620
commit ceadbdd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/json-crdt-extensions/peritext/overlay/__tests__/Overlay.spec.ts b/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', () => {

diff --git a/src/json-crdt-extensions/peritext/slice/Cursor.ts b/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)]) : '');
   }
 }