bangonit 0.4.3 → 0.5.2

package/app/webapp/src/shared/components/VirtualCursor.tsx

@@ -70,10 +70,11 @@ export default function VirtualCursor({ agentId }: { agentId: string }) {
 
       stateRef.current.rafId = requestAnimationFrame(render);
     };
-    stateRef.current.rafId = requestAnimationFrame(render);
+    const state = stateRef.current;
+    state.rafId = requestAnimationFrame(render);
 
     return () => {
-      cancelAnimationFrame(stateRef.current.rafId);
+      cancelAnimationFrame(state.rafId);
       ro.disconnect();
     };
   }, []);
@@ -83,15 +84,16 @@ export default function VirtualCursor({ agentId }: { agentId: string }) {
     const cleanups: (() => void)[] = [];
     const s = stateRef.current;
 
-    cleanups.push(window.bangonit?.onCursorMove((data) => {
+    const moveCb = window.bangonit?.onCursorMove((data) => {
       if (data.agentId !== agentId) return;
       s.x = data.x;
       s.y = data.y;
       s.hasPos = true;
       markActive();
-    })!);
+    });
+    if (moveCb) cleanups.push(moveCb);
 
-    cleanups.push(window.bangonit?.onCursorDown((data) => {
+    const downCb = window.bangonit?.onCursorDown((data) => {
       if (data.agentId !== agentId) return;
       s.x = data.x;
       s.y = data.y;
@@ -99,23 +101,20 @@ export default function VirtualCursor({ agentId }: { agentId: string }) {
       s.clicking = true;
       s.ripples.push({ x: data.x, y: data.y, startTs: Date.now() });
       markActive();
-    })!);
+    });
+    if (downCb) cleanups.push(downCb);
 
-    cleanups.push(window.bangonit?.onCursorUp((data) => {
+    const upCb = window.bangonit?.onCursorUp((data) => {
       if (data.agentId !== agentId) return;
       s.clicking = false;
       markActive();
-    })!);
+    });
+    if (upCb) cleanups.push(upCb);
 
     return () => {
       cleanups.forEach((fn) => fn?.());
     };
   }, [agentId, markActive]);
 
-  return (
-    <canvas
-      ref={canvasRef}
-      className="pointer-events-none absolute inset-0 z-20"
-    />
-  );
+  return <canvas ref={canvasRef} className="pointer-events-none absolute inset-0 z-20" />;
 }

package/app/webapp/src/shared/lib/browser/cursor.ts

