style(json-crdt-peritext-ui): 💄 fix linter issues

Author: streamich

src/json-crdt-peritext-ui/plugins/blocks/RenderBlock/index.tsx

@@ -22,28 +22,28 @@ export const RenderBlock: React.FC<RenderBlockProps> = (props) => {
       return <Blockquote {...props} />;
     }
     case CommonSliceType.h1: {
-      return <h1>{children}</h1>
+      return <h1>{children}</h1>;
     }
     case CommonSliceType.h2: {
-      return <h2>{children}</h2>
+      return <h2>{children}</h2>;
     }
     case CommonSliceType.h3: {
-      return <h3>{children}</h3>
+      return <h3>{children}</h3>;
     }
     case CommonSliceType.h4: {
-      return <h4>{children}</h4>
+      return <h4>{children}</h4>;
     }
     case CommonSliceType.h5: {
-      return <h5>{children}</h5>
+      return <h5>{children}</h5>;
     }
     case CommonSliceType.h6: {
-      return <h6>{children}</h6>
+      return <h6>{children}</h6>;
     }
     case CommonSliceType.title: {
-      return <h1>{children}</h1>
+      return <h1>{children}</h1>;
     }
     case CommonSliceType.subtitle: {
-      return <h2>{children}</h2>
+      return <h2>{children}</h2>;
     }
     default: {
       return <p style={{padding: '16px 0'}}>{children}</p>;

src/json-crdt-peritext-ui/plugins/toolbar/RenderFocus.tsx

@@ -44,7 +44,7 @@ export const RenderFocus: React.FC<RenderFocusProps> = ({children, cursor}) => {
 
   let toolbarElement: React.ReactNode = null;
 
-  if (showInlineToolbarValue && !isScrubbing && (toolbar.txt.editor.mainCursor() === cursor))
+  if (showInlineToolbarValue && !isScrubbing && toolbar.txt.editor.mainCursor() === cursor)
     toolbarElement = (
       <MoveToViewport>
         <CaretToolbar

src/json-crdt-peritext-ui/plugins/toolbar/state/index.tsx

@@ -369,7 +369,7 @@ export class ToolbarState implements UiLifeCycles {
       name: 'HTML',
       text: action + ' html',
       icon,
-      right: iconHtml, 
+      right: iconHtml,
       onSelect: () => {
         et.buffer({...ctx.onBeforeAction?.(htmlAction, action), action, format: 'html'});
       },
@@ -462,7 +462,7 @@ export class ToolbarState implements UiLifeCycles {
       name: 'HTML',
       text: 'paste html',
       icon,
-      right: iconHtml, 
+      right: iconHtml,
       onSelect: () => {
         et.buffer({...ctx.onBeforeAction?.(htmlAction, 'paste'), action: 'paste', format: 'html'});
       },
@@ -533,10 +533,7 @@ export class ToolbarState implements UiLifeCycles {
         et.buffer({...ctx.onBeforeAction?.(copyTextOnlyAction, 'copy'), action: 'copy', format: 'text'});
       },
     };
-    const children: MenuItem[] = [
-      copyAction,
-      copyTextOnlyAction,
-    ];
+    const children: MenuItem[] = [copyAction, copyTextOnlyAction];
     if (!ctx.hideStyleActions) {
       const copyStyleAction: MenuItem = {
         name: 'Copy style',
@@ -580,11 +577,7 @@ export class ToolbarState implements UiLifeCycles {
       name: 'Cut',
       icon: () => <Iconista width={16} height={16} set="tabler" icon="scissors" />,
       expand: 5,
-      children: [
-        cutAction,
-        cutTextAction,
-        this.copyAsMenu('cut', ctx),
-      ],
+      children: [cutAction, cutTextAction, this.copyAsMenu('cut', ctx)],
     };
   };
 
@@ -604,10 +597,7 @@ export class ToolbarState implements UiLifeCycles {
         et.buffer({...ctx.onBeforeAction?.(pasteTextAction, 'paste'), action: 'paste', format: 'text'});
       },
     };
-    const children: MenuItem[] = [
-      pasteAction,
-      pasteTextAction,
-    ];
+    const children: MenuItem[] = [pasteAction, pasteTextAction];
     if (!ctx.hideStyleActions) {
       const pasteStyleAction: MenuItem = {
         name: 'Paste style',
@@ -639,11 +629,7 @@ export class ToolbarState implements UiLifeCycles {
       icon: () => <Iconista width={16} height={16} set="lucide" icon="copy" />,
       expand: 0,
       sepBefore: true,
-      children: [
-        copyMenu,
-        cutMenu,
-        pasteMenu,
-      ],
+      children: [copyMenu, cutMenu, pasteMenu],
     };
   };
 
@@ -1504,24 +1490,24 @@ export class ToolbarState implements UiLifeCycles {
               name: 'Select block',
               icon: () => <Iconista width={16} height={16} set="bootstrap" icon="cursor-text" />,
               onSelect: () => {
-                let start = block.start.clone();
+                const start = block.start.clone();
                 if (!start.isAbsStart()) start.step(1);
                 et.cursor({at: [start, block.end]});
               },
             },
             this.clipboardMenu({
               hideStyleActions: true,
               onBeforeAction: (item, action) => {
-                let start = block.start.clone();
-                if (!start.isAbsStart() && (action === 'paste')) start.step(1);
+                const start = block.start.clone();
+                if (!start.isAbsStart() && action === 'paste') start.step(1);
                 return {
                   at: [start, block.end],
                 };
               },
             }),
           ],
         },
-        
+
         secondBrain(),
       ],
     };
@@ -1535,5 +1521,5 @@ export interface LeafBlockMenuCtx {
 
 export interface ClipboardMenuCtx {
   hideStyleActions?: boolean;
-  onBeforeAction?: (item: MenuItem, action: 'cut' | 'copy' | 'paste') => (void | Partial<BufferDetail>);
+  onBeforeAction?: (item: MenuItem, action: 'cut' | 'copy' | 'paste') => void | Partial<BufferDetail>;
 }

src/json-crdt-peritext-ui/web/dom/CursorController.ts

@@ -127,7 +127,7 @@ export class CursorController implements UiLifeCycles, Printable {
         ev.preventDefault();
         et.move([
           ['anchor', 'word', -1],
-            ['focus', 'word', 1],
+          ['focus', 'word', 1],
         ]);
         break;
       case 3:

src/json-crdt-peritext-ui/web/react/BlockView.tsx

@@ -51,7 +51,8 @@ export const BlockView: React.FC<BlockViewProps> = React.memo(
             const key = cursorEnd.end.key() + '-b';
             let element: React.ReactNode;
             if (cursorEnd.isEndFocused()) {
-              if (cursorEnd.isCollapsed()) element = <CaretView key={key} italic={!!italic} point={cursorEnd.start} cursor={cursorEnd} />;
+              if (cursorEnd.isCollapsed())
+                element = <CaretView key={key} italic={!!italic} point={cursorEnd.start} cursor={cursorEnd} />;
               else
                 element = (
                   <FocusView