chore: rename word from caret to cursor

src/editor.ts

@@ -550,19 +550,19 @@ export class Editor {
     this.container.blur();
   }
 
-  // Scrolls to the caret or the range of the selection.
+  // Scrolls to the cursor or the range of the selection.
   public scrollToCaret(): void {
     const range = this.selection.range;
     if (range.isBox) {
       return;
     }
-    // Creates an artificial caret that is the same size as the caret at the current caret position.
+    // Creates an artificial cursor that is the same size as the cursor at the current cursor position.
     const rangeRect = range.getRect();
     if (rangeRect.x === 0 || rangeRect.y === 0) {
       return;
     }
     const containerRect = (this.container.get(0) as Element).getBoundingClientRect();
-    const artificialCaret = query('<div class="lake-artificial-caret" />');
+    const artificialCaret = query('<div class="lake-artificial-cursor" />');
     const left = rangeRect.x - containerRect.x;
     const top = rangeRect.y - containerRect.y;
     artificialCaret.css({
@@ -574,7 +574,7 @@ export class Editor {
       // background: 'red',
       'z-index': '-1',
     });
-    this.overlayContainer.find('.lake-artificial-caret').remove();
+    this.overlayContainer.find('.lake-artificial-cursor').remove();
     this.overlayContainer.append(artificialCaret);
     scrollToNode(artificialCaret, {
       behavior: 'instant',

src/managers/selection.ts

@@ -84,7 +84,7 @@ function appendNextNestedNodes(activeItems: ActiveItem[], range: Range): void {
 }
 
 export class Selection {
-  // Represents the range of text selected by the user or the current position of the caret.
+  // Represents the range of text selected by the user or the current position of the cursor.
   private selection: NativeSelection;
 
   // Is the root element which has contenteditable="true" attribute.

src/models/range.ts

@@ -461,8 +461,8 @@ export class Range {
 
   // Relocates the start and end points of the range for <br /> element.
   // In composition mode (e.g., when a user starts entering a Chinese character using a Pinyin IME),
-  // uncompleted text is inserted if the caret is positioned behind a <br> tag.
-  // To fix this bug, the caret needs to be moved to the front of the <br> tag.
+  // uncompleted text is inserted if the cursor is positioned behind a <br> tag.
+  // To fix this bug, the cursor needs to be moved to the front of the <br> tag.
   public adjustBr(): void {
     if (!this.isCollapsed) {
       return;

tests/editor.test.ts

@@ -322,7 +322,7 @@ describe('editor', () => {
     expect(currentValue).to.equal(output);
   });
 
-  it('fixContent method: should fix caret', () => {
+  it('fixContent method: should fix cursor', () => {
     const input = '<p><br /><focus /></p>';
     const output = '<p><focus /><br /></p>';
     const editor = new Editor({
@@ -459,8 +459,8 @@ describe('editor', () => {
     editor.selection.range.collapseToStart();
     editor.scrollToCaret();
     expect(nativeRootNode.scrollTop).to.equal(0);
-    // should remove fake caret
-    expect(editor.overlayContainer.find('.lake-artificial-caret').length).to.equal(0);
+    // should remove fake cursor
+    expect(editor.overlayContainer.find('.lake-artificial-cursor').length).to.equal(0);
     editor.unmount();
   });