@@ -18,7 +18,7 @@ export function drawCursor(
   x: number,
   y: number,
   clicking: boolean,
-  opacity: number = 1
+  opacity: number = 1,
 ): void {
   if (opacity <= 0) return;
   ctx.save();
@@ -48,12 +48,7 @@ export function drawCursor(
   ctx.restore();
 }
 
-export function drawRipple(
-  ctx: CanvasRenderingContext2D,
-  x: number,
-  y: number,
-  progress: number
-): void {
+export function drawRipple(ctx: CanvasRenderingContext2D, x: number, y: number, progress: number): void {
   if (progress >= 1) return;
 
   // Filled circle

package/app/webapp/src/shared/lib/browser/index.ts

@@ -9,7 +9,7 @@ import type { ScreenshotResult, BrowserToolOutput } from "./schemas";
 import { navigate, goBack, goForward } from "./navigate";
 import { tabAction, getTabSummary } from "./tabs";
 import { waitFor, NetworkIdleTracker } from "./wait";
-import type { BrowserAction, BrowserToolInput, ObserveMode } from "./types";
+import type { BrowserAction, BrowserToolInput } from "./types";
 import { ACTION_TO_TOOL } from "./types";
 import type { BrowserRecorder } from "./recorder";
 
@@ -19,7 +19,9 @@ let globalLock: Promise<void> = Promise.resolve();
 
 function acquireLock(): { promise: Promise<void>; release: () => void } {
   let release!: () => void;
-  const next = new Promise<void>((resolve) => { release = resolve; });
+  const next = new Promise<void>((resolve) => {
+    release = resolve;
+  });
   const promise = globalLock;
   globalLock = globalLock.then(() => next);
   return { promise, release };
@@ -81,7 +83,7 @@ export class BrowserTools {
           args.steps,
           this.mouseX,
           this.mouseY,
-          this.cursorCallbacks()
+          this.cursorCallbacks(),
         );
         this.mouseX = mouseX;
         this.mouseY = mouseY;
@@ -162,23 +164,21 @@ export class BrowserTools {
     }
 
     // Run observation after all actions complete
-    if (observe) {
-      // Wait for network idle before observing if there were preceding actions
-      if (actions.length > 0) {
-        await this.networkTracker.waitForIdle(500, 2000);
-      }
+    // Wait for network idle before observing if there were preceding actions
+    if (actions.length > 0) {
+      await this.networkTracker.waitForIdle(500, 2000);
+    }
 
-      try {
-        const tabSummary = await getTabSummary(this.agentId);
-        const snapshotResult = await takeSnapshot(this.agentId, this.mouseX, this.mouseY, tabSummary);
-        results.push(snapshotResult);
+    try {
+      const tabSummary = await getTabSummary(this.agentId);
+      const snapshotResult = await takeSnapshot(this.agentId, this.mouseX, this.mouseY, tabSummary);
+      results.push(snapshotResult);
 
-        if (observe === "snapshot_and_screenshot") {
-          imageOutput = await takeScreenshot(this.agentId);
-        }
-      } catch (err: any) {
-        results.push(`observe: Error — ${err.message}`);
+      if (observe === "snapshot_and_screenshot") {
+        imageOutput = await takeScreenshot(this.agentId);
       }
+    } catch (err: any) {
+      results.push(`observe: Error — ${err.message}`);
     }
 
     // Stop recording clip (base64 data is stored in the clip meta)
@@ -195,8 +195,12 @@ export class BrowserTools {
 
   private actionToToolArgs(act: BrowserAction): any {
     switch (act.action) {
-      case "navigate": return { url: act.url };
-      case "back": case "forward": case "close": return {};
+      case "navigate":
+        return { url: act.url };
+      case "back":
+      case "forward":
+      case "close":
+        return {};
       case "mouse": {
         const steps = (act.mouseActions || []).map((s) => {
           if (s.action === "wait") return { action: "wait", ms: s.ms || 100 };
@@ -206,33 +210,49 @@ export class BrowserTools {
         });
         return { steps };
       }
-      case "type": return { text: act.text };
-      case "press": return { key: act.key };
-      case "upload": return { paths: act.paths, cancel: act.cancel };
-      case "tabs": return { action: act.tabAction, tabId: act.tabId, url: act.url };
-      case "wait": return { timeout: act.timeout };
-      default: return {};
+      case "type":
+        return { text: act.text };
+      case "press":
+        return { key: act.key };
+      case "upload":
+        return { paths: act.paths, cancel: act.cancel };
+      case "tabs":
+        return { action: act.tabAction, tabId: act.tabId, url: act.url };
+      case "wait":
+        return { timeout: act.timeout };
+      default:
+        return {};
     }
   }
 
   private actionLabel(act: BrowserAction): string {
     switch (act.action) {
-      case "navigate": return `navigate ${act.url}`;
+      case "navigate":
+        return `navigate ${act.url}`;
       case "mouse": {
         const summary = (act.mouseActions || [])
           .map((s) =>
-            s.action === "wait" ? `wait ${s.ms}ms` :
-            s.action === "wheel" ? `wheel ${s.x},${s.y} ${s.dx},${s.dy}` :
-            `${s.action} ${s.x},${s.y}`
-          ).join(" → ");
+            s.action === "wait"
+              ? `wait ${s.ms}ms`
+              : s.action === "wheel"
+                ? `wheel ${s.x},${s.y} ${s.dx},${s.dy}`
+                : `${s.action} ${s.x},${s.y}`,
+          )
+          .join(" → ");
         return `mouse ${summary}`;
       }
-      case "type": return `type "${(act.text || "").slice(0, 30)}"`;
-      case "press": return `press ${act.key}`;
-      case "upload": return act.cancel ? "upload cancel" : `upload ${(act.paths || []).join(", ")}`;
-      case "tabs": return `tabs ${act.tabAction}${act.tabId ? " " + act.tabId : ""}`;
-      case "wait": return `wait ${act.timeout || 10}s`;
-      default: return act.action;
+      case "type":
+        return `type "${(act.text || "").slice(0, 30)}"`;
+      case "press":
+        return `press ${act.key}`;
+      case "upload":
+        return act.cancel ? "upload cancel" : `upload ${(act.paths || []).join(", ")}`;
+      case "tabs":
+        return `tabs ${act.tabAction}${act.tabId ? " " + act.tabId : ""}`;
+      case "wait":
+        return `wait ${act.timeout || 10}s`;
+      default:
+        return act.action;
     }
   }
 }

package/app/webapp/src/shared/lib/browser/mouse.ts

@@ -11,7 +11,7 @@ export interface ResolvedPos {
 export async function resolveTarget(
   agentId: string,
   target: { ref?: string; x?: number; y?: number },
-  autoScroll: boolean
+  autoScroll: boolean,
 ): Promise<ResolvedPos> {
   const dmj = window.bangonit!;
 
@@ -60,8 +60,13 @@ export async function resolveTarget(
         const r = rectResult.value;
         if (r) {
           const dy = r.top < 0 ? Math.round(r.top - 100) : r.bottom > r.vh ? Math.round(r.bottom - r.vh + 100) : 0;
-          const hint = dy !== 0 ? ` Scroll ${dy > 0 ? "down" : "up"} ~${Math.abs(dy)}px (wheel dy=${dy} at current mouse position)` : "";
-          throw new Error(`Element ref "${target.ref}" is not in the viewport and cannot auto-scroll because this batch contains x,y coordinates that would be invalidated by scrolling.${hint}`);
+          const hint =
+            dy !== 0
+              ? ` Scroll ${dy > 0 ? "down" : "up"} ~${Math.abs(dy)}px (wheel dy=${dy} at current mouse position)`
+              : "";
+          throw new Error(
+            `Element ref "${target.ref}" is not in the viewport and cannot auto-scroll because this batch contains x,y coordinates that would be invalidated by scrolling.${hint}`,
+          );
         }
       }
 
@@ -99,13 +104,20 @@ export async function resolveTarget(
         const r = rectResult.value;
         if (r) {
           const dy = r.top < 0 ? Math.round(r.top - 100) : r.bottom > r.vh ? Math.round(r.bottom - r.vh + 100) : 0;
-          const hint = dy !== 0 ? ` Scroll ${dy > 0 ? "down" : "up"} ~${Math.abs(dy)}px (wheel dy=${dy} at current mouse position)` : "";
-          throw new Error(`Element ref "${target.ref}" is not in the viewport and cannot auto-scroll because this batch contains x,y coordinates that would be invalidated by scrolling.${hint}`);
+          const hint =
+            dy !== 0
+              ? ` Scroll ${dy > 0 ? "down" : "up"} ~${Math.abs(dy)}px (wheel dy=${dy} at current mouse position)`
+              : "";
+          throw new Error(
+            `Element ref "${target.ref}" is not in the viewport and cannot auto-scroll because this batch contains x,y coordinates that would be invalidated by scrolling.${hint}`,
+          );
         }
       } catch (scrollErr: any) {
         if (scrollErr.message.includes("not in the viewport")) throw scrollErr;
       }
-      throw new Error(`Element ref "${target.ref}" is not visible in the viewport — use only refs or scroll manually first`);
+      throw new Error(
+        `Element ref "${target.ref}" is not visible in the viewport — use only refs or scroll manually first`,
+      );
     } finally {
       dmj.cdpSend(agentId, "Runtime.releaseObject", { objectId: result.objectId }).catch((e) => console.error(e));
     }
@@ -121,7 +133,7 @@ export async function moveTo(
   sy: number,
   tx: number,
   ty: number,
-  onCursorMove?: (x: number, y: number) => void
+  onCursorMove?: (x: number, y: number) => void,
 ): Promise<void> {
   const dmj = window.bangonit!;
   const dist = Math.hypot(tx - sx, ty - sy);
@@ -156,7 +168,7 @@ export async function mouseSequence(
     onCursorUp?: (x: number, y: number) => void;
     onMouseLock?: () => void;
     onMouseUnlock?: () => void;
-  }
+  },
 ): Promise<{ result: string; mouseX: number; mouseY: number }> {
   const dmj = window.bangonit!;
   callbacks.onMouseLock?.();
@@ -184,44 +196,97 @@ export async function mouseSequence(
       switch (step.action) {
         case "down":
           await moveTo(agentId, mx, my, x, y, callbacks.onCursorMove);
-          mx = x; my = y;
+          mx = x;
+          my = y;
           callbacks.onCursorDown?.(x, y);
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mousePressed", x, y, button: "left", clickCount: 1 });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mousePressed",
+            x,
+            y,
+            button: "left",
+            clickCount: 1,
+          });
           log.push(`down(${label})`);
           break;
         case "move":
           await moveTo(agentId, mx, my, x, y, callbacks.onCursorMove);
-          mx = x; my = y;
+          mx = x;
+          my = y;
           log.push(`move(${label})`);
           break;
         case "up":
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mouseReleased", x, y, button: "left", clickCount: 1 });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mouseReleased",
+            x,
+            y,
+            button: "left",
+            clickCount: 1,
+          });
           callbacks.onCursorUp?.(x, y);
           log.push(`up(${label})`);
           break;
         case "click":
           await moveTo(agentId, mx, my, x, y, callbacks.onCursorMove);
-          mx = x; my = y;
+          mx = x;
+          my = y;
           callbacks.onCursorDown?.(x, y);
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mousePressed", x, y, button: "left", clickCount: 1 });
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mouseReleased", x, y, button: "left", clickCount: 1 });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mousePressed",
+            x,
+            y,
+            button: "left",
+            clickCount: 1,
+          });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mouseReleased",
+            x,
+            y,
+            button: "left",
+            clickCount: 1,
+          });
           callbacks.onCursorUp?.(x, y);
           log.push(`click(${label})`);
           break;
         case "dblclick":
           await moveTo(agentId, mx, my, x, y, callbacks.onCursorMove);
-          mx = x; my = y;
+          mx = x;
+          my = y;
           callbacks.onCursorDown?.(x, y);
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mousePressed", x, y, button: "left", clickCount: 1 });
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mouseReleased", x, y, button: "left", clickCount: 1 });
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mousePressed", x, y, button: "left", clickCount: 2 });
-          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mouseReleased", x, y, button: "left", clickCount: 2 });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mousePressed",
+            x,
+            y,
+            button: "left",
+            clickCount: 1,
+          });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mouseReleased",
+            x,
+            y,
+            button: "left",
+            clickCount: 1,
+          });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mousePressed",
+            x,
+            y,
+            button: "left",
+            clickCount: 2,
+          });
+          await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", {
+            type: "mouseReleased",
+            x,
+            y,
+            button: "left",
+            clickCount: 2,
+          });
           callbacks.onCursorUp?.(x, y);
           log.push(`dblclick(${label})`);
           break;
         case "wheel": {
           await moveTo(agentId, mx, my, x, y, callbacks.onCursorMove);
-          mx = x; my = y;
+          mx = x;
+          my = y;
           const dx = step.dx || 0;
           const dy = step.dy || 0;
           await dmj.cdpSend(agentId, "Input.dispatchMouseEvent", { type: "mouseWheel", x, y, deltaX: dx, deltaY: dy });

package/app/webapp/src/shared/lib/browser/navigate.ts

@@ -1,9 +1,6 @@
 // Navigation: loadURL
 
-export async function navigate(
-  agentId: string,
-  url: string
-): Promise<string> {
+export async function navigate(agentId: string, url: string): Promise<string> {
   const dmj = window.bangonit!;
   if (!url.startsWith("http://") && !url.startsWith("https://")) url = "https://" + url;
 

package/app/webapp/src/shared/lib/browser/recorder.ts

@@ -26,8 +26,6 @@ interface CapturedFrame {
   scrollOffsetY: number;
 }
 
-
-
 export class BrowserRecorder {
   private agentId: string;
   private clips: ClipMeta[] = [];
@@ -218,13 +216,22 @@ export class BrowserRecorder {
 
     const emitFrame = (
       img: ImageBitmap,
-      cx: number, cy: number, clicking: boolean, ts: number,
-      scaleX: number, scaleY: number
+      cx: number,
+      cy: number,
+      clicking: boolean,
+      ts: number,
+      scaleX: number,
+      scaleY: number,
     ) => {
       const sx = cx * scaleX;
       const sy = cy * scaleY;
 
-      if (clicking && (!activeRipples.length || activeRipples[activeRipples.length - 1].x !== sx || activeRipples[activeRipples.length - 1].y !== sy)) {
+      if (
+        clicking &&
+        (!activeRipples.length ||
+          activeRipples[activeRipples.length - 1].x !== sx ||
+          activeRipples[activeRipples.length - 1].y !== sy)
+      ) {
         activeRipples.push({ x: sx, y: sy, startTs: ts });
       }
 

package/app/webapp/src/shared/lib/browser/screenshot.ts

@@ -12,12 +12,12 @@ function cacheKey(agentId: string, tabId: number | null): string {
 async function sha256(data: string): Promise<string> {
   const buf = new TextEncoder().encode(data);
   const hash = await crypto.subtle.digest("SHA-256", buf);
-  return Array.from(new Uint8Array(hash)).map(b => b.toString(16).padStart(2, "0")).join("");
+  return Array.from(new Uint8Array(hash))
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join("");
 }
 
-export async function takeScreenshot(
-  agentId: string,
-): Promise<ScreenshotResult> {
+export async function takeScreenshot(agentId: string): Promise<ScreenshotResult> {
   const dmj = window.bangonit!;
   let base64: string;
   try {

package/app/webapp/src/shared/lib/browser/snapshot.ts

@@ -122,7 +122,7 @@ export async function takeSnapshot(
   agentId: string,
   mouseX: number,
   mouseY: number,
-  tabSummary: string
+  tabSummary: string,
 ): Promise<string> {
   const [{ result }, downloads, fileChooser, { result: vpResult }] = await Promise.all([
     window.bangonit!.cdpSend(agentId, "Runtime.evaluate", {
@@ -136,16 +136,20 @@ export async function takeSnapshot(
       returnByValue: true,
     }),
   ]);
-  const vp = (() => { try { return JSON.parse(vpResult.value); } catch { return null; } })();
+  const vp = (() => {
+    try {
+      return JSON.parse(vpResult.value);
+    } catch {
+      return null;
+    }
+  })();
   const vpStr = vp ? `\nViewport: ${vp.w}x${vp.h}` : "";
   let out = (result.value || "Empty page") + `\n\nMouse position: ${mouseX},${mouseY}${vpStr}` + tabSummary;
   if (fileChooser.open) {
     out += `\n\n[File picker is open — use upload action with paths to select files, or cancel: true to dismiss]`;
   }
   if (downloads.length > 0) {
-    const lines = downloads.map((d: any) =>
-      `- ${d.filename} (${d.bytes} bytes) [${d.state}]`
-    );
+    const lines = downloads.map((d: any) => `- ${d.filename} (${d.bytes} bytes) [${d.state}]`);
     out += `\n\nDownloads:\n${lines.join("\n")}`;
   }
   return out;

package/app/webapp/src/shared/lib/browser/tabs.ts

@@ -2,7 +2,7 @@
 
 export async function tabAction(
   agentId: string,
-  args: { action: string; tabId?: number; url?: string }
+  args: { action: string; tabId?: number; url?: string },
 ): Promise<string> {
   const dmj = window.bangonit!;
   const action = args.action;

package/app/webapp/src/shared/lib/browser/types.ts

@@ -28,7 +28,7 @@ export interface BrowserAction {
 
 export interface BrowserToolInput {
   actions: BrowserAction[];
-  observe?: ObserveMode;
+  observe: ObserveMode;
   prompts?: string[];
 }
 
@@ -85,7 +85,8 @@ export const TOOL_DEFS = [
   },
   {
     name: "browser_upload",
-    description: "Upload files to an open file picker, or cancel it. The snapshot will show when a file picker is open.",
+    description:
+      "Upload files to an open file picker, or cancel it. The snapshot will show when a file picker is open.",
     parameters: {
       type: "object",
       properties: {

package/app/webapp/src/shared/lib/browser/wait.ts

@@ -2,7 +2,7 @@
 
 export async function waitFor(
   agentId: string,
-  args: { text?: string; state?: string; timeout?: number }
+  args: { text?: string; state?: string; timeout?: number },
 ): Promise<string> {
   const dmj = window.bangonit!;
   const timeout = Math.min(Math.max(args?.timeout || 10, 0.1), 30);

package/app/webapp/src/shared/lib/recorder/session-recorder.ts

@@ -110,7 +110,7 @@ export class SessionRecorder {
 
   toJSON(
     agents: { id: string; name: string; result?: "pass" | "fail"; summary?: string }[],
-    clips: ClipMeta[]
+    clips: ClipMeta[],
   ): ReplayData {
     return {
       runId: this.runId,

package/app/webapp/src/shared/types/global.d.ts

@@ -5,14 +5,6 @@ interface TabInfo {
   title?: string;
 }
 
-interface AgentSessionData {
-  messages: any[];
-  initialPrompt: string;
-  tabs?: { id: number; url: string; title: string }[];
-  activeTabId?: number;
-  todos?: { content: string; status: "pending" | "in_progress" | "completed" }[];
-}
-
 interface TestResult {
   agentId: string;
   status: "pass" | "fail";
@@ -20,15 +12,6 @@ interface TestResult {
 }
 
 interface BangOnIt {
-  // Agent CRUD
-  getAgents: () => Promise<any[]>;
-  setAgents: (agents: any[]) => Promise<void>;
-
-  // Agent session persistence
-  getAgentSession: (agentId: string) => Promise<AgentSessionData | null>;
-  setAgentSession: (agentId: string, session: AgentSessionData) => Promise<void>;
-  deleteAgentSession: (agentId: string) => Promise<void>;
-
   // --- Low-level browser primitives ---
 
   // CDP: send a raw CDP command to the active tab
@@ -58,7 +41,11 @@ interface BangOnIt {
   getDownloads: (agentId: string) => Promise<any[]>;
 
   // File chooser
-  handleFileChooser: (agentId: string, action: "accept" | "cancel", files?: string[]) => Promise<{ ok: boolean; error?: string }>;
+  handleFileChooser: (
+    agentId: string,
+    action: "accept" | "cancel",
+    files?: string[],
+  ) => Promise<{ ok: boolean; error?: string }>;
   getFileChooserState: (agentId: string) => Promise<{ open: boolean; mode?: string }>;
 
   // Events — data includes agentId
@@ -84,7 +71,9 @@ interface BangOnIt {
   emitMouseUnlock: (agentId: string) => void;
 
   // IPC
-  onTestPlan?: (cb: (data: { agentIndex: number; testPlan: string; name?: string; retries?: number; extraPrompt?: string }) => void) => () => void;
+  onTestPlan?: (
+    cb: (data: { agentIndex: number; testPlan: string; name?: string; retries?: number; extraPrompt?: string }) => void,
+  ) => () => void;
   onFocusAgent?: (cb: (data: { agentId: string }) => void) => () => void;
   reportTestResult?: (result: TestResult) => void;
   emitAgentOutput?: (data: { agentId: string; type: string; text: string; name?: string }) => void;

package/app/webapp/tailwind.config.js

@@ -1,8 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [
-    "./src/**/*.{js,ts,jsx,tsx}",
-  ],
+  content: ["./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
       keyframes: {