slapify 0.0.16 → 0.0.18

package/dist/perf/audit.js

@@ -1,635 +1 @@
-/**
- * Performance auditing module — four independent layers:
- *   1. Core Web Vitals  — injected into running browser, zero extra deps
- *   2. Network analysis — resource timing + fetch/XHR interception + long tasks
- *   3. Framework        — React/Next.js detection + re-render analysis with interactions
- *   4. Deep audit       — isolated headless Chrome for cold-start throttled scores
- */
-// ─── Core Web Vitals injection ────────────────────────────────────────────────
-/**
- * Injects a PerformanceObserver into the current page that collects
- * FCP, LCP, CLS and also reads Navigation Timing for TTFB / DOM ready.
- * Call collectCoreWebVitals() after some settle time to harvest results.
- */
-export async function injectVitalsObserver(browser) {
-    const script = `(function(){
-    if(window.__slapifyVitals) return;
-    window.__slapifyVitals = { fcp: null, lcp: null, cls: 0, observed: false };
-    try {
-      var fcpObs = new PerformanceObserver(function(list){
-        var e = list.getEntriesByName('first-contentful-paint')[0];
-        if(e) window.__slapifyVitals.fcp = Math.round(e.startTime);
-      });
-      fcpObs.observe({ type: 'paint', buffered: true });
-
-      var lcpObs = new PerformanceObserver(function(list){
-        var entries = list.getEntries();
-        if(entries.length) window.__slapifyVitals.lcp = Math.round(entries[entries.length-1].startTime);
-      });
-      lcpObs.observe({ type: 'largest-contentful-paint', buffered: true });
-
-      var clsObs = new PerformanceObserver(function(list){
-        list.getEntries().forEach(function(e){
-          if(!e.hadRecentInput) window.__slapifyVitals.cls += e.value;
-        });
-      });
-      clsObs.observe({ type: 'layout-shift', buffered: true });
-
-      window.__slapifyVitals.observed = true;
-    } catch(err) {}
-  })()`;
-    try {
-        await browser.evaluate(script);
-    }
-    catch {
-        // CSP may block eval — skip gracefully
-    }
-}
-/**
- * Reads vitals from the injected observer + Navigation Timing API.
- */
-export async function collectCoreWebVitals(browser) {
-    const script = `(function(){
-    var v = window.__slapifyVitals || {};
-    var nav = performance.getEntriesByType('navigation')[0] || {};
-    return JSON.stringify({
-      fcp:  v.fcp  || null,
-      lcp:  v.lcp  || null,
-      cls:  v.cls != null ? +v.cls.toFixed(4) : null,
-      ttfb: nav.responseStart ? Math.round(nav.responseStart) : null,
-      domContentLoaded: nav.domContentLoadedEventEnd ? Math.round(nav.domContentLoadedEventEnd) : null,
-      loadComplete: nav.loadEventEnd ? Math.round(nav.loadEventEnd) : null
-    });
-  })()`;
-    try {
-        const raw = await browser.evaluate(script);
-        // evaluate may wrap in quotes
-        const str = raw.startsWith('"') ? JSON.parse(raw) : raw;
-        const parsed = JSON.parse(str);
-        const vitals = {};
-        if (parsed.fcp != null)
-            vitals.fcp = parsed.fcp;
-        if (parsed.lcp != null)
-            vitals.lcp = parsed.lcp;
-        if (parsed.cls != null)
-            vitals.cls = parsed.cls;
-        if (parsed.ttfb != null)
-            vitals.ttfb = parsed.ttfb;
-        if (parsed.domContentLoaded != null)
-            vitals.domContentLoaded = parsed.domContentLoaded;
-        if (parsed.loadComplete != null)
-            vitals.loadComplete = parsed.loadComplete;
-        return vitals;
-    }
-    catch {
-        return {};
-    }
-}
-// ─── Network analysis ─────────────────────────────────────────────────────────
-/**
- * Injects fetch/XHR interceptors and a LongTask PerformanceObserver into the
- * page. Must be called BEFORE user interactions or lazy-loading happens so that
- * API calls during the session are captured.
- *
- * Already-completed load-time requests are captured separately via
- * performance.getEntriesByType('resource') in collectNetworkAnalysis().
- */
-export async function injectNetworkTrackers(browser) {
-    const script = `(function(){
-    if (window.__slapifyNet) return;
-    window.__slapifyNet = { requests: [], longTasks: [] };
-
-    // ── fetch interceptor ──────────────────────────────────────────────────
-    var _fetch = window.fetch;
-    window.fetch = function(input, init) {
-      var url = '';
-      if (typeof input === 'string') url = input;
-      else if (input instanceof URL) url = input.href;
-      else if (input && input.url) url = input.url;
-      url = url.slice(0, 300);
-      var method = (init && init.method) || (input && input.method) || 'GET';
-      var t0 = performance.now();
-      return _fetch.apply(this, arguments)
-        .then(function(r) {
-          window.__slapifyNet.requests.push({ url: url, method: method.toUpperCase(), status: r.status, duration: Math.round(performance.now()-t0), type: 'fetch', failed: r.status >= 400 });
-          return r;
-        })
-        .catch(function(e) {
-          window.__slapifyNet.requests.push({ url: url, method: method.toUpperCase(), status: 0, duration: Math.round(performance.now()-t0), type: 'fetch', failed: true });
-          throw e;
-        });
-    };
-
-    // ── XHR interceptor ───────────────────────────────────────────────────
-    var _open = XMLHttpRequest.prototype.open;
-    var _send = XMLHttpRequest.prototype.send;
-    XMLHttpRequest.prototype.open = function(m, u) {
-      this.__slapM = m; this.__slapU = (u||'').toString().slice(0,300);
-      return _open.apply(this, arguments);
-    };
-    XMLHttpRequest.prototype.send = function() {
-      var self = this, t0 = performance.now();
-      this.addEventListener('loadend', function() {
-        window.__slapifyNet.requests.push({ url: self.__slapU||'', method: (self.__slapM||'GET').toUpperCase(), status: self.status, duration: Math.round(performance.now()-t0), type: 'xhr', failed: self.status >= 400 || self.status === 0 });
-      });
-      return _send.apply(this, arguments);
-    };
-
-    // ── Long task observer ────────────────────────────────────────────────
-    try {
-      var obs = new PerformanceObserver(function(list) {
-        list.getEntries().forEach(function(e) {
-          window.__slapifyNet.longTasks.push({ duration: Math.round(e.duration), startTime: Math.round(e.startTime) });
-        });
-      });
-      obs.observe({ type: 'longtask', buffered: true });
-    } catch(e) {}
-  })()`;
-    try {
-        await browser.evaluate(script);
-    }
-    catch {
-        // Ignore CSP errors
-    }
-}
-/**
- * Collects all network data from the page:
- *   - Resource timing (all loaded files — JS, CSS, images, fonts)
- *   - Captured fetch/XHR API calls (from injectNetworkTrackers)
- *   - Long tasks
- *   - JS heap memory if available
- */
-export async function collectNetworkAnalysis(browser) {
-    const script = `(function(){
-    // Resource timing — all loaded files
-    var resources = [];
-    try {
-      performance.getEntriesByType('resource').forEach(function(e) {
-        resources.push({
-          url: e.name.slice(0, 300),
-          type: e.initiatorType || 'other',
-          size: e.transferSize || 0,
-          encodedSize: e.encodedBodySize || 0,
-          duration: Math.round(e.duration),
-          renderBlocking: e.renderBlockingStatus === 'blocking'
-        });
-      });
-    } catch(e) {}
-
-    var net = window.__slapifyNet || { requests: [], longTasks: [] };
-
-    // Memory
-    var memMB = null;
-    try { if (performance.memory) memMB = +(performance.memory.usedJSHeapSize / 1048576).toFixed(1); } catch(e){}
-
-    return JSON.stringify({ resources: resources, requests: net.requests, longTasks: net.longTasks, memMB: memMB });
-  })()`;
-    try {
-        const raw = await browser.evaluate(script);
-        const str = raw.startsWith('"') ? JSON.parse(raw) : raw;
-        const data = JSON.parse(str);
-        const resources = data.resources || [];
-        const apiCalls = data.requests || [];
-        const longTasks = data.longTasks || [];
-        // Aggregate resource bytes by type
-        let totalBytes = 0, jsBytes = 0, cssBytes = 0, imageBytes = 0, renderBlockingCount = 0;
-        for (const r of resources) {
-            totalBytes += r.size || 0;
-            if (r.type === "script")
-                jsBytes += r.size || 0;
-            else if (r.type === "css" || r.type === "link")
-                cssBytes += r.size || 0;
-            else if (r.type === "img" || r.type === "image")
-                imageBytes += r.size || 0;
-            if (r.renderBlocking)
-                renderBlockingCount++;
-        }
-        const heaviestResources = [...resources]
-            .sort((a, b) => (b.size || 0) - (a.size || 0))
-            .slice(0, 10);
-        const slowApiCalls = apiCalls.filter((r) => r.duration >= 500);
-        const failedApiCalls = apiCalls.filter((r) => r.failed);
-        const totalBlockingMs = longTasks.reduce((s, t) => s + t.duration, 0);
-        const result = {
-            totalRequests: resources.length,
-            totalBytes,
-            jsBytes,
-            cssBytes,
-            imageBytes,
-            renderBlockingCount,
-            heaviestResources,
-            apiCalls,
-            slowApiCalls,
-            failedApiCalls,
-            longTasks,
-            totalBlockingMs,
-        };
-        if (data.memMB != null)
-            result.memoryMB = data.memMB;
-        return result;
-    }
-    catch {
-        return null;
-    }
-}
-// ─── React Scan ───────────────────────────────────────────────────────────────
-/**
- * Comprehensive React detection that works with:
- *   - Next.js App Router (no __NEXT_DATA__, uses __next_f / _next/static scripts)
- *   - Next.js Pages Router (__NEXT_DATA__ present)
- *   - Create React App, Vite, Remix, Gatsby
- *   - Any React 16–18 app regardless of bundle mode
- *
- * Detection priority:
- *   1. __reactFiber* / __reactProps* on DOM nodes — most reliable for ALL React builds
- *   2. Next.js-specific globals (__NEXT_DATA__, __next_f, next/router)
- *   3. _next/static script tags — present on every Next.js build
- *   4. __REACT_DEVTOOLS_GLOBAL_HOOK__ with active renderers — dev / devtools
- *   5. window.React — legacy / dev / CRA
- *   6. data-reactroot / data-reactid — legacy attributes
- */
-const REACT_DETECT_SCRIPT = `(function(){
-  // 1. React fiber on DOM nodes — works for ALL production React builds including Next.js App Router.
-  //    Scan a broad set of elements; fibers are attached to every rendered node.
-  var els = document.querySelectorAll('*');
-  var limit = Math.min(els.length, 200);
-  for(var i = 0; i < limit; i++) {
-    var el = els[i];
-    // Only check elements that likely have React attached (skip pure HTML/SVG with no properties)
-    var keys;
-    try { keys = Object.keys(el); } catch(e) { continue; }
-    for(var j = 0; j < keys.length; j++) {
-      var k = keys[j];
-      if(k.startsWith('__reactFiber') || k.startsWith('__reactProps') || k.startsWith('__reactInternalInstance') || k.startsWith('__reactEventHandlers')) {
-        // Detect Next.js via global markers while we're at it
-        var framework = (window.__NEXT_DATA__ || window.__next_f || window.next) ? 'Next.js' : 'React';
-        return JSON.stringify({ detected: true, framework: framework, version: null });
-      }
-    }
-  }
-
-  // 2. Next.js globals — Pages Router (__NEXT_DATA__), App Router (__next_f streaming chunks)
-  if(window.__NEXT_DATA__) return JSON.stringify({ detected: true, framework: 'Next.js (Pages)', version: null });
-  if(window.__next_f || (Array.isArray(window.nd) && window.nd.length)) return JSON.stringify({ detected: true, framework: 'Next.js (App Router)', version: null });
-
-  // 3. _next/static script tags — present on every Next.js deployment
-  var scripts = document.querySelectorAll('script[src*="/_next/static"]');
-  if(scripts.length > 0) return JSON.stringify({ detected: true, framework: 'Next.js', version: null });
-
-  // 4. DevTools hook with active renderers (dev mode or React DevTools extension)
-  var hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if(hook && hook.renderers && hook.renderers.size > 0)
-    return JSON.stringify({ detected: true, framework: 'React', version: null });
-
-  // 5. window.React (dev builds / CRA / explicit exposure)
-  if(window.React) return JSON.stringify({ detected: true, framework: 'React', version: window.React.version || null });
-
-  // 6. Legacy attributes
-  if(document.querySelector('[data-reactroot],[data-reactid]'))
-    return JSON.stringify({ detected: true, framework: 'React (legacy)', version: null });
-
-  return JSON.stringify({ detected: false, framework: null, version: null });
-})()`;
-/**
- * Injects React Scan from unpkg into the current page.
- * Uses comprehensive detection so Next.js / production builds are caught.
- * Does NOT cache detection state — always re-detects to avoid stale negatives.
- */
-export async function injectReactScan(browser) {
-    const script = `(function(){
-    // Always re-detect; do not skip based on prior state — prior detection
-    // might have been a false negative from an old browser session.
-    var raw = ${REACT_DETECT_SCRIPT};
-    var info = JSON.parse(typeof raw === 'string' ? raw : '{"detected":false}');
-    window.__reactDetection = info;
-    if(!info.detected) return;
-
-    // Only inject react-scan once per page load
-    if(window.__reactScanInjected) return;
-    window.__reactScanInjected = true;
-
-    var s = document.createElement('script');
-    s.src = 'https://unpkg.com/react-scan/dist/auto.global.js';
-    s.onload = function(){
-      try {
-        if(window.reactScan) window.reactScan.setOptions({ enabled: true, showToolbar: false });
-      } catch(e) {}
-    };
-    document.head.appendChild(s);
-  })()`;
-    try {
-        await browser.evaluate(script);
-    }
-    catch {
-        // Ignore CSP errors
-    }
-}
-/**
- * Simulates real user interactions on the page and measures DOM mutation
- * activity triggered by each action. This gives a practical signal for
- * "how much work does the UI do when a user clicks something" without
- * requiring framework-specific hooks.
- *
- * Finds visible interactive elements (buttons, tabs, toggles), clicks each
- * one, waits for mutations to settle, then reports a count. A high mutation
- * count (>50) is flagged as potentially excessive.
- */
-async function performInteractionTests(browser) {
-    const results = [];
-    // Setup MutationObserver and find visible interactive elements
-    const setupScript = `(function(){
-    window.__slapifyMutCount = 0;
-    if (window.__slapifyMutObs) { try { window.__slapifyMutObs.disconnect(); } catch(e){} }
-    window.__slapifyMutObs = new MutationObserver(function(records) {
-      records.forEach(function(r) {
-        window.__slapifyMutCount += r.addedNodes.length + r.removedNodes.length + (r.type === 'attributes' ? 1 : 0);
-      });
-    });
-    window.__slapifyMutObs.observe(document.documentElement, { childList: true, subtree: true, attributes: true, characterData: false });
-
-    var seen = {};
-    var found = [];
-    var selectors = 'button:not([type="submit"]):not([disabled]), [role="tab"], [role="button"]:not(a), [aria-expanded]';
-    document.querySelectorAll(selectors).forEach(function(el) {
-      var rect = el.getBoundingClientRect();
-      if (el.offsetParent !== null && rect.width > 20 && rect.height > 10) {
-        var label = ((el.textContent || el.getAttribute('aria-label') || el.getAttribute('title') || '')).replace(/\\s+/g, ' ').trim().slice(0, 40);
-        if (label && !seen[label]) {
-          seen[label] = true;
-          found.push(label);
-        }
-      }
-    });
-    window.__slapifyInteractables = found.slice(0, 6);
-    return JSON.stringify(window.__slapifyInteractables);
-  })()`;
-    let buttons = [];
-    try {
-        const raw = await browser.evaluate(setupScript);
-        const s = raw.startsWith('"') ? JSON.parse(raw) : raw;
-        buttons = JSON.parse(s) || [];
-    }
-    catch {
-        return results;
-    }
-    for (let i = 0; i < buttons.length; i++) {
-        try {
-            // Reset counter before each interaction
-            await browser.evaluate(`(function(){ window.__slapifyMutCount = 0; return 'ok'; })()`);
-            // Perform the click
-            const clickResult = await browser.evaluate(`(function(){
-          var label = window.__slapifyInteractables[${i}];
-          var selectors = 'button:not([type="submit"]):not([disabled]), [role="tab"], [role="button"]:not(a), [aria-expanded]';
-          var target = Array.from(document.querySelectorAll(selectors)).find(function(el) {
-            var t = ((el.textContent || el.getAttribute('aria-label') || el.getAttribute('title') || '')).replace(/\\s+/g, ' ').trim().slice(0, 40);
-            return t === label;
-          });
-          if (!target) return 'not_found';
-          try { target.click(); return 'clicked'; } catch(e) { return 'error'; }
-        })()`);
-            if (!clickResult.includes("clicked"))
-                continue;
-            // Wait for mutations to settle (Node.js side — eval is synchronous per call)
-            await new Promise((r) => setTimeout(r, 800));
-            // Collect mutation count
-            const countRaw = await browser.evaluate(`(function(){ return String(window.__slapifyMutCount || 0); })()`);
-            const mutations = parseInt(countRaw.replace(/\D/g, "")) || 0;
-            results.push({
-                action: `Clicked: ${buttons[i]}`,
-                mutations,
-                flagged: mutations > 50,
-            });
-        }
-        catch {
-            // Non-fatal — skip this interaction
-        }
-    }
-    // Tear down observer
-    try {
-        await browser.evaluate(`(function(){ if(window.__slapifyMutObs){ window.__slapifyMutObs.disconnect(); window.__slapifyMutObs=null; } return 'ok'; })()`);
-    }
-    catch {
-        // ignore
-    }
-    return results;
-}
-/**
- * Collects framework detection and re-render analysis results.
- * Always runs fresh detection — never relies on a cached window.__reactDetection
- * that might have been set to {detected:false} by an older code path.
- */
-export async function collectReactScanResults(browser) {
-    // Run fresh detection every time for reliability
-    const detectScript = `(function(){
-    var raw = ${REACT_DETECT_SCRIPT};
-    var detection = JSON.parse(typeof raw === 'string' ? raw : '{"detected":false}');
-    return JSON.stringify({
-      isReact: detection.detected,
-      framework: detection.framework || null,
-      reactVersion: detection.version || (window.React && window.React.version) || null,
-      scanAvailable: !!(window.reactScan && window.reactScan.getReport)
-    });
-  })()`;
-    try {
-        const raw = await browser.evaluate(detectScript);
-        const str = raw.startsWith('"') ? JSON.parse(raw) : raw;
-        const info = JSON.parse(str);
-        if (!info.isReact) {
-            return { detected: false, issues: [] };
-        }
-        const result = {
-            detected: true,
-            version: info.reactVersion ||
-                (info.framework ? `(${info.framework})` : undefined),
-            issues: [],
-        };
-        if (info.scanAvailable) {
-            const reportScript = `(function(){
-        try {
-          var report = window.reactScan.getReport();
-          if(!report) return 'null';
-          var issues = [];
-          report.forEach(function(v, k){
-            if(v.count > 2) {
-              issues.push({ component: k, renderCount: v.count, avgMs: v.time ? +(v.time/v.count).toFixed(1) : null });
-            }
-          });
-          issues.sort(function(a,b){ return b.renderCount - a.renderCount; });
-          return JSON.stringify(issues.slice(0, 20));
-        } catch(e) { return '[]'; }
-      })()`;
-            try {
-                const rawIssues = await browser.evaluate(reportScript);
-                const issuesStr = rawIssues.startsWith('"')
-                    ? JSON.parse(rawIssues)
-                    : rawIssues;
-                result.issues = JSON.parse(issuesStr) || [];
-            }
-            catch {
-                // passive scan report not available
-            }
-        }
-        // Interaction-based testing — simulate user clicks and measure activity
-        const interactionTests = await performInteractionTests(browser);
-        if ((interactionTests ?? []).length > 0) {
-            result.interactionTests = interactionTests;
-        }
-        return result;
-    }
-    catch {
-        return null;
-    }
-}
-// ─── Lighthouse ───────────────────────────────────────────────────────────────
-/**
- * Runs a full Lighthouse audit against a URL.
- *
- * Lighthouse ALWAYS needs its own fresh Chrome for accurate scores — it applies
- * controlled CPU/network throttling and does multiple cold-start page loads.
- * Reusing the agent-browser session would skew every metric.
- *
- * chrome-launcher is a transitive dependency of lighthouse — we don't need to
- * import it directly. Lighthouse manages Chrome internally.
- *
- * Returns null if lighthouse is unavailable or the audit fails.
- */
-export async function runLighthouseAudit(url, outputDir) {
-    try {
-        // Lighthouse manages its own Chrome lifecycle via its bundled chrome-launcher.
-        // We only need the lighthouse package itself.
-        const { default: lighthouse } = await import("lighthouse");
-        // Access chrome-launcher through lighthouse's own node_modules to avoid
-        // needing it as a direct dependency.
-        const { launch: launchChrome } = await import(
-        // @ts-ignore — chrome-launcher is bundled by lighthouse, not by us
-        "chrome-launcher");
-        const chrome = await launchChrome({
-            chromeFlags: ["--headless=new", "--no-sandbox", "--disable-gpu"],
-        });
-        try {
-            const runnerResult = await lighthouse(url, {
-                port: chrome.port,
-                output: outputDir ? ["json", "html"] : "json",
-                logLevel: "error",
-                onlyCategories: [
-                    "performance",
-                    "accessibility",
-                    "best-practices",
-                    "seo",
-                ],
-                skipAudits: ["screenshot-thumbnails", "final-screenshot"],
-            });
-            if (!runnerResult?.lhr)
-                return null;
-            const lhr = runnerResult.lhr;
-            const cat = lhr.categories ?? {};
-            const aud = lhr.audits ?? {};
-            const scores = {
-                performance: Math.round((cat["performance"]?.score ?? 0) * 100),
-                accessibility: Math.round((cat["accessibility"]?.score ?? 0) * 100),
-                bestPractices: Math.round((cat["best-practices"]?.score ?? 0) * 100),
-                seo: Math.round((cat["seo"]?.score ?? 0) * 100),
-                fcp: aud["first-contentful-paint"]?.numericValue != null
-                    ? Math.round(aud["first-contentful-paint"].numericValue)
-                    : undefined,
-                lcp: aud["largest-contentful-paint"]?.numericValue != null
-                    ? Math.round(aud["largest-contentful-paint"].numericValue)
-                    : undefined,
-                cls: aud["cumulative-layout-shift"]?.numericValue != null
-                    ? +aud["cumulative-layout-shift"].numericValue.toFixed(4)
-                    : undefined,
-                tbt: aud["total-blocking-time"]?.numericValue != null
-                    ? Math.round(aud["total-blocking-time"].numericValue)
-                    : undefined,
-                speedIndex: aud["speed-index"]?.numericValue != null
-                    ? Math.round(aud["speed-index"].numericValue)
-                    : undefined,
-                tti: aud["interactive"]?.numericValue != null
-                    ? Math.round(aud["interactive"].numericValue)
-                    : undefined,
-            };
-            let reportPath;
-            if (outputDir && runnerResult.report) {
-                const { default: fs } = await import("fs");
-                const { default: path } = await import("path");
-                fs.mkdirSync(outputDir, { recursive: true });
-                const reports = Array.isArray(runnerResult.report)
-                    ? runnerResult.report
-                    : [runnerResult.report];
-                const htmlReport = reports.find((r) => r.startsWith("<!"));
-                if (htmlReport) {
-                    const slug = new URL(url).hostname.replace(/\./g, "-");
-                    reportPath = path.join(outputDir, `lighthouse-${slug}-${Date.now()}.html`);
-                    fs.writeFileSync(reportPath, htmlReport);
-                }
-            }
-            return { scores, reportPath };
-        }
-        finally {
-            await chrome.kill();
-        }
-    }
-    catch {
-        // lighthouse not installed or audit failed — not fatal
-        return null;
-    }
-}
-// ─── Full audit orchestrator ──────────────────────────────────────────────────
-/**
- * Run a full performance audit while a browser session is already open.
- *
- * CWV + framework analysis are collected from the live browser session.
- * The deep performance audit spins up its own fresh headless Chrome for accurate
- * throttled scores — this is intentional: it needs controlled cold-start
- * conditions that the existing session cannot provide.
- *
- * In the flow runner we avoid the overlap by closing agent-browser first (see
- * runner/index.ts). In the task agent the overlap is brief and acceptable since
- * the user explicitly asked for a perf audit mid-session.
- */
-export async function runPerfAudit(url, browser, options = {}) {
-    const { lighthouse: runLighthouse = true, reactScan: runReactScan = true, settleMs = 2000, lighthouseOutputDir, navigate: shouldNavigate = true, } = options;
-    // Navigate to the target URL if requested (default for task agent).
-    // The flow runner passes navigate:false because the browser is already there.
-    if (shouldNavigate) {
-        await browser.navigate(url);
-        // Brief pause so the page starts loading before we inject observers
-        await new Promise((r) => setTimeout(r, 500));
-    }
-    const result = {
-        url,
-        auditedAt: new Date().toISOString(),
-        vitals: {},
-        scores: null,
-        react: null,
-    };
-    // 1. Inject all observers early so they capture everything from here on
-    await injectVitalsObserver(browser);
-    await injectNetworkTrackers(browser);
-    if (runReactScan) {
-        await injectReactScan(browser);
-    }
-    // Allow page to settle and observers to fire
-    await new Promise((resolve) => setTimeout(resolve, settleMs));
-    // 3. Collect Core Web Vitals
-    result.vitals = await collectCoreWebVitals(browser);
-    // 4. Collect framework & re-render analysis (includes interaction tests that
-    //    also generate real API calls captured by the network tracker)
-    if (runReactScan) {
-        result.react = await collectReactScanResults(browser);
-    }
-    // 5. Collect network analysis AFTER interactions so API calls are captured
-    result.network = (await collectNetworkAnalysis(browser)) ?? undefined;
-    // 5. Run deep performance audit (in separate Chrome, parallel-safe)
-    if (runLighthouse) {
-        const lhResult = await runLighthouseAudit(url, lighthouseOutputDir);
-        if (lhResult) {
-            result.scores = lhResult.scores;
-            result.lighthouse = lhResult.scores; // backwards compat
-            if (lhResult.reportPath)
-                result.lighthouseReportPath = lhResult.reportPath;
-        }
-    }
-    return result;
-}
-//# sourceMappingURL=audit.js.map
+export async function injectVitalsObserver(e){try{await e.evaluate("(function(){\n    if(window.__slapifyVitals) return;\n    window.__slapifyVitals = { fcp: null, lcp: null, cls: 0, observed: false };\n    try {\n      var fcpObs = new PerformanceObserver(function(list){\n        var e = list.getEntriesByName('first-contentful-paint')[0];\n        if(e) window.__slapifyVitals.fcp = Math.round(e.startTime);\n      });\n      fcpObs.observe({ type: 'paint', buffered: true });\n\n      var lcpObs = new PerformanceObserver(function(list){\n        var entries = list.getEntries();\n        if(entries.length) window.__slapifyVitals.lcp = Math.round(entries[entries.length-1].startTime);\n      });\n      lcpObs.observe({ type: 'largest-contentful-paint', buffered: true });\n\n      var clsObs = new PerformanceObserver(function(list){\n        list.getEntries().forEach(function(e){\n          if(!e.hadRecentInput) window.__slapifyVitals.cls += e.value;\n        });\n      });\n      clsObs.observe({ type: 'layout-shift', buffered: true });\n\n      window.__slapifyVitals.observed = true;\n    } catch(err) {}\n  })()")}catch{}}export async function collectCoreWebVitals(e){try{const t=await e.evaluate("(function(){\n    var v = window.__slapifyVitals || {};\n    var nav = performance.getEntriesByType('navigation')[0] || {};\n    return JSON.stringify({\n      fcp:  v.fcp  || null,\n      lcp:  v.lcp  || null,\n      cls:  v.cls != null ? +v.cls.toFixed(4) : null,\n      ttfb: nav.responseStart ? Math.round(nav.responseStart) : null,\n      domContentLoaded: nav.domContentLoadedEventEnd ? Math.round(nav.domContentLoadedEventEnd) : null,\n      loadComplete: nav.loadEventEnd ? Math.round(nav.loadEventEnd) : null\n    });\n  })()"),n=t.startsWith('"')?JSON.parse(t):t,r=JSON.parse(n),a={};return null!=r.fcp&&(a.fcp=r.fcp),null!=r.lcp&&(a.lcp=r.lcp),null!=r.cls&&(a.cls=r.cls),null!=r.ttfb&&(a.ttfb=r.ttfb),null!=r.domContentLoaded&&(a.domContentLoaded=r.domContentLoaded),null!=r.loadComplete&&(a.loadComplete=r.loadComplete),a}catch{return{}}}export async function injectNetworkTrackers(e){try{await e.evaluate("(function(){\n    if (window.__slapifyNet) return;\n    window.__slapifyNet = { requests: [], longTasks: [] };\n\n    // ── fetch interceptor ──────────────────────────────────────────────────\n    var _fetch = window.fetch;\n    window.fetch = function(input, init) {\n      var url = '';\n      if (typeof input === 'string') url = input;\n      else if (input instanceof URL) url = input.href;\n      else if (input && input.url) url = input.url;\n      url = url.slice(0, 300);\n      var method = (init && init.method) || (input && input.method) || 'GET';\n      var t0 = performance.now();\n      return _fetch.apply(this, arguments)\n        .then(function(r) {\n          window.__slapifyNet.requests.push({ url: url, method: method.toUpperCase(), status: r.status, duration: Math.round(performance.now()-t0), type: 'fetch', failed: r.status >= 400 });\n          return r;\n        })\n        .catch(function(e) {\n          window.__slapifyNet.requests.push({ url: url, method: method.toUpperCase(), status: 0, duration: Math.round(performance.now()-t0), type: 'fetch', failed: true });\n          throw e;\n        });\n    };\n\n    // ── XHR interceptor ───────────────────────────────────────────────────\n    var _open = XMLHttpRequest.prototype.open;\n    var _send = XMLHttpRequest.prototype.send;\n    XMLHttpRequest.prototype.open = function(m, u) {\n      this.__slapM = m; this.__slapU = (u||'').toString().slice(0,300);\n      return _open.apply(this, arguments);\n    };\n    XMLHttpRequest.prototype.send = function() {\n      var self = this, t0 = performance.now();\n      this.addEventListener('loadend', function() {\n        window.__slapifyNet.requests.push({ url: self.__slapU||'', method: (self.__slapM||'GET').toUpperCase(), status: self.status, duration: Math.round(performance.now()-t0), type: 'xhr', failed: self.status >= 400 || self.status === 0 });\n      });\n      return _send.apply(this, arguments);\n    };\n\n    // ── Long task observer ────────────────────────────────────────────────\n    try {\n      var obs = new PerformanceObserver(function(list) {\n        list.getEntries().forEach(function(e) {\n          window.__slapifyNet.longTasks.push({ duration: Math.round(e.duration), startTime: Math.round(e.startTime) });\n        });\n      });\n      obs.observe({ type: 'longtask', buffered: true });\n    } catch(e) {}\n  })()")}catch{}}export async function collectNetworkAnalysis(e){try{const t=await e.evaluate("(function(){\n    // Resource timing — all loaded files\n    var resources = [];\n    try {\n      performance.getEntriesByType('resource').forEach(function(e) {\n        resources.push({\n          url: e.name.slice(0, 300),\n          type: e.initiatorType || 'other',\n          size: e.transferSize || 0,\n          encodedSize: e.encodedBodySize || 0,\n          duration: Math.round(e.duration),\n          renderBlocking: e.renderBlockingStatus === 'blocking'\n        });\n      });\n    } catch(e) {}\n\n    var net = window.__slapifyNet || { requests: [], longTasks: [] };\n\n    // Memory\n    var memMB = null;\n    try { if (performance.memory) memMB = +(performance.memory.usedJSHeapSize / 1048576).toFixed(1); } catch(e){}\n\n    return JSON.stringify({ resources: resources, requests: net.requests, longTasks: net.longTasks, memMB: memMB });\n  })()"),n=t.startsWith('"')?JSON.parse(t):t,r=JSON.parse(n),a=r.resources||[],i=r.requests||[],s=r.longTasks||[];let o=0,l=0,c=0,u=0,d=0;for(const e of a)o+=e.size||0,"script"===e.type?l+=e.size||0:"css"===e.type||"link"===e.type?c+=e.size||0:"img"!==e.type&&"image"!==e.type||(u+=e.size||0),e.renderBlocking&&d++;const f=[...a].sort((e,t)=>(t.size||0)-(e.size||0)).slice(0,10),p=i.filter(e=>e.duration>=500),w=i.filter(e=>e.failed),h=s.reduce((e,t)=>e+t.duration,0),m={totalRequests:a.length,totalBytes:o,jsBytes:l,cssBytes:c,imageBytes:u,renderBlockingCount:d,heaviestResources:f,apiCalls:i,slowApiCalls:p,failedApiCalls:w,longTasks:s,totalBlockingMs:h};return null!=r.memMB&&(m.memoryMB=r.memMB),m}catch{return null}}const e="(function(){\n  // 1. React fiber on DOM nodes — works for ALL production React builds including Next.js App Router.\n  //    Scan a broad set of elements; fibers are attached to every rendered node.\n  var els = document.querySelectorAll('*');\n  var limit = Math.min(els.length, 200);\n  for(var i = 0; i < limit; i++) {\n    var el = els[i];\n    // Only check elements that likely have React attached (skip pure HTML/SVG with no properties)\n    var keys;\n    try { keys = Object.keys(el); } catch(e) { continue; }\n    for(var j = 0; j < keys.length; j++) {\n      var k = keys[j];\n      if(k.startsWith('__reactFiber') || k.startsWith('__reactProps') || k.startsWith('__reactInternalInstance') || k.startsWith('__reactEventHandlers')) {\n        // Detect Next.js via global markers while we're at it\n        var framework = (window.__NEXT_DATA__ || window.__next_f || window.next) ? 'Next.js' : 'React';\n        return JSON.stringify({ detected: true, framework: framework, version: null });\n      }\n    }\n  }\n\n  // 2. Next.js globals — Pages Router (__NEXT_DATA__), App Router (__next_f streaming chunks)\n  if(window.__NEXT_DATA__) return JSON.stringify({ detected: true, framework: 'Next.js (Pages)', version: null });\n  if(window.__next_f || (Array.isArray(window.nd) && window.nd.length)) return JSON.stringify({ detected: true, framework: 'Next.js (App Router)', version: null });\n\n  // 3. _next/static script tags — present on every Next.js deployment\n  var scripts = document.querySelectorAll('script[src*=\"/_next/static\"]');\n  if(scripts.length > 0) return JSON.stringify({ detected: true, framework: 'Next.js', version: null });\n\n  // 4. DevTools hook with active renderers (dev mode or React DevTools extension)\n  var hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;\n  if(hook && hook.renderers && hook.renderers.size > 0)\n    return JSON.stringify({ detected: true, framework: 'React', version: null });\n\n  // 5. window.React (dev builds / CRA / explicit exposure)\n  if(window.React) return JSON.stringify({ detected: true, framework: 'React', version: window.React.version || null });\n\n  // 6. Legacy attributes\n  if(document.querySelector('[data-reactroot],[data-reactid]'))\n    return JSON.stringify({ detected: true, framework: 'React (legacy)', version: null });\n\n  return JSON.stringify({ detected: false, framework: null, version: null });\n})()";export async function injectReactScan(t){const n=`(function(){\n    // Always re-detect; do not skip based on prior state — prior detection\n    // might have been a false negative from an old browser session.\n    var raw = ${e};\n    var info = JSON.parse(typeof raw === 'string' ? raw : '{"detected":false}');\n    window.__reactDetection = info;\n    if(!info.detected) return;\n\n    // Only inject react-scan once per page load\n    if(window.__reactScanInjected) return;\n    window.__reactScanInjected = true;\n\n    var s = document.createElement('script');\n    s.src = 'https://unpkg.com/react-scan/dist/auto.global.js';\n    s.onload = function(){\n      try {\n        if(window.reactScan) window.reactScan.setOptions({ enabled: true, showToolbar: false });\n      } catch(e) {}\n    };\n    document.head.appendChild(s);\n  })()`;try{await t.evaluate(n)}catch{}}export async function collectReactScanResults(t){const n=`(function(){\n    var raw = ${e};\n    var detection = JSON.parse(typeof raw === 'string' ? raw : '{"detected":false}');\n    return JSON.stringify({\n      isReact: detection.detected,\n      framework: detection.framework || null,\n      reactVersion: detection.version || (window.React && window.React.version) || null,\n      scanAvailable: !!(window.reactScan && window.reactScan.getReport)\n    });\n  })()`;try{const e=await t.evaluate(n),r=e.startsWith('"')?JSON.parse(e):e,a=JSON.parse(r);if(!a.isReact)return{detected:!1,issues:[]};const i={detected:!0,version:a.reactVersion||(a.framework?`(${a.framework})`:void 0),issues:[]};if(a.scanAvailable){const e="(function(){\n        try {\n          var report = window.reactScan.getReport();\n          if(!report) return 'null';\n          var issues = [];\n          report.forEach(function(v, k){\n            if(v.count > 2) {\n              issues.push({ component: k, renderCount: v.count, avgMs: v.time ? +(v.time/v.count).toFixed(1) : null });\n            }\n          });\n          issues.sort(function(a,b){ return b.renderCount - a.renderCount; });\n          return JSON.stringify(issues.slice(0, 20));\n        } catch(e) { return '[]'; }\n      })()";try{const n=await t.evaluate(e),r=n.startsWith('"')?JSON.parse(n):n;i.issues=JSON.parse(r)||[]}catch{}}const s=await async function(e){const t=[];let n=[];try{const t=await e.evaluate("(function(){\n    window.__slapifyMutCount = 0;\n    if (window.__slapifyMutObs) { try { window.__slapifyMutObs.disconnect(); } catch(e){} }\n    window.__slapifyMutObs = new MutationObserver(function(records) {\n      records.forEach(function(r) {\n        window.__slapifyMutCount += r.addedNodes.length + r.removedNodes.length + (r.type === 'attributes' ? 1 : 0);\n      });\n    });\n    window.__slapifyMutObs.observe(document.documentElement, { childList: true, subtree: true, attributes: true, characterData: false });\n\n    var seen = {};\n    var found = [];\n    var selectors = 'button:not([type=\"submit\"]):not([disabled]), [role=\"tab\"], [role=\"button\"]:not(a), [aria-expanded]';\n    document.querySelectorAll(selectors).forEach(function(el) {\n      var rect = el.getBoundingClientRect();\n      if (el.offsetParent !== null && rect.width > 20 && rect.height > 10) {\n        var label = ((el.textContent || el.getAttribute('aria-label') || el.getAttribute('title') || '')).replace(/\\s+/g, ' ').trim().slice(0, 40);\n        if (label && !seen[label]) {\n          seen[label] = true;\n          found.push(label);\n        }\n      }\n    });\n    window.__slapifyInteractables = found.slice(0, 6);\n    return JSON.stringify(window.__slapifyInteractables);\n  })()"),r=t.startsWith('"')?JSON.parse(t):t;n=JSON.parse(r)||[]}catch{return t}for(let r=0;r<n.length;r++)try{if(await e.evaluate("(function(){ window.__slapifyMutCount = 0; return 'ok'; })()"),!(await e.evaluate(`(function(){\n          var label = window.__slapifyInteractables[${r}];\n          var selectors = 'button:not([type="submit"]):not([disabled]), [role="tab"], [role="button"]:not(a), [aria-expanded]';\n          var target = Array.from(document.querySelectorAll(selectors)).find(function(el) {\n            var t = ((el.textContent || el.getAttribute('aria-label') || el.getAttribute('title') || '')).replace(/\\s+/g, ' ').trim().slice(0, 40);\n            return t === label;\n          });\n          if (!target) return 'not_found';\n          try { target.click(); return 'clicked'; } catch(e) { return 'error'; }\n        })()`)).includes("clicked"))continue;await new Promise(e=>setTimeout(e,800));const a=await e.evaluate("(function(){ return String(window.__slapifyMutCount || 0); })()"),i=parseInt(a.replace(/\D/g,""))||0;t.push({action:`Clicked: ${n[r]}`,mutations:i,flagged:i>50})}catch{}try{await e.evaluate("(function(){ if(window.__slapifyMutObs){ window.__slapifyMutObs.disconnect(); window.__slapifyMutObs=null; } return 'ok'; })()")}catch{}return t}(t);return(s??[]).length>0&&(i.interactionTests=s),i}catch{return null}}export async function runLighthouseAudit(e,t){try{const{default:n}=await import("lighthouse"),{launch:r}=await import("chrome-launcher"),a=await r({chromeFlags:["--headless=new","--no-sandbox","--disable-gpu"]});try{const r=await n(e,{port:a.port,output:t?["json","html"]:"json",logLevel:"error",onlyCategories:["performance","accessibility","best-practices","seo"],skipAudits:["screenshot-thumbnails","final-screenshot"]});if(!r?.lhr)return null;const i=r.lhr,s=i.categories??{},o=i.audits??{},l={performance:Math.round(100*(s.performance?.score??0)),accessibility:Math.round(100*(s.accessibility?.score??0)),bestPractices:Math.round(100*(s["best-practices"]?.score??0)),seo:Math.round(100*(s.seo?.score??0)),fcp:null!=o["first-contentful-paint"]?.numericValue?Math.round(o["first-contentful-paint"].numericValue):void 0,lcp:null!=o["largest-contentful-paint"]?.numericValue?Math.round(o["largest-contentful-paint"].numericValue):void 0,cls:null!=o["cumulative-layout-shift"]?.numericValue?+o["cumulative-layout-shift"].numericValue.toFixed(4):void 0,tbt:null!=o["total-blocking-time"]?.numericValue?Math.round(o["total-blocking-time"].numericValue):void 0,speedIndex:null!=o["speed-index"]?.numericValue?Math.round(o["speed-index"].numericValue):void 0,tti:null!=o.interactive?.numericValue?Math.round(o.interactive.numericValue):void 0};let c;if(t&&r.report){const{default:n}=await import("fs"),{default:a}=await import("path");n.mkdirSync(t,{recursive:!0});const i=(Array.isArray(r.report)?r.report:[r.report]).find(e=>e.startsWith("<!"));if(i){const r=new URL(e).hostname.replace(/\./g,"-");c=a.join(t,`lighthouse-${r}-${Date.now()}.html`),n.writeFileSync(c,i)}}return{scores:l,reportPath:c}}finally{await a.kill()}}catch{return null}}export async function runPerfAudit(e,t,n={}){const{lighthouse:r=!0,reactScan:a=!0,settleMs:i=2e3,lighthouseOutputDir:s,navigate:o=!0}=n;o&&(await t.navigate(e),await new Promise(e=>setTimeout(e,500)));const l={url:e,auditedAt:(new Date).toISOString(),vitals:{},scores:null,react:null};if(await injectVitalsObserver(t),await injectNetworkTrackers(t),a&&await injectReactScan(t),await new Promise(e=>setTimeout(e,i)),l.vitals=await collectCoreWebVitals(t),a&&(l.react=await collectReactScanResults(t)),l.network=await collectNetworkAnalysis(t)??void 0,r){const t=await runLighthouseAudit(e,s);t&&(l.scores=t.scores,l.lighthouse=t.scores,t.reportPath&&(l.lighthouseReportPath=t.reportPath))}return l}