npm - @agent-scope/cli - Versions diffs - 1.17.1 → 1.17.3 - Mend

@agent-scope/cli 1.17.1 → 1.17.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/cli.js CHANGED Viewed

@@ -61,9 +61,9 @@ import { Command } from "commander";
 // src/component-bundler.ts
 import { dirname } from "path";
 import * as esbuild from "esbuild";
-async function buildComponentHarness(filePath, componentName, props, viewportWidth, projectCss) {
+async function buildComponentHarness(filePath, componentName, props, viewportWidth, projectCss, preScript) {
   const bundledScript = await bundleComponentToIIFE(filePath, componentName, props);
-  return wrapInHtml(bundledScript, viewportWidth, projectCss);
+  return wrapInHtml(bundledScript, viewportWidth, projectCss, preScript);
 }
 async function bundleComponentToIIFE(filePath, componentName, props) {
   const propsJson = JSON.stringify(props).replace(/<\/script>/gi, "<\\/script>");
@@ -149,10 +149,12 @@ ${msg}`);
   }
   return outputFile.text;
 }
-function wrapInHtml(bundledScript, viewportWidth, projectCss) {
+function wrapInHtml(bundledScript, viewportWidth, projectCss, preScript) {
   const projectStyleBlock = projectCss != null && projectCss.length > 0 ? `<style id="scope-project-css">
 ${projectCss.replace(/<\/style>/gi, "<\\/style>")}
 </style>` : "";
+  const preScriptBlock = preScript != null && preScript.length > 0 ? `<script>${preScript}</script>
+  ` : "";
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -167,7 +169,7 @@ ${projectCss.replace(/<\/style>/gi, "<\\/style>")}
 </head>
 <body>
   <div id="scope-root" data-reactscope-root></div>
-  <script>${bundledScript}</script>
+  ${preScriptBlock}<script>${bundledScript}</script>
 </body>
 </html>`;
 }
@@ -1326,6 +1328,7 @@ function createInitCommand() {
 // src/instrument/renders.ts
 import { resolve as resolve7 } from "path";
+import { getBrowserEntryScript as getBrowserEntryScript5 } from "@agent-scope/playwright";
 import { BrowserPool as BrowserPool2 } from "@agent-scope/render";
 import { Command as Command5 } from "commander";
@@ -1765,8 +1768,15 @@ async function runHooksProfiling(componentName, filePath, props) {
   try {
     const context = await browser.newContext();
     const page = await context.newPage();
-    await page.addInitScript({ content: getBrowserEntryScript2() });
-    const htmlHarness = await buildComponentHarness(filePath, componentName, props, 1280);
+    const scopeRuntime = getBrowserEntryScript2();
+    const htmlHarness = await buildComponentHarness(
+      filePath,
+      componentName,
+      props,
+      1280,
+      void 0,
+      scopeRuntime
+    );
     await page.setContent(htmlHarness, { waitUntil: "load" });
     await page.waitForFunction(
       () => {
@@ -1860,6 +1870,7 @@ Available: ${available}`
 // src/instrument/profile.ts
 import { resolve as resolve5 } from "path";
+import { getBrowserEntryScript as getBrowserEntryScript3 } from "@agent-scope/playwright";
 import { Command as Cmd2 } from "commander";
 import { chromium as chromium3 } from "playwright";
 var MANIFEST_PATH3 = ".reactscope/manifest.json";
@@ -2030,7 +2041,15 @@ async function runInteractionProfile(componentName, filePath, props, interaction
   try {
     const context = await browser.newContext();
     const page = await context.newPage();
-    const htmlHarness = await buildComponentHarness(filePath, componentName, props, 1280);
+    const scopeRuntime = getBrowserEntryScript3();
+    const htmlHarness = await buildComponentHarness(
+      filePath,
+      componentName,
+      props,
+      1280,
+      void 0,
+      scopeRuntime
+    );
     await page.setContent(htmlHarness, { waitUntil: "load" });
     await page.waitForFunction(
       () => {
@@ -2154,7 +2173,7 @@ Available: ${available}`
 // src/instrument/tree.ts
 import { resolve as resolve6 } from "path";
-import { getBrowserEntryScript as getBrowserEntryScript3 } from "@agent-scope/playwright";
+import { getBrowserEntryScript as getBrowserEntryScript4 } from "@agent-scope/playwright";
 import { Command as Command4 } from "commander";
 import { chromium as chromium4 } from "playwright";
 var MANIFEST_PATH4 = ".reactscope/manifest.json";
@@ -2377,12 +2396,14 @@ async function runInstrumentTree(options) {
       viewport: { width: DEFAULT_VIEWPORT_WIDTH, height: DEFAULT_VIEWPORT_HEIGHT }
     });
     const page = await context.newPage();
-    await page.addInitScript({ content: getBrowserEntryScript3() });
+    const scopeRuntime = getBrowserEntryScript4();
     const htmlHarness = await buildComponentHarness(
       filePath,
       componentName,
       {},
-      DEFAULT_VIEWPORT_WIDTH
+      DEFAULT_VIEWPORT_WIDTH,
+      void 0,
+      scopeRuntime
     );
     await page.setContent(htmlHarness, { waitUntil: "load" });
     await page.waitForFunction(
@@ -2830,13 +2851,20 @@ Available: ${available}`
   }
   const rootDir = process.cwd();
   const filePath = resolve7(rootDir, descriptor.filePath);
-  const htmlHarness = await buildComponentHarness(filePath, options.componentName, {}, 1280);
+  const preScript = getBrowserEntryScript5() + "\n" + buildInstrumentationScript();
+  const htmlHarness = await buildComponentHarness(
+    filePath,
+    options.componentName,
+    {},
+    1280,
+    void 0,
+    preScript
+  );
   const pool = await getPool2();
   const slot = await pool.acquire();
   const { page } = slot;
   const startMs = performance.now();
   try {
-    await page.addInitScript(buildInstrumentationScript());
     await page.setContent(htmlHarness, { waitUntil: "load" });
     await page.waitForFunction(
       () => window.__SCOPE_RENDER_COMPLETE__ === true,