fix: misc cleanup across toolbar, fixtures, comment storage, and next config

Author: aidenybai

packages/react-grab/e2e/fixtures.ts

@@ -1008,9 +1008,7 @@ const createReactGrabPageObject = (page: Page): ReactGrabPageObject => {
         const items = dropdown.querySelectorAll<HTMLButtonElement>(
           "[data-react-grab-menu-item]",
         );
-        return Array.from(items).map(
-          (item) => item.textContent?.trim() ?? "",
-        );
+        return Array.from(items).map((item) => item.textContent?.trim() ?? "");
       }
       return [];
     }, ATTRIBUTE_NAME);
@@ -1682,9 +1680,7 @@ const createReactGrabPageObject = (page: Page): ReactGrabPageObject => {
             id: "comment-action",
             label: "Edit",
             shortcut: "Enter",
-            onAction: (context: {
-              enterPromptMode?: () => void;
-            }) => {
+            onAction: (context: { enterPromptMode?: () => void }) => {
               context.enterPromptMode?.();
             },
           },

packages/react-grab/src/components/toolbar/index.tsx

@@ -1299,24 +1299,14 @@ export const Toolbar: Component<ToolbarProps> = (props) => {
             </span>
           </Show>
           <Show when={selectionHintIndex() === 1}>
-            <span
-              class={cn(
-                "flex items-center gap-1",
-                HINT_FLIP_IN_ANIMATION,
-              )}
-            >
+            <span class={cn("flex items-center gap-1", HINT_FLIP_IN_ANIMATION)}>
               <Kbd>↑</Kbd>
               <Kbd>↓</Kbd>
               to fine-tune target
             </span>
           </Show>
           <Show when={selectionHintIndex() === 2}>
-            <span
-              class={cn(
-                "flex items-center gap-1",
-                HINT_FLIP_IN_ANIMATION,
-              )}
-            >
+            <span class={cn("flex items-center gap-1", HINT_FLIP_IN_ANIMATION)}>
               <Kbd>esc</Kbd>
               to cancel
             </span>

packages/react-grab/src/components/toolbar/toolbar-content.tsx

@@ -216,10 +216,12 @@ export const ToolbarContent: Component<ToolbarContentProps> = (props) => {
           "grid relative overflow-visible",
           gridSizeTransitionClass(),
           props.isCollapsed
-            ? (isVertical()
-                ? "grid-rows-[0fr] pointer-events-none"
-                : "grid-cols-[0fr] pointer-events-none")
-            : (isVertical() ? "grid-rows-[1fr]" : "grid-cols-[1fr]"),
+            ? isVertical()
+              ? "grid-rows-[0fr] pointer-events-none"
+              : "grid-cols-[0fr] pointer-events-none"
+            : isVertical()
+              ? "grid-rows-[1fr]"
+              : "grid-cols-[1fr]",
         )}
       >
         <div

packages/react-grab/src/utils/comment-storage.ts

@@ -76,9 +76,7 @@ let didConfirmClear = readSessionFlag(CLEAR_CONFIRMED_KEY);
 
 export const loadComments = (): CommentItem[] => commentItems;
 
-export const addCommentItem = (
-  item: Omit<CommentItem, "id">,
-): CommentItem[] =>
+export const addCommentItem = (item: Omit<CommentItem, "id">): CommentItem[] =>
   persistCommentItems(
     [{ ...item, id: generateId("comment") }, ...commentItems].slice(
       0,
@@ -101,6 +99,9 @@ export const confirmClear = (): void => {
     sessionStorage.setItem(CLEAR_CONFIRMED_KEY, "1");
   } catch (error) {
     // HACK: sessionStorage can throw in private browsing or when quota is exceeded
-    logRecoverableError("Failed to save clear preference to sessionStorage", error);
+    logRecoverableError(
+      "Failed to save clear preference to sessionStorage",
+      error,
+    );
   }
 };

packages/website/next.config.ts

@@ -5,7 +5,9 @@ const nextConfig: NextConfig = {
   // HACK: disable react compiler to avoid issues with source mangling
   reactCompiler: false,
   productionBrowserSourceMaps: true,
-  turbopack: {},
+  turbopack: {
+    root: "../..",
+  },
   experimental: {
     optimizeCss: true,
     inlineCss: true,