biome all the things

Author: k11kirky

.posthog/.gitignore

@@ -59,9 +59,6 @@
     "yaml": "^2.8.1"
   },
   "dependencies": {
-    "@posthog/agent": "^1.3.1",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/themes": "^3.2.1",
     "@tiptap/extension-link": "^3.6.6",
     "@tiptap/extension-mention": "^3.6.6",
     "@tiptap/extension-placeholder": "^3.6.6",

.posthog/2348a2cd-5fd7-4637-91d9-1b7f6957cbfc/plan.md

@@ -9,9 +9,9 @@ import {
   type MenuItemConstructorOptions,
 } from "electron";
 import { registerAgentIpc, type TaskController } from "./services/agent.js";
+import { registerFsIpc } from "./services/fs.js";
 import { registerOsIpc } from "./services/os.js";
 import { registerPosthogIpc } from "./services/posthog.js";
-import { registerFsIpc } from "./services/fs.js";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);

package.json

@@ -1,7 +1,7 @@
+import { exec } from "node:child_process";
 import fs from "node:fs";
 import path from "node:path";
 import { promisify } from "node:util";
-import { exec } from "node:child_process";
 import { type IpcMainInvokeEvent, ipcMain } from "electron";
 
 const execAsync = promisify(exec);
@@ -123,7 +123,7 @@ export function registerFsIpc(): void {
         }
 
         // Filter by query if provided
-        if (query && query.trim()) {
+        if (query?.trim()) {
           const lowerQuery = query.toLowerCase();
           return allFiles
             .filter(
@@ -142,4 +142,3 @@ export function registerFsIpc(): void {
     },
   );
 }
-

src/main/index.ts

@@ -1,12 +1,12 @@
 import { Box, Flex, Text } from "@radix-ui/themes";
-import { type SuggestionKeyDownProps } from "@tiptap/suggestion";
+import type { SuggestionKeyDownProps } from "@tiptap/suggestion";
 import {
+  type ForwardedRef,
   forwardRef,
   useEffect,
   useImperativeHandle,
   useRef,
   useState,
-  type ForwardedRef,
 } from "react";
 
 export interface FileMentionListProps {
@@ -19,26 +19,23 @@ export interface FileMentionListRef {
 }
 
 export const FileMentionList = forwardRef(
-  (
-    props: FileMentionListProps,
-    ref: ForwardedRef<FileMentionListRef>,
-  ) => {
+  (props: FileMentionListProps, ref: ForwardedRef<FileMentionListRef>) => {
     const [selectedIndex, setSelectedIndex] = useState(0);
     const containerRef = useRef<HTMLDivElement>(null);
     const itemRefs = useRef<(HTMLDivElement | null)[]>([]);
 
     const scrollIntoView = (index: number) => {
       const container = containerRef.current;
       const item = itemRefs.current[index];
-      
+
       if (!container || !item) return;
-      
+
       const containerTop = container.scrollTop;
       const containerBottom = containerTop + container.clientHeight;
-      
+
       const itemTop = item.offsetTop;
       const itemBottom = itemTop + item.offsetHeight;
-      
+
       if (itemTop < containerTop) {
         // Item is above visible area
         container.scrollTop = itemTop;
@@ -56,7 +53,8 @@ export const FileMentionList = forwardRef(
     };
 
     const upHandler = () => {
-      const newIndex = (selectedIndex + props.items.length - 1) % props.items.length;
+      const newIndex =
+        (selectedIndex + props.items.length - 1) % props.items.length;
       setSelectedIndex(newIndex);
       setTimeout(() => scrollIntoView(newIndex), 0);
     };
@@ -71,8 +69,8 @@ export const FileMentionList = forwardRef(
       selectItem(selectedIndex);
     };
 
-    useEffect(() => setSelectedIndex(0), [props.items]);
-    
+    useEffect(() => setSelectedIndex(0), []);
+
     useEffect(() => {
       // Initialize refs array to match items length
       itemRefs.current = itemRefs.current.slice(0, props.items.length);
@@ -136,15 +134,15 @@ export const FileMentionList = forwardRef(
         {props.items.map((item, index) => (
           <Flex
             key={item.path}
-            ref={(el) => (itemRefs.current[index] = el)}
+            ref={(el) => {
+              itemRefs.current[index] = el;
+            }}
             className={`file-mention-item ${index === selectedIndex ? "is-selected" : ""}`}
             onClick={() => selectItem(index)}
             onMouseEnter={() => setSelectedIndex(index)}
           >
             <Flex direction="column" gap="1">
-              <Text size="1">
-                {item.path}
-              </Text>
+              <Text size="1">{item.path}</Text>
             </Flex>
           </Flex>
         ))}
@@ -154,4 +152,3 @@ export const FileMentionList = forwardRef(
 );
 
 FileMentionList.displayName = "FileMentionList";
-

src/main/services/fs.ts

@@ -1,14 +1,14 @@
-import { IconButton, Flex, Separator, Select } from "@radix-ui/themes";
 import {
+  CodeIcon,
   FontBoldIcon,
   FontItalicIcon,
-  UnderlineIcon,
-  StrikethroughIcon,
-  CodeIcon,
-  QuoteIcon,
   Link1Icon,
   ListBulletIcon,
+  QuoteIcon,
+  StrikethroughIcon,
+  UnderlineIcon,
 } from "@radix-ui/react-icons";
+import { Flex, IconButton, Select, Separator } from "@radix-ui/themes";
 import type { Editor } from "@tiptap/react";
 
 interface FormattingToolbarProps {
@@ -22,12 +22,15 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
   const toggleStrike = () => editor.chain().focus().toggleStrike().run();
   const toggleCode = () => editor.chain().focus().toggleCode().run();
   const toggleCodeBlock = () => editor.chain().focus().toggleCodeBlock().run();
-  const toggleBlockquote = () => editor.chain().focus().toggleBlockquote().run();
-  const toggleBulletList = () => editor.chain().focus().toggleBulletList().run();
-  const toggleOrderedList = () => editor.chain().focus().toggleOrderedList().run();
-  
+  const toggleBlockquote = () =>
+    editor.chain().focus().toggleBlockquote().run();
+  const toggleBulletList = () =>
+    editor.chain().focus().toggleBulletList().run();
+  const toggleOrderedList = () =>
+    editor.chain().focus().toggleOrderedList().run();
+
   const setLink = () => {
-    const url = window.prompt('Enter URL:');
+    const url = window.prompt("Enter URL:");
     if (url) {
       editor.chain().focus().setLink({ href: url }).run();
     }
@@ -39,14 +42,14 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
 
   const getCurrentHeading = () => {
     for (let i = 1; i <= 6; i++) {
-      if (editor.isActive('heading', { level: i })) {
+      if (editor.isActive("heading", { level: i })) {
         return i.toString();
       }
     }
-    if (editor.isActive('paragraph')) {
-      return 'paragraph';
+    if (editor.isActive("paragraph")) {
+      return "paragraph";
     }
-    return 'paragraph';
+    return "paragraph";
   };
 
   return (
@@ -66,15 +69,15 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
       <Select.Root
         value={getCurrentHeading()}
         onValueChange={(value) => {
-          if (value === 'paragraph') {
+          if (value === "paragraph") {
             editor.chain().focus().setParagraph().run();
           } else {
-            setHeading(parseInt(value) as 1 | 2 | 3 | 4 | 5 | 6);
+            setHeading(parseInt(value, 10) as 1 | 2 | 3 | 4 | 5 | 6);
           }
         }}
         size="1"
       >
-        <Select.Trigger style={{ minWidth: '80px' }} />
+        <Select.Trigger style={{ minWidth: "80px" }} />
         <Select.Content>
           <Select.Item value="paragraph">Paragraph</Select.Item>
           <Select.Item value="1">Heading 1</Select.Item>
@@ -91,34 +94,34 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
       {/* Text Formatting */}
       <IconButton
         size="1"
-        variant={editor.isActive('bold') ? 'solid' : 'ghost'}
+        variant={editor.isActive("bold") ? "solid" : "ghost"}
         onClick={toggleBold}
         title="Bold (Ctrl+B)"
       >
         <FontBoldIcon />
       </IconButton>
-      
+
       <IconButton
         size="1"
-        variant={editor.isActive('italic') ? 'solid' : 'ghost'}
+        variant={editor.isActive("italic") ? "solid" : "ghost"}
         onClick={toggleItalic}
         title="Italic (Ctrl+I)"
       >
         <FontItalicIcon />
       </IconButton>
-      
+
       <IconButton
         size="1"
-        variant={editor.isActive('underline') ? 'solid' : 'ghost'}
+        variant={editor.isActive("underline") ? "solid" : "ghost"}
         onClick={toggleUnderline}
         title="Underline (Ctrl+U)"
       >
         <UnderlineIcon />
       </IconButton>
-      
+
       <IconButton
         size="1"
-        variant={editor.isActive('strike') ? 'solid' : 'ghost'}
+        variant={editor.isActive("strike") ? "solid" : "ghost"}
         onClick={toggleStrike}
         title="Strikethrough (Ctrl+Shift+X)"
       >
@@ -130,16 +133,16 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
       {/* Code */}
       <IconButton
         size="1"
-        variant={editor.isActive('code') ? 'solid' : 'ghost'}
+        variant={editor.isActive("code") ? "solid" : "ghost"}
         onClick={toggleCode}
         title="Inline Code (Ctrl+E)"
       >
         <CodeIcon />
       </IconButton>
-      
+
       <IconButton
         size="1"
-        variant={editor.isActive('codeBlock') ? 'solid' : 'ghost'}
+        variant={editor.isActive("codeBlock") ? "solid" : "ghost"}
         onClick={toggleCodeBlock}
         title="Code Block (Ctrl+Shift+C)"
       >
@@ -151,25 +154,25 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
       {/* Lists and Blocks */}
       <IconButton
         size="1"
-        variant={editor.isActive('bulletList') ? 'solid' : 'ghost'}
+        variant={editor.isActive("bulletList") ? "solid" : "ghost"}
         onClick={toggleBulletList}
         title="Bullet List (Ctrl+Shift+8)"
       >
         <ListBulletIcon />
       </IconButton>
-      
+
       <IconButton
         size="1"
-        variant={editor.isActive('orderedList') ? 'solid' : 'ghost'}
+        variant={editor.isActive("orderedList") ? "solid" : "ghost"}
         onClick={toggleOrderedList}
         title="Numbered List (Ctrl+Shift+7)"
       >
-        <span style={{ fontSize: '11px', fontWeight: 'bold' }}>1.</span>
+        <span style={{ fontSize: "11px", fontWeight: "bold" }}>1.</span>
       </IconButton>
-      
+
       <IconButton
         size="1"
-        variant={editor.isActive('blockquote') ? 'solid' : 'ghost'}
+        variant={editor.isActive("blockquote") ? "solid" : "ghost"}
         onClick={toggleBlockquote}
         title="Blockquote (Ctrl+Shift+B)"
       >
@@ -181,13 +184,12 @@ export function FormattingToolbar({ editor }: FormattingToolbarProps) {
       {/* Links */}
       <IconButton
         size="1"
-        variant={editor.isActive('link') ? 'solid' : 'ghost'}
+        variant={editor.isActive("link") ? "solid" : "ghost"}
         onClick={setLink}
         title="Link (Ctrl+K)"
       >
         <Link1Icon />
       </IconButton>
-
     </Flex>
   );
 }