style: 💄 fix linter issues

Author: streamich

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

@@ -7,15 +7,15 @@ import type {Point} from '../rga/Point';
  * Cursor is a slice that represents an explicitly highlighted place in the
  * text to the user. The {@link Cursor} is a {@link Range}, it has a `start`
  * {@link Point} and an `end` {@link Point}.
- * 
+ *
  * The {@link Cursor} can be a caret (collapsed cursor) or a selection (range
  * expanded cursor). The caret is said to be "collapsed", its `start` and `end`
  * {@link Point}s are the same. When the selection is said to be "expanded", its
  * `start` and `end` {@link Point}s are different.
- * 
+ *
  * The `start` {@link Point} is always the one that comes first in the text, it
  * is less then or equal to the `end` {@link Point} in the spatial (text) order.
- * 
+ *
  * An expanded selection cursor has a *focus* and an *anchor* side. The *focus*
  * side is the one that moves when the user presses the arrow keys. The *anchor*
  * side is the one that stays in place when the user presses the arrow keys. The

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

@@ -672,11 +672,17 @@ export class Editor<T = string> implements Printable {
     const pending = this.pending.value;
     const pendingFormatted = {} as any;
     for (const [type, data] of pending) pendingFormatted[formatType(type)] = data;
-    return 'Editor' + printTree(tab, [
-      (tab) => 'cursors' + printTree(tab,
-        [...this.cursors()].map((cursor) => (tab) => cursor.toString(tab)),
-      ),
-      () => `pending ${stringify(pendingFormatted)}`
-    ]);
+    return (
+      'Editor' +
+      printTree(tab, [
+        (tab) =>
+          'cursors' +
+          printTree(
+            tab,
+            [...this.cursors()].map((cursor) => (tab) => cursor.toString(tab)),
+          ),
+        () => `pending ${stringify(pendingFormatted)}`,
+      ])
+    );
   }
 }

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

@@ -74,7 +74,15 @@ export const RenderCaret: React.FC<RenderCaretProps> = ({italic, children}) => {
   return (
     <span className={blockClass}>
       {children}
-      {score !== plugin.lastVisScore.value && <CaretScore score={score} delta={delta} onRender={() => {plugin.lastVisScore.value = score;}} />}
+      {score !== plugin.lastVisScore.value && (
+        <CaretScore
+          score={score}
+          delta={delta}
+          onRender={() => {
+            plugin.lastVisScore.value = score;
+          }}
+        />
+      )}
       <span className={innerClass} style={style} />
     </span>
   );

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

@@ -51,9 +51,5 @@ export const RenderPeritext: React.FC<RenderPeritextProps> = ({ctx, children}) =
     };
   }, [ctx?.dom, value]);
 
-  return (
-    <context.Provider value={value}>
-      {children}
-    </context.Provider>
-  );
+  return <context.Provider value={value}>{children}</context.Provider>;
 };

src/json-crdt-peritext-ui/plugins/minimal/text.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import {CommonSliceType} from '../../../json-crdt-extensions';
 import type {PeritextPlugin} from '../../react/types';
 import type {InlineAttrStack} from '../../../json-crdt-extensions/peritext/block/Inline';

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

@@ -9,7 +9,6 @@ import type {PeritextSurfaceContextValue} from './context';
 import type {Inline} from '../../json-crdt-extensions/peritext/block/Inline';
 
 export interface PeritextPlugin {
-
   // --------------------------------------------------- Block-level formatting
 
   peritext?: (
@@ -28,7 +27,7 @@ export interface PeritextPlugin {
 
   /**
    * Renders a custom view for the *caret* (collapsed cursor) in the editor.
-   * 
+   *
    * Make sure that this component is treated as `{ display: inline }` by the
    * browser. Otherwise, it will break words, which will result in word
    * wrapping, and the layout will shift when the caret is moved.
@@ -46,7 +45,7 @@ export interface PeritextPlugin {
    * Renders a custom view for the *focus* edge of a selection
    * (range expanded cursor) in the editor. The focus edge of the selection is
    * the one that moves when the user presses the arrow keys.
-   * 
+   *
    * Make sure that this component is treated as `{ display: inline }` by the
    * browser. Otherwise, it will break words, which will result in word
    * wrapping, and the layout will shift when the selection is moved.
@@ -64,7 +63,7 @@ export interface PeritextPlugin {
    * Renders a custom view for the *anchor* edge of a selection
    * (range expanded cursor) in the editor. The anchor edge of the selection is
    * the one that stays in place when the user presses the arrow keys.
-   * 
+   *
    * Make sure that this component is treated as `{ display: inline }` by the
    * browser. Otherwise, it will break words, which will result in word
    * wrapping, and the layout will shift when the selection is moved.