style: 💄 fix linter issues

Author: streamich

src/json-crdt-extensions/peritext/editor/Editor.ts

@@ -21,7 +21,16 @@ import type {Peritext} from '../Peritext';
 import type {ChunkSlice} from '../util/ChunkSlice';
 import type {MarkerSlice} from '../slice/MarkerSlice';
 import type {SliceRegistry} from '../registry/SliceRegistry';
-import type {CharIterator, CharPredicate, Position, TextRangeUnit, ViewStyle, ViewRange, ViewSlice, EditorUi} from './types';
+import type {
+  CharIterator,
+  CharPredicate,
+  Position,
+  TextRangeUnit,
+  ViewStyle,
+  ViewRange,
+  ViewSlice,
+  EditorUi,
+} from './types';
 
 /**
  * For inline boolean ("Overwrite") slices, both range endpoints should be
@@ -510,7 +519,13 @@ export class Editor<T = string> implements Printable {
    * @param endpoint 0 for "focus", 1 for "anchor", 2 for both.
    * @param collapse Whether to collapse the range to a single point.
    */
-  public move(steps: number, unit: TextRangeUnit, endpoint: 0 | 1 | 2 = 0, collapse: boolean = true, ui?: EditorUi<T>): void {
+  public move(
+    steps: number,
+    unit: TextRangeUnit,
+    endpoint: 0 | 1 | 2 = 0,
+    collapse: boolean = true,
+    ui?: EditorUi<T>,
+  ): void {
     this.forCursor((cursor) => {
       switch (endpoint) {
         case 0: {

src/json-crdt-extensions/peritext/editor/types.ts

@@ -25,7 +25,7 @@ export interface EditorUi<T = string> {
   /**
    * Visually skips to the end or beginning of the line. Visually as in, it will
    * respect the visual line breaks created by word wrapping.
-   * 
+   *
    * Skips just one line, regardless of the magnitude of the `steps` parameter.
    *
    * @param point The point from which to start skipping.
@@ -35,7 +35,7 @@ export interface EditorUi<T = string> {
    * @returns The point after skipping the specified number of lines, or
    *     undefined if no such point exists.
    */
-  eol?(point: Point<T>, steps: number): (Point<T> | undefined);
+  eol?(point: Point<T>, steps: number): Point<T> | undefined;
 
   /**
    * Used when user presses "ArrowUp" or "ArrowDown" keys. It will skip to the

src/json-crdt-peritext-ui/events/defaults/PeritextEventDefaults.ts

@@ -11,7 +11,7 @@ import type {UndoCollector} from '../../types';
 import type {UiHandle} from './ui/UiHandle';
 import type {Point} from '../../../json-crdt-extensions/peritext/rga/Point';
 import {Anchor} from '../../../json-crdt-extensions/peritext/rga/constants';
-import {EditorUi} from '../../../json-crdt-extensions/peritext/editor/types';
+import type {EditorUi} from '../../../json-crdt-extensions/peritext/editor/types';
 
 const toText = (buf: Uint8Array) => new TextDecoder().decode(buf);
 
@@ -26,13 +26,13 @@ export interface PeritextEventDefaultsOpts {
  * {@link PeritextEventTarget} to provide default behavior for each event type.
  * If `event.preventDefault()` is called on a Peritext event, the default handler
  * will not be executed.
-*/
+ */
 export class PeritextEventDefaults implements PeritextEventHandlerMap {
   public undo?: UndoCollector;
   public ui?: UiHandle;
 
   protected editorUi: EditorUi = {
-    eol: (point: Point, steps: number): (Point | undefined) => {
+    eol: (point: Point, steps: number): Point | undefined => {
       const ui = this.ui;
       if (!ui) return;
       const res = ui.getLineEnd(point, steps > 0);
@@ -47,14 +47,15 @@ export class PeritextEventDefaults implements PeritextEventHandlerMap {
       if (!currLine) return;
       const lineEdgeX = currLine[0][1].x;
       const relX = pos[0] - lineEdgeX;
-      let iterations = Math.abs(steps);
+      const iterations = Math.abs(steps);
       let nextPoint = point;
       for (let i = 0; i < iterations; i++) {
         const nextLine = steps > 0 ? ui.getNextLineInfo(currLine) : ui.getPrevLineInfo(currLine);
         if (!nextLine) break;
         nextPoint = ui.findPointAtRelX(relX, nextLine);
         if (!nextPoint) break;
-        if (point.anchor === Anchor.Before) nextPoint.refBefore(); else nextPoint.refAfter();
+        if (point.anchor === Anchor.Before) nextPoint.refBefore();
+        else nextPoint.refAfter();
       }
       return nextPoint;
     },

src/json-crdt-peritext-ui/events/defaults/ui/UiHandle.ts

@@ -37,7 +37,7 @@ export class UiHandle {
   public pointX(pos: number | Point<string>): [x: number, rect: Rect] | undefined {
     const txt = this.txt;
     const point = typeof pos === 'number' ? txt.pointAt(pos) : pos;
-    const rect = this.getPointRect(point, point.anchor === Anchor.Before ? true : false);
+    const rect = this.getPointRect(point, point.anchor === Anchor.Before);
     if (!rect) return;
     const x = point.anchor === Anchor.Before ? rect.x : rect.x + rect.width;
     return [x, rect];
@@ -47,7 +47,7 @@ export class UiHandle {
     const lineRect = line[0][1];
     const lineX = lineRect.x;
     let point = line[0][0].clone();
-    let curr = point;
+    const curr = point;
     let bestDiff = 1e9;
     const max = line[1][0].viewPos() - line[0][0].viewPos();
     if (!this.api.getCharRect) return point;
@@ -83,7 +83,7 @@ export class UiHandle {
       return [curr, currRect];
     };
     while (true) {
-      const next = curr.copy(p => p.step(right ? 1 : -1));
+      const next = curr.copy((p) => p.step(right ? 1 : -1));
       if (!next) return prepareReturn();
       const nextRect = this.getPointRect(next, right);
       if (!nextRect) return prepareReturn();
@@ -107,14 +107,14 @@ export class UiHandle {
   public getPrevLineInfo(line: UiLineInfo): UiLineInfo | undefined {
     const [[left]] = line;
     if (left.isStart()) return;
-    const point = left.copy(p => p.step(-1));
+    const point = left.copy((p) => p.step(-1));
     return this.getLineInfo(point);
   }
 
   public getNextLineInfo(line: UiLineInfo): UiLineInfo | undefined {
     const [, [right]] = line;
     if (right.viewPos() >= this.txt.str.length()) return;
-    const point = right.copy(p => p.step(1));
+    const point = right.copy((p) => p.step(1));
     return this.getLineInfo(point);
   }
 }

src/json-crdt-peritext-ui/events/defaults/ui/types.ts

@@ -32,13 +32,6 @@ export interface PeritextUiApi {
   isRTL?(pos: number | Point<string>): boolean;
 }
 
-export type UiLineEdge = [
-  point: Point,
-  rect: Rect,
-];
-
-export type UiLineInfo = [
-  left: UiLineEdge,
-  right: UiLineEdge,
-];
+export type UiLineEdge = [point: Point, rect: Rect];
 
+export type UiLineInfo = [left: UiLineEdge, right: UiLineEdge];

src/json-crdt-peritext-ui/events/types.ts

@@ -156,7 +156,7 @@ export interface CursorDetail {
    * one word in the direction specified by `len`. If `'line'`, the cursor
    * will be moved to the beginning or end of line, in direction specified
    * by `len`.
-   * 
+   *
    * - `'point'`: Moves by one Peritext anchor point. Each character has two
    *     anchor points, one from each side of the character.
    * - `'char'`: Moves by one character. Skips one visible character.
@@ -171,7 +171,7 @@ export interface CursorDetail {
    * - `'block'`: Moves to the beginning or end of block, i.e. paragraph,
    *     blockequote, etc.
    * - `'all'`: Moves to the beginning or end of the document.
-   * 
+   *
    * @default 'char'
    */
   unit?: 'point' | 'char' | 'word' | 'line' | 'vert' | 'block' | 'all';

src/json-crdt-peritext-ui/plugins/cursor/RenderCaret.tsx

@@ -74,7 +74,7 @@ export const RenderCaret: React.FC<RenderCaretProps> = ({italic, point, children
   const {dom} = usePeritext();
   const focus = useSyncStoreOpt(dom?.cursor.focus) || false;
   const plugin = useCursorPlugin();
-  
+
   const anchorForward = point.anchor === Anchor.Before;
 
   const score = plugin.score.value;

src/json-crdt-peritext-ui/plugins/debug/DebugPlugin.tsx

@@ -24,5 +24,7 @@ export class DebugPlugin implements PeritextPlugin {
     </RenderPeritext>
   );
 
-  public readonly caret: PeritextPlugin['caret'] = (props, children) => <RenderCaret {...props}>{children}</RenderCaret>;
+  public readonly caret: PeritextPlugin['caret'] = (props, children) => (
+    <RenderCaret {...props}>{children}</RenderCaret>
+  );
 }

src/json-crdt-peritext-ui/plugins/debug/RenderBlock.tsx

@@ -30,12 +30,8 @@ export const RenderBlock: React.FC<RenderBlockProps> = ({block, hash, children})
 
   return (
     <div style={{position: 'relative'}}>
-      <div contentEditable={false} className={labelContainerClass} onMouseDown={e => e.preventDefault()}>
-        <DebugLabel right={hash.toString(36)}>
-          {block.path
-            .map((type) => formatType(type))
-            .join('.')}
-        </DebugLabel>
+      <div contentEditable={false} className={labelContainerClass} onMouseDown={(e) => e.preventDefault()}>
+        <DebugLabel right={hash.toString(36)}>{block.path.map((type) => formatType(type)).join('.')}</DebugLabel>
       </div>
       <div style={{outline: '1px dotted blue'}}>{children}</div>
     </div>

src/json-crdt-peritext-ui/plugins/debug/RenderCaret/CharOverlay.tsx

@@ -13,6 +13,7 @@ export const CharOverlay: React.FC<CharOverlayProps> = ({rectRef, ...rest}) => {
   useWindowSize();
   useWindowScroll();
   const ref = React.useRef<HTMLSpanElement | null>(null);
+  // biome-ignore lint: lint/correctness/useExhaustiveDependencies
   React.useEffect(() => {
     (rectRef as any).current = (rect?: Rect) => {
       const span = ref.current;
@@ -30,7 +31,5 @@ export const CharOverlay: React.FC<CharOverlayProps> = ({rectRef, ...rest}) => {
     };
   }, []);
 
-  return (
-    <span {...rest} ref={ref} />
-  );
+  return <span {...rest} ref={ref} />;
 };