@buoy-gg/mcp 7.0.45 → 7.0.47

package/dist/index.mjs

@@ -1 +1 @@
-import{ALL_DEVICES as e,BROKER_PORT as o,BROKER_URL as r,DASHBOARD_NAME as t,DEFAULT_ACTION_TIMEOUT_MS as s,DEFAULT_SNAPSHOT_TIMEOUT_MS as i,PACKAGE_NAME as T,SyncClient as n,VERSION as a,buildAutomationConfig as g,compareReportStats as l,createMcpServer as E,estimateBatchMs as R,formatRankingMarkdown as A,getUpdateNotice as S,rankBatchFromIndex as _,registerConsoleTools as c,registerEventsTools as M,registerGenericTools as O,registerJotaiTools as m,registerPerfMonitorTools as u,registerReactQueryTools as I,registerReduxTools as d,registerRoutesTools as p,registerScreenshotTools as C,registerStorageTools as N,registerZustandTools as U,runInit as B}from"./chunk-GFFMF22U.mjs";export{e as ALL_DEVICES,o as BROKER_PORT,r as BROKER_URL,t as DASHBOARD_NAME,s as DEFAULT_ACTION_TIMEOUT_MS,i as DEFAULT_SNAPSHOT_TIMEOUT_MS,T as PACKAGE_NAME,n as SyncClient,a as VERSION,g as buildAutomationConfig,l as compareReportStats,E as createMcpServer,R as estimateBatchMs,A as formatRankingMarkdown,S as getUpdateNotice,_ as rankBatchFromIndex,c as registerConsoleTools,M as registerEventsTools,O as registerGenericTools,m as registerJotaiTools,u as registerPerfMonitorTools,I as registerReactQueryTools,d as registerReduxTools,p as registerRoutesTools,C as registerScreenshotTools,N as registerStorageTools,U as registerZustandTools,B as runInit};
+import{ALL_DEVICES as e,BROKER_PORT as o,BROKER_URL as r,DASHBOARD_NAME as t,DEFAULT_ACTION_TIMEOUT_MS as s,DEFAULT_SNAPSHOT_TIMEOUT_MS as i,PACKAGE_NAME as T,SyncClient as n,VERSION as a,buildAutomationConfig as g,compareReportStats as l,createMcpServer as E,estimateBatchMs as R,formatRankingMarkdown as A,getUpdateNotice as S,rankBatchFromIndex as _,registerConsoleTools as c,registerEventsTools as M,registerGenericTools as O,registerJotaiTools as m,registerPerfMonitorTools as u,registerReactQueryTools as I,registerReduxTools as d,registerRoutesTools as p,registerScreenshotTools as C,registerStorageTools as N,registerZustandTools as U,runInit as B}from"./chunk-QF624MC2.mjs";export{e as ALL_DEVICES,o as BROKER_PORT,r as BROKER_URL,t as DASHBOARD_NAME,s as DEFAULT_ACTION_TIMEOUT_MS,i as DEFAULT_SNAPSHOT_TIMEOUT_MS,T as PACKAGE_NAME,n as SyncClient,a as VERSION,g as buildAutomationConfig,l as compareReportStats,E as createMcpServer,R as estimateBatchMs,A as formatRankingMarkdown,S as getUpdateNotice,_ as rankBatchFromIndex,c as registerConsoleTools,M as registerEventsTools,O as registerGenericTools,m as registerJotaiTools,u as registerPerfMonitorTools,I as registerReactQueryTools,d as registerReduxTools,p as registerRoutesTools,C as registerScreenshotTools,N as registerStorageTools,U as registerZustandTools,B as runInit};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@buoy-gg/mcp",
   "mcpName": "io.github.Buoy-gg/mcp",
-  "version": "7.0.45",
+  "version": "7.0.47",
   "buoy": {
     "dashboardAuthVersion": 1
   },
@@ -35,8 +35,8 @@
     "socket.io-client": "^4.8.1",
     "zod": "^3.25.0",
     "ws": "^8.18.0",
-    "@buoy-gg/sync-broker": "^7.0.45",
-    "@buoy-gg/license": "^7.0.45"
+    "@buoy-gg/license": "^7.0.47",
+    "@buoy-gg/sync-broker": "^7.0.47"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",

package/skill/buoy-optimize/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: buoy-optimize
-description: Use when the user asks to investigate a slow React Native screen or compare rendering approaches with a connected Buoy MCP server. Measure a baseline and selected variants, check visual behavior, and explain the observed performance trade-offs. Triggers include "buoy optimize", "optimize this screen", "find the fastest way to render X", and "why is this laggy".
+description: Use when the user asks to investigate a slow React Native or web screen or compare rendering approaches with a connected Buoy MCP server. Measure a baseline and selected variants, check visual behavior, and explain the observed performance trade-offs. Triggers include "buoy optimize", "optimize this screen", "find the fastest way to render X", and "why is this laggy".
 ---
 
 # Optimize React Native rendering with Buoy
@@ -53,6 +53,47 @@ Keep candidates that meet the behavior requirements and offer a useful measured
 
 Stop when the requested issue is resolved with appropriate checks, the agreed budget is reached, or further measurements require unavailable hardware or input. Report the selected implementation, baseline, workload, device/build conditions, settings, observed differences, failures and remaining uncertainty. Distinguish completed checks from proposed follow-up tests. Validation on one device does not establish results for all devices on that platform.
 
+## When the target is a browser
+
+`list_devices` shows `platform: "web"` for a browser tab. There, Bench measures the page's own main thread. The report uses a browser table with different columns.
+
+Read it this way:
+
+- FPS is the main thread's frame rate from `requestAnimationFrame`. It can't see frames the GPU or compositor drops later. It shows once, because a page has one main thread.
+- p95 frame gap, worst gap and long frames come from the time between frames in that run. A gap over 1.5 frames missed at least one frame.
+- Long tasks % is the share of the run the main thread spent in tasks over 50 ms. It is not CPU use, and it misses many shorter tasks.
+- A metric the browser can't measure shows as —. Safari and Firefox have no long tasks or JS heap. A — can't win or lose.
+
+Set up the run:
+
+- Keep the tab in front and the window the same size. A run with a hidden tab or a resize is saved as a failure.
+- Rank on a production build when you can. Dev React is slower and can pick a different winner. Put the test page behind its own bench flag, not just `__DEV__`. Keep it out of public builds. If you ranked on a dev build, say so in the report.
+- Keep DevTools closed while ranking. Record the screen size and pixel ratio. A pixel ratio of 3 draws 9 times the canvas pixels of 1.
+
+Test in this order, and tell the user which step you are on:
+
+1. Desktop Chrome.
+2. The same page with Chrome's CPU slowed 4x and 6x. Set this in the DevTools Performance panel. Close DevTools before the batch, and record the setting. This slows the CPU only, not the GPU, memory or heat.
+3. A real iPhone in Safari.
+4. A real mid-range Android phone in Chrome.
+5. Desktop Firefox and Safari, if the user supports them.
+
+Take a quick look in Safari early, so you don't spend rounds on an idea that breaks there.
+
+Ideas to try for heavy drawing on web:
+
+- Canvas2D with pre-drawn sprites.
+- WebGL with one draw call for many items.
+- An OffscreenCanvas in a worker.
+- CSS or Web Animations API transforms. The compositor can run these.
+- List windowing, and `content-visibility` for things off screen.
+
+Traps on react-native-web:
+
+- `Animated` with `useNativeDriver` still runs on the main thread.
+- Reanimated worklets run as plain JS on the main thread.
+- Skia on web loads CanvasKit, a large WASM file. Count its load time and first draw.
+
 ## Tool reference
 
 | Tool | Use |