Something went wrong. Try again.
Monorepo for Aesthetic.Computer aesthetic.computer
Something went wrong. Try again.
4.7 kB · 129 lines
JavaScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130#!/usr/bin/env node// measure-auth.mjs - Measure auth0/session timing via CDP// Usage: node webmeister/measure-auth.mjs [url]// Default URL: https://localhost:8888
import { PageController, listPages } from "./browser.mjs";
const targetUrl = process.argv[2] || "localhost:8888";
async function measureAuthTiming() { console.log("🔍 Looking for pages..."); try { const pages = await listPages(); console.log("\n📋 Available pages:"); pages.forEach(p => console.log(` [${p.index}] ${p.title} - ${p.url}`)); // Find the aesthetic.computer page const acPage = pages.find(p => p.url.includes(targetUrl) || p.url.includes("aesthetic.computer")); if (!acPage) { console.log(`\n❌ No page found matching "${targetUrl}"`); console.log(" Try opening https://localhost:8888 in VS Code's browser first."); process.exit(1); } console.log(`\n🎯 Connecting to: ${acPage.title} (${acPage.url})`); const ctrl = await PageController.connect(acPage.url); // Wait a moment for boot to complete await ctrl.wait(500); // Check if acAuthTiming exists const hasAuthTiming = await ctrl.eval(() => typeof window.acAuthTiming !== "undefined"); if (!hasAuthTiming) { console.log("\n⚠️ window.acAuthTiming not found - page may not have finished loading"); console.log(" Try refreshing the page and running this script again."); await ctrl.close(); process.exit(1); } // Get the auth timing data const timing = await ctrl.eval(() => { const t = window.acAuthTiming; t.computeDurations(); return { bootStart: t.bootStart, auth0ScriptLoadStart: t.auth0ScriptLoadStart, auth0ScriptLoadEnd: t.auth0ScriptLoadEnd, auth0ClientCreateStart: t.auth0ClientCreateStart, auth0ClientCreateEnd: t.auth0ClientCreateEnd, isAuthenticatedStart: t.isAuthenticatedStart, isAuthenticatedEnd: t.isAuthenticatedEnd, getTokenStart: t.getTokenStart, getTokenEnd: t.getTokenEnd, getUserStart: t.getUserStart, getUserEnd: t.getUserEnd, userExistsFetchStart: t.userExistsFetchStart, userExistsFetchEnd: t.userExistsFetchEnd, sessionStartedSent: t.sessionStartedSent, durations: t.durations, }; }); // Get the boot timings too const bootTimings = await ctrl.eval(() => window._bootTimings || []); console.log("\n" + "=".repeat(60)); console.log("📊 AUTH0 TIMING BREAKDOWN"); console.log("=".repeat(60)); const d = timing.durations; const fmt = (ms) => ms ? `${ms.toFixed(0)}ms` : "N/A"; console.log(` Script Load: ${fmt(d.scriptLoad)} Client Create: ${fmt(d.clientCreate)} isAuthenticated: ${fmt(d.isAuthenticated)} getTokenSilently: ${fmt(d.getToken)} getUser: ${fmt(d.getUser)} userExists fetch: ${fmt(d.userExistsFetch)} ───────────────────────────────── Total to session:started: ${fmt(d.totalToSessionStarted)}`); // Calculate time from boot start if (timing.bootStart && timing.sessionStartedSent) { const relativeStart = timing.auth0ScriptLoadStart - timing.bootStart; const relativeEnd = timing.sessionStartedSent - timing.bootStart; console.log(` Auth0 started at: +${relativeStart.toFixed(0)}ms from boot`); console.log(` session:started sent at: +${relativeEnd.toFixed(0)}ms from boot`); } console.log("\n" + "=".repeat(60)); console.log("📋 BOOT LOG TIMELINE"); console.log("=".repeat(60)); bootTimings.forEach(t => { console.log(` +${t.elapsed}ms: ${t.message}`); }); // Get overall boot time const perfTimings = await ctrl.eval(() => window.acPerfTimings); if (perfTimings?.boot) { const bootKeys = Object.keys(perfTimings.boot).filter(k => k !== 'start'); if (bootKeys.length > 0) { console.log("\n" + "=".repeat(60)); console.log("⏱️ PERF MILESTONES"); console.log("=".repeat(60)); const bootStart = perfTimings.boot.start; bootKeys.forEach(k => { const elapsed = perfTimings.boot[k] - bootStart; console.log(` ${k}: +${elapsed.toFixed(0)}ms`); }); } } await ctrl.close(); console.log("\n✅ Done!\n"); } catch (err) { console.error("\n❌ Error:", err.message); console.error(" Make sure VS Code's browser is connected to CDP on port 9222"); process.exit(1); }}
measureAuthTiming();