@agent-scope/cli 1.17.0 → 1.17.1

package/dist/index.cjs

@@ -9,8 +9,8 @@ var commander = require('commander');
 var esbuild = require('esbuild');
 var module$1 = require('module');
 var readline = require('readline');
-var playwright$1 = require('playwright');
 var playwright = require('@agent-scope/playwright');
+var playwright$1 = require('playwright');
 var http = require('http');
 var site = require('@agent-scope/site');
 
@@ -1706,6 +1706,7 @@ async function runHooksProfiling(componentName, filePath, props) {
   try {
     const context = await browser.newContext();
     const page = await context.newPage();
+    await page.addInitScript({ content: playwright.getBrowserEntryScript() });
     const htmlHarness = await buildComponentHarness(filePath, componentName, props, 1280);
     await page.setContent(htmlHarness, { waitUntil: "load" });
     await page.waitForFunction(
@@ -2089,24 +2090,6 @@ Available: ${available}`
 var MANIFEST_PATH4 = ".reactscope/manifest.json";
 var DEFAULT_VIEWPORT_WIDTH = 375;
 var DEFAULT_VIEWPORT_HEIGHT = 812;
-var _pool2 = null;
-async function getPool2() {
-  if (_pool2 === null) {
-    _pool2 = new render.BrowserPool({
-      size: { browsers: 1, pagesPerBrowser: 1 },
-      viewportWidth: DEFAULT_VIEWPORT_WIDTH,
-      viewportHeight: DEFAULT_VIEWPORT_HEIGHT
-    });
-    await _pool2.init();
-  }
-  return _pool2;
-}
-async function shutdownPool2() {
-  if (_pool2 !== null) {
-    await _pool2.close();
-    _pool2 = null;
-  }
-}
 function mapNodeType(node) {
   if (node.type === "forward_ref") return "forwardRef";
   if (node.type === "host") return "host";
@@ -2316,10 +2299,12 @@ function formatInstrumentTree(root, showProviderDepth = false) {
 }
 async function runInstrumentTree(options) {
   const { componentName, filePath } = options;
-  const pool = await getPool2();
-  const slot = await pool.acquire();
-  const { page } = slot;
+  const browser = await playwright$1.chromium.launch({ headless: true });
   try {
+    const context = await browser.newContext({
+      viewport: { width: DEFAULT_VIEWPORT_WIDTH, height: DEFAULT_VIEWPORT_HEIGHT }
+    });
+    const page = await context.newPage();
     await page.addInitScript({ content: playwright.getBrowserEntryScript() });
     const htmlHarness = await buildComponentHarness(
       filePath,
@@ -2373,7 +2358,7 @@ async function runInstrumentTree(options) {
     }
     return instrumentRoot;
   } finally {
-    pool.release(slot);
+    await browser.close();
   }
 }
 function createInstrumentTreeCommand() {
@@ -2413,7 +2398,6 @@ Available: ${available}`
         providerDepth: opts.providerDepth,
         wastedRenders: opts.wastedRenders
       });
-      await shutdownPool2();
       const fmt2 = resolveFormat2(opts.format);
       if (fmt2 === "json") {
         process.stdout.write(`${JSON.stringify(instrumentRoot, null, 2)}
@@ -2424,7 +2408,6 @@ Available: ${available}`
 `);
       }
     } catch (err) {
-      await shutdownPool2();
       process.stderr.write(`Error: ${err instanceof Error ? err.message : String(err)}
 `);
       process.exit(1);
@@ -2742,22 +2725,22 @@ async function replayInteraction2(page, steps) {
     }
   }
 }
-var _pool3 = null;
-async function getPool3() {
-  if (_pool3 === null) {
-    _pool3 = new render.BrowserPool({
+var _pool2 = null;
+async function getPool2() {
+  if (_pool2 === null) {
+    _pool2 = new render.BrowserPool({
       size: { browsers: 1, pagesPerBrowser: 2 },
       viewportWidth: 1280,
       viewportHeight: 800
     });
-    await _pool3.init();
+    await _pool2.init();
   }
-  return _pool3;
+  return _pool2;
 }
-async function shutdownPool3() {
-  if (_pool3 !== null) {
-    await _pool3.close();
-    _pool3 = null;
+async function shutdownPool2() {
+  if (_pool2 !== null) {
+    await _pool2.close();
+    _pool2 = null;
   }
 }
 async function analyzeRenders(options) {
@@ -2774,7 +2757,7 @@ Available: ${available}`
   const rootDir = process.cwd();
   const filePath = path.resolve(rootDir, descriptor.filePath);
   const htmlHarness = await buildComponentHarness(filePath, options.componentName, {}, 1280);
-  const pool = await getPool3();
+  const pool = await getPool2();
   const slot = await pool.acquire();
   const { page } = slot;
   const startMs = performance.now();
@@ -2882,7 +2865,7 @@ function createInstrumentRendersCommand() {
           interaction,
           manifestPath: opts.manifest
         });
-        await shutdownPool3();
+        await shutdownPool2();
         if (opts.json || !isTTY()) {
           process.stdout.write(`${JSON.stringify(result, null, 2)}
 `);
@@ -2891,7 +2874,7 @@ function createInstrumentRendersCommand() {
 `);
         }
       } catch (err) {
-        await shutdownPool3();
+        await shutdownPool2();
         process.stderr.write(`Error: ${err instanceof Error ? err.message : String(err)}
 `);
         process.exit(1);
@@ -2951,22 +2934,22 @@ function writeReportToFile(report, outputPath, pretty) {
 }
 var MANIFEST_PATH6 = ".reactscope/manifest.json";
 var DEFAULT_OUTPUT_DIR = ".reactscope/renders";
-var _pool4 = null;
-async function getPool4(viewportWidth, viewportHeight) {
-  if (_pool4 === null) {
-    _pool4 = new render.BrowserPool({
+var _pool3 = null;
+async function getPool3(viewportWidth, viewportHeight) {
+  if (_pool3 === null) {
+    _pool3 = new render.BrowserPool({
       size: { browsers: 1, pagesPerBrowser: 4 },
       viewportWidth,
       viewportHeight
     });
-    await _pool4.init();
+    await _pool3.init();
   }
-  return _pool4;
+  return _pool3;
 }
-async function shutdownPool4() {
-  if (_pool4 !== null) {
-    await _pool4.close();
-    _pool4 = null;
+async function shutdownPool3() {
+  if (_pool3 !== null) {
+    await _pool3.close();
+    _pool3 = null;
   }
 }
 function buildRenderer(filePath, componentName, viewportWidth, viewportHeight) {
@@ -2977,7 +2960,7 @@ function buildRenderer(filePath, componentName, viewportWidth, viewportHeight) {
     _satori: satori,
     async renderCell(props, _complexityClass) {
       const startMs = performance.now();
-      const pool = await getPool4(viewportWidth, viewportHeight);
+      const pool = await getPool3(viewportWidth, viewportHeight);
       const htmlHarness = await buildComponentHarness(
         filePath,
         componentName,
@@ -3113,7 +3096,7 @@ Available: ${available}`
             }
           }
         );
-        await shutdownPool4();
+        await shutdownPool3();
         if (outcome.crashed) {
           process.stderr.write(`\u2717 Render failed: ${outcome.error.message}
 `);
@@ -3161,7 +3144,7 @@ Available: ${available}`
           );
         }
       } catch (err) {
-        await shutdownPool4();
+        await shutdownPool3();
         process.stderr.write(`Error: ${err instanceof Error ? err.message : String(err)}
 `);
         process.exit(1);
@@ -3246,7 +3229,7 @@ Available: ${available}`
           concurrency
         });
         const result = await matrix.render();
-        await shutdownPool4();
+        await shutdownPool3();
         process.stderr.write(
           `Done. ${result.stats.totalCells} cells, avg ${result.stats.avgRenderTimeMs.toFixed(1)}ms
 `
@@ -3291,7 +3274,7 @@ Available: ${available}`
           process.stdout.write(formatMatrixCsv(componentName, result));
         }
       } catch (err) {
-        await shutdownPool4();
+        await shutdownPool3();
         process.stderr.write(`Error: ${err instanceof Error ? err.message : String(err)}
 `);
         process.exit(1);
@@ -3388,13 +3371,13 @@ function registerRenderAll(renderCmd) {
           workers.push(worker());
         }
         await Promise.all(workers);
-        await shutdownPool4();
+        await shutdownPool3();
         process.stderr.write("\n");
         const summary = formatSummaryText(results, outputDir);
         process.stderr.write(`${summary}
 `);
       } catch (err) {
-        await shutdownPool4();
+        await shutdownPool3();
         process.stderr.write(`Error: ${err instanceof Error ? err.message : String(err)}
 `);
         process.exit(1);
@@ -3436,26 +3419,26 @@ function createRenderCommand() {
   return renderCmd;
 }
 var DEFAULT_BASELINE_DIR = ".reactscope/baseline";
-var _pool5 = null;
-async function getPool5(viewportWidth, viewportHeight) {
-  if (_pool5 === null) {
-    _pool5 = new render.BrowserPool({
+var _pool4 = null;
+async function getPool4(viewportWidth, viewportHeight) {
+  if (_pool4 === null) {
+    _pool4 = new render.BrowserPool({
       size: { browsers: 1, pagesPerBrowser: 4 },
       viewportWidth,
       viewportHeight
     });
-    await _pool5.init();
+    await _pool4.init();
   }
-  return _pool5;
+  return _pool4;
 }
-async function shutdownPool5() {
-  if (_pool5 !== null) {
-    await _pool5.close();
-    _pool5 = null;
+async function shutdownPool4() {
+  if (_pool4 !== null) {
+    await _pool4.close();
+    _pool4 = null;
   }
 }
 async function renderComponent2(filePath, componentName, props, viewportWidth, viewportHeight) {
-  const pool = await getPool5(viewportWidth, viewportHeight);
+  const pool = await getPool4(viewportWidth, viewportHeight);
   const htmlHarness = await buildComponentHarness(filePath, componentName, props, viewportWidth);
   const slot = await pool.acquire();
   const { page } = slot;
@@ -3705,7 +3688,7 @@ async function runBaseline(options = {}) {
     workers.push(worker());
   }
   await Promise.all(workers);
-  await shutdownPool5();
+  await shutdownPool4();
   if (isTTY()) {
     process.stderr.write("\n");
   }
@@ -3766,26 +3749,26 @@ function loadBaselineRenderJson2(baselineDir, componentName) {
   if (!fs.existsSync(jsonPath)) return null;
   return JSON.parse(fs.readFileSync(jsonPath, "utf-8"));
 }
-var _pool6 = null;
-async function getPool6(viewportWidth, viewportHeight) {
-  if (_pool6 === null) {
-    _pool6 = new render.BrowserPool({
+var _pool5 = null;
+async function getPool5(viewportWidth, viewportHeight) {
+  if (_pool5 === null) {
+    _pool5 = new render.BrowserPool({
       size: { browsers: 1, pagesPerBrowser: 4 },
       viewportWidth,
       viewportHeight
     });
-    await _pool6.init();
+    await _pool5.init();
   }
-  return _pool6;
+  return _pool5;
 }
-async function shutdownPool6() {
-  if (_pool6 !== null) {
-    await _pool6.close();
-    _pool6 = null;
+async function shutdownPool5() {
+  if (_pool5 !== null) {
+    await _pool5.close();
+    _pool5 = null;
   }
 }
 async function renderComponent3(filePath, componentName, props, viewportWidth, viewportHeight) {
-  const pool = await getPool6(viewportWidth, viewportHeight);
+  const pool = await getPool5(viewportWidth, viewportHeight);
   const htmlHarness = await buildComponentHarness(filePath, componentName, props, viewportWidth);
   const slot = await pool.acquire();
   const { page } = slot;
@@ -4034,7 +4017,7 @@ async function runDiff(options = {}) {
     }
     await Promise.all(workers);
   }
-  await shutdownPool6();
+  await shutdownPool5();
   if (isTTY() && total > 0) {
     process.stderr.write("\n");
   }