fix: wrap event store in bounded array

Author: RobPruzan

packages/scan/src/auto.ts

@@ -1,13 +1,13 @@
-import "./polyfills";
+import './polyfills';
 // Prioritize bippy side-effect
-import "bippy";
+import 'bippy';
 
-import { IS_CLIENT } from "~web/utils/constants";
-import { scan } from "./index";
+import { IS_CLIENT } from '~web/utils/constants';
+import { scan } from './index';
 
 if (IS_CLIENT) {
   scan();
   window.reactScan = scan;
 }
 
-export * from "./core";
+export * from './core';

packages/scan/src/core/notifications/event-tracking.ts

@@ -104,7 +104,7 @@ export type SlowdownEvent = (InteractionEvent | LongRenderPipeline) & {
 
 type ToolbarEventStoreState = {
   state: {
-    events: Array<SlowdownEvent>;
+    events: BoundedArray<SlowdownEvent>;
   };
   actions: {
     addEvent: (event: SlowdownEvent) => void;
@@ -149,13 +149,15 @@ export const debugEventStore = createStore<{
   },
 }));
 
+const EVENT_STORE_CAPACITY = 200;
+
 export const toolbarEventStore = createStore<ToolbarEventStoreState>()(
   (set, get) => {
     const listeners = new Set<(event: SlowdownEvent) => void>();
 
     return {
       state: {
-        events: [],
+        events: new BoundedArray(EVENT_STORE_CAPACITY),
       },
 
       actions: {
@@ -240,7 +242,10 @@ export const toolbarEventStore = createStore<ToolbarEventStoreState>()(
 
           set(() => ({
             state: {
-              events: withRemovedEvents,
+              events: BoundedArray.fromArray(
+                withRemovedEvents,
+                EVENT_STORE_CAPACITY,
+              ),
             },
           }));
         },
@@ -255,7 +260,7 @@ export const toolbarEventStore = createStore<ToolbarEventStoreState>()(
         clear: () => {
           set({
             state: {
-              events: [],
+              events: new BoundedArray(EVENT_STORE_CAPACITY),
             },
           });
         